.x-nav-panel,.x-nav-panel *,.x-nav-panel *:before,.x-nav-panel *:after{box-sizing:border-box}.x-nav-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--x-nav-z, 80);display:flex;flex-direction:column;padding:var(--x-nav-pad-y, 26px) clamp(20px,6vw,40px);background:rgb(var(--color-background));background:var(--gradient-background, rgb(var(--color-background)));color:rgb(var(--color-foreground));transform:translateY(-100%);visibility:hidden;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;transition:transform var(--x-nav-speed, .5s) cubic-bezier(.2,.7,.3,1),visibility 0s linear var(--x-nav-speed, .5s)}.x-nav-panel.is-open{transform:none;visibility:visible;transition-delay:0s,0s}html.x-nav-panel-open,html.x-nav-panel-open body{overflow:hidden}.x-nav-panel__head{display:flex;align-items:center;justify-content:flex-end;margin-bottom:var(--x-nav-head-gap, 42px)}.x-nav-panel__wordmark{display:inline-flex;align-items:center;min-height:44px;padding-block:10px;font-family:var(--serif);font-size:var(--x-nav-wordmark-size-m, 17px);font-weight:400;line-height:1;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:inherit}.x-nav-panel__close{display:grid;place-items:center;width:44px;height:44px;margin-right:-10px;padding:0;border:0;background:none;color:inherit;opacity:.85;cursor:pointer;transition:opacity .25s ease}.x-nav-panel__close:hover{opacity:1}.x-nav-panel__close:focus-visible{outline:2px solid currentColor;outline-offset:2px;opacity:1}.x-nav-panel__close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}.x-nav-panel__nav{display:grid;gap:var(--x-nav-link-gap, 4px)}.x-nav-panel__link{padding:9px 0;border-bottom:1px solid rgb(var(--color-foreground) / .1);font-family:var(--serif);font-size:var(--x-nav-link-size, 27px);font-weight:400;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:inherit}.x-nav-panel__link:focus-visible{outline:2px solid currentColor;outline-offset:3px}.x-nav-panel__actions{margin-top:var(--x-nav-actions-gap, 34px);gap:10px}.x-nav-panel__actions .x-btn{flex:1 1 0;padding-block:15px;text-align:center;text-decoration:none}@media(prefers-reduced-motion:reduce){.x-nav-panel{transition-duration:.01ms,0s}.x-nav-panel__close{transition:none}}@media(min-width:561px){.x-nav-panel__wordmark{font-size:var(--x-nav-wordmark-size, 22px);letter-spacing:.19em}}@media(min-width:901px){.x-nav-panel__wordmark{padding-block:0}.x-nav-panel__close{margin-right:0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/x-nav-panel.css.map */