.fv{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:10px;background-color:rgba(var(--color-foreground),.04);border:1px solid rgba(var(--color-border),.1);overflow:clip;container-type:inline-size}.fv--conversion{display:flex;align-items:flex-end;justify-content:center;gap:12%;padding:14% 16%}.fv-bar{position:relative;flex:1 1 0;height:var(--h);border-radius:4px 4px 2px 2px;background-color:rgba(var(--color-foreground),.16);transform-origin:bottom center}.fv-bar--win{background-color:rgb(var(--color-accent))}.fv-check{position:absolute;inset-block-start:-22%;inset-inline-start:50%;translate:-50% 0;width:12px;height:12px;border-radius:50%;background-color:rgb(var(--color-accent));opacity:0}.fv--product{display:flex;flex-direction:column;gap:5%;padding:8%}.fv-media{height:34%;border-radius:6px;background:radial-gradient(90% 80% at 30% 20%,rgba(var(--color-accent),.2),transparent 65%),rgba(var(--color-foreground),.08)}.fv-lines{display:flex;flex-direction:column;gap:4px}.fv-lines span{height:5px;border-radius:3px;background-color:rgba(var(--color-foreground),.13)}.fv-lines span:first-child{width:62%}.fv-lines span:last-child{width:38%}.fv-opt{display:flex;align-items:center;gap:6px;padding:4px 6px;border:1px solid rgba(var(--color-border),.16);border-radius:5px}.fv-opt i{width:8px;height:8px;border:1.5px solid rgba(var(--color-foreground),.3);border-radius:50%;flex:0 0 auto}.fv-opt span{flex:1 1 auto;height:4px;border-radius:2px;background-color:rgba(var(--color-foreground),.13)}.fv-opt b{font-size:9px;font-weight:700;color:rgb(var(--color-accent));opacity:0}.fv--blocks{display:flex;flex-direction:column;gap:6px;padding:10%}.fv-block{height:13px;border-radius:4px;background-color:rgba(var(--color-foreground),.12)}.fv-block--new{background-color:rgb(var(--color-accent));opacity:0}.fv-slot{height:13px;border:1px dashed rgba(var(--color-border),.3);border-radius:4px}.fv--mobile{display:grid;place-items:center;padding:10%}.fv-screen{width:46%;height:78%;padding:7%;border-radius:6px;border:1.5px solid rgba(var(--color-border),.22);background-color:rgb(var(--color-card));display:flex;flex-direction:column;gap:6px;transform:scaleX(2.17);transform-origin:center}.fv-screen__bar{height:5px;width:50%;border-radius:3px;background-color:rgba(var(--color-foreground),.2)}.fv-screen__grid{display:flex;gap:5px;flex:1 1 auto}.fv-screen__grid span{flex:1 1 0;border-radius:4px;background-color:rgba(var(--color-foreground),.08)}.fv--editor{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding:9%}.fv-panel{display:flex;flex-direction:column;gap:7px;justify-content:center}.fv-row{height:5px;border-radius:3px;background-color:rgba(var(--color-foreground),.13)}.fv-row--short{width:60%}.fv-slider{position:relative;height:4px;border-radius:3px;background-color:rgba(var(--color-foreground),.13)}.fv-slider i{position:absolute;inset-block-start:50%;inset-inline-start:12%;width:11px;height:11px;border-radius:50%;background-color:rgb(var(--color-accent));transform:translate(-50%,-50%)}.fv-preview{display:grid;place-items:center;border-radius:6px;background-color:rgba(var(--color-foreground),.05)}.fv-preview__box{width:86%;height:62%;border-radius:5px;background-color:rgba(var(--color-foreground),.2);transform:scale(.67)}.fv--performance{display:grid;place-items:end center;padding:12% 16% 16%}.fv-gauge{width:84%;overflow:visible}.fv-gauge__track{stroke:rgba(var(--color-foreground),.12)}.fv-gauge__fill{stroke:rgb(var(--color-accent));stroke-dasharray:132;stroke-dashoffset:132}.fv-needle{position:absolute;inset-block-end:16%;inset-inline-start:50%;width:2px;height:26%;border-radius:2px;background-color:rgb(var(--color-foreground));transform-origin:bottom center;rotate:-72deg}@keyframes fv-grow{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}@keyframes fv-appear{to{opacity:1}}@keyframes fv-pick{to{border-color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.05)}}@keyframes fv-dot{to{background-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 2px rgb(var(--color-card))}}@keyframes fv-drop{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes fv-narrow{0%,25%{transform:scaleX(2.17)}70%,to{transform:scaleX(1)}}@keyframes fv-slide{0%,20%{transform:translate(-50%,-50%)}70%,to{transform:translate(calc(-50% + 29cqw),-50%)}}@keyframes fv-resize{0%,20%{transform:scale(.67)}70%,to{transform:scale(1)}}@keyframes fv-sweep{to{stroke-dashoffset:34}}@keyframes fv-needle{to{rotate:46deg}}@media(prefers-reduced-motion:no-preference){.is-in .fv--conversion .fv-bar--win,.sales-features__card:hover .fv--conversion .fv-bar--win{animation:fv-grow .7s cubic-bezier(.34,1.3,.64,1) both}.is-in .fv--conversion .fv-check,.sales-features__card:hover .fv--conversion .fv-check{animation:fv-appear .3s ease .55s both}.is-in .fv--product .fv-opt--pick,.sales-features__card:hover .fv--product .fv-opt--pick{animation:fv-pick .4s ease .35s both}.is-in .fv--product .fv-opt--pick i,.sales-features__card:hover .fv--product .fv-opt--pick i{animation:fv-dot .4s ease .35s both}.is-in .fv--product .fv-opt--pick b,.sales-features__card:hover .fv--product .fv-opt--pick b{animation:fv-appear .3s ease .6s both}.is-in .fv--blocks .fv-block--new,.sales-features__card:hover .fv--blocks .fv-block--new{animation:fv-drop .5s cubic-bezier(.34,1.3,.64,1) .25s both}.is-in .fv--mobile .fv-screen,.sales-features__card:hover .fv--mobile .fv-screen{animation:fv-narrow 2.4s ease-in-out both}.is-in .fv--editor .fv-slider i,.sales-features__card:hover .fv--editor .fv-slider i{animation:fv-slide 2.2s ease-in-out both}.is-in .fv--editor .fv-preview__box,.sales-features__card:hover .fv--editor .fv-preview__box{animation:fv-resize 2.2s ease-in-out both}.is-in .fv--performance .fv-gauge__fill,.sales-features__card:hover .fv--performance .fv-gauge__fill{animation:fv-sweep 1.1s cubic-bezier(.22,.61,.36,1) .2s both}.is-in .fv--performance .fv-needle,.sales-features__card:hover .fv--performance .fv-needle{animation:fv-needle 1.1s cubic-bezier(.22,.61,.36,1) .2s both}}@media(prefers-reduced-motion:reduce){.fv--conversion .fv-check,.fv--product .fv-opt--pick b,.fv--blocks .fv-block--new{opacity:1}.fv--product .fv-opt--pick{border-color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.05)}.fv--performance .fv-gauge__fill{stroke-dashoffset:34}.fv--performance .fv-needle{rotate:46deg}.fv--mobile .fv-screen{transform:scaleX(1.3)}.fv--editor .fv-preview__box{transform:scale(1)}.fv--editor .fv-slider i{transform:translate(calc(-50% + 29cqw),-50%)}}@media(max-width:749px){.fv--mobile .fv-screen,.fv--editor .fv-slider i,.fv--editor .fv-preview__box{animation:none!important}.fv--mobile .fv-screen{transform:scaleX(1.3)}.fv--editor .fv-preview__box{transform:scale(1)}.fv--editor .fv-slider i{transform:translate(calc(-50% + 29cqw),-50%)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/feature-visuals.css.map */