.stf-card{transition:transform .3s cubic-bezier(.4,0,.2,1);background:transparent}.stf-card--has-bg{padding:1.6rem;background:rgb(var(--color-card-background, var(--color-background)));border:1px solid rgba(var(--color-border),.1)}.stf-card__info{margin-block-end:1.6rem}.stf-card__avatar{width:4rem;height:4rem;border-radius:50%;border:2px solid rgb(var(--color-secondary-button));overflow:hidden;box-shadow:0 4px 10px #0000001a}.stf-card__media{border-radius:1.6rem;overflow:hidden;position:relative;background:#000;aspect-ratio:var(--aspect-ratio, 4/5)}.stf-card__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s ease}.stf-card:not(.is-playing) .stf-card__video{opacity:0}.stf-card__image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transition:opacity .5s ease}.stf-card.is-playing .stf-card__image{opacity:0;pointer-events:none;visibility:hidden}.stf-card__progress{position:absolute;top:1.25rem;left:1rem;right:1rem;height:4px!important;background:#ffffff40;border-radius:2px;z-index:30;overflow:hidden;opacity:0;transition:opacity .3s ease;pointer-events:none}.stf-card.is-playing .stf-card__progress{opacity:1}.stf-card__progress-inner{height:100%!important;width:0%;background:rgb(var(--color-button))!important;transition:width .1s linear;display:block;min-height:4px;display:block!important}.stf-card__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6.4rem;height:6.4rem;border-radius:50%;color:#fff!important;display:flex!important;align-items:center;justify-content:center;z-index:25;transition:all .3s ease;cursor:pointer!important;background:rgb(var(--color-button))!important;opacity:1;visibility:visible}.stf-card.is-playing .stf-card__play-button,.stf-card.is-loading .stf-card__play-button{opacity:0!important;visibility:hidden;pointer-events:none}.stf-card__mute-toggle{position:absolute;bottom:.8rem;right:.8rem;width:3rem;height:3rem;border-radius:50%;background:#0006;color:#fff!important;display:flex;align-items:center;justify-content:center;z-index:20;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:0}.stf-card__mute-toggle:hover{background:#0009;transform:scale(1.1)}.stf-card__mute-toggle svg{width:1.5rem;height:1.5rem}.stf-card .stf-card__icon-mute,.stf-card .stf-card__icon-unmute{display:none}.stf-card:not(.is-unmuted) .stf-card__icon-mute,.stf-card.is-unmuted .stf-card__icon-unmute{display:flex}.stf-card__shoppable-badge{position:absolute;top:2rem;right:1rem;background:rgba(var(--color-button),.9);color:rgb(var(--color-button-text));padding:.4rem 1rem;border-radius:.4rem;font-size:1rem;font-weight:700;text-transform:uppercase;z-index:10;display:flex;align-items:center;gap:.6rem;pointer-events:none;box-shadow:0 4px 12px #0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stf-card__shoppable-badge:before{content:"";width:.6rem;height:.6rem;border-radius:50%;background:#0f0;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.2);opacity:1}to{transform:scale(.9);opacity:.7}}.stf-card__footer{margin-block-start:1.2rem}.stf-card__product{padding:1rem;border-radius:1rem;background:rgba(var(--color-secondary-button),.05);border:1px solid rgba(var(--color-secondary-button),.1);transition:all .3s ease}.stf-card__product-media{width:4rem;height:4rem;border-radius:.4rem;overflow:hidden}.shop-the-feed__items.swiper-wrapper{display:flex!important;flex-wrap:nowrap!important}.shop-the-feed__items.swiper-wrapper .f-column{flex-shrink:0!important}.shop-the-feed .section__header a.btn{text-transform:none}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-card-shop-the-feed.css.map */