.rail-grid{--rail-w-open:260px;--rail-w-closed:72px;--rail-overlap:3px;--rail-dur:.32s;--rail-ease:cubic-bezier(.22, 1, .36, 1);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:1536px){.rail-grid{--rail-w-open:280px}}@media (min-width:1024px){.rail-grid{grid-template-columns:var(--rail-w-closed) minmax(0, 1fr);transition:grid-template-columns var(--rail-dur) var(--rail-ease)}.rail-grid[data-rail-mode]{column-gap:0}.rail-grid[data-rail-expanded=true]{grid-template-columns:var(--rail-w-open) minmax(0, 1fr)}.rail-grid[data-rail-mode=overlay]{grid-template-columns:var(--rail-w-closed) minmax(0, 1fr);transition:none}.rail-grid[data-rail-mode=overlay] .side-rail{width:var(--rail-w-closed);z-index:40;transition:width var(--rail-dur) var(--rail-ease)}.rail-grid[data-rail-mode=overlay][data-rail-expanded=true] .side-rail{width:var(--rail-w-open)}}@media (prefers-reduced-motion:reduce){.rail-grid,.rail-grid[data-rail-mode=overlay] .side-rail{transition:none}}.rail-inner{display:contents}@media (min-width:1024px){.rail-inner{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.side-rail[data-rail-expanded=true] .rail-row{min-width:var(--rail-w-open)}.side-rail nav{scrollbar-width:none;-ms-overflow-style:none;padding-left:0;padding-right:0;overflow-x:hidden}.side-rail nav::-webkit-scrollbar{width:0;height:0;display:none}.side-rail[data-rail-fade=top] nav{-webkit-mask-image:linear-gradient(#0000 0,#000 20px);mask-image:linear-gradient(#0000 0,#000 20px)}.side-rail[data-rail-fade=bottom] nav{-webkit-mask-image:linear-gradient(#000 calc(100% - 24px),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 24px),#0000 100%)}.side-rail[data-rail-fade=both] nav{-webkit-mask-image:linear-gradient(#0000 0,#000 20px calc(100% - 24px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 20px calc(100% - 24px),#0000 100%)}}.rail-row{align-items:center;gap:12px;width:100%;min-width:0;padding:12px 16px;display:flex;position:relative}.rail-text{min-width:0;transition:opacity var(--rail-dur) var(--rail-ease), transform var(--rail-dur) var(--rail-ease)}@media (min-width:1024px){.side-rail[data-rail-expanded=false] .rail-row{justify-content:center;gap:0;padding-left:0;padding-right:0}.side-rail[data-rail-expanded=false] .rail-text{opacity:0;white-space:nowrap;pointer-events:none;flex:0 0 0;width:0;overflow:hidden;transform:translate(-6px)}}.rail-pill{pointer-events:none;border-radius:999px 0 0 999px;position:absolute;inset:3px 0 3px 8px}.rail-pill,.rail-bridge{background:var(--rail-solid)}.rail-pill{box-shadow:0 0 26px -10px rgba(var(--rail-rgb), .9);animation:.14s ease-out rail-pill-in}@keyframes rail-pill-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.rail-pill{animation:none}}@media (min-width:1024px){.side-rail[data-rail-expanded=false] .rail-pill{left:0}}@media (max-width:1023.98px){.rail-pill{background:linear-gradient(90deg, rgba(var(--rail-rgb), .2), rgba(var(--rail-rgb), .04));box-shadow:none;border-radius:0;top:0;bottom:0;left:0}.rail-pill:before{content:"";background:var(--rail-base);width:3px;box-shadow:0 0 12px rgba(var(--rail-rgb), .6);position:absolute;top:0;bottom:0;left:0}}.rail-bridge{pointer-events:none;border-radius:0;position:absolute;transform:translateY(-50%)}@media (max-width:1023.98px){.rail-bridge{display:none}}.rail-badge{min-width:20px;height:20px;transition:background-color var(--rail-dur) var(--rail-ease), color var(--rail-dur) var(--rail-ease);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:800;line-height:1;display:inline-flex;position:relative}@media (min-width:1024px){.side-rail[data-rail-expanded=false] .rail-badge{width:9px;min-width:0;height:9px;padding:0;font-size:0;position:absolute;top:9px;left:calc(50% + 1px);right:auto}}.rail-trailing{transition:transform var(--rail-dur) var(--rail-ease);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}@media (min-width:1024px){.side-rail[data-rail-expanded=false] .rail-trailing{transform-origin:0 100%;position:absolute;bottom:7px;left:calc(50% + 3px);right:auto;transform:scale(.72)}}.rail-decor{transition:opacity var(--rail-dur) var(--rail-ease)}@media (min-width:1024px){.side-rail[data-rail-expanded=false] .rail-decor{opacity:0!important}}.rail-group{letter-spacing:.12em;text-transform:uppercase;color:#5f7590;transition:color var(--rail-dur) var(--rail-ease), background-color var(--rail-dur) var(--rail-ease);margin-bottom:4px;padding:0 16px;font-size:10.5px;font-weight:800}@media (min-width:1024px){.side-rail[data-rail-expanded=false] .rail-group{background:rgba(var(--rail-rgb), .22);height:1px;margin:10px 16px 8px;padding:0;font-size:0;overflow:hidden}}.rail-panel{position:relative}@media (min-width:1024px){.rail-panel{margin-left:calc(-1 * var(--rail-overlap));padding:16px;padding-left:calc(16px + var(--rail-overlap));background:var(--rail-solid);border-radius:22px;flex-direction:column;flex:1 0 auto;display:flex;box-shadow:0 26px 60px -34px #000000d9}.rail-panel-sheet{box-shadow:0 0 0 1px rgba(var(--rail-rgb), .18), 0 18px 40px -28px #000000e6;background:#1b263b;border-radius:14px;flex:1 0 auto;padding:22px}}