@layer components{.sf{--sf-ease:cubic-bezier(.23,1,.32,1);--sf-raised:#fff;--sf-raised-shadow:0 0 0 1px #00000014,0 1px 3px -1px #00000026;display:grid;overflow:hidden}.dark .sf{--sf-raised:#ffffff17;--sf-raised-shadow:inset 0 0 0 1px #ffffff1a,0 1px 2px #0006}@media (min-width:1024px){.sf{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (min-width:1360px){.sf{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr)}}.sf :is(a,button){scroll-margin-block:96px 88px}.sf :is(i,em){font-style:normal}.sf :focus-visible{outline:2px solid var(--lx-text-3);outline-offset:3px}.sf-stage{background:var(--lx-bg-2);border-bottom:1px solid var(--lx-line);flex-direction:column;min-width:0;padding:12px;display:flex}@media (min-width:640px){.sf-stage{padding:24px}}@media (min-width:1024px){.sf-stage{border-bottom:0;border-right:1px solid var(--lx-line)}}.sf-line{text-align:center;text-wrap:balance;max-width:46ch;color:var(--lx-text-3);margin-top:10px;font-size:14px;line-height:1.5}.sf-line b{color:var(--lx-text-1);font-weight:510}.sf-curve{width:100%;height:120px;margin-top:34px;position:relative}@media (min-width:640px){.sf-curve{height:150px}}.sf-curve svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sf-curve-fill{stop-color:var(--lx-text-1)}.sf-curve-mine{fill:var(--exam);fill-opacity:.2}.sf-curve-line{fill:none;stroke:var(--lx-text-3);stroke-width:1.5px}.sf-curve-avg{border-left:1px dotted var(--lx-text-4);position:absolute;top:12%;bottom:0}.sf-curve-avg span{white-space:nowrap;color:var(--lx-text-3);font-size:11px;font-style:normal;position:absolute;top:-24px;left:6px}.sf-curve-you{border-left:1px dashed var(--lx-text-3);position:absolute;bottom:0}.sf-mark-dot{background:var(--lx-text-1);width:11px;height:11px;box-shadow:0 0 0 6px color-mix(in srgb,var(--exam)28%,transparent);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.sf-mark-dot span{white-space:nowrap;color:var(--lx-text-1);font-size:12px;font-weight:600;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.sf-axis{border-top:1px solid var(--lx-line-strong);width:100%;height:22px;position:relative}.sf-axis span{font-variant-numeric:tabular-nums;color:var(--lx-text-3);font-size:11px;position:absolute;top:6px;transform:translate(-50%)}.sf-axis span:last-child{transform:translate(-80%)}.sf-scale{width:100%;margin-top:22px;padding-top:44px;position:relative}.sf-scale-you{flex-direction:column;align-items:center;line-height:1.1;display:flex;position:absolute;top:0;transform:translate(-50%)}.sf-scale-you span{color:var(--lx-text-3);font-size:11px;font-weight:600}.sf-scale-you b{font-variant-numeric:tabular-nums;color:var(--lx-text-1);font-size:15px;font-weight:600}.sf-track{background:var(--lx-bg-2);height:46px;box-shadow:inset 0 0 0 1px var(--lx-line);border-radius:9px;position:relative;overflow:hidden}.sf-track>span{color:var(--lx-text-3);border-left:1px solid var(--lx-line);justify-content:center;align-items:flex-end;padding-bottom:6px;font-size:11px;font-weight:510;display:flex;position:absolute;top:0;bottom:0}.sf-track>span:first-child{border-left:0}.sf-track>span[data-on]{background:var(--lx-hover);color:var(--lx-text-1)}.sf-range{background:color-mix(in srgb,var(--exam)20%,transparent);height:14px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--exam)60%,transparent);border-radius:9999px;position:absolute;top:8px}.sf-track .sf-mark-dot{box-shadow:0 0 0 5px color-mix(in srgb,var(--exam)28%,transparent);top:15px}.sf-scale .sf-axis{border-top:0;margin-top:2px}.sf-doc{background:var(--lx-bg-2);width:100%;box-shadow:inset 0 0 0 1px var(--lx-line);border-radius:9px;margin-top:22px;padding:12px 16px 14px}.sf-doc-head{color:var(--lx-text-3);justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:510;display:flex}.sf-doc-head b{font-variant-numeric:tabular-nums;color:var(--lx-text-2);font-weight:510}.sf-doc-text{color:var(--lx-text-2);margin-top:6px;font-size:14px;line-height:1.9}@media (min-width:640px){.sf-doc-text{font-size:15px}}.sf-blank{white-space:nowrap}.sf-typed{border-radius:4px;padding:0 1px;font-weight:510;line-height:1.5;display:inline-block}.sf-key{color:var(--lx-text-1);background:var(--lx-hover);box-shadow:inset 0 0 0 1px var(--lx-line-strong);border-radius:4px;margin-left:4px;padding:0 6px;font-size:13px;font-weight:510;line-height:1.6;display:inline-block}.sf-doc-q,.sf-doc-a{text-wrap:pretty;margin-top:6px;font-size:14px;line-height:1.6}.sf-doc-q{color:var(--lx-text-1)}.sf-doc-a{color:var(--lx-text-2)}.sf-doc-ref{border-top:1px solid var(--lx-line);margin-top:12px;padding-top:10px}@media (min-width:640px){.sf-doc-q,.sf-doc-a{font-size:15px}}.sf-runs{background:var(--lx-bg-2);width:100%;box-shadow:inset 0 0 0 1px var(--lx-line);border-radius:9px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:22px;padding:8px 10px 10px;display:grid}.sf-run{flex-direction:column;gap:3px;min-width:0;display:flex}.sf-run-n{color:var(--lx-text-3);padding:0 2px 1px;font-size:12px;font-weight:510}.sf-word{height:24px;color:var(--lx-text-2);background:var(--lx-bg);box-shadow:inset 0 0 0 1px var(--lx-line-strong);border-radius:6px;justify-content:space-between;align-items:center;gap:6px;padding:0 8px 0 10px;font-size:13px;font-weight:510;display:flex}.sf-word span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.sf-word svg{flex:none;width:13px;height:13px}@media (max-width:639px){.sf-runs{gap:6px;padding:8px}.sf-word{gap:4px;padding:0 5px 0 6px;font-size:12px}.sf-word svg{width:11px;height:11px}}.sf-row{text-align:left;border-radius:10px;align-items:center;gap:12px;width:100%;margin-top:18px;padding:12px 14px;font-size:14px;line-height:1.45;display:flex}.sf-row>span:first-child{color:var(--lx-text-3);flex:none}.sf-row>b{min-width:0;color:var(--lx-text-1);flex:1;font-weight:510}.sf-row>svg{width:16px;height:16px;color:var(--lx-text-2);transition:transform .2s var(--sf-ease);flex:none}.sf-row-link{background:var(--lx-translucent);box-shadow:inset 0 0 0 1px var(--lx-line-strong);transition:background-color .16s ease,transform .16s var(--sf-ease)}.sf-row-link:active{transform:scale(.99)}.sf-row-note{border-top:1px solid var(--lx-line);border-radius:0;align-items:baseline;margin-top:14px;padding:12px 2px 0}.sf-row-note>b{color:var(--lx-text-2);font-weight:400}.sf-side{flex-direction:column;gap:22px;min-width:0;padding:22px 20px 18px;display:flex}@media (min-width:640px){.sf-side{padding:32px}}.sf-details{flex-direction:column;flex:1;gap:22px;display:flex}.sf-head{flex-direction:column;align-items:stretch;gap:14px;display:flex}.sf-title{letter-spacing:-.016em;text-wrap:balance;color:var(--lx-text-1);font-size:24px;font-weight:510;line-height:1.2}.sf-switch-box{container-type:inline-size}.sf-switch{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}@container (min-width:480px){.sf-switch{display:flex}}.sf-chip{white-space:nowrap;height:32px;color:var(--lx-text-3);background:var(--lx-translucent);box-shadow:inset 0 0 0 1px var(--lx-line);transition:transform .16s var(--sf-ease),background-color .16s ease,color .16s ease;border-radius:9999px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:510;display:inline-flex}@media (pointer:coarse){.sf-chip{height:40px}}.sf-chip:active{transform:scale(.97)}.sf-chip[aria-checked=true]{color:var(--lx-text-1);background:var(--sf-raised);box-shadow:var(--sf-raised-shadow)}.sf-chip:focus-visible{outline-offset:2px}.sf-dot{background:var(--exam);opacity:.45;width:7px;height:7px;transition:opacity .2s var(--sf-ease),transform .2s var(--sf-ease);border-radius:2px;flex:none;transform:scale(.85)}.sf-chip[aria-checked=true] .sf-dot{opacity:1;transform:none}.sf-chip-soon[aria-checked=false] .sf-dot{opacity:.25}.sf-stats{box-shadow:inset 0 0 0 1px var(--lx-line-strong);border-radius:10px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.sf-stats>li{flex-direction:column;gap:2px;min-width:0;padding:14px 16px;display:flex}.sf-stats>li+li{border-left:1px solid var(--lx-line-strong)}.sf-stats b{letter-spacing:-.022em;font-variant-numeric:tabular-nums;color:var(--lx-text-1);font-size:30px;font-weight:510;line-height:1.1}.sf-stats b small{letter-spacing:-.01em;color:var(--lx-text-3);font-size:15px;font-weight:510}.sf-stat-about{margin-right:4px}.sf-stat-unit{margin-left:2px}.sf-stat-unit:lang(en){margin-left:5px}.sf-stats li>span{color:var(--lx-text-3);font-size:13px;line-height:1.4}.sf-lead{letter-spacing:-.011em;text-wrap:pretty;color:var(--lx-text-3);font-size:15px;line-height:1.6}.sf-steps{gap:10px;margin-top:-8px;display:grid}.sf-step{color:var(--lx-text-1);align-items:center;gap:12px;font-size:15px;line-height:1.45;display:flex}.sf-step-n{font-variant-numeric:tabular-nums;width:22px;height:22px;color:var(--lx-text-2);box-shadow:inset 0 0 0 1px var(--lx-line-strong);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:510;display:grid}.sf-spacer{flex:1 1 0;max-height:74px;margin-top:-22px}.sf-cta{flex-direction:column;align-items:flex-start;gap:2px;padding-top:6px;display:flex}.sf-btn{text-align:center;text-wrap:balance;max-width:100%;min-height:44px;color:var(--lx-invert-fg);background:var(--lx-invert-bg);transition:transform .16s var(--sf-ease),background-color .16s ease;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:16px;font-weight:510;line-height:1.25;display:inline-flex}.sf-btn:active{transform:scale(.97)}.sf-btn.sf-btn-soon{color:var(--lx-text-3);background:var(--lx-translucent);box-shadow:inset 0 0 0 1px var(--lx-line);cursor:default}.sf-btn.sf-btn-soon:active{transform:none}.sf-more{min-height:44px;color:var(--lx-text-2);border-radius:4px;align-items:center;gap:6px;font-size:15px;line-height:1.4;transition:color .16s;display:inline-flex}.sf-btn svg,.sf-more svg{width:16px;height:16px;transition:transform .2s var(--sf-ease);flex:none}@media (hover:hover) and (pointer:fine){.sf-replay:hover{color:var(--lx-text-1);background:var(--lx-hover)}.sf-chip[aria-checked=false]:hover{color:var(--lx-text-2);background:var(--lx-hover)}.sf-row-link:hover{background:var(--lx-hover)}.sf-btn:not(.sf-btn-soon):hover{background:var(--lx-invert-bg-hover)}.sf-more:hover{color:var(--lx-text-1)}.sf-row-link:hover>svg,.sf-btn:hover svg,.sf-more:hover svg{transform:translate(2px)}}.sf[data-play=armed] :is(.sf-a-score,.sf-a-sub,.sf-a-line,.sf-a-avg,.sf-a-you,.sf-a-dot,.sf-a-range,.sf-a-mark,.sf-a-fade,.sf-a-row){opacity:0}.sf[data-play=armed] .sf-a-wipe{clip-path:inset(0 100% 0 0)}.sf[data-play=armed] .sf-step{opacity:.3}.sf[data-play=run] .sf-a-score{animation:sf-rise .5s var(--sf-ease)both}.sf[data-play=run] .sf-a-wipe{animation:sf-wipe 1.1s var(--sf-ease).15s both}.sf[data-play=run] .sf-track.sf-a-wipe{animation-duration:.9s}.sf[data-play=run] .sf-a-fade{animation:sf-fade .4s var(--sf-ease).15s both}.sf[data-play=run] .sf-a-mark{animation:sf-pop .3s var(--sf-ease)both;animation-delay:calc(.45s + var(--i,0)*var(--sf-stagger,55ms))}.sf[data-play=run] .sf-a-avg{animation:sf-fade .3s var(--sf-ease).6s both}.sf[data-play=run] .sf-a-sub{animation:sf-fade .3s var(--sf-ease).9s both}.sf[data-play=run] .sf-a-range{animation:sf-spread .5s var(--sf-ease)1s both}.sf[data-play=run] .sf-a-you{animation:sf-grow-y .35s var(--sf-ease)1.1s both}.sf[data-play=run] .sf-mark-dot.sf-a-dot{animation:sf-drop .45s var(--sf-ease)1.1s both}.sf[data-play=run] .sf-scale-you.sf-a-dot{animation:sf-drop-label .45s var(--sf-ease)1.1s both}.sf[data-play=run] .sf-a-line{animation:sf-fade .3s var(--sf-ease)1.25s both}.sf[data-play=run] .sf-a-row{animation:sf-rise .5s var(--sf-ease)1.75s both}.sf[data-play=run] .sf-step{animation:sf-lit .3s var(--sf-ease)both}.sf[data-play=run] .sf-step-n{animation:sf-pop-n .3s var(--sf-ease)both}.sf[data-play=run] .sf-step:first-child,.sf[data-play=run] .sf-step:first-child .sf-step-n{animation-delay:.7s}.sf[data-play=run] .sf-step:nth-child(2),.sf[data-play=run] .sf-step:nth-child(2) .sf-step-n{animation-delay:1.3s}.sf[data-play=run] .sf-step:nth-child(3),.sf[data-play=run] .sf-step:nth-child(3) .sf-step-n{animation-delay:1.8s}.sf[data-swap] .sf-sw{animation:sf-swap .24s var(--sf-ease)both;animation-delay:calc(var(--k,0)*35ms)}@keyframes sf-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes sf-fade{0%{opacity:0}}@keyframes sf-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes sf-pop{0%{opacity:0;transform:scale(.9)}}@keyframes sf-spread{0%{opacity:0;transform:scaleX(.2)}}@keyframes sf-grow-y{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes sf-drop{0%{opacity:0;transform:translate(-50%,-160%)}}@keyframes sf-drop-label{0%{opacity:0;transform:translate(-50%,-10px)}}@keyframes sf-lit{0%{opacity:.3}}@keyframes sf-pop-n{0%{transform:scale(.8)}}@keyframes sf-swap{0%{opacity:0;transform:translateY(6px)}}@keyframes sf-swap-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.sf-replay{display:none}.sf-chip,.sf-replay,.sf-row-link,.sf-btn,.sf-dot,.sf-row>svg,.sf-btn svg,.sf-more svg{transition:none}.sf-chip:active,.sf-row-link:active,.sf-btn:active{transform:none}.sf[data-swap] .sf-sw{animation:.2s both sf-swap-fade}}@media (forced-colors:active){.sf-chip,.sf-replay,.sf-row-link,.sf-btn,.sf-track,.sf-stats{border:1px solid buttontext}.sf-chip[aria-checked=true]{forced-color-adjust:none;color:highlighttext;background:highlight}.sf-chip[aria-checked=true] .sf-dot{background:highlighttext}.sf-mark-dot{forced-color-adjust:none;background:canvastext}.sf-range{forced-color-adjust:none;box-shadow:none;background:0 0;border:1px solid canvastext}.sf-mark-dot span{forced-color-adjust:auto}.sf-track>span[data-on]{forced-color-adjust:none;color:highlighttext;background:highlight}}}