.kl-drawer{--kl-green: #1f8a4c;--kl-line: #e8e5e0;--kl-ink: #171717;--kl-hover: #f6f5f3;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;visibility:hidden;pointer-events:none}.kl-drawer[data-kl-open]{visibility:visible;pointer-events:auto}.kl-drawer [hidden]{display:none!important}.kl-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;transition:opacity .22s ease}.kl-drawer[data-kl-open] .kl-drawer__overlay{opacity:1}.kl-drawer__panel{position:absolute;top:0;bottom:0;left:0;width:min(900px,94vw);max-width:100%;display:flex;flex-direction:column;background:#fff;color:var(--kl-ink);box-shadow:0 0 40px #0000002e;transform:translate(-100%);transition:transform .22s ease;outline:none}.kl-drawer[data-kl-open] .kl-drawer__panel{transform:translate(0)}@media(prefers-reduced-motion:reduce){.kl-drawer__panel,.kl-drawer__overlay{transition:none}}.kl-drawer__head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--kl-line)}.kl-drawer__title{font-size:16px;font-weight:600;letter-spacing:.02em}.kl-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--kl-line);border-radius:50%;background:#fff;color:var(--kl-ink);cursor:pointer}.kl-drawer__close:hover{background:var(--kl-hover)}.kl-drawer__body{flex:1 1 auto;min-height:0;display:flex}.kl-drawer__nav{flex:0 0 220px;width:220px;padding:8px 0;border-right:1px solid var(--kl-line);overflow-y:auto}.kl-drawer__tab{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin:0;padding:12px 16px;border:0;border-left:3px solid transparent;background:none;font:inherit;font-size:15px;line-height:1.3;color:var(--kl-ink);text-align:left;text-decoration:none;cursor:pointer}.kl-drawer__tab:hover{background:var(--kl-hover)}.kl-drawer__tab[aria-expanded=true]{background:var(--kl-hover);border-left-color:var(--kl-green);color:var(--kl-green);font-weight:600}.kl-drawer__chev{flex:0 0 auto;opacity:.5}.kl-drawer__content{flex:1 1 auto;min-width:0;padding:10px 14px 28px;overflow-y:auto;-webkit-overflow-scrolling:touch}.kl-drawer__list{margin:0;padding:0;list-style:none}.kl-drawer__row{list-style:none}.kl-drawer__item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:6px;color:var(--kl-ink);text-decoration:none;font-size:15px}.kl-drawer__item:hover{background:var(--kl-hover)}.kl-drawer__item .menu-thumb{flex:0 0 auto;display:block;width:46px;height:46px;margin:0;border-radius:4px;overflow:hidden;line-height:0}.kl-drawer__item .menu-thumb__img{display:block;width:46px;height:46px;max-width:46px;object-fit:cover;border-radius:4px}.kl-drawer__item-title{min-width:0;overflow-wrap:anywhere}.kl-drawer__all{display:inline-block;margin:16px 8px 0;padding:9px 18px;border:1px solid var(--kl-green);border-radius:999px;color:var(--kl-green);font-size:14px;font-weight:600;text-decoration:none}.kl-drawer__all:hover{background:var(--kl-green);color:#fff}body.kl-drawer-open{overflow:hidden}@media screen and (max-width:1024.98px){.kl-drawer__panel{width:100vw}.kl-drawer__nav{flex:0 0 128px;width:128px}.kl-drawer__tab{padding:12px 10px;font-size:14px}.kl-drawer__item .menu-thumb,.kl-drawer__item .menu-thumb__img{width:40px;height:40px;max-width:40px}}@media screen and (min-width:1025px){.menu-parent__horizontal.click-open>.submenu,.menu-parent__horizontal.click-open .sub-children-menu{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/kloraliv-menu-drawer.css.map */