.nav-group{min-width:0}.nav-group-toggle{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:11px 13px;border:0;border-radius:7px;background:transparent;color:#98a5b9;font-family:inherit;font-size:14px;font-weight:600;text-align:left;transition:background .15s,color .15s}.nav-group-toggle>span{width:19px;text-align:center;font-size:17px}.nav-group-toggle i{margin-left:auto;font-size:0;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .16s}.nav-group-toggle[aria-expanded=true] i{transform:rotate(225deg)}.nav-group-toggle:hover,.nav-group.has-active-page>.nav-group-toggle{color:white;background:#ffffff08}.nav-group-toggle:focus-visible{outline:2px solid #f48120;outline-offset:-2px}.nav-group-items:not([hidden]){display:grid;gap:3px;margin:3px 0 9px 22px;padding-left:10px;border-left:1px solid #ffffff18;animation:nav-group-in .16s ease-out}.nav-group-items .nav-item{width:100%;min-width:0;font-size:12px;padding:10px;gap:8px}.nav-group-items .nav-item>span{display:none}.dns-toolbar select{min-width:0;max-width:100%;text-overflow:ellipsis}
@keyframes nav-group-in{from{opacity:.3;transform:translateY(-3px)}to{opacity:1;transform:none}}
@media(max-width:900px){.nav-group-toggle{min-height:48px;padding:12px 14px}.app aside nav .nav-group-items .nav-item{font-size:13px;min-height:44px;padding:10px 12px}.app aside nav .nav-group-items .nav-item>span{display:none}}
@media(prefers-reduced-motion:reduce){.nav-group-items:not([hidden]){animation:none}.nav-group-toggle,.nav-group-toggle i{transition:none}}