dialog.category-drawer{--category-ink:#193858;--category-accent:#195eaa;--category-text:#344b64;--category-border:#e6edf5;--category-soft:#edf4fd;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--category-ink);overflow:hidden;overscroll-behavior:contain;letter-spacing:0;z-index:2147483000}dialog.category-drawer:not([open]){display:none}dialog.category-drawer[open]{display:block;pointer-events:auto}dialog.category-drawer::backdrop{background:transparent}.category-drawer .category-drawer__overlay{background:#0d1e325c;transition:opacity .18s ease}.category-drawer .category-drawer__panel{width:400px;max-width:calc(100% - 28px);background:#fff;box-shadow:16px 0 56px #0f284829;transition:transform .22s cubic-bezier(.2,.8,.2,1);padding-bottom:env(safe-area-inset-bottom,0px)}.category-drawer .category-drawer__header{flex:0 0 auto;min-height:100px;padding:calc(20px + env(safe-area-inset-top,0px)) 24px 20px;gap:16px;background:#fff;color:var(--category-ink);border-bottom:1px solid var(--category-border);box-shadow:inset 0 2px var(--category-accent)}.category-drawer__identity{min-width:0}.category-drawer__brand{display:block;margin-bottom:4px;font-size:11px;font-weight:600;color:var(--category-accent);line-height:1.6}.category-drawer .category-drawer__title{font-size:22px;font-weight:600;line-height:1.3;letter-spacing:0;text-transform:none;overflow-wrap:anywhere}.category-drawer .category-drawer__close{flex:0 0 44px;width:44px;height:44px;border:1px solid var(--category-border);border-radius:6px;background:#fff;color:var(--category-ink)}.category-drawer .category-drawer__nav{flex:1 1 auto;min-height:0;padding:12px 20px 24px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bdcde0 transparent;scrollbar-gutter:stable}.category-drawer .category-drawer__row{align-items:center;border:0;min-height:48px;gap:4px}.category-drawer .category-drawer__list--level-1>.category-drawer__item{border-bottom:1px solid #f0f3f8;padding:3px 0}.category-drawer .category-drawer__list--level-1>.category-drawer__item:last-child{border-bottom:0}.category-drawer .category-drawer__link{padding:12px;line-height:1.45;color:var(--category-text);border-radius:4px;overflow-wrap:anywhere;transition:color .16s ease,background .16s ease}.category-drawer .category-drawer__list--level-1>.category-drawer__item>.category-drawer__row>.category-drawer__link{font-size:15px;font-weight:600;color:var(--category-ink);text-transform:none;letter-spacing:0}.category-drawer .category-drawer__list--level-2{margin:4px 0 12px 12px;padding:0 0 0 10px;background:transparent;border-left:1px solid var(--category-border);border-radius:0}.category-drawer .category-drawer__list--level-2 .category-drawer__link{padding:10px 12px;font-size:14px;font-weight:500}.category-drawer .category-drawer__list--level-3{margin:0 0 8px 12px;padding:2px 0 2px 8px;border-left:1px solid var(--category-border)}.category-drawer .category-drawer__list--level-3 .category-drawer__link{padding:9px 10px;font-size:14px;font-weight:400;min-height:40px}.category-drawer .category-drawer__link:hover{background:#f5f8fc;color:var(--category-accent);text-decoration:none}.category-drawer .category-drawer__link.is-active{background:var(--category-soft);color:var(--category-accent);box-shadow:inset 2px 0 var(--category-accent)}.category-drawer .category-drawer__expand{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;border-radius:4px;color:#6b819a}.category-drawer .category-drawer__expand:hover,.category-drawer .category-drawer__close:hover{background:var(--category-soft);color:var(--category-accent)}.category-drawer .category-drawer__expand[aria-expanded=true]{color:var(--category-accent);background:transparent}.category-drawer .category-drawer__expand-icon{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .16s ease}.category-drawer .category-drawer__expand-icon:before,.category-drawer .category-drawer__expand-icon:after{display:none}.category-drawer .category-drawer__expand[aria-expanded=true] .category-drawer__expand-icon{transform:rotate(45deg) translate(-2px,-2px)}.category-drawer a:focus-visible,.category-drawer button:focus-visible{outline:2px solid var(--category-accent);outline-offset:-2px}html.category-drawer-open,html.category-drawer-open body{overflow:hidden;overscroll-behavior:none}@media(max-width:480px){.category-drawer .category-drawer__header{padding-left:20px;padding-right:16px;min-height:92px}.category-drawer .category-drawer__nav{padding-left:10px;padding-right:10px}.category-drawer .category-drawer__title{font-size:22px}}@media(prefers-reduced-motion:reduce){.category-drawer .category-drawer__panel,.category-drawer .category-drawer__overlay,.category-drawer .category-drawer__expand-icon,.category-drawer .category-drawer__link{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/category-drawer.css.map */