.cmp__frame{position:relative;overflow:clip;aspect-ratio:var(--cmp-ratio, 16/10);touch-action:pan-y;-webkit-user-select:none;user-select:none;background:var(--bg-raise)}.cmp__after,.cmp__clip,.cmp__inner,.cmp__handle{position:absolute;inset:0}.cmp__clip{overflow:clip;transform:translate(calc(var(--start) * 1% - 100%))}.cmp__inner{transform:translate(calc(100% - var(--start) * 1%))}.cmp picture,.cmp img{display:block;width:100%;height:100%}.cmp img{object-fit:cover;object-position:top}.cmp__label{position:absolute;z-index:1;top:var(--s-3);padding:4px 8px;border-radius:var(--r-pill);font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text);background:var(--bg);transition:opacity .12s linear}.cmp__label.is-near{opacity:0}.cmp__label--before{left:var(--s-3)}.cmp__label--after{right:var(--s-3)}.cmp__range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}.cmp__handle{pointer-events:none;transform:translate(calc(var(--start) * 1%))}.cmp__handle:before{content:"";position:absolute;top:0;bottom:0;left:-1px;width:2px;background:var(--text)}.cmp__grip{position:absolute;top:50%;left:-22px;display:grid;place-items:center;width:44px;height:44px;margin-top:-22px;border:1px solid var(--line-strong);border-radius:50%;color:var(--text);background:var(--bg)}.cmp__grip .glyph{width:20px}.cmp__range:focus-visible~.cmp__handle .cmp__grip{outline:2px solid var(--gold);outline-offset:3px}.cmp__wait{position:absolute;top:calc(50% + 30px);left:0;display:none;transform:translate(-50%);white-space:nowrap;font:500 12px/1 var(--mono);color:var(--text)}html.case-ready .cmp:not(.cmp--ready) .cmp__wait{display:block}@media (max-width: 699px){.cmp__frame{aspect-ratio:var(--cmp-ratio-phone, var(--cmp-ratio, 16/10))}.cmp__when{display:none}}html:not(.js) .cmp__frame{display:flex;flex-direction:column;gap:var(--s-3);aspect-ratio:auto;overflow:visible;background:none}html:not(.js) .cmp__after,html:not(.js) .cmp__clip,html:not(.js) .cmp__inner,html:not(.js) .cmp__label{position:static;transform:none}html:not(.js) .cmp__label{align-self:flex-start}html:not(.js) .cmp__label--before{order:1}html:not(.js) .cmp__clip{order:2}html:not(.js) .cmp__label--after{order:3}html:not(.js) .cmp__after{order:4}html:not(.js) .cmp img{height:auto}html:not(.js) .cmp__range,html:not(.js) .cmp__handle{display:none}@media print{.cmp__frame{display:flex;flex-direction:column;gap:var(--s-3);aspect-ratio:auto;overflow:visible;background:none}.cmp__after,.cmp__clip,.cmp__inner,.cmp__label{position:static;transform:none}.cmp__label{align-self:flex-start}.cmp__label--before{order:1}.cmp__clip{order:2}.cmp__label--after{order:3}.cmp__after{order:4}.cmp img{height:auto}.cmp__range,.cmp__handle{display:none}.cmp__clip,.cmp__inner{transform:none!important}}@media (forced-colors: active){.cmp__grip{border-color:ButtonBorder}.cmp__handle:before{forced-color-adjust:none;background:ButtonText}}.case--buskers{--accent-2: #fff3e6;--cell: 16px;--cell-gap: 3px;--col-gap: 24px;--chrome: 176px}@media (width >= 640px){.case--buskers{--cell: 24px;--cell-gap: 4px;--col-gap: 32px}}@media (width >= 1100px){.case--buskers .ch>:is(h2,.lede,p){grid-column:wide}}.stage--buskers{overflow-x:clip;background:radial-gradient(60% 45% at 50% 0,color-mix(in srgb,var(--accent-2) 10%,transparent),transparent 70%) 50% 0/100% 960px no-repeat,var(--stage-bg)}.views{display:grid;gap:var(--s-5)}.views__switch{justify-self:center;min-width:0;margin:0;padding:0;border:0;text-align:center;visibility:hidden}html.case-ready .views__switch{visibility:visible}.views__legend{margin:0 auto var(--s-2);padding:0;font:500 12px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.views__opts{display:flex;gap:var(--s-2)}.views__opts label{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border:1px solid var(--line-strong);border-radius:var(--r-pill);font:500 14px/1 var(--sans);color:var(--muted);cursor:pointer;transition:color var(--dur-tip),border-color var(--dur-tip),background-color var(--dur-state),transform var(--dur-press)}.views__radio:checked+label{border-color:var(--text);color:var(--bg);background:var(--text)}.views__radio:focus-visible+label{outline:2px solid var(--gold);outline-offset:3px}.views__pane--phone{display:none}@media (width < 700px){.views__pane--desktop{display:none}.views__pane--phone{display:block}}html.case-ready .views[data-view] .views__pane{display:none}html.case-ready .views[data-view=desktop] .views__pane--desktop,html.case-ready .views[data-view=phone] .views__pane--phone{display:block}.views .cmp{margin:0 auto}.views__pane--desktop .cmp{width:min(100%,var(--max),(100vh - var(--chrome)) * 1440 / 900);width:min(100%,var(--max),(100svh - var(--chrome)) * 1440 / 900)}.views__pane--phone .cmp{width:min(100%,min(760px,100vh - var(--chrome)) * 390 / 844);width:min(100%,min(760px,100svh - var(--chrome)) * 390 / 844)}.views .cmp__frame{border:1px solid var(--line);border-radius:var(--r-2)}.views .cmp>figcaption{position:relative}.views .cmp>figcaption .badge{display:flex;width:fit-content;margin-bottom:var(--s-3)}.views .cmp>figcaption .fig__credit{display:block;margin-top:var(--s-1)}.pool{position:relative;height:0}.pool__light{position:absolute;top:0;left:0;width:100%;height:0;transform:translate(calc(var(--start) * 1%))}.pool__light:before{content:"";position:absolute;top:0;left:-240px;width:480px;height:96px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent-2) 10%,transparent),transparent)}.stage--buskers .stage__frame{display:grid;grid-template-columns:subgrid}.stage--buskers .stage__frame>.views{grid-column:1/-1}.stage--buskers .look__label{grid-column:wide;margin:var(--s-7) 0 0}@supports not (grid-template-columns: subgrid){.stage--buskers .stage__frame{display:block}}.stage--buskers .stage__steps{grid-column:wide;display:grid;gap:var(--s-4) var(--s-6);margin-top:0}.stage--buskers .stage__steps li{padding-top:var(--s-4);border-top:1px solid var(--line);font-size:15px;line-height:1.6;color:var(--muted)}.stage--buskers .stage__steps li+li{margin-top:0}.look__term{display:block;margin-bottom:var(--s-2);font:500 12px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text)}@media (width >= 900px){.stage--buskers .stage__steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.stage--buskers>.race{margin-top:var(--s-9)}.race{display:grid;gap:var(--s-6)}.race h3{margin-top:0}.case--buskers .race__text>*,.case--buskers .race__facts>*{margin:0}.race__text,.race__facts{display:grid;gap:var(--s-4);align-content:start}.race__stage{display:grid;justify-items:center;gap:var(--s-5);padding:var(--s-7) var(--s-4) var(--s-6);border:1px solid var(--line);border-radius:var(--r-3)}.race__cols{--row-w: calc(var(--per) * var(--cell) + (var(--per) - 1) * var(--cell-gap));--floor: calc(var(--rows) * (var(--cell) + var(--cell-gap)) - var(--cell-gap));display:grid;grid-template-columns:repeat(2,var(--row-w));grid-template-rows:var(--floor) 1px auto auto;column-gap:var(--col-gap);background:radial-gradient(50% 60% at 50% 100%,color-mix(in srgb,var(--accent-2) 6%,transparent),transparent 70%) 0 0/100% var(--floor) no-repeat}.race__col{display:grid;grid-row:1/-1;grid-template-rows:subgrid}.race__stack{display:flex;flex-direction:column-reverse;align-self:end;gap:var(--cell-gap)}.race__row{display:flex;gap:var(--cell-gap)}.race--playing .race__row{will-change:transform,opacity}.race__cell{flex:none;width:var(--cell);height:var(--cell);border-radius:2px;background:var(--faint)}.race__cell--part{position:relative;border:1px solid var(--faint);background:none}.race__cell--part>span{position:absolute;inset:0;background:var(--faint);transform-origin:left center}.race__col--new .race__cell,.race__col--new .race__cell--part>span,.race__col--new .race__dots>span{background:var(--accent)}.race__col--new .race__cell--part{border-color:var(--accent);background:none}.race__floor{grid-row:2;background:var(--line-strong)}.race__col--old .race__floor{margin:0 calc(var(--col-gap) / -2) 0 -12px}.race__col--new .race__floor{margin:0 -12px 0 calc(var(--col-gap) / -2)}.case--buskers .race__label{max-width:none;margin:var(--s-3) 0 0;font:500 13px/1.4 var(--sans);color:var(--muted)}.race__value{display:block;margin-top:2px;font:400 12px/1.4 var(--mono);font-variant-numeric:tabular-nums;text-wrap:balance;color:var(--text)}.race__dots{display:grid;grid-template-columns:repeat(10,6px);gap:4px;align-content:start;margin-top:var(--s-3)}.race__dots>span{width:6px;height:6px;border-radius:50%;background:var(--faint)}.race .race__readout,.race .race__replay{display:none}@media (prefers-reduced-motion: no-preference){html.case-ready .race .race__readout,html.case-ready .race .race__replay{display:inline-flex}}.race .race__readout{gap:.7em;padding:6px 12px 14px;text-transform:uppercase}.race__digit{position:relative;color:var(--faint)}.race__digit.is-now{color:var(--text)}.race__digit.is-now:after{content:"";position:absolute;top:calc(100% + 3px);left:50%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--accent)}.race__replay{align-items:center;min-height:44px;padding:0 20px;border:1px solid var(--line-strong);border-radius:var(--r-pill);font:500 14px/1 var(--sans);color:var(--text);background:none;cursor:pointer;transition:border-color var(--dur-tip),opacity var(--dur-state),transform var(--dur-press)}.race__replay[aria-disabled=true]{opacity:.55;cursor:default}.race__note,.race__caveat{font-size:15px;line-height:1.6;color:var(--muted)}@media (width < 640px){.race__stage{margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);border-inline:0;border-radius:0}}@media (width < 360px){.race__cols{grid-template-columns:var(--row-w);grid-template-rows:none;row-gap:var(--s-6)}.race__col{grid-row:auto;grid-template-rows:var(--floor) 1px auto auto}.race__col--new{grid-template-rows:auto 1px auto auto}.race__col .race__floor{margin-inline:-12px}}@media (width >= 1240px){.race{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"stage text" "stage facts";column-gap:var(--s-8);row-gap:var(--s-5);align-items:start}.race__text{grid-area:text}.race__stage{grid-area:stage}.race__facts{grid-area:facts}}.case--buskers .phrase__grid{display:contents}.case--buskers .phrase__text,.case--buskers .phrase__aside{grid-column:read}.case--buskers .phrase__text{display:grid;gap:var(--s-4);align-content:start}.case--buskers .phrase__text>*{margin:0}.case--buskers .phrase__aside{margin-top:var(--s-4)}.case--buskers .phrase__aside>figure{margin:0}.case--buskers .phrase__aside--wide{grid-column:wide}.case--buskers .phrase__aside--phone .fig{max-width:390px}@media (width >= 1100px){.case--buskers .phrase>h2{grid-column:wide}.case--buskers .phrase--right>h2{margin-left:calc((100% - var(--s-8)) * 5 / 12 + var(--s-8))}.case--buskers .phrase__grid{display:grid;grid-column:wide;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--s-8);align-items:start}.case--buskers .phrase--right .phrase__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.case--buskers .phrase__text,.case--buskers .phrase__aside{grid-column:auto;margin-top:0}.case--buskers .phrase--right .phrase__text{grid-area:1/2}.case--buskers .phrase--right .phrase__aside{grid-area:1/1}.case--buskers .phrase__aside--phone{align-self:center;justify-self:center}}.checker{display:grid;gap:var(--s-4);align-content:start}.case--buskers .checker>*{margin:0}.case--buskers .checker>h3{margin-top:var(--s-4)}.checker__field{display:grid;gap:var(--s-2)}.checker__field label{font:500 15px/1.4 var(--sans)}.checker__select{width:100%;min-height:48px;padding:0 44px 0 14px;border:1px solid var(--edge);border-radius:var(--r-1);font:500 15px/1.2 var(--mono);color:var(--text);background:var(--bg-raise) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5' fill='none' stroke='%23a89e92' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 16px center/12px 12px;appearance:none;cursor:pointer}.checker__select:disabled{opacity:1;color:var(--muted);cursor:default}.checker__result{display:grid;justify-items:start;gap:var(--s-2)}.checker__out{font:500 17px/1.5 var(--sans);overflow-wrap:anywhere}.checker__open{justify-self:start;display:inline-flex;align-items:center;min-height:44px;font-weight:500}.checker__note,.checker__nojs{font-size:14px;line-height:1.5;color:var(--muted)}html.case-ready .checker__nojs{display:none}.checker__all{border-top:1px solid var(--line)}.checker__all summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);min-height:48px;font:500 15px/1.4 var(--sans);cursor:pointer;list-style:none}.checker__all summary::-webkit-details-marker{display:none}.checker__all summary:after{content:"";flex:none;width:8px;height:8px;margin-right:4px;border-right:1.25px solid var(--muted);border-bottom:1.25px solid var(--muted);transform:translateY(-2px) rotate(45deg);transition:transform var(--dur-state) var(--ease)}.checker__all[open] summary:after{transform:translateY(2px) rotate(225deg)}.checker__table{width:100%;margin:var(--s-2) 0 var(--s-4);border-collapse:collapse;font-size:14px;line-height:1.45}.checker__table th{padding:0 var(--s-3) var(--s-2) 0;border-bottom:1px solid var(--line-strong);font:500 11px/1.4 var(--mono);letter-spacing:.08em;text-align:left;text-transform:uppercase;color:var(--faint)}.checker__table td{padding:var(--s-2) var(--s-3) var(--s-2) 0;border-bottom:1px solid var(--line);vertical-align:top;color:var(--muted)}.checker__table code{font:400 13px/1.45 var(--mono);color:var(--text);overflow-wrap:anywhere}.message{display:grid;gap:var(--s-3)}.case--buskers .message{margin:0}.case--buskers .message>figcaption{margin:0;font:500 12px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.message__text{margin:0;padding:var(--s-4);border:1px solid var(--line);border-radius:var(--r-1);font:400 13px/1.75 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);background:var(--bg-raise)}.case--buskers .message__note{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}.doors{width:100%;border-collapse:collapse}.doors caption{margin-bottom:var(--s-3);font-size:14px;line-height:1.5;text-align:left;color:var(--muted)}.doors th,.doors td{padding:var(--s-4) var(--s-5) var(--s-4) 0;border-top:1px solid var(--line);font-size:15px;line-height:1.55;text-align:left;vertical-align:top}.doors thead th{padding-block:0 var(--s-3);border-top:0;font:500 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.doors tbody th{width:26%;font-weight:500}.doors td{color:var(--muted)}.doors .doors__new{color:var(--text)}.doors__mark:before{content:"";display:inline-block;width:6px;height:6px;margin-right:var(--s-2);border-radius:50%;vertical-align:.15em;background:var(--accent)}@media (width < 700px){.doors,.doors caption,.doors tbody,.doors tr,.doors th,.doors td{display:block}.doors thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.doors tbody tr{padding:var(--s-4) 0;border-top:1px solid var(--line)}.doors th,.doors td{padding:0;border:0}.doors tbody th{width:auto}.doors td{margin-top:var(--s-3)}.doors td:before{content:attr(data-label);display:block;margin-bottom:2px;font:500 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}}.phrase__aside .metrics{margin:0}.phrase__aside .metrics>.metric{padding-top:var(--s-4);border-top:1px solid var(--line)}@media (width >= 1100px){.phrase__aside .metrics{grid-auto-flow:row}}@media (hover: hover) and (pointer: fine){.views__opts label:hover,.race__replay:not([aria-disabled=true]):hover{border-color:var(--text);color:var(--text)}.views__radio:checked+label:hover{color:var(--bg)}}@media (prefers-reduced-motion: no-preference){.views__opts label:active,.race__replay:not([aria-disabled=true]):active{transform:scale(.97)}}html:not(.js) .views__switch,html:not(.js) .pool{display:none}html:not(.js) .views .cmp__frame{border:0;border-radius:0}html:not(.js) .views .cmp img{border:1px solid var(--line);border-radius:var(--r-2)}@media (forced-colors: active){.stage--buskers,.race__cols{background:none}.pool{display:none}.race__cell,.race__cell--part>span,.race__dots>span,.race__floor{forced-color-adjust:none;background:GrayText}.race__col--new :is(.race__cell,.race__cell--part>span,.race__dots>span),.doors__mark:before,.race__digit.is-now:after{forced-color-adjust:none;background:Highlight}.race__cell--part,.race__col--new .race__cell--part{background:none}.views__radio:checked+label{forced-color-adjust:none;border-color:Highlight;color:HighlightText;background:Highlight}}@media print{.views__pane--desktop{display:block!important}.views__pane--phone,.views__switch,.pool,.race .race__readout{display:none!important}.stage--buskers,.race__cols{background:none}.views .cmp__frame{border:0}}
