.mth-link{background:color-mix(in oklab, var(--signal) 42%, transparent);transform-origin:0;position:relative}.mth-link--v{transform-origin:top;width:1px}.mth-link--h{height:1px}.mth-link:after{content:"";background:var(--signal);border-radius:50%;width:5px;height:5px;position:absolute}.mth-link--h:after{top:-2px;right:-2px}.mth-link--v:after{bottom:-2px;left:-2px}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.mth-link{animation:linear both mth-draw-h;animation-timeline:view();animation-range:entry 14% entry 70%}.mth-link--v{animation-name:mth-draw-v}}}@keyframes mth-draw-h{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes mth-draw-v{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.mth-cells{grid-template-columns:repeat(30,minmax(0,1fr));gap:3px;display:grid}.mth-cells>i{aspect-ratio:1;background:color-mix(in oklab, var(--signal) 26%, transparent);border-radius:1px;display:block}.ins-reveal .mth-cells>i{opacity:0;transition:opacity .28s var(--ease-out), transform .28s var(--ease-out);transition-delay:calc(var(--i) * 9ms);transform:scale(.4)}.ins-reveal.is-in .mth-cells>i{opacity:1;transform:none}.mth-row{grid-template-columns:1fr;align-items:center;gap:6px;display:grid}.mth-row+.mth-row{margin-top:14px}@media (min-width:640px){.mth-row{grid-template-columns:84px minmax(0,1fr);gap:14px}.mth-row+.mth-row{margin-top:8px}}@media (max-width:639px){.mth-cells{grid-template-columns:repeat(15,minmax(0,1fr));gap:4px}}@media (prefers-reduced-motion:reduce){.ins-reveal .mth-cells>i{opacity:1;transition:none;transform:none}}.mth-dense{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 10px;display:grid;-webkit-mask-image:linear-gradient(#000 60%,#0000 100%);mask-image:linear-gradient(#000 60%,#0000 100%)}.mth-dense>i{background:var(--line-2);border-radius:2px;height:4px;display:block}@media (max-width:699px){.mth-dense{grid-template-columns:repeat(2,minmax(0,1fr))}}.mth-place{border-top:1px solid var(--line);grid-template-columns:3.2rem minmax(0,1fr);align-items:baseline;gap:1rem;padding-block:.7rem;display:grid}.mth-place:first-child{border-top:0}.mth-place--you,.mth-place--you+.mth-place{border-top-color:color-mix(in oklab, var(--signal) 34%, transparent)}.mth-steps{gap:28px;display:grid;position:relative}.mth-steps:before{content:"";background:color-mix(in oklab, var(--signal) 30%, transparent);transform-origin:top;width:1px;position:absolute;top:12px;bottom:12px;left:11px}@media (min-width:900px){.mth-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.mth-steps:before{transform-origin:0;width:auto;height:1px;inset:11px 12px auto}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.mth-steps:before{animation:linear both mth-draw-v;animation-timeline:view();animation-range:entry 16% entry 76%}@media (min-width:900px){.mth-steps:before{animation-name:mth-draw-h}}}}.mth-steps__dot{z-index:1;border:1px solid color-mix(in oklab, var(--signal) 45%, transparent);background:var(--paper);border-radius:50%;justify-content:center;align-items:center;width:23px;height:23px;display:flex;position:relative}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.mth-track{animation:linear both mth-track;animation-timeline:view();animation-range:entry 20% entry 80%}}}@keyframes mth-track{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 -4px 0 0)}}.mth-repli{transition:background-color .2s var(--ease-out);padding-left:18px;position:relative}.mth-repli:before{content:"";background:var(--signal);transform-origin:top;width:1px;transition:transform .26s var(--ease-out);position:absolute;top:14px;bottom:14px;left:0;transform:scaleY(0)}.mth-repli[open]:before{transform:scaleY(1)}@media (hover:hover) and (pointer:fine){.mth-repli:hover:before{background:color-mix(in oklab, var(--signal) 40%, transparent);transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.mth-repli:before{transition:none}}