@layer components{.menu-panel{background-color:var(--color-porcelain);color:var(--color-espresso);z-index:0;box-shadow:none;flex-direction:column;display:flex;position:absolute;inset:0;transform:translate(100%)}.menu-panel#menu-main{z-index:1;transform:translate(0)}.menu-panel[data-state=active]{z-index:10;border-left:1px solid var(--color-line);transform:translate(0)}.menu-panel[data-state=behind]{z-index:5;transform:translate(-40px)}.menu-panel[data-state=back]{z-index:0;transform:translate(-100%)}.menu-panel[data-state=closed]{z-index:0;box-shadow:none;transform:translate(100%)}.menu-panel-header{height:calc(var(--spacing) * 16);padding:0 calc(var(--spacing) * 5);border-bottom:1px solid var(--color-line);flex-shrink:0;align-items:center;display:flex}.menu-panel-back{align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-label);text-transform:uppercase;letter-spacing:var(--tracking-label);color:currentColor;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;transition:opacity .2s;display:flex}.menu-panel-back:hover{opacity:.7}.menu-panel-back-icon{justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex;transform:rotate(180deg)}.menu-panel-back-icon svg{stroke:currentColor;fill:none;stroke-width:2px;width:100%;height:100%}.menu-panel-title{font-family:var(--font-display);font-size:var(--text-h3);font-weight:500;line-height:var(--leading-headline);padding:calc(var(--spacing) * 4) 0 calc(var(--spacing) * 2)}.menu-panel-list{flex-direction:column;display:flex}.menu-panel-list>li{border-bottom:1px solid var(--color-line)}.menu-panel-item{width:100%;padding:calc(var(--spacing) * 4) 0;font-size:var(--text-lead);font-weight:600;line-height:var(--leading-body);text-align:left;color:currentColor;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;transition:opacity .2s;display:flex}.menu-panel-item:hover{opacity:.7}.menu-panel-link{padding:calc(var(--spacing) * 4) 0;font-size:var(--text-lead);font-weight:600;line-height:var(--leading-body);color:currentColor;text-decoration:none;transition:opacity .2s;display:block}.menu-panel-link:hover{opacity:.7}.menu-panel-link[aria-current=page]{text-decoration:underline;-webkit-text-decoration-color:var(--color-red);-webkit-text-decoration-color:var(--color-red);text-decoration-color:var(--color-red);text-underline-offset:.3em}.menu-panel-chevron{flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:transform .2s;display:flex}.menu-panel-chevron svg{stroke:currentColor;fill:none;stroke-width:2px;width:100%;height:100%}.menu-panel-item:hover .menu-panel-chevron{transform:translate(.25rem)}.menu-panel__content{-webkit-overflow-scrolling:touch;background-color:var(--color-porcelain);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 5);flex:1;overflow:hidden auto}.menu-panel{transition:none}@media (prefers-reduced-motion:no-preference){.menu-panel{transition:transform .2s ease-out}}}