.dock-outer{align-items:center;max-width:100%;margin:0 .5rem;display:flex}.dock-panel{pointer-events:auto;background-color:var(--dock-panel-bg,color-mix(in srgb, rgb(var(--palette-primary-mainChannel)) 12%, #0e0e11d1));border:1px solid var(--dock-panel-border,#ffffff1f);-webkit-backdrop-filter:blur(20px)saturate(180%);border-radius:1.25rem;align-items:flex-end;gap:1rem;width:fit-content;padding:0 .5rem .5rem;display:flex;position:absolute;bottom:.5rem;left:50%;transform:translate(-50%)}.dock-item{background-color:var(--dock-item-bg,#ffffff0f);border:1px solid var(--dock-item-border,#ffffff1a);color:var(--dock-item-color,#fff);cursor:pointer;border-radius:12px;outline:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.dock-item--active{background-color:color-mix(in srgb, rgb(var(--palette-primary-mainChannel)) 28%, #ffffff0f);border-color:color-mix(in srgb, rgb(var(--palette-primary-mainChannel)) 50%, #ffffff1a)}.dock-icon{justify-content:center;align-items:center;display:flex}.dock-label{white-space:pre;border:1px solid var(--dock-panel-border,#ffffff1f);background-color:var(--dock-panel-bg,#141418d9);width:fit-content;color:var(--dock-label-color,#fff);border-radius:.375rem;padding:.125rem .5rem;font-size:.75rem;position:absolute;top:-1.75rem;left:50%;transform:translate(-50%)}
.pill-nav-container{z-index:1200;position:fixed;top:1.25em;left:50%;transform:translate(-50%)}@media (max-width:899.95px){.pill-nav-container{display:none}}.pill-nav{--nav-h:48px;--pill-pad-x:20px;--pill-gap:3px;--pill-nav-bg:color-mix(in srgb, rgb(var(--palette-primary-mainChannel)) 12%, #0e0e11d1);box-sizing:border-box;align-items:center;gap:10px;width:max-content;display:flex}.pill-logo{height:var(--nav-h);min-width:var(--nav-h);background:var(--pill-nav-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid #ffffff1f;border-radius:9999px;justify-content:center;align-items:center;padding:0 18px;display:inline-flex;overflow:hidden}.pill-nav-items{height:var(--nav-h);background:var(--pill-nav-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid #ffffff1f;border-radius:9999px;align-items:center;display:flex;position:relative}.pill-list{align-items:stretch;gap:var(--pill-gap);height:100%;margin:0;padding:4px;list-style:none;display:flex}.pill-list>li{height:100%;display:flex}.pill{height:100%;padding:0 var(--pill-pad-x);color:#ffffffd1;box-sizing:border-box;white-space:nowrap;cursor:pointer;background:0 0;border-radius:9999px;justify-content:center;align-items:center;font-size:14px;font-weight:600;line-height:0;text-decoration:none;transition:color .2s;display:inline-flex;position:relative;overflow:hidden}.pill--accent{background:var(--palette-primary-main,#00a76f);color:var(--palette-primary-contrastText,#fff)}.pill .hover-circle{background:var(--palette-primary-main,#00a76f);z-index:1;pointer-events:none;will-change:transform;border-radius:50%;display:block;position:absolute;bottom:0;left:50%}.pill--accent .hover-circle{background:#ffffff38}.pill .label-stack{z-index:2;line-height:1;display:inline-block;position:relative}.pill .pill-label{z-index:2;will-change:transform;line-height:1;display:inline-block;position:relative}.pill .pill-label-hover{color:var(--palette-primary-contrastText,#fff);z-index:3;will-change:transform, opacity;display:inline-block;position:absolute;top:0;left:0}.pill.is-active:after{content:"";background:var(--palette-primary-main,#00a76f);z-index:4;border-radius:50%;width:5px;height:5px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}