.QS-aUW_panel{gap:var(--gutter);padding:var(--s-2);border-radius:var(--r-4);background:var(--frame-bg);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.QS-aUW_readout{padding:var(--s-5);grid-column:1/span 4;align-content:start;display:grid}.QS-aUW_scale{font-size:clamp(calc(64 * var(--design-px)), 7.2vw, calc(112 * var(--design-px)));font-weight:300;line-height:var(--lh-display);letter-spacing:var(--ls-display);white-space:nowrap;color:var(--blue);animation:QS-aUW_scale-in .6s var(--ease-out) both}@keyframes QS-aUW_scale-in{0%{opacity:0;translate:0 calc(12 * var(--design-px))}}.QS-aUW_stepTitle{max-width:14em;margin-top:var(--s-6);font-size:var(--fs-h2);font-weight:300;line-height:var(--lh-heading);letter-spacing:var(--ls-heading)}.QS-aUW_model{aspect-ratio:16/10;border-radius:var(--r-3);background:var(--surface-2);grid-column:5/-1;position:relative;overflow:hidden}.QS-aUW_image{object-fit:cover;opacity:0;transition:opacity .8s var(--ease-inout), scale 1.4s var(--ease-out);scale:1.06}.QS-aUW_image[data-shown]{opacity:1;scale:1}.QS-aUW_steps{gap:var(--gutter);padding:var(--s-2) var(--s-5) var(--s-5);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;list-style:none;display:grid}.QS-aUW_step{align-content:start;gap:var(--s-3);display:grid}.QS-aUW_pick{gap:var(--s-2);padding:var(--s-5) 0 0;border:0;border-top:1px solid var(--line);font:inherit;color:var(--text-3);text-align:left;cursor:pointer;background:0 0;transition:color .3s;display:grid;position:relative}.QS-aUW_pick:hover,.QS-aUW_step[data-active] .QS-aUW_pick{color:var(--text)}.QS-aUW_pick:focus-visible{outline:2px solid var(--blue);outline-offset:calc(4 * var(--design-px))}.QS-aUW_bar{background:var(--blue);transform-origin:0;height:2px;transition:transform .7s var(--ease-out);position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}.QS-aUW_step[data-active] .QS-aUW_bar{transform:scaleX(1)}.QS-aUW_when{font-size:var(--fs-h3);font-weight:300;line-height:var(--lh-tight);letter-spacing:var(--ls-h3)}.QS-aUW_text{max-width:30em;font-size:var(--fs-small);line-height:var(--lh-body);letter-spacing:var(--ls-body)}.QS-aUW_step:not([data-active]) .QS-aUW_text{color:var(--text-3)}.QS-aUW_step[data-active] .QS-aUW_text{color:var(--text-2)}.QS-aUW_link{font-size:var(--fs-small);justify-self:start}@media (max-width:1080px){.QS-aUW_readout,.QS-aUW_model{grid-column:1/-1}.QS-aUW_model{aspect-ratio:4/3;order:-1}.QS-aUW_stepTitle{margin-top:var(--s-4)}}@media (max-width:720px){.QS-aUW_steps{padding:0 var(--s-4) var(--s-4);grid-template-columns:minmax(0,1fr)}.QS-aUW_readout{padding:var(--s-4)}}
.Me7gDa_stage{position:relative}.Me7gDa_copy{z-index:2;width:31%;padding:clamp(calc(24 * var(--design-px)), 2.4vw, calc(36 * var(--design-px)));pointer-events:none;grid-template-rows:auto 1fr;display:grid;position:absolute;inset:0 auto 0 0}.Me7gDa_copy>*{pointer-events:auto}.Me7gDa_head{gap:var(--s-4);display:grid}.Me7gDa_kicker{color:var(--text-2)}.Me7gDa_title{font-size:var(--fs-statement);font-weight:300;line-height:var(--lh-heading);letter-spacing:var(--ls-heading);text-wrap:balance}.Me7gDa_lead{max-width:26em;font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:var(--ls-body);color:var(--text-2)}.Me7gDa_figures{align-self:end;gap:calc(6 * var(--design-px));grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.Me7gDa_figure{gap:var(--s-1);width:100%;height:100%;padding:var(--s-3);border-radius:var(--r-2);background:color-mix(in srgb, var(--frame-bg) 62%, transparent);-webkit-backdrop-filter:blur(calc(14 * var(--design-px)));backdrop-filter:blur(calc(14 * var(--design-px)));font:inherit;color:var(--text);text-align:left;cursor:pointer;border:0;grid-template-rows:auto 1fr auto;transition:box-shadow .2s,background-color .2s;display:grid;box-shadow:inset 0 0 0 1px #0000}.Me7gDa_figure:hover{box-shadow:inset 0 0 0 1px var(--line-2)}.Me7gDa_figure[aria-pressed=true]{background:var(--blue);box-shadow:none;color:#fff}.Me7gDa_figure[aria-pressed=true] .Me7gDa_part,.Me7gDa_figure[aria-pressed=true] .Me7gDa_icon,.Me7gDa_figure[aria-pressed=true] .Me7gDa_label{color:#fff}.Me7gDa_figure:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.Me7gDa_figure[aria-pressed=true]:focus-visible{outline:none}.Me7gDa_part{align-items:center;gap:calc(6 * var(--design-px));font-size:var(--fs-micro);letter-spacing:var(--ls-label);color:var(--text-2);display:flex}.Me7gDa_icon{width:calc(16 * var(--design-px));height:calc(16 * var(--design-px));color:var(--blue);flex:none}.Me7gDa_value{margin-top:var(--s-3);font-size:clamp(calc(22 * var(--design-px)), 2vw, calc(30 * var(--design-px)));font-weight:300;line-height:var(--lh-display);letter-spacing:var(--ls-heading);white-space:nowrap;align-self:end}.Me7gDa_label{font-size:var(--fs-micro);line-height:var(--lh-body);letter-spacing:var(--ls-label);color:var(--text-2)}@media (max-width:1180px){.Me7gDa_stage{gap:var(--s-5);flex-direction:column-reverse;display:flex}.Me7gDa_copy{gap:var(--s-6);width:auto;padding:0;position:static}.Me7gDa_figures{grid-template-columns:repeat(4,minmax(0,1fr))}.Me7gDa_figure{background:var(--frame-bg);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (max-width:720px){.Me7gDa_figures{grid-template-columns:repeat(2,minmax(0,1fr))}}
.i6fYwG_sizer{gap:var(--gutter);padding:var(--s-6);border-radius:var(--r-4);background:var(--frame-bg);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.i6fYwG_controls{align-content:start;gap:var(--s-6);grid-column:1/span 7;display:grid}.i6fYwG_legend{margin-bottom:var(--s-3);font-size:var(--fs-label);letter-spacing:var(--ls-label);color:var(--text-2)}.i6fYwG_systems{gap:var(--s-2);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.i6fYwG_systems .i6fYwG_legend{width:100%}.i6fYwG_systemsLegend{align-items:center;gap:var(--s-2);display:flex}.i6fYwG_legendIcon{width:calc(14 * var(--design-px));height:calc(14 * var(--design-px));color:var(--blue)}.i6fYwG_system{padding:var(--s-2) var(--s-4);border:1px solid var(--line-2);border-radius:var(--r-1);font:inherit;font-size:var(--fs-small);letter-spacing:var(--ls-label);color:var(--text);cursor:pointer;transition:background var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out);background:0 0}.i6fYwG_system:hover{border-color:var(--text)}.i6fYwG_system[aria-pressed=true]{border-color:var(--blue);background:var(--blue);color:#fff}.i6fYwG_system:focus-visible,.i6fYwG_stops button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.i6fYwG_figure{animation:i6fYwG_rise var(--dur-2) var(--ease-out) both;display:inline-block}@keyframes i6fYwG_rise{0%{opacity:0;translate:0 .2em}}.i6fYwG_count{align-items:baseline;gap:var(--s-3);display:flex}.i6fYwG_countValue{font-size:clamp(calc(64 * var(--design-px)), 7.2vw, calc(112 * var(--design-px)));letter-spacing:var(--ls-display);font-weight:300}.i6fYwG_countUnit{font-size:var(--fs-h3);letter-spacing:var(--ls-h3);color:var(--text-2);font-weight:300}.i6fYwG_ruler{padding-bottom:var(--s-6);position:relative}.i6fYwG_track{height:calc(20 * var(--design-px));position:relative}.i6fYwG_track:before,.i6fYwG_fill{content:"";left:0;top:calc(8 * var(--design-px));height:calc(4 * var(--design-px));border-radius:2px;position:absolute}.i6fYwG_track:before{background:var(--surface-2);right:0}.i6fYwG_fill{width:calc(var(--p) * 100%);background:var(--blue);transition:width var(--dur-2) var(--ease-out)}.i6fYwG_input{appearance:none;cursor:pointer;background:0 0;width:100%;margin:0;position:absolute;inset:0}.i6fYwG_input::-webkit-slider-thumb{width:calc(20 * var(--design-px));height:calc(20 * var(--design-px));border-radius:calc(4 * var(--design-px));background:var(--text);appearance:none}.i6fYwG_input::-moz-range-thumb{width:calc(20 * var(--design-px));height:calc(20 * var(--design-px));border-radius:calc(4 * var(--design-px));background:var(--text);border:0}.i6fYwG_input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--blue);outline-offset:2px}.i6fYwG_stops{left:calc(10 * var(--design-px));right:calc(10 * var(--design-px));top:calc(28 * var(--design-px));margin:0;padding:0;list-style:none;position:absolute}.i6fYwG_stops li{left:calc(var(--at) * 100%);position:absolute;translate:-50%}.i6fYwG_stops button{font:inherit;font-size:var(--fs-label);letter-spacing:var(--ls-label);color:var(--text-3);cursor:pointer;transition:color var(--dur-1) var(--ease-out);background:0 0;border:0;padding:0}.i6fYwG_stops li[data-active] button{color:var(--text)}.i6fYwG_readouts{gap:var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.i6fYwG_readouts>div{gap:var(--s-2);padding-top:var(--s-4);border-top:1px solid var(--line);display:grid}.i6fYwG_readouts dt{font-size:var(--fs-label);letter-spacing:var(--ls-label);color:var(--text-2)}.i6fYwG_readouts dd{align-items:baseline;gap:var(--s-2);font-size:var(--fs-h1);letter-spacing:var(--ls-display);margin:0;font-weight:300;display:flex}.i6fYwG_readoutUnit{font-size:var(--fs-h4);letter-spacing:var(--ls-h3);color:var(--text-2)}.i6fYwG_result{padding:var(--card-pad);border-radius:var(--r-3);background:var(--surface-1);grid-column:8/-1;grid-template-rows:auto auto 1fr;align-content:start;display:grid}.i6fYwG_rungs{gap:var(--s-2);margin:0;padding:0;list-style:none;display:grid}.i6fYwG_rung{grid-template-columns:calc(20 * var(--design-px)) minmax(0, 1fr) auto;align-items:center;gap:var(--s-1) var(--s-3);padding:var(--s-4);border-radius:var(--r-2);background:var(--frame-bg);color:var(--text);transition:background var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out);display:grid}.i6fYwG_rung[data-fit]{background:var(--blue);color:#fff}.i6fYwG_rungIcon{width:calc(20 * var(--design-px));height:calc(20 * var(--design-px));color:var(--blue)}.i6fYwG_rung[data-fit] .i6fYwG_rungIcon{color:#fff}.i6fYwG_rungName{font-size:var(--fs-body);letter-spacing:var(--ls-body)}.i6fYwG_rungWhen{font-size:var(--fs-small);letter-spacing:var(--ls-label);color:var(--text-2)}.i6fYwG_rung[data-fit] .i6fYwG_rungWhen{color:#fff}.i6fYwG_rungLink{margin-top:var(--s-2);grid-column:2/-1;justify-self:start}.i6fYwG_resultFoot{align-content:end;justify-items:start;gap:var(--s-4);padding-top:var(--s-6);display:grid}.i6fYwG_note{font-size:var(--fs-micro);letter-spacing:var(--ls-label);color:var(--text-3);line-height:1.4}@media (max-width:1080px){.i6fYwG_sizer{padding:var(--card-pad)}.i6fYwG_controls,.i6fYwG_result{grid-column:1/-1}}@media (max-width:640px){.i6fYwG_stops li:nth-child(2n):not([data-active]){display:none}}.i6fYwG_examples{padding-bottom:var(--s-3);grid-column:1/-1}.i6fYwG_exampleList{gap:var(--s-2);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.i6fYwG_example{grid-template-columns:calc(40 * var(--design-px)) minmax(0, 1fr);column-gap:var(--s-3);width:100%;height:100%;padding:var(--s-3) var(--s-4);border-radius:var(--r-2);background:var(--surface-1);font:inherit;color:var(--text);text-align:left;cursor:pointer;border:0;grid-template-rows:auto auto;align-items:center;transition:background-color .25s,box-shadow .25s,color .25s;display:grid;box-shadow:inset 0 0 0 1px #0000}.i6fYwG_example:hover{box-shadow:inset 0 0 0 1px var(--line-2)}.i6fYwG_example[aria-pressed=true]{background:var(--blue);box-shadow:none;color:#fff}.i6fYwG_example:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.i6fYwG_example[aria-pressed=true]:focus-visible{outline:none}.i6fYwG_exampleIcon{width:calc(40 * var(--design-px));height:calc(40 * var(--design-px));color:var(--blue);grid-row:1/span 2;overflow:visible}.i6fYwG_exampleIcon path{stroke-width:1.7px}.i6fYwG_example[aria-pressed=true] .i6fYwG_exampleIcon{color:#fff}.i6fYwG_exampleName{font-size:var(--fs-body);letter-spacing:var(--ls-body)}.i6fYwG_exampleRun{font-size:var(--fs-micro);letter-spacing:var(--ls-label);color:var(--text-2)}.i6fYwG_example[aria-pressed=true] .i6fYwG_exampleRun{color:#ffffffc7}.i6fYwG_squares{gap:var(--s-3);display:grid}.i6fYwG_squaresLegend{align-items:center;gap:var(--s-2);font-size:var(--fs-micro);letter-spacing:var(--ls-label);color:var(--text-2);display:flex}.i6fYwG_squareKey{width:calc(14 * var(--design-px));height:calc(14 * var(--design-px));color:var(--blue);flex:none}.i6fYwG_squareGrid{gap:calc(3 * var(--design-px));flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.i6fYwG_squareGrid li{width:calc(12 * var(--design-px));height:calc(12 * var(--design-px));background:var(--blue);animation:i6fYwG_square-in .35s var(--ease-out) both;animation-delay:calc(var(--q) * 6ms);border-radius:2px}@keyframes i6fYwG_square-in{0%{opacity:0;scale:.4}}@media (max-width:1080px){.i6fYwG_exampleList{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.i6fYwG_exampleList{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.i6fYwG_rung{grid-template-columns:calc(20 * var(--design-px)) minmax(0, 1fr)}.i6fYwG_rungWhen{grid-column:2}}