.model-card{--card-offset:calc(40px + var(--f7-safe-area-left) + var(--f7-safe-area-right));--card-width:calc(100% - var(--f7-safe-area-left) - var(--f7-safe-area-right) - 40px)}.model-card .card-close-button{top:calc(16px + var(--f7-safe-area-top));right:calc(var(--f7-card-content-padding-horizontal) + var(--f7-safe-area-right));position:absolute}.model-card .media-list{margin-top:0!important}.model-card.invert-text,.model-card .card-background{object-fit:cover;object-position:center;z-index:-1;width:100%;height:100%;transform:translateX(calc(-1 * var(--card-offset) / 2));background-color:#ccc;position:absolute;top:0;left:0}.model-card.card-opening .card-header,.model-card.card-opened .card-header{padding-top:calc(var(--f7-card-header-padding-vertical) + var(--f7-safe-area-top))}.model-card.card-opening,.model-card.card-closing,.model-card.card-transitioning{transition-duration:.3s}.model-card.card-opening .card-content,.model-card.card-opening .card-header{transition-duration:.35s}.model-card.card-closing .card-content,.model-card.card-closing .card-header,.model-card.card-opening .card-background,.model-card.card-opened .card-background,.model-card.card-closing .card-background{transition-duration:.4s}.model-card.card-opening .card-background,.model-card.card-opened .card-background{transform:translate(0)}.model-card .title{max-width:calc(340px - 2 * var(--f7-card-header-padding-horizontal))}.model-card .subtitle{max-width:calc(340px - 2 * var(--f7-card-header-padding-horizontal));font-weight:400;font-size:normal;line-height:.7}@media (width>=768px){.model-card{--card-offset:calc(675px - 200px + var(--f7-safe-area-left) + var(--f7-safe-area-right))}}