.whl{isolation:isolate;-webkit-user-select:none;user-select:none;height:clamp(440px,56vw,800px);position:relative;overflow:hidden}@media (pointer:fine){.whl{touch-action:none}}.whl-track{position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 24% 76%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 24% 76%,#0000 100%)}.whl-item{white-space:nowrap;letter-spacing:-.022em;width:calc(100% - 120px);color:var(--f-ink,#111);opacity:0;will-change:transform, opacity;align-items:baseline;gap:.5em;margin-top:-.5em;font-size:clamp(30px,3.4vw,48px);line-height:1;display:flex;position:absolute;top:50%;left:0}.whl-date,.whl-rule,.whl-type{opacity:0;transition:opacity .16s cubic-bezier(.23,1,.32,1)}.whl-date,.whl-type{letter-spacing:0;color:#999;flex:none;font-size:clamp(12px,.98vw,15px);line-height:1}.whl-rule{border-bottom:1px dotted #ddd;flex:auto;align-self:center;min-width:0}@media (hover:hover){.whl-item:hover .whl-date,.whl-item:hover .whl-rule,.whl-item:hover .whl-type{opacity:1}}.whl-name{flex:none}.whl-bar{z-index:4;cursor:pointer;touch-action:none;background:#e5e5e5 padding-box content-box;width:1px;margin-inline:-10px;padding-inline:10px;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.whl-thumb{background:var(--f-ink,#111);will-change:transform;width:3px;height:14%;margin-left:-1px;position:absolute;top:0;left:10px}.whl-mark{color:var(--f-ink,#111);z-index:3;pointer-events:none;place-items:center;width:1em;height:1em;font-size:clamp(20px,2.1vw,30px);line-height:1;text-decoration:none;transition:color .16s cubic-bezier(.23,1,.32,1);display:grid;position:absolute;top:50%;left:0;transform:translate(.5em,-50%)}.whl-ico{width:.78em;height:.78em;display:none}.whl-tri{font-size:.86em;line-height:1}.whl-mark[data-on="1"] .whl-ico{display:block}.whl-mark[data-on="1"] .whl-tri{display:none}.whl-mark[data-on="1"]{color:var(--color-blue);pointer-events:auto;cursor:pointer}.whl-mark[data-on="1"]:focus-visible{box-shadow:0 0 0 2px var(--f-ground,#fff), 0 0 0 4px var(--color-blue);outline:none}@media (prefers-reduced-motion:reduce){.whl{height:auto!important}.whl-bar{display:none}.whl-track{position:static;-webkit-mask-image:none;mask-image:none}.whl-mark{display:none}.whl-item{margin-top:0;font-size:clamp(22px,2.4vw,32px);position:static;opacity:1!important;transform:none!important}.whl-date,.whl-rule,.whl-type{opacity:1}}@media (max-width:639px){.whl{height:340px}.whl-item{width:calc(100% - 40px);font-size:26px}.whl-rule,.whl-type{display:none}}