.sidebar{width:min(360px,calc(100vw - 32px));}
.sidebar #navigation{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;height:72px;gap:0;padding:6px;overflow:hidden;border:1px solid #ffffff70;border-radius:999px;background:linear-gradient(110deg,#ffffff30,#ffffff13);box-shadow:inset 0 1px 1px #ffffff80,0 10px 36px #0004;backdrop-filter:blur(24px) saturate(110%);-webkit-backdrop-filter:blur(24px) saturate(110%);}
#navigation .nav-rail-thumb{position:absolute;left:0;top:6px;bottom:6px;border-radius:999px;background:linear-gradient(140deg,#e1e1e1,#aaa);border:1px solid #ffffffaa;box-shadow:inset 0 1px 2px #fff9,0 3px 10px #0002;pointer-events:none;z-index:0;will-change:transform;}
#navigation .nav-item,#navigation .nav-item:hover,#navigation .nav-item.selected{position:relative;z-index:1;width:100%;min-width:0;height:100%;padding:0;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:0;background:transparent;border:0;border-radius:999px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transform:none;text-shadow:none;font-size:17px;font-weight:400;color:#f5f5f5;transition:color .18s;overflow:visible;}
#navigation .nav-item.selected{color:#303030;}
#navigation .nav-item:before{display:none;}
#navigation .nav-item:focus-visible{outline:2px solid #fff;outline-offset:-4px;}
@media(max-width:720px){.sidebar{width:calc(100vw - 32px);max-width:360px;} .sidebar #navigation{height:60px;padding:5px;}#navigation .nav-rail-thumb{top:5px;bottom:5px;}#navigation .nav-item{font-size:15px;}}
@media(prefers-reduced-motion:reduce){#navigation .nav-item{transition:none;}}
@media(prefers-reduced-transparency:reduce){.sidebar #navigation{background:#353535;}}
.bubble-rail{position:relative;isolation:isolate;overflow:hidden;}
.bubble-rail .segment-rail-thumb{position:absolute;left:0;border-radius:999px;background:linear-gradient(135deg,#e5e5e5,#aaa);border:1px solid #ffffff90;box-shadow:inset 0 1px 2px #fff9,0 2px 8px #0002;pointer-events:none;z-index:0;will-change:transform;transform-origin:center;}
.bubble-rail button,.bubble-rail button.active,.bubble-rail button:hover{position:relative;z-index:1;background:transparent;box-shadow:none;transform:none;transition:color .18s;}
.bubble-rail button:focus-visible{outline:2px solid white;outline-offset:-3px;}
@media(prefers-reduced-motion:reduce){.bubble-rail button{transition:none;}}