.sv3d-tilt{position:relative;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;will-change:transform}.sv3d-tilt.is-tilting{transition:transform .08s linear,box-shadow .3s;box-shadow:0 40px 90px #0e100d47}.sv3d-glare{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;z-index:3;mix-blend-mode:soft-light;transition:background .2s}.sv3d .sv-hero__media:not(.is-tilting){transform:perspective(1000px) rotateX(var(--sv3d-rx,0deg))}.sv3d .sv-hero__media>img,.sv3d .sv-hero__media>video{transform:scale(1.06);transition:transform .1s linear;will-change:transform}.sv3d .sv-hero__badge{transform:translateZ(60px);animation:sv3d-float 5s ease-in-out infinite}@keyframes sv3d-float{0%,to{translate:0 0}50%{translate:0 -10px}}.sv3d .sv3d-rv{opacity:0;transform:perspective(900px) translateY(46px) rotateX(14deg);transform-origin:50% 100%;transition:opacity .8s cubic-bezier(.2,.7,.2,1) var(--sv3d-delay,0ms),transform .9s cubic-bezier(.2,.7,.2,1) var(--sv3d-delay,0ms)}.sv3d .sv3d-rv.sv3d-in{opacity:1;transform:none}.sv3d .sv3d-rv.sv3d-tilt.sv3d-in{transform:none}.sv-vids{background:var(--sv-ink);color:var(--sv-on-dark);overflow:hidden;position:relative}.sv-vids:before{content:"";position:absolute;inset:-30% -10% auto;height:70%;background:radial-gradient(ellipse at 50% 0,#8ed14b38,#8ed14b00 65%);pointer-events:none}.sv-vids .sv-wrap{position:relative}.sv-vids__head{max-width:680px;margin:0 0 36px}.sv-vids__head .sv-h2{color:#fff}.sv-vids__head p{margin:0;color:#eef0eabf;font:600 17px/1.55 var(--sv-font)}.sv-vids__row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 18px;scrollbar-width:none;perspective:1400px}.sv-vids__row::-webkit-scrollbar{display:none}.sv-vids__card{position:relative;aspect-ratio:9/16;border-radius:var(--sv-radius);overflow:hidden;background:#1a1d17;scroll-snap-align:start;cursor:pointer;box-shadow:0 0 0 1px #8ed14b2e,0 24px 60px #00000073;isolation:isolate}.sv-vids__card video,.sv-vids__card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.sv-vids__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#080a0800 45%,#080a08e0);z-index:1;pointer-events:none}.sv-vids__tag{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:#0e100db8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--sv-lime);font:800 11px/1 var(--sv-font);letter-spacing:.12em;text-transform:uppercase}.sv-vids__tag:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sv-lime);box-shadow:0 0 #8ed14bb3;animation:sv3d-pulse 1.8s infinite}@keyframes sv3d-pulse{0%{box-shadow:0 0 #8ed14b99}70%{box-shadow:0 0 0 8px #8ed14b00}to{box-shadow:0 0 #8ed14b00}}.sv-vids__body{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:18px 18px 20px;transform:translateZ(40px)}.sv-vids__body h3{margin:0 0 6px;color:#fff;font:800 20px/1.15 var(--sv-font);letter-spacing:-.01em}.sv-vids__body p{margin:0;color:#eef0eacc;font:600 14px/1.45 var(--sv-font)}.sv-vids__play{position:absolute;top:50%;left:50%;z-index:2;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:#0e100d99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;opacity:0;transition:opacity .25s;pointer-events:none}.sv-vids__play:before{content:"";margin-left:5px;border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent #fff}.sv-vids__card.is-paused .sv-vids__play{opacity:1}.sv-vids__cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:22px}.sv-vids__cta span{color:#eef0eab3;font:600 14px/1.4 var(--sv-font)}@media(min-width:990px){.sv-vids__row{grid-auto-flow:row;grid-template-columns:repeat(var(--sv-vids-cols,4),1fr);overflow:visible}}@media(max-width:989px){.sv-vids__row{grid-auto-columns:68vw;margin:0 -20px;padding-left:20px;padding-right:20px;scroll-padding-left:20px}}@media(prefers-reduced-motion:reduce){.sv-vids__tag:before,.sv3d .sv-hero__badge{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/sv-3d.css.map */