.dock button>span.nav-icon{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:10px;background:rgba(152,194,210,.07);border:1px solid rgba(152,194,210,.11);transition:background .2s,border-color .2s,color .2s}
.nav-icon svg{display:block;width:26px;height:26px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.dock button{gap:11px;min-height:64px}.dock button:hover>.nav-icon{background:rgba(152,194,210,.14);border-color:rgba(152,194,210,.3)}.dock button.active>.nav-icon{background:#89dfcc16;border-color:#89dfcc50}.dock button div{font-size:14px}.dock small{font-size:8px;letter-spacing:1.1px}
body[data-hall=home] .dock{padding:7px;border-radius:16px;background:#fcfaf5f2;box-shadow:0 10px 35px #61523b24;border-color:#e0d6c5}
body[data-hall=home] .dock button{border-radius:10px;padding:12px 16px;transition:background .2s,border-color .2s}
body[data-hall=home] .dock button>span.nav-icon{color:#8b744b;background:#af93620a;border-color:#ad956221}
body[data-hall=home] .dock button:hover{background:#eee8dc;border-color:#dfd2b9}
body[data-hall=home] .dock button.active{background:#eee6d7;border-color:#cdb98f;box-shadow:inset 0 1px 0 #fff8}
body[data-hall=home] .dock button.active>span.nav-icon{background:#dfceab52;color:#705834;border-color:#c8b18480}
body[data-hall=home] .dock button.active div{color:#344e53;font-weight:600}
@media(max-width:1050px){.dock button>span.nav-icon{width:34px;height:34px}.nav-icon svg{width:24px;height:24px}body[data-hall=home] .dock button{padding:10px}.dock button div{font-size:13px}}
@media(max-width:650px){.dock button>span.nav-icon{width:32px;height:32px;border-radius:9px}.nav-icon svg{width:23px;height:23px}.dock button,.dock button div{font-size:11px}.dock button{gap:5px;min-height:66px}.dock small{display:none}body[data-hall=home] .dock{padding:4px;border-radius:14px}body[data-hall=home] .dock button{padding:6px 2px;min-width:0;flex:1;border-radius:9px}.dock button div{white-space:nowrap}}