.sp-rail{display:flex;gap:16px;overflow-x:auto;padding-bottom:2px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.sp-rail::-webkit-scrollbar{display:none}.sp-rail-all,.sp-rail-it{background:rgb(var(--paper));border:1px solid rgb(var(--line));border-radius:20px;flex:none;height:148px;scroll-snap-align:start;text-align:left;transition:border-color .2s var(--ease),background .2s var(--ease)}.sp-rail-all{display:grid;gap:6px 16px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr;padding:24px;width:300px}.sp-rail-all .t{font-family:var(--font-display),sans-serif;font-size:19px;font-weight:700;line-height:1.25}.sp-rail-all .d{color:rgb(var(--muted));font-size:14px;grid-column:1;line-height:1.45}.sp-rail-all i{align-self:center;color:rgb(var(--brand-text));font-size:22px;grid-column:2;grid-row:1/span 2}.sp-rail-it{display:flex;flex-direction:column;gap:6px;padding:20px;width:190px}.sp-rail-it .ic{align-items:center;background:rgb(var(--brand-50));border-radius:12px;color:rgb(var(--brand-text));display:flex;height:40px;justify-content:center;margin-bottom:auto;width:40px}.sp-rail-it .t{font-size:15px;font-weight:600;line-height:1.3}.sp-rail-it .n{color:rgb(var(--muted));font-size:13px}@media(hover:hover){.sp-rail-all:hover,.sp-rail-it:hover{border-color:rgb(var(--brand-400))}}.sp-rail-all.is-on,.sp-rail-it.is-on{background:rgb(var(--brand-50));border-color:rgb(var(--brand))}.sp-rail-it.is-on .ic{background:rgb(var(--paper))}.sp-rail-nav{align-items:center;display:flex;gap:24px;margin-top:18px}.sp-rail-nav .bar{background:rgb(var(--line));border-radius:3px;flex:1;height:3px;max-width:320px;overflow:hidden}.sp-rail-nav .bar i{background:rgb(var(--brand));border-radius:3px;display:block;height:100%;transition:width .3s var(--ease)}.sp-rail-nav .btns{display:flex;gap:8px;margin-left:auto}.sp-rail-nav .btns button{align-items:center;background:rgb(var(--paper));border:1px solid rgb(var(--line));border-radius:50%;color:rgb(var(--brand-text));display:flex;height:44px;justify-content:center;transition:border-color .2s;width:44px}@media(hover:hover){.sp-rail-nav .btns button:hover{border-color:rgb(var(--brand))}}@media(max-width:639px){.sp-rail-nav .btns{display:none}.sp-rail-all{width:260px}.sp-rail-it{width:168px}}