.vv-hero{padding-top:var(--vv-sec-pt, 16px);padding-bottom:var(--vv-sec-pb, 16px);margin-top:var(--vv-sec-mt, 0px);margin-bottom:var(--vv-sec-mb, 0px)}.vv-hero__wrap{width:100%}.vv-hero:not(.is-full) .vv-hero__wrap{width:min(var(--vv-hero-maxw, 1200px),92vw);margin:0 auto}.vv-hero.is-full .vv-hero__wrap{width:100%}.vv-hero__frame{position:relative;width:100%;height:var(--vv-hero-height, 75vh);min-height:460px;border-radius:var(--vv-hero-radius, 18px);overflow:hidden;transform:translateZ(0)}.vv-hero:not(.is-full) .vv-hero__frame{border:1px solid rgba(0,0,0,.08)}.vv-hero__track{position:absolute;top:0;right:0;bottom:0;left:0}.vv-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(1.03);transition:opacity .55s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1);will-change:opacity,transform}.vv-hero__slide.is-active{opacity:1;transform:scale(1)}.vv-hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.vv-hero__img,.vv-hero__video{width:100%;height:100%;object-fit:cover;display:block}.vv-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1200px 650px at 50% 50%,#00000057,#0000002e,#00000014);pointer-events:none}.vv-hero__placeholder{height:100%;display:flex;align-items:center;justify-content:center;font-weight:650;opacity:.7}.vv-hero__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#0000002e;color:#fff;font-size:26px;line-height:1;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .18s cubic-bezier(.2,.8,.2,1),background .18s cubic-bezier(.2,.8,.2,1)}.vv-hero__arrow:hover{transform:translateY(-50%) scale(1.05);background:#00000047}.vv-hero__arrow--prev{left:14px}.vv-hero__arrow--next{right:14px}.vv-hero__dots{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;gap:8px;z-index:6;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0000001f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.vv-hero__dot{width:10px;height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:transparent;cursor:pointer;opacity:.9;transition:transform .18s cubic-bezier(.2,.8,.2,1),background .18s cubic-bezier(.2,.8,.2,1)}.vv-hero__dot.is-active{background:#fff;transform:scale(1.2)}.vv-hero__card{position:absolute;z-index:7;left:var(--vv-card-x, 50%);top:var(--vv-card-y, 50%);transform:translate(-50%,-50%);width:min(var(--vv-card-w, 52%),var(--vv-card-maxw, 560px));padding:var(--vv-card-pad, 18px);border-radius:var(--vv-card-radius, 22px);color:var(--vv-text, #fff);border:1px solid rgba(255,255,255,var(--vv-card-border-opacity, .18));background:color-mix(in srgb,var(--vv-card-bg, #0b0b0c) calc(var(--vv-card-bg-opacity, .18) * 100%),transparent);backdrop-filter:blur(var(--vv-card-blur, 14px));-webkit-backdrop-filter:blur(var(--vv-card-blur, 14px));box-shadow:0 24px 70px #00000047}.vv-card-in{animation:vvCardIn .7s cubic-bezier(.2,.8,.2,1) both}@keyframes vvCardIn{0%{opacity:0;transform:translate(-50%,-50%) translateY(12px)}to{opacity:1;transform:translate(-50%,-50%) translateY(0)}}.vv-card-pop{animation:vvCardPop .28s cubic-bezier(.2,.8,.2,1) both}@keyframes vvCardPop{0%{transform:translate(-50%,-50%) scale(.985)}to{transform:translate(-50%,-50%) scale(1)}}.vv-hero__kicker{font-size:var(--vv-kicker-size, 12px);font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:var(--vv-muted, rgba(255,255,255,.85));margin-bottom:10px}.vv-hero__heading{margin:0 0 10px;font-size:clamp(22px,3.2vw,var(--vv-heading-size, 40px));line-height:1.04;letter-spacing:-.01em}.vv-hero__subheading{font-size:var(--vv-subheading-size, 14px);color:var(--vv-muted, rgba(255,255,255,.85));line-height:1.45;margin-bottom:10px}.vv-hero__body{font-size:var(--vv-body-size, 13px);color:var(--vv-muted, rgba(255,255,255,.82));line-height:1.5;margin-bottom:14px}.vv-hero__btn{display:inline-flex;align-items:center;gap:10px;padding:12px 14px;border-radius:999px;text-decoration:none;font-weight:750;background:var(--vv-btn-bg, #fff);color:var(--vv-btn-text, #0b0b0c);border:1px solid var(--vv-btn-border, #fff);transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s cubic-bezier(.2,.8,.2,1),filter .18s cubic-bezier(.2,.8,.2,1)}.vv-hero__btn:hover{transform:translateY(-1px);box-shadow:0 18px 50px #00000038;filter:brightness(1.02)}.vv-hero__btnchev{transform:translate(0);transition:transform .18s cubic-bezier(.2,.8,.2,1)}.vv-hero__btn:hover .vv-hero__btnchev{transform:translate(3px)}@media(max-width:989px){.vv-hero__frame{min-height:520px;border-radius:14px}.vv-hero__card{left:50%;top:auto;bottom:14px;transform:translate(-50%);width:calc(100% - 24px);max-width:640px}.vv-card-in,.vv-card-pop{animation:none!important}}@media(prefers-reduced-motion:reduce){.vv-hero__slide,.vv-hero__arrow,.vv-hero__dot,.vv-hero__btn{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/hero-viral-vault.css.map */