.vault{--vault-accent: #5fce87;--vault-line: rgba(var(--color-border), 1);--vault-fg: rgb(var(--color-foreground));display:grid;gap:1.8rem;padding-block:2.4rem 2.8rem}.vault__head{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem 1.2rem;padding-bottom:1.2rem;border-bottom:1px solid var(--vault-line)}.vault__eyebrow{display:inline-flex;align-items:center;gap:1rem;font-size:1.5rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;line-height:normal}.vault__eyebrow:before{content:"";width:1.4rem;height:1.4rem;border-radius:.3rem;background:var(--vault-accent);transform:rotate(45deg)}.vault__sub{font-size:1.4rem;opacity:.6}.vault__body{display:grid;grid-template-columns:1fr minmax(20rem,25rem);gap:2.2rem 4rem;align-items:start}.vault__cats{columns:var(--vault-columns, 3);column-gap:1.2rem;margin:0;padding:0;list-style:none}.vault__group{break-inside:avoid;margin-bottom:.2rem}.vault__cat{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1.4rem;border-radius:.8rem;font-size:1.6rem;font-weight:600;line-height:1.2;color:var(--vault-fg);transition:background-color .2s ease,color .2s ease,padding-inline-start .2s ease}.vault__cat:before{content:"";position:absolute;inset-inline-start:0;top:50%;width:.3rem;height:0;border-radius:999px;background:var(--vault-accent);transform:translateY(-50%);transition:height .22s ease}.vault__cat:hover,.vault__cat:focus-visible{background:rgba(var(--color-foreground),.06)}.vault__cat.is-active{color:var(--vault-accent);padding-inline-start:2rem}.vault__cat.is-active:before{height:1.8rem}.vault__cat-arrow{flex:0 0 auto;opacity:0;transform:translate(-.6rem);transition:opacity .2s ease,transform .2s ease}.vault__cat.is-active .vault__cat-arrow,.vault__cat:hover .vault__cat-arrow{opacity:1;transform:translate(0)}.vault__subcats{margin:.2rem 0 .9rem 1.5rem;padding-inline-start:1.1rem;list-style:none;border-inline-start:1px solid var(--vault-line)}.vault__subcat{display:block;padding:.35rem 0;font-size:1.4rem;font-weight:500;color:var(--vault-fg);opacity:.7;transition:opacity .18s ease,color .18s ease}.vault__subcat:hover,.vault__subcat:focus-visible,.vault__subcat.is-active{opacity:1;color:var(--vault-accent)}.vault__stage{display:grid;gap:1rem}.vault__frame{position:relative;width:100%;max-width:25rem;margin-inline-start:auto;aspect-ratio:1 / 1;border-radius:1.4rem;overflow:hidden;background:#fff;box-shadow:0 2rem 4rem -2.5rem #0000008c}.vault__slide{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:scale(1.04);transition:opacity .45s ease,transform .6s cubic-bezier(.22,1,.36,1),visibility .45s}.vault__slide.is-active{opacity:1;visibility:visible;transform:scale(1)}.vault__img{width:100%;height:100%;object-fit:contain;padding:.6rem}.vault--cover .vault__img{object-fit:cover;padding:0}.vault__slide-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center;font-family:var(--font-heading-family, inherit);font-size:2.4rem;font-weight:700;color:#10121a;background:radial-gradient(120% 120% at 20% 0%,var(--vault-accent) 0%,transparent 70%),#e9eaec}.vault__note{justify-self:end;font-size:1.2rem;opacity:.55}.vault__footer{display:inline-flex;align-items:center;gap:1rem;justify-self:start;padding-top:2rem;border-top:1px solid var(--vault-line);width:100%;font-size:clamp(2rem,2.6vw,2.6rem);font-weight:800;letter-spacing:.01em;text-transform:uppercase;color:var(--vault-accent)}.vault__footer svg{transition:transform .22s ease}.vault__footer:hover svg{transform:translate(.5rem)}.vault__footer span{position:relative}.vault__footer span:after{content:"";position:absolute;left:0;bottom:-.3rem;width:100%;height:.2rem;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .28s ease}.vault__footer:hover span:after{transform:scaleX(1)}@media(max-width:1023.98px){.vault__body{grid-template-columns:1fr}.vault__stage{order:-1;max-width:42rem}}@media(prefers-reduced-motion:reduce){.vault__slide,.vault__cat,.vault__cat:before,.vault__cat-arrow,.vault__footer svg,.vault__footer span:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/mega-collection.css.map */