.dock-outer{width:100%;max-width:100%;height:var(--dock-panel-height,80px);justify-content:center;align-items:center;margin:0 auto;display:flex;overflow:visible}.dock-panel{isolation:isolate;width:max-content;max-width:calc(100vw - 32px);height:var(--dock-panel-height,80px);min-height:var(--dock-panel-height,80px);box-sizing:border-box;-webkit-backdrop-filter:blur(26px)saturate(165%);background:linear-gradient(145deg,#ffffffc7,#f1f4fa9e);border:1px solid #ffffffc7;border-radius:24px;justify-content:center;align-items:center;gap:10px;padding:8px 14px;display:flex;position:relative;box-shadow:0 16px 42px #1c233429,inset 0 1px #ffffffe6}.dock-panel:before{z-index:-1;border-radius:inherit;content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff6b,#0000 58%);position:absolute;inset:1px}.dock-item{color:#55565a;cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}.dock-icon{color:#55565a;background:#dee2eab8;border:1px solid #fff9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:100%;transition:background .18s,box-shadow .18s;display:flex;box-shadow:inset 0 1px 2px #ffffff9e}.dock-item:hover .dock-icon,.dock-item:focus-visible .dock-icon{background:#fffffff0;box-shadow:0 8px 22px #34436129,inset 0 1px #fff}.dock-label{z-index:10;color:#fff;white-space:nowrap;pointer-events:none;background:#252529;border-radius:7px;padding:5px 9px;font-size:11px;position:absolute;top:-36px;left:50%}@media (max-width:600px){.dock-outer{height:64px}.dock-panel{gap:5px;height:64px;min-height:64px;padding:6px 8px}}