:root{--nd-bg: #ffffff;--nd-surface: #f7f7f8;--nd-surface-2: #f2f2f3;--nd-border: rgba(0,0,0,.08);--nd-border-strong: rgba(0,0,0,.12);--nd-text: rgba(0,0,0,.86);--nd-text-muted: rgba(0,0,0,.6);--nd-text-soft: rgba(0,0,0,.48);--nd-accent: #111111;--nd-font-size: 15px;--nd-font-size-sm: 13px;--nd-font-size-lg: 16px;--nd-weight-regular: 500;--nd-weight-strong: 650;--nd-drawer-max: 380px;--nd-drawer-max-mobile: 340px;--nd-drawer-width-mobile: 90%;--nd-header-offset-desktop: 152px;--nd-header-offset-mobile: 148px;--nd-radius: 14px;--nd-radius-sm: 3px;--nd-space-1: 4px;--nd-space-2: 8px;--nd-space-3: 12px;--nd-space-4: 16px;--nd-space-5: 20px;--nd-space-6: 24px;--nd-hit: 44px;--nd-transition: .28s cubic-bezier(.4, 0, .2, 1);--nd-shadow: 0 10px 28px rgba(0,0,0,.12);--nd-shadow-right: -10px 0 28px rgba(0,0,0,.12)}.nav-drawer{position:fixed;bottom:0;left:0;width:100%;max-width:var(--nd-drawer-max);background:var(--nd-bg);transform:translate(-100%);transition:transform var(--nd-transition);z-index:98;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--nd-border);border-left:none}.nav-drawer--right{left:auto;right:0;transform:translate(100%);border-left:1px solid var(--nd-border);border-right:none;border-top-left-radius:var(--nd-radius);border-bottom-left-radius:var(--nd-radius);border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:var(--nd-shadow-right)}.nav-drawer--is-open{transform:translate(0)!important}@media only screen and (min-width:769px){.nav-drawer{top:var(--nd-header-offset-desktop);height:calc(100vh - var(--nd-header-offset-desktop))}}@media only screen and (max-width:768px){.nav-drawer{top:var(--nd-header-offset-mobile);height:calc(100vh - var(--nd-header-offset-mobile));width:var(--nd-drawer-width-mobile);max-width:var(--nd-drawer-max-mobile)}}.nav-drawer-overlay{position:fixed;left:0;right:0;bottom:0;top:var(--nd-header-offset-mobile);background:#0000007a;opacity:0;visibility:hidden;transition:opacity var(--nd-transition),visibility var(--nd-transition);z-index:97;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.nav-drawer-overlay.is-visible{opacity:1;visibility:visible;pointer-events:auto}.site-header,.header-wrapper,.header-wrapper--sticky{z-index:101!important}.nav-drawer__container{position:relative;width:100%;height:100%;overflow:hidden}.nav-drawer__panel{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--nd-bg);transform:translate(100%);transition:transform var(--nd-transition);display:flex;flex-direction:column;overflow:hidden}.nav-drawer__panel--main,.nav-drawer__panel--active{transform:translate(0)}.nav-drawer__panel--hidden{transform:translate(-100%)}.nav-drawer__panel-header{padding:var(--nd-space-3) var(--nd-space-5);border-bottom:1px solid var(--nd-border);display:flex;align-items:center;gap:var(--nd-space-3);background:var(--nd-surface);flex-shrink:0}.nav-drawer__panel-header.js-back-area{cursor:pointer}.nav-drawer__panel-header.js-back-area:hover{background:var(--nd-surface-2)}.nav-drawer__back-btn{width:var(--nd-hit);height:var(--nd-hit);background:transparent;border:0;border-radius:var(--nd-radius-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin-left:calc(var(--nd-space-2) * -1);transition:background-color .18s ease,transform .18s ease}.nav-drawer__back-btn:hover{background:var(--nd-surface-2)}.nav-drawer__back-btn:active{transform:scale(.98)}.nav-drawer__back-btn svg{width:20px;height:20px;color:var(--nd-text)}.nav-drawer__panel-title{font-size:var(--nd-font-size-lg);font-weight:var(--nd-weight-strong);color:var(--nd-text);margin:0;letter-spacing:.2px}.nav-drawer__view-all{margin-left:auto;font-size:var(--nd-font-size-sm);color:var(--nd-text-muted);text-decoration:none;padding:8px 10px;border-radius:999px;border:1px solid var(--nd-border);background:#fff9;transition:background-color .18s ease,color .18s ease,border-color .18s ease;position:relative;z-index:2}.nav-drawer__view-all:hover{background:var(--nd-surface-2);color:var(--nd-text);border-color:var(--nd-border-strong)}.nav-drawer__panel-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--nd-space-2) 0}.drawer-nav{list-style:none;margin:0;padding:0}.drawer-nav__item{border-bottom:1px solid var(--nd-border)}.drawer-nav__item:last-child{border-bottom:0}.drawer-nav__link{display:flex;align-items:center;justify-content:space-between;min-height:var(--nd-hit);padding:var(--nd-space-5) var(--nd-space-5);color:var(--nd-text);text-decoration:none;font-size:var(--nd-font-size);font-weight:var(--nd-weight-regular);transition:background-color .18s ease,color .18s ease;cursor:pointer;background:transparent;border:0;width:100%;text-align:left;gap:var(--nd-space-3)}.drawer-nav__link:hover{background-color:var(--nd-surface)}.drawer-nav__link[data-active=true]{color:var(--nd-accent);font-weight:var(--nd-weight-strong);background:linear-gradient(90deg,rgba(0,0,0,.08) 0,rgba(0,0,0,.08) 4px,transparent 4px)}.drawer-nav__left{display:flex;align-items:center;gap:var(--nd-space-3);min-width:0;flex:1}.drawer-nav__thumb{width:40px;height:40px;object-fit:cover;border-radius:var(--nd-radius-sm);flex-shrink:0;display:block;border:1px solid var(--nd-border);background:var(--nd-surface)}.drawer-nav__link-text{flex:1;min-width:0;padding:0;line-height:1.2;letter-spacing:.15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-nav__arrow{width:20px;height:20px;color:var(--nd-text-soft);flex-shrink:0;transition:transform .18s ease,color .18s ease}.drawer-nav__link:hover .drawer-nav__arrow{color:var(--nd-text-muted);transform:translate(1px)}.drawer-nav__secondary{background:var(--nd-surface);padding:var(--nd-space-3) 0;border-top:1px solid var(--nd-border-strong)}.drawer-nav__secondary-grid{display:grid;grid-template-columns:1fr}.drawer-nav__secondary-item{border-bottom:1px solid var(--nd-border)}.drawer-nav__secondary-item:last-child{border-bottom:none}.drawer-nav__secondary-link{display:block;min-height:var(--nd-hit);padding:var(--nd-space-2) var(--nd-space-5);color:var(--nd-text-muted);text-decoration:none;font-size:var(--nd-font-size-sm);transition:background-color .18s ease,color .18s ease}.drawer-nav__secondary-link:hover{background:var(--nd-surface-2);color:var(--nd-text)}.drawer-nav__social{list-style:none;margin:0;padding:var(--nd-space-4) var(--nd-space-5);display:flex;gap:var(--nd-space-3);justify-content:center;background:var(--nd-bg);border-top:1px solid var(--nd-border)}.drawer-nav__social-link{display:inline-flex;align-items:center;justify-content:center;width:var(--nd-hit);height:var(--nd-hit);color:var(--nd-text-muted);border-radius:999px;border:1px solid var(--nd-border);background:var(--nd-surface);transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.drawer-nav__social-link:hover{color:var(--nd-text);border-color:var(--nd-border-strong);background:var(--nd-surface-2)}.drawer-nav__social-link:active{transform:scale(.98)}.drawer-nav__social-link svg{width:22px;height:22px}.nav-drawer__panel-content::-webkit-scrollbar{width:10px}.nav-drawer__panel-content::-webkit-scrollbar-thumb{background:#00000024;border-radius:999px;border:3px solid rgba(255,255,255,0);background-clip:padding-box}.nav-drawer__panel-content::-webkit-scrollbar-track{background:transparent}.drawer-nav__link:focus-visible,.nav-drawer__back-btn:focus-visible,.nav-drawer__view-all:focus-visible,.drawer-nav__secondary-link:focus-visible,.drawer-nav__social-link:focus-visible{outline:2px solid rgba(0,0,0,.35);outline-offset:2px}body.js-drawer-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/477/assets/snippet-drawer-menu.css.map */