nav-panel{display:block;overflow:visible;background:var(--color-popover-background);z-index:1}.nav-panel{background:var(--color-popover-background);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-inline:1.75rem;padding-block:.75rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;color:var(--color-muted-foreground);background:var(--color-muted-background)}.nav-back-btn{background:none;border:none;cursor:pointer;margin-right:12px;display:flex;align-items:center;justify-content:center;border-radius:6px;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;stroke:var(--color-popover-foreground)}.nav-panel-title{font-weight:600;color:var(--color-popover-foreground)}nav-panel-child{display:flex;align-items:center;padding-inline:1.75rem;padding-block:.75rem;text-decoration:none;color:var(--color-popover-foreground);cursor:pointer;border-bottom:1px solid var(--color-border);transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}nav-panel-child a{color:inherit;text-decoration:none;width:100%}nav-panel-child:hover{opacity:.7}nav-panel-parent{display:flex;align-items:center;justify-content:space-between;padding-inline:1.75rem;padding-block:.75rem;text-decoration:none;color:var(--color-popover-foreground);cursor:pointer;font-weight:500;border-bottom:1px solid var(--color-border);transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}nav-panel-parent:hover{opacity:.7}nav-panel-parent .nav-arrow{width:20px;height:20px;stroke:var(--color-popover-foreground);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:var(--color-popover-foreground)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/nav-panel.css.map */