.topic-rail{display:none}@media screen and (min-width:1024px){.topic-rail{top:50%;left:calc((100vw - var(--size-container))/2 + calc(24 / var(--size-unit) * 1em));width:calc(56/var(--size-unit)*1em);z-index:20;pointer-events:none;display:block;position:fixed;transform:translateY(-50%)}}.topic-rail__list{gap:calc(8/var(--size-unit)*1em);pointer-events:auto;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.topic-rail__item{width:calc(56/var(--size-unit)*1em);height:calc(56/var(--size-unit)*1em);opacity:1;transition:opacity .5s cubic-bezier(.16,1,.3,1);position:relative}.topic-rail__item--all .topic-rail__link{background:var(--glass-bg);-webkit-backdrop-filter:blur(calc(20 / var(--size-unit) * 1em));backdrop-filter:blur(calc(20 / var(--size-unit) * 1em));border-radius:calc(12/var(--size-unit)*1em);color:#fff;justify-content:center;align-items:center;transition:background-color .5s cubic-bezier(.16,1,.3,1);display:flex}@media (hover:hover){.topic-rail__item--all .topic-rail__link:hover{background:var(--glass-bg-hover)}}.topic-rail__item--all .topic-rail__link:active{background:var(--glass-bg-active)}.topic-rail__item--all .topic-rail__link{border-radius:100px}.topic-rail__item--all.topic-rail__item--active .topic-rail__link{background-color:var(--c-fg);color:var(--c-bg)}.topic-rail__list--filtered .topic-rail__item{opacity:.6}.topic-rail__list--filtered .topic-rail__item--active,.topic-rail__list--filtered .topic-rail__item:hover,.topic-rail__list--filtered .topic-rail__item:focus-within{opacity:1}.topic-rail__icon{width:calc(56/var(--size-unit)*1em);height:calc(56/var(--size-unit)*1em);object-fit:contain;display:block}.topic-rail__link{width:calc(56/var(--size-unit)*1em);height:calc(56/var(--size-unit)*1em);color:inherit;display:block}.topic-rail__link:focus-visible{outline:calc(2/var(--size-unit)*1em) solid var(--w-60);outline-offset:calc(3/var(--size-unit)*1em);border-radius:calc(8/var(--size-unit)*1em)}.topic-rail__label{top:50%;left:calc(100% + calc(8 / var(--size-unit) * 1em));padding:calc(5/var(--size-unit)*1em) calc(12/var(--size-unit)*1em);white-space:nowrap;pointer-events:none;color:#fff;background:var(--glass-bg);-webkit-backdrop-filter:blur(calc(20 / var(--size-unit) * 1em));backdrop-filter:blur(calc(20 / var(--size-unit) * 1em));border-radius:calc(12/var(--size-unit)*1em);opacity:0;visibility:hidden;transition:opacity .5s cubic-bezier(.16,1,.3,1),visibility .5s cubic-bezier(.16,1,.3,1);position:absolute;transform:translateY(-50%)}.topic-rail__item:hover .topic-rail__label,.topic-rail__link:focus-visible .topic-rail__label{opacity:1;visibility:visible}