.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;overflow:hidden;background:var(--ink-0);color:var(--paper)}.menu-overlay[hidden]{display:none}.menu-smoke{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 64%;opacity:0;filter:blur(30px);transition:filter 1.6s var(--ease-ink)}.menu-overlay.lit .menu-smoke{filter:blur(0px);will-change:transform,filter,opacity}.menu-close{position:absolute;top:22px;right:26px;z-index:4;color:var(--paper);font-family:var(--mono);font-size:var(--text-utility);letter-spacing:var(--ls-caption);transition:opacity var(--duration-base) var(--ease-ink)}@media(hover:hover)and (pointer:fine){.menu-close:hover{opacity:var(--hover-opacity)}}.menu-mark{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:min(520px,64vw);z-index:3;perspective:900px;user-select:none;-webkit-user-select:none}.menu-mark:before{content:"";position:absolute;top:-46%;right:-34%;bottom:-46%;left:-34%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#12110c9e,#12110c6b 42%,#12110c00 72%)}.menu-logo{width:100%;height:auto;opacity:0;transition:filter 1.1s var(--ease-ink) .6s;filter:blur(16px)}.logo-dot{position:absolute;top:0;right:0;bottom:0;left:0}.menu-overlay.lit .menu-logo{filter:blur(0px)}.menu-overlay.lit:not(.ready) .menu-logo{will-change:opacity,filter}.logo-arc{-webkit-mask-image:radial-gradient(circle at 61.2% 31.1%,transparent 0 11.5%,#000 12.5%);mask-image:radial-gradient(circle at 61.2% 31.1%,transparent 0 11.5%,#000 12.5%)}.logo-dot{-webkit-mask-image:radial-gradient(circle at 61.2% 31.1%,#000 0 11.5%,transparent 12.5%);mask-image:radial-gradient(circle at 61.2% 31.1%,#000 0 11.5%,transparent 12.5%)}.menu-mark .mn-hit{position:absolute;display:block;z-index:4;touch-action:none;cursor:grab}.menu-mark .mn-hit:active{cursor:grabbing}.menu-mark .mn-hit-dot{left:38%;top:2%;width:46%;height:48%;border-radius:50%;z-index:5}.menu-mark .mn-hit-arc{left:-6%;top:38%;width:112%;height:68%}.menu-overlay .mn-gloss{display:flex;flex-direction:column;gap:var(--space-4);position:absolute;width:300px;z-index:6;opacity:0;filter:blur(10px);pointer-events:auto;transition:opacity var(--duration-slow) var(--ease-ink),filter var(--duration-slow) var(--ease-ink)}.menu-overlay .mn-gloss:before{content:"";position:absolute;top:-64px;right:-72px;bottom:-64px;left:-72px;z-index:-1}.menu-overlay .mn-gloss-collective:before{top:-64px;right:-72px;bottom:-64px;left:-36px}.menu-overlay .mn-gloss-selective:before{top:-64px;right:-36px;bottom:-64px;left:-72px}.menu-overlay .mn-gloss .mn-key{color:var(--paper-0);font-size:var(--text-small);align-self:flex-start;padding-bottom:3px;border-bottom:1px solid rgba(247,246,243,.65)}.menu-overlay .mn-gloss .mn-val{color:#f7f6f3a8;font-size:var(--text-caption);line-height:var(--lh-prose)}.menu-overlay .mn-gloss-collective .mn-key{align-self:flex-end}@media(hover:hover)and (pointer:fine){.menu-overlay .mn-gloss a.mn-key:hover{color:var(--paper-0);border-bottom-color:#f7f6f3f2}}.menu-overlay .mn-gloss-collective{right:calc(100% - 104px);top:0;text-align:right;align-items:flex-end}.menu-overlay .mn-gloss-selective{left:calc(100% + 48px);bottom:10%}.menu-overlay .mn-gloss.lit{opacity:1;filter:blur(0);transition-duration:var(--duration-base),var(--duration-base)}body[data-mnote=stand] .menu-overlay.named .mn-gloss{opacity:1;filter:blur(0);transition-duration:var(--duration-base),var(--duration-base);transition-delay:0ms,0ms}@media(hover:hover)and (pointer:fine){body[data-mnote=stand] .menu-overlay.named .menu-mark:is(:has(.mn-hit-dot:hover),:has(.mn-gloss-collective:hover)) .mn-gloss-selective,body[data-mnote=stand] .menu-overlay.named .menu-mark:is(:has(.mn-hit-arc:hover),:has(.mn-gloss-selective:hover)) .mn-gloss-collective{opacity:.3}}body[data-mnote=stand] .menu-overlay.ready .menu-mark:not(:has(.mn-hit:hover)):not(:has(.mn-gloss:hover)) .mn-gloss{transition-duration:var(--duration-fast),var(--duration-fast)}.menu-overlay.ready .menu-logo{opacity:1;transition:opacity var(--duration-base) var(--ease-ink),transform .16s var(--ease-ink);will-change:transform}.menu-overlay.ready .menu-logo.pd-home{transition:opacity var(--duration-base) var(--ease-ink),transform 1.4s var(--ease-ink)}.menu-overlay.ready .menu-logo.pd-retrace{transition:none}@media(hover:hover)and (pointer:fine){.menu-overlay.named .menu-mark:is(:has(.mn-hit-dot:hover),:has(.mn-gloss-collective:hover)) .logo-arc,.menu-overlay.named .menu-mark:is(:has(.mn-hit-arc:hover),:has(.mn-gloss-selective:hover)) .logo-dot{opacity:.4}}.menu-overlay.ready .menu-mark:not(:has(.mn-hit:hover)):not(:has(.mn-gloss:hover)) .menu-logo{transition-duration:var(--duration-fast),.16s}.menu-foot{position:absolute;left:var(--edge);bottom:24px;z-index:3;color:#f7f6f373;opacity:0}@media(max-width:1299px){.menu-overlay .mn-gloss{width:min(300px,calc(100vw - 2 * var(--edge)));left:50%;right:auto;translate:-50% 0;text-align:center;align-items:center}.menu-overlay .mn-gloss-collective{top:auto;bottom:calc(100% + var(--space-6))}.menu-overlay .mn-gloss-collective .mn-key{align-self:center}.menu-overlay .mn-gloss-selective{bottom:auto;top:calc(100% + var(--space-6))}.menu-overlay .mn-gloss .mn-key{align-self:center}}@media(max-width:600px),(hover:none)and (max-height:500px){.menu-mark{width:min(84vw,70vh);top:44%}}@media(pointer:coarse){.menu-close{top:10px;right:14px;padding:12px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/menu.css.map */