.vault-v2{--vault-accent:#D8B25A;position:relative;overflow:hidden;background:#050505;color:#fff}.vault-v2{min-height:100vh;display:flex;align-items:flex-end;position:relative}.vault-v2 .page-width{position:relative;z-index:5;width:100%}.vault-v2__background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.vault-v2__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.vault-v2__bg.mobile{display:block}.vault-v2__bg.desktop{display:none}.vault-v2__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#000000e0,#000000b8 30%,#00000073 55%,#00000026)}.vault-v2__hero{position:relative;z-index:10;display:flex;flex-direction:column;gap:18px;max-width:560px;padding-top:110px;padding-bottom:40px}.vault-v2__drop{display:inline-flex;width:max-content;padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--vault-accent);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.vault-v2__title{margin:0;font-size:48px;line-height:.95;font-weight:900;letter-spacing:-.04em;text-transform:uppercase;color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.35)}.vault-v2__description{max-width:470px;color:#ffffffb8;font-size:17px;line-height:1.7}.vault-v2__description p{margin:0}@media screen and (max-width:749px){.vault-v2{min-height:100svh}.vault-v2__hero{padding-top:95px;padding-bottom:28px}.vault-v2__title{font-size:36px}.vault-v2__description{font-size:15px}}.vault-v2__collectors{display:flex;align-items:center;gap:18px;margin-top:22px}.vault-v2__collector-icon{width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:var(--vault-accent);flex-shrink:0}.vault-v2__collector-icon svg{width:28px;height:28px}.vault-v2__collector-info{display:flex;flex-direction:column;align-items:flex-start}.vault-v2__count{display:flex;align-items:flex-end;gap:6px;line-height:1;color:#fff;width:max-content}.vault-v2__current{font-size:72px;font-weight:900}.vault-v2__divider{font-size:72px;font-weight:300}.vault-v2__maximum{font-size:72px;font-weight:400}.vault-v2__label{font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#ffffff8c;width:100%;align-self:stretch;padding-left:2px}.vault-v2__title{text-wrap:balance}.vault-v2__description{max-width:520px}.vault-v2__description strong{color:#fff}.vault-v2__description em{font-style:normal;color:var(--vault-accent)}.vault-v2__drop{transition:.35s ease}.vault-v2__drop:hover{border-color:#ffffff38;transform:translateY(-2px)}@media screen and (max-width:749px){.vault-v2__count{font-size:56px}.vault-v2__count small{margin-bottom:7px}}@media screen and (min-width:750px){.vault-v2__bg.desktop{display:block}.vault-v2__bg.mobile{display:none}.vault-v2__hero{min-height:78vh;justify-content:center;padding-top:120px;padding-bottom:180px}.vault-v2__title{font-size:82px;max-width:700px}.vault-v2__description{font-size:18px;max-width:560px}.vault-v2__count{font-size:88px}}.vault-v2__progress-card{position:relative;z-index:20;margin-bottom:40px;padding:28px;border-radius:28px;background:#0c0c0cc7;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:0 25px 70px #00000073,inset 0 1px #ffffff0a}.vault-v2__progress-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:34px}.vault-v2__eyebrow{display:block;font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#e4bf63}.vault-v2__progress-count{font-size:18px;font-weight:800;letter-spacing:.05em;color:#fff}.vault-v2__progress{position:relative;margin-top:8px;padding-top:12px;padding-bottom:70px}.vault-v2__bar{position:relative;width:100%;height:18px;border-radius:999px;overflow:visible;background:#1a1a1a;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 3px 10px #0000008c,inset 0 1px 1px #ffffff08}.vault-v2__fill{position:absolute;inset:0 auto 0 0;width:0;height:100%;display:block!important;border-radius:999px;overflow:hidden;background:linear-gradient(90deg,#f1c24a,#ffd867 45%,#f6c84f);box-shadow:0 0 10px #ffd66a26}.vault-v2__progress-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:#1a1a1a;border:5px solid #F0C75E;z-index:1000;pointer-events:none;box-shadow:0 0 14px #f0c75ebf,0 0 36px #f0c75e73}.vault-v2__progress-thumb:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;background:#232323}.vault-v2__milestones{display:grid;grid-template-columns:repeat(5,1fr);margin-top:24px;padding:0 22px;align-items:start}.vault-v2__milestone{display:flex;flex-direction:column;align-items:center;gap:10px;width:auto;height:auto;border:none;background:none;padding:0;cursor:pointer;pointer-events:auto;z-index:10;position:relative}.vault-v2__dot{width:16px;height:16px;border-radius:50%;background:#1c1c1c;border:2px solid rgba(255,255,255,.28);box-shadow:inset 0 0 4px #ffffff0d;transition:.3s}.vault-v2__milestone.is-unlocked .vault-v2__dot{background:#202020;border:2px solid #FFD76A;box-shadow:none}.vault-v2__value{margin-top:20px;font-size:22px;font-weight:800;line-height:1;color:#fff;letter-spacing:-.03em;white-space:nowrap}.vault-v2__value:after{content:"NEXT REWARD";display:block;margin-top:10px;font-size:11px;line-height:1.45;letter-spacing:.28em;text-transform:uppercase;color:#ffffff85}.vault-v2__milestone.is-unlocked .vault-v2__value:after{content:"UNLOCKED"}.vault-v2__numbers{display:flex;justify-content:space-between;margin-top:18px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffff6b}.vault-v2__numbers span{position:relative;transform:translate(-50%)}.vault-v2__numbers span:first-child{transform:none}.vault-v2__numbers span:last-child{transform:translate(0)}@media screen and (max-width:749px){.vault-v2__progress-card{margin-bottom:24px;padding:22px 22px 48px;border-radius:22px;overflow:hidden}.vault-v2__progress-head{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:26px}.vault-v2__progress-count{font-size:16px}.vault-v2__milestone{width:18px;height:18px}.vault-v2__numbers{font-size:10px;letter-spacing:.08em}}.vault-v2-popup{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;padding:24px;z-index:9999;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease}.vault-v2-popup.is-open{opacity:1;visibility:visible;pointer-events:auto}.vault-v2-popup__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.vault-v2-popup__card{position:relative;z-index:2;width:100%;max-width:620px;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#1a1a1af5,#0a0a0afa);box-shadow:0 50px 120px #000000a6,inset 0 1px #ffffff0a;transform:translateY(20px) scale(.96);transition:transform .35s ease,opacity .35s ease}.vault-v2-popup.is-open .vault-v2-popup__card{transform:none}.vault-v2-popup__close{position:absolute;top:18px;right:18px;width:42px;height:42px;border:none;border-radius:50%;background:#ffffff0f;color:#fff;font-size:18px;cursor:pointer;transition:.3s;z-index:5}.vault-v2-popup__close:hover{background:#ffffff1f;transform:rotate(90deg)}.vault-v2-popup__image-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;background:#111}.vault-v2-popup__image{width:100%;height:100%;object-fit:cover;display:none}.vault-v2-popup__image.has-image{display:block}.vault-v2-popup__image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;font-size:64px;font-weight:900;letter-spacing:.15em;color:#ffffff26}.vault-v2-popup__content{padding:36px}.vault-v2-popup__badge{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 16px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--vault-accent);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.vault-v2-popup__title{margin:22px 0 12px;font-size:34px;font-weight:900;line-height:1.05;letter-spacing:-.03em}.vault-v2-popup__description{color:#ffffffb3;line-height:1.8;font-size:16px}.vault-v2-popup__description p{margin:0}.vault-v2-popup__value{margin-top:28px;font-size:18px;font-weight:700;color:#fff}.vault-v2-popup__badge.is-unlocked{background:color-mix(in srgb,var(--vault-accent) 20%,transparent);border-color:color-mix(in srgb,var(--vault-accent) 70%,transparent)}.vault-v2-popup__badge.is-locked{color:#ffffff8c}@media(max-width:749px){.vault-v2-popup{padding:18px}.vault-v2-popup__card{border-radius:22px}.vault-v2-popup__content{padding:24px}.vault-v2-popup__title{font-size:28px}.vault-v2-popup__description{font-size:15px}}.vault-v2-popup *,.vault-v2__milestone,.vault-v2__dot,.vault-v2-popup__badge,.vault-v2-popup__image,.vault-v2-popup__close{transition:background .3s ease,border-color .3s ease,color .3s ease,transform .35s ease,opacity .35s ease,box-shadow .35s ease}.vault-v2-popup__card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at top,color-mix(in srgb,var(--vault-accent) 18%,transparent),transparent 65%);opacity:.9}.vault-v2-popup__card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}.vault-v2-popup__image{transition:transform .7s ease,opacity .35s ease}.vault-v2-popup__card:hover .vault-v2-popup__image{transform:scale(1.04)}.vault-v2-popup__badge.is-unlocked{box-shadow:0 0 18px color-mix(in srgb,var(--vault-accent) 40%,transparent)}.vault-v2-popup__close:hover{box-shadow:0 0 18px #ffffff1f}.vault-v2-popup__title{text-wrap:balance}.vault-v2-popup__description{max-width:58ch}.vault-v2-popup__value{display:flex;align-items:center;gap:10px}.vault-v2-popup__value:before{content:"\2726";color:var(--vault-accent)}.vault-v2-popup__image-placeholder{background:linear-gradient(135deg,#ffffff05,#ffffff0d);-webkit-user-select:none;user-select:none}.vault-v2__milestone{transition:transform .25s ease}.vault-v2__milestone:hover{transform:translateY(-3px)}@keyframes vaultPopupFade{0%{opacity:0}to{opacity:1}}@keyframes vaultPopupScale{0%{transform:translateY(24px) scale(.94)}to{transform:translateY(0) scale(1)}}.vault-v2-popup.is-open{animation:vaultPopupFade .35s ease}.vault-v2-popup.is-open .vault-v2-popup__card{animation:vaultPopupScale .45s cubic-bezier(.18,.9,.24,1)}@media(max-width:749px){.vault-v2-popup__card{max-height:88vh;overflow:auto}}.vault-v2-rewards{position:relative;padding:110px 0}.vault-v2-rewards__header{max-width:760px;margin:0 auto 70px;text-align:center}.vault-v2-rewards__title{margin:18px 0;font-size:56px;font-weight:900;line-height:1;letter-spacing:-.04em}.vault-v2-rewards__text{max-width:620px;margin:0 auto;color:#ffffffa6;font-size:18px;line-height:1.8}.vault-v2-rewards__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px}.vault-v2-reward{display:flex;flex-direction:column;overflow:hidden;border:none;cursor:pointer;padding:0;text-align:left;border-radius:28px;background:linear-gradient(180deg,#191919eb,#0b0b0bfa);border:1px solid rgba(255,255,255,.08);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;position:relative}.vault-v2-reward:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--vault-accent) 40%,rgba(255,255,255,.08));box-shadow:0 30px 80px #00000073}.vault-v2-reward__image{aspect-ratio:16/10;overflow:hidden;background:#111}.vault-v2-reward__image img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.vault-v2-reward:hover img{transform:scale(1.06)}.vault-v2-reward__placeholder{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:70px;font-weight:900;color:#ffffff1f}.vault-v2-reward__content{padding:26px}.vault-v2-reward__top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.vault-v2-reward__unlock{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:#ffffff73}.vault-v2-reward__status{height:30px;display:flex;align-items:center;justify-content:center;padding:0 14px;border-radius:999px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.vault-v2-reward.is-unlocked .vault-v2-reward__status{background:color-mix(in srgb,var(--vault-accent) 18%,transparent);color:var(--vault-accent)}.vault-v2-reward.is-locked .vault-v2-reward__status{background:#ffffff0d;color:#ffffff8c}.vault-v2-reward__title{font-size:28px;font-weight:800;line-height:1.15;margin:0;letter-spacing:-.03em}.vault-v2-reward__footer{margin-top:34px;display:flex;justify-content:space-between;align-items:center;color:#ffffff9e;font-size:14px;letter-spacing:.08em;text-transform:uppercase}.vault-v2-reward__footer:after{content:"\2192";color:var(--vault-accent);font-size:20px;transition:transform .35s ease}.vault-v2-reward:hover .vault-v2-reward__footer:after{transform:translate(6px)}.vault-v2-reward:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;pointer-events:none;opacity:0;transition:.35s;background:radial-gradient(circle at top,color-mix(in srgb,var(--vault-accent) 18%,transparent),transparent 70%)}.vault-v2-reward:hover:before{opacity:1}@media(max-width:749px){.vault-v2-rewards{padding:70px 0}.vault-v2-rewards__title{font-size:40px}.vault-v2-rewards__text{font-size:16px}.vault-v2-rewards__grid{grid-template-columns:1fr;gap:20px}.vault-v2-reward__title{font-size:24px}}.vault-v2-popup__card.is-locked{border-color:#ffffff0f}.vault-v2-popup__card.is-locked:before{opacity:.35}.vault-v2-popup__card.is-locked .vault-v2-popup__image{transform:none!important}.vault-v2-popup__card.is-locked .vault-v2-popup__badge{color:#ffffff73}.vault-v2-popup__card.is-locked .vault-v2-popup__value{opacity:.45}.vault-v2__milestone.is-unlocked .vault-v2__value{color:#e4bf63}.vault-v2__milestone.is-unlocked .vault-v2__value:after{color:#e4bf63}.vault-v2__thumb-wrap{position:absolute;inset:0 auto 0 0;pointer-events:none;overflow:visible}.vault-v2__thumb{position:absolute;right:-17px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:#1a1a1a;border:5px solid #F0C75E;box-shadow:0 0 14px #f0c75ebf,0 0 36px #f0c75e73}
/*# sourceMappingURL=/cdn/shop/t/8/assets/vault-hero-v2.css.map */