.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{width:6rem;aspect-ratio:1;color:rgb(var(--color-button-text));background-color:rgba(var(--color-button),.3)}.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}.shop-the-feed--instagram .stf-instagram-item{display:flex;justify-content:center}.shop-the-feed--instagram .stf-card__media{aspect-ratio:1 / 1;border-radius:50%;overflow:hidden}.shop-the-feed--instagram .stf-video-trigger{all:unset;cursor:pointer;width:250px;height:250px;overflow:hidden;border-radius:100%;padding:8px;display:flex;border:2px solid #D30023}@media(max-width:1000px){.shop-the-feed--instagram .stf-video-trigger{width:180px;height:180px}}.shop-the-feed--instagram .stf-video-trigger .stf-card__media{width:100%;height:100%}.stf-video-trigger--classic{all:unset;cursor:pointer;display:block;width:100%}.stf-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;justify-content:center;align-items:center}.stf-modal.show{display:flex}.stf-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:block!important}.stf-modal__content{position:relative;max-width:70vw;max-height:70vh;margin:5vh auto;background:#000;border-radius:12px;overflow:hidden}.stf-modal__video-wrapper video{max-width:70vw;max-height:70vh}.stf-modal__close{position:absolute;top:8px;right:8px;background:#fff;border-radius:50%;width:32px;height:32px;cursor:pointer;z-index:1;padding:0;border:0}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-card-shop-the-feed.css.map */