.ix{border-top:1px solid var(--line);display:grid}.ix__row{--c:var(--b1);border-bottom:1px solid var(--line);isolation:isolate;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"ball name go""ball hook hook";align-items:center;column-gap:16px;padding:18px 6px 16px;transition:color .25s;display:grid;position:relative;overflow:clip}.ix__row:before{content:"";z-index:-1;background:var(--c);transform-origin:0;transition:transform .38s cubic-bezier(.6,0,.2,1);position:absolute;inset:0;transform:scaleX(0)}.ix__row:active:before,.ix__row:focus-visible:before{transform:scaleX(1)}.ix__row:active,.ix__row:focus-visible{color:var(--ink)}.ix__row:active .ix__hook,.ix__row:focus-visible .ix__hook{color:#120d18b3}@media (hover:hover){.ix__row:hover:before{transform:scaleX(1)}.ix__row:hover{color:var(--ink)}.ix__row:hover .ix__hook{color:#120d18b3}}.ix__row .ball{grid-area:ball;transition:transform .5s cubic-bezier(.3,1.5,.5,1)}.ix__row:active .ball{transform:rotate(-120deg)scale(.9)}.ix__name{letter-spacing:-.02em;white-space:nowrap;grid-area:name;font-size:26px;font-weight:800;line-height:1.02}.ix__hook{font-size:var(--fs-xs);color:var(--dim);grid-area:hook;margin-top:4px;transition:color .25s}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.ix__row{padding-top:8px}.ix__name{transform-origin:0 100%;font-size:min(36px,9vw);animation:ease-in-out both ix-name;animation-timeline:view()}.ix__row .ball{animation:ease-in-out both ix-ball;animation-timeline:view()}.ix__hook,.ix__go,.ix__soon{animation:ease-in-out both ix-dim;animation-timeline:view()}}}@keyframes ix-name{0%,30%{opacity:.55;scale:.64}50%{opacity:1;scale:1}70%,to{opacity:.55;scale:.64}}@keyframes ix-ball{0%,30%{scale:.82}50%{scale:1.06}70%,to{scale:.82}}@keyframes ix-dim{0%,30%{opacity:.45}50%{opacity:1}70%,to{opacity:.45}}.ix__go{opacity:.7;background:currentColor;grid-area:go;width:26px;height:2px;position:relative}.ix__go:after{content:"";border-top:2px solid;border-right:2px solid;width:8px;height:8px;position:absolute;top:-4px;right:0;transform:rotate(45deg)}.ix__row[data-n="2"]{--c:var(--b2)}.ix__row[data-n="3"]{--c:var(--b3)}.ix__row[data-n="4"]{--c:var(--b4)}.ix__row[data-n="5"]{--c:var(--b5)}.ix__row[data-n="6"]{--c:var(--b6)}.ix__row[data-n="7"]{--c:var(--b7)}.ix__row[data-n="8"]{--c:var(--bone)}.ix__row[data-n="9"]{--c:var(--b9)}.ix__row.is-off{opacity:.55;cursor:default}.ix__row.is-off:before{display:none}.ix__row.is-off:active{color:inherit}.ix__row.is-off:active .ball{transform:none}.ix__soon{font-size:var(--fs-micro);letter-spacing:.14em;border:1.5px dashed;border-radius:999px;grid-area:go;padding:3px 10px;font-weight:700;transform:rotate(-6deg)}
