.stf-card__avatar{width:4rem}.stf-card__info{margin-block-end:1.2rem}.stf-card__product{--buttons-width: 3.2rem;margin-block-start:1.6rem}@media(max-width:767.98px){.stf-card__product{margin-block-start:1.2rem}}.stf-card__product-media{width:4rem}.stf-card--has-bg{padding:1.6rem}@media(max-width:767.98px){.stf-card--has-bg{padding:1.2rem}}.stf-card__play-button{top:50%;left:50%;transform:translate(-50%,-50%);width:6rem;aspect-ratio:1;color:rgb(var(--color-button-text));background-color:rgba(var(--color-button),.3)}.stf-card__media-trigger{padding:0;border:0;background:transparent;color:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;border-radius:inherit;display:block;width:100%;height:100%}.stf-card__media-trigger:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:-.3rem}.stf-card__video,.stf-card__video :is(iframe,video){pointer-events:none}.stf-card__media:has(.stf-card__media-trigger:focus-visible){outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.stf-card__image{opacity:1;transition:.55s cubic-bezier(.4,0,.2,1)}.stf-card__image img{width:100%;height:100%;object-fit:cover}.stf-card__video{opacity:0;transition:.55s cubic-bezier(.4,0,.2,1)}.stf-card.is-hovering:has(.stf-card__video[loaded]) .stf-card__video{opacity:1}.stf-card.is-hovering:has(.stf-card__video[loaded]) .stf-card__image{opacity:0}.stf-video-modal{--modal-width: min(96rem, calc(100vw - 3.2rem) )}.stf-video-modal .drawer__inner{width:var(--modal-width)}.stf-video-modal__body{padding:2rem;min-height:min(80vh,72rem)}@media(max-width:767.98px){.stf-video-modal{--modal-width: calc(100vw - 1.6rem) }.stf-video-modal__body{padding:1.6rem;min-height:auto}}.stf-video-modal__content:empty{display:none}.stf-video-modal__media{width:min(100%,96rem);margin:0 auto;aspect-ratio:var(--aspect-ratio, 16/9);border-radius:var(--blocks-radius, 1.2rem);overflow:hidden;background:rgb(var(--color-foreground))}.stf-video-modal__media--short{width:min(100%,42rem)}.stf-video-modal__media :is(iframe,video){width:100%;height:100%;display:block;border:0;object-fit:cover}
/*# sourceMappingURL=/cdn/shop/t/41/assets/component-card-shop-the-feed.css.map */