nav-panel{position:relative;display:block;flex:1 1 auto;min-height:0;overflow:hidden;background:var(--color-popover-background)}.nav-panel{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-popover-background);display:flex;flex-direction:column;gap:12px;padding:24px 16px;overflow-y:auto;overscroll-behavior:contain;transition-property:transform,translate,scale,rotate,visibility;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.nav-panel:not(.active){visibility:hidden;pointer-events:none}.nav-panel.active{transform:translate(0)}.nav-panel.prev{transform:translate(-100%)}.nav-panel.next{transform:translate(100%)}.nav-panel-header{display:flex;align-items:center;gap:12px;flex:0 0 auto;height:40px;padding:0;background:transparent;border:0;color:#1a1a1a}.nav-back-btn{background:none;border:none;cursor:pointer;margin:0;padding:0;display:flex;align-items:center;justify-content:center;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.nav-back-btn:hover{opacity:.7}.nav-back-btn svg{width:24px;height:24px;stroke:#1a1a1a}.nav-panel-title{font-family:var(--font-body--family);font-size:16px;line-height:1.4;font-weight:500;color:#1a1a1a}nav-panel-parent,nav-panel-child{display:flex;align-items:center;flex:0 0 auto;height:64px;padding:0;text-decoration:none;font-family:var(--font-body--family);font-size:16px;line-height:1.4;font-weight:500;color:#1a1a1a;cursor:pointer;border-bottom:1px solid #ebe3da;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}nav-panel-parent{justify-content:space-between}.nav-panel[data-panel-depth="2"] nav-panel-parent,.nav-panel[data-panel-depth="2"] nav-panel-child,.nav-panel[data-panel-depth="3"] nav-panel-parent,.nav-panel[data-panel-depth="3"] nav-panel-child{height:56px;font-weight:400}nav-panel-child a{color:inherit;text-decoration:none;width:100%}nav-panel-parent:hover,nav-panel-child:hover{opacity:.7}nav-panel-parent .nav-arrow{width:24px;height:24px;stroke:#1a1a1a;flex-shrink:0;transition-property:transform,translate,scale,rotate;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;margin-left:8px}nav-panel-parent:hover .nav-arrow{transform:translate(2px);stroke:#1a1a1a}
/*# sourceMappingURL=/cdn/shop/t/11/assets/nav-panel.css.map */