.menu-drawer .kbh-menu-label{display:flex;align-items:center;gap:12px;min-width:0;line-height:1.4}
.menu-drawer .kbh-menu-icon{position:relative;display:inline-grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid #c7dfe7;border-radius:50%;background:radial-gradient(circle at 25% 15%,#fff,#e7f2f6 70%,#e3e7f2);color:#2d6a83;box-shadow:inset 1px 1px 2px #fff,0 3px 7px #225a720a}
.menu-drawer .kbh-menu-icon svg{width:24px;height:24px;flex:none}
.menu-drawer .kbh-menu-icon::after{content:"";position:absolute;top:4px;left:8px;width:10px;height:4px;border-radius:50%;background:#ffffffdb;transform:rotate(-35deg)}
.menu-drawer .kbh-menu-icon--sage{background:radial-gradient(circle at 25% 15%,#fff,#e8f1e9 70%,#dfece8);border-color:#cbded2;color:#52775f}
.menu-drawer .kbh-menu-icon--sand{background:radial-gradient(circle at 25% 15%,#fff,#f4eee3 70%,#efe5df);border-color:#e4d8c7;color:#8b7051}
.menu-drawer .menu-drawer__menu--grandchildlist .kbh-menu-icon{flex-basis:30px;width:30px;height:30px}
.menu-drawer .menu-drawer__menu--grandchildlist .kbh-menu-icon svg{width:19px;height:19px}
.menu-drawer .menu-drawer__menu-item:has(.kbh-menu-icon){border-radius:12px;transition:background .18s ease}
.menu-drawer .menu-drawer__menu-item:has(.kbh-menu-icon):hover{background:#eef6f7}
.menu-drawer .menu-drawer__menu-item--active:has(.kbh-menu-icon){background:#e9f3f4}
@media(prefers-reduced-motion:reduce){.menu-drawer .menu-drawer__menu-item:has(.kbh-menu-icon){transition:none}}