nav-panel{display:block;overflow:visible;background:#f6f4f0;z-index:1}.nav-panel{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#f6f4f0;transition-property:transform,translate,scale,rotate;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.nav-panel[data-panel-index="0"]{position:relative;width:100%;z-index:1}.nav-panel:not([data-panel-index="0"]){position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:100;overflow-y:auto}.nav-panel.active{transform:translate(0)}.nav-panel.prev{transform:translate(-100%)}.nav-panel.next{transform:translate(100%)}.nav-panel-header{padding:0;margin:0;border:none;background:none;display:flex;align-items:center;gap:.5rem;color:#63513d}.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:20px;height:20px;transform:rotate(180deg)}.nav-panel-title{font-family:var(--font-body--family);font-size:1.125rem;font-weight:400;line-height:1.4;color:#63513d}nav-panel-child,nav-panel-parent{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background-color:#e9e5d9;color:#63513d;border:none;border-radius:8px;text-decoration:none;cursor:pointer;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.nav-panel:not([data-panel-index="0"]) nav-panel-child,.nav-panel:not([data-panel-index="0"]) nav-panel-parent{font-size:1.125rem}nav-panel-child:hover,nav-panel-parent:hover{opacity:.8}nav-panel-child a{color:inherit;text-decoration:none;flex:1;width:auto}nav-panel-parent .nav-arrow{width:20px;height:20px;flex-shrink:0;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}nav-panel-parent:hover .nav-arrow{transform:translate(2px)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/nav-panel.css.map */