@media(max-width:768.98px){main-menu{--kmn-w: min(86vw, 400px);--kmn-bar: #090302;--kmn-bar-ink: #ffffff;--kmn-line: #e7e3dd}.main-menu__content{top:0;left:0;width:var(--kmn-w);max-width:none;height:100vh;height:100dvh;padding:0 0 env(safe-area-inset-bottom);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background-color:#fff;box-shadow:0 0 40px #09030247}.main-menu__content.has-motion{transform:translate3d(-100%,0,0);transition:transform .32s cubic-bezier(.32,.72,0,1),opacity .3s,visibility .3s}.main-menu__content.is-open.is-visible{transform:translateZ(0)}.kmn__top{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:1.2rem;min-height:5.6rem;padding:0 2rem;background:var(--kmn-bar, #090302);color:var(--kmn-bar-ink, #ffffff)}.kmn__account{display:flex;align-items:center;gap:1.2rem;color:inherit;font-size:1.6rem;font-weight:600;line-height:1.2;text-decoration:none}.kmn__account:hover{color:inherit}.kmn__account svg{width:2.2rem;height:2.2rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.kmn__close{position:fixed;top:.6rem;left:calc(var(--kmn-w) + .4rem);z-index:31;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;background:none;color:#fff;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.main-menu__content.is-open.is-visible~.kmn__close{opacity:1;visibility:visible}.kmn__close svg{width:2rem;height:2rem}.kmn__close:focus-visible{outline:2px solid #ffffff;outline-offset:2px;border-radius:4px}.kmn__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;background:#0903028c;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.main-menu__content.is-open.is-visible~.kmn__scrim{opacity:1;visibility:visible}.main-nav__child{top:0;left:0;width:var(--kmn-w);max-width:none;height:100vh;height:100dvh;padding:0 0 env(safe-area-inset-bottom);overscroll-behavior:contain;background-color:#fff}.main-nav__item--primary,.main-nav__item{padding:1.35rem 2rem;font-size:1.5rem;line-height:1.4}.main-nav>li,.child-nav>li,.grandchild-nav>li{border-bottom:1px solid var(--kmn-line, #e7e3dd)}.main-nav>li>.main-nav__row>.main-nav__item--primary{font-weight:600}.main-nav__row{position:relative}.main-nav__item--dropdown>.main-nav__row>.main-nav__toggle-btn{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:auto;justify-content:flex-end;padding-inline-end:1.4rem}.main-nav__toggle-btn .icon{flex:0 0 auto}.main-nav__item--back{position:sticky;top:0;z-index:1;background:#faf7f3;font-weight:600}.main-nav__item--back .main-nav__item{padding-block:1.5rem}.child-nav__panel{--kmn-indent: 2rem}.child-nav__item--toggle:has(.main-nav__collection-image--standard)>.child-nav__panel{--kmn-indent: 6.6rem}.child-nav__item--toggle:has(.main-nav__collection-image--large)>.child-nav__panel{--kmn-indent: 7.6rem}.child-nav__panel .main-nav__grandchild .main-nav__item,.child-nav__panel .main-nav__grandchild .main-nav__item--go{padding-inline-start:var(--kmn-indent, 2rem)}.child-nav__panel .main-nav__grandchild>li{position:relative}.child-nav__panel .main-nav__grandchild>li:before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--kmn-indent, 2rem) - 1.4rem);width:1px;background:var(--kmn-tree, #d8d0c4)}.child-nav__panel .main-nav__grandchild>li:last-child:before,.child-nav__panel .main-nav__grandchild>li:has(+li>.main-nav__item--go):before{bottom:auto;height:50%}.child-nav__panel .main-nav__grandchild>li:after{content:"";position:absolute;top:50%;left:calc(var(--kmn-indent, 2rem) - 1.4rem);width:.9rem;height:1px;background:var(--kmn-tree, #d8d0c4)}.child-nav__panel .main-nav__grandchild>li:has(>.main-nav__item--go):after{display:none}.child-nav__panel .main-nav__grandchild>li:has(>.main-nav__item--go):before{bottom:auto;height:0}.child-nav__panel .main-nav__grandchild .main-nav__item--go{display:flex;align-items:center;gap:.6rem;padding-block:1.35rem}.main-menu__content .secondary-nav{margin-top:0;padding:0;border-top:8px solid #f3efe9}.main-menu__content .secondary-nav>li{border-bottom:1px solid var(--kmn-line, #e7e3dd)}.main-menu__content .secondary-nav__item{display:flex;align-items:center;padding:1.35rem 2rem;font-size:1.5rem}}@media(min-width:769px){.kmn__top,.kmn__close,.kmn__scrim{display:none}}.kmn-locked,.kmn-locked body{overflow:hidden}@media(prefers-reduced-motion:reduce){.main-menu__content.has-motion,.kmn__close,.kmn__scrim{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/knuska-mobile-nav.css.map */