.two-panel-menu{display:grid;grid-template-columns:120px 1fr;height:100%;width:100%;overflow:hidden}.two-panel-menu__tabs{display:flex;flex-direction:column;background-color:rgb(var(--color-background));border-right:1px solid rgba(var(--color-foreground),.1);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.two-panel-menu__tab{position:relative;display:flex;align-items:center;min-height:48px;padding:12px 8px 12px 16px;background:transparent;border:none;text-align:left;cursor:pointer;transition:background-color .2s ease;font-family:inherit}.two-panel-menu__tab:hover,.two-panel-menu__tab:focus-visible{background-color:rgba(var(--color-foreground),.05)}.two-panel-menu__tab:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:-2px}.two-panel-menu__tab.is-active{background-color:rgba(var(--color-foreground),.08)}.two-panel-menu__tab-text{font-size:14px;font-weight:500;line-height:1.3;color:rgb(var(--color-foreground));word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.two-panel-menu__tab-indicator{position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px;height:0;background-color:rgb(var(--color-foreground));border-radius:2px 0 0 2px;transition:height .2s ease}.two-panel-menu__tab.is-active .two-panel-menu__tab-indicator{height:24px}.two-panel-menu__content{position:relative;overflow:hidden;background-color:rgb(var(--color-background))}.two-panel-menu__panel{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;overflow:hidden}.two-panel-menu__panel.is-active{display:flex}.two-panel-menu__drill-container{position:relative;height:100%;overflow:hidden}.two-panel-menu__drill-level{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background-color:rgb(var(--color-background));transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1),visibility .3s;visibility:hidden;overflow:hidden}.two-panel-menu__drill-level.is-active{transform:translate(0);visibility:visible}.two-panel-menu__drill-level.is-exiting{transform:translate(-30%)}.two-panel-menu__drill-level[data-drill-level="0"]{position:relative;transform:none;visibility:visible}.two-panel-menu__drill-level[data-drill-level="0"].is-exiting{position:absolute;transform:translate(-30%);visibility:visible}.two-panel-menu__back{display:flex;align-items:center;gap:8px;min-height:48px;padding:12px 16px;background:transparent;border:none;border-bottom:1px solid rgba(var(--color-foreground),.1);font-family:inherit;font-size:16px;font-weight:600;color:rgb(var(--color-foreground));cursor:pointer;flex-shrink:0}.two-panel-menu__back:hover,.two-panel-menu__back:focus-visible{background-color:rgba(var(--color-foreground),.05)}.two-panel-menu__back svg{flex-shrink:0}.two-panel-menu__view-all{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:10px 16px;font-size:14px;font-weight:500;color:rgb(var(--color-foreground));text-decoration:none;background-color:rgba(var(--color-foreground),.05);border-bottom:1px solid rgba(var(--color-foreground),.1);flex-shrink:0}.two-panel-menu__view-all:hover,.two-panel-menu__view-all:focus-visible{background-color:rgba(var(--color-foreground),.1)}.two-panel-menu__view-all svg{flex-shrink:0;transition:transform .2s ease}.two-panel-menu__view-all:hover svg{transform:translate(4px)}.two-panel-menu__list-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.two-panel-menu__list{list-style:none;margin:0;padding:0}.two-panel-menu__letter-divider{position:sticky;top:0;z-index:1;display:flex;align-items:center;height:32px;padding:0 16px;background-color:rgb(var(--color-background));border-bottom:1px solid rgba(var(--color-foreground),.08);font-size:13px;font-weight:700;color:rgb(var(--color-foreground));text-transform:uppercase}.two-panel-menu__item{border-bottom:1px solid rgba(var(--color-foreground),.06)}.two-panel-menu__item:last-child{border-bottom:none}.two-panel-menu__link{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:12px 16px;background:transparent;border:none;font-family:inherit;font-size:15px;font-weight:400;color:rgb(var(--color-foreground));text-decoration:none;text-align:left;cursor:pointer;transition:background-color .15s ease}.two-panel-menu__link:hover,.two-panel-menu__link:focus-visible{background-color:rgba(var(--color-foreground),.05)}.two-panel-menu__link:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:-2px}.two-panel-menu__link--has-children svg{flex-shrink:0;opacity:.5;transition:opacity .15s ease,transform .15s ease}.two-panel-menu__link--has-children:hover svg{opacity:1;transform:translate(2px)}.two-panel-menu__single-link{display:flex;align-items:center;justify-content:center;gap:8px;height:100%;padding:24px;font-size:18px;font-weight:500;color:rgb(var(--color-foreground));text-decoration:none}.two-panel-menu__single-link:hover svg{transform:translate(4px)}.two-panel-menu__single-link svg{transition:transform .2s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.two-panel-menu__panel.is-active .two-panel-menu__item{animation:fadeInUp .2s ease forwards;animation-delay:calc(var(--item-index, 0) * .02s)}@media screen and (max-width: 374px){.two-panel-menu{grid-template-columns:100px 1fr}.two-panel-menu__tab{padding:10px 6px 10px 12px}.two-panel-menu__tab-text{font-size:13px}.two-panel-menu__alpha-btn{min-width:24px;height:24px;font-size:11px}}@media screen and (min-width: 480px){.two-panel-menu{grid-template-columns:140px 1fr}.two-panel-menu__tab-text{font-size:15px}}@media (prefers-reduced-motion: reduce){.two-panel-menu__drill-level{transition:none}.two-panel-menu__panel.is-active .two-panel-menu__item{animation:none}.two-panel-menu__list-scroll{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/mobile-menu-two-panel.css.map */