.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}.stf-card__product-media{width:4rem}.stf-card--has-bg{padding:1.6rem}@media (max-width:767.98px){.stf-card__product{margin-block-start:1.2rem}.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}.stf-card__mute-btn{--buttons-height:3.6rem;position:absolute;bottom:1rem;right:1rem;z-index:20;opacity:0;pointer-events:none;transition:opacity .3s;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.stf-card.is-hovering .stf-card__mute-btn{opacity:1;pointer-events:auto}.stf-card__mute-btn .icon-speaker-slash,.stf-card__mute-btn[data-muted=true] .icon-speaker{display:none}.stf-card__mute-btn[data-muted=true] .icon-speaker-slash{display:block}