.GuideControls_controls__juLfM{display:inline-flex;align-items:stretch;min-height:2.75rem;border:.0625rem solid var(--line,var(--faint));background:var(--paper);font-family:var(--font-dm-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.GuideControls_status__m1QNc{position:relative;display:flex;align-items:center;padding-inline:1.65rem .75rem;color:var(--magenta);font-weight:500;white-space:nowrap}.GuideControls_status__m1QNc:before{content:"";position:absolute;top:50%;left:.75rem;width:.42rem;height:.42rem;translate:0 -50%;border-radius:50%;background:var(--magenta)}.GuideControls_button___V82_{min-width:3.75rem;min-height:2.75rem;border:0;border-left:.0625rem solid var(--line,var(--faint));background:transparent;padding-inline:.75rem;color:var(--muted);font:inherit;letter-spacing:inherit;text-transform:inherit;transition:background .25s ease-out,color .25s ease-out}.GuideControls_button___V82_:focus-visible,.GuideControls_button___V82_:hover{background:var(--page-strong);color:var(--ink)}.GuideControls_button___V82_:focus-visible{outline-offset:-.22rem}.GuideControls_button___V82_[aria-pressed=true]{background:var(--violet);color:var(--paper)}@media (max-width:39.99rem){.GuideControls_status__m1QNc{display:none}.GuideControls_button___V82_{min-width:3rem;padding-inline:.55rem}}@media (prefers-reduced-motion:reduce){.GuideControls_button___V82_{transition:none}}.css-animated-buttons_tutorial__0Y8Gv{--page:oklch(97.2% 0.014 292);--page-strong:oklch(94.5% 0.03 296);--paper:oklch(99.3% 0.006 292);--ink:oklch(20% 0.055 286);--muted:oklch(49% 0.04 286);--line:oklch(87% 0.034 294);--violet:oklch(54% 0.23 302);--magenta:oklch(58% 0.24 345);--blue:oklch(56% 0.2 270);--energy:linear-gradient(105deg,var(--magenta),var(--blue));width:min(100%,110rem);height:100%;min-height:0;margin-inline:auto;overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr);background:var(--page);color:var(--ink);color-scheme:light;font-family:var(--font-dm-mono)}[data-theme=dark] .css-animated-buttons_tutorial__0Y8Gv{background:var(--page);color:var(--ink)}.css-animated-buttons_tutorial__0Y8Gv :where(a,button):focus-visible{outline:.15rem solid var(--violet);outline-offset:.18rem}.css-animated-buttons_codeHeader__WC7gW,.css-animated-buttons_codeTabs__tiw9k,.css-animated-buttons_codeToolbar__1SBzI,.css-animated-buttons_demoLabel__xeecQ,.css-animated-buttons_fileName__PN4Bq,.css-animated-buttons_tutorialIntro__5pGGa{display:flex;align-items:center}.css-animated-buttons_buttonGrid__MGv9x,.css-animated-buttons_codePanel__wvgni,.css-animated-buttons_demoCard__kJLw3,.css-animated-buttons_interactionPanel__rWWpf,.css-animated-buttons_workspace__q9Lrn{min-width:0;min-height:0}.css-animated-buttons_workspace__q9Lrn{overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) minmax(14rem,31vh)}.css-animated-buttons_interactionPanel__rWWpf{overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr)}.css-animated-buttons_tutorialIntro__5pGGa{justify-content:space-between;gap:1.5rem;padding:.85rem 1rem .7rem}.css-animated-buttons_introDetails__LMat6{display:grid;width:min(48%,31rem);justify-items:end;gap:.45rem}.css-animated-buttons_kicker__O3UAh{display:block;color:var(--magenta);font-size:.75rem;font-weight:500;letter-spacing:.16em;line-height:1.2;text-transform:uppercase}.css-animated-buttons_tutorialIntro__5pGGa h1{margin-top:.2rem;color:var(--ink);font-family:var(--font-button-display);font-size:clamp(1.65rem,4.5vh,3.25rem);font-weight:800;letter-spacing:-.055em;line-height:1.04;text-wrap:balance}.css-animated-buttons_tutorialIntro__5pGGa h1 em{color:var(--violet);font-style:normal}.css-animated-buttons_tutorialIntro__5pGGa p{width:100%;color:var(--muted);font-size:clamp(.78rem,1.2vh,.9rem);line-height:1.55;text-align:right;text-wrap:pretty}.css-animated-buttons_tutorialIntro__5pGGa p span,.css-animated-buttons_tutorialIntro__5pGGa p strong{display:block}.css-animated-buttons_tutorialIntro__5pGGa p strong{margin-bottom:.16rem;color:var(--ink);font-family:var(--font-button-display);font-size:1rem;font-weight:700;letter-spacing:.02em}.css-animated-buttons_buttonGrid__MGv9x{overflow:hidden;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:.48rem;padding:0 1rem 1rem}.css-animated-buttons_demoCard__kJLw3{overflow:hidden;display:grid;grid-template-rows:1.35rem minmax(0,1fr);border:.0625rem solid var(--line);border-radius:.72rem;background:var(--paper);padding:.42rem .55rem .5rem;transition:border-color .28s ease-out,box-shadow .28s ease-out,translate .28s ease-out}.css-animated-buttons_demoCardActive__vxfbp,.css-animated-buttons_demoCard__kJLw3:focus-within,.css-animated-buttons_demoCard__kJLw3:hover{border-color:var(--violet);box-shadow:0 .45rem 1.25rem oklch(62% .11 310/.14)}.css-animated-buttons_demoCard__kJLw3:focus-within,.css-animated-buttons_demoCard__kJLw3:hover{translate:0 -.08rem}.css-animated-buttons_demoLabel__xeecQ{gap:.45rem}.css-animated-buttons_demoLabel__xeecQ span{display:grid;width:1.3rem;height:1.3rem;place-items:center;border-radius:50%;background:var(--page-strong);color:var(--violet);font-size:.72rem;font-weight:500}.css-animated-buttons_demoCardActive__vxfbp .css-animated-buttons_demoLabel__xeecQ span{background:var(--violet);color:var(--paper)}.css-animated-buttons_demoLabel__xeecQ h2{color:var(--muted);font-family:var(--font-dm-mono);font-size:.75rem;font-weight:500;letter-spacing:.025em;line-height:1.2}.css-animated-buttons_demoSurface__Yuzon{min-height:0;display:grid;place-items:center}.css-animated-buttons_demoButton__EN8nv{min-width:7.4rem;min-height:2.75rem;cursor:pointer;color:var(--ink);font-family:var(--font-button-display);font-size:clamp(.78rem,1.15vw,.92rem);font-weight:700;line-height:1}.css-animated-buttons_demoButton__EN8nv svg{width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.css-animated-buttons_typewriter__SS3AE{border:.125rem solid var(--violet);border-radius:.62rem;background:transparent;padding:.7rem 1rem}.css-animated-buttons_typewriter__SS3AE span{position:relative}.css-animated-buttons_typewriter__SS3AE.css-animated-buttons_previewing__ahwQT span,.css-animated-buttons_typewriter__SS3AE:is(:hover,:focus-visible) span{color:transparent}.css-animated-buttons_typewriter__SS3AE span:after{content:attr(data-hover);position:absolute;inset:0 auto auto 0;width:0;overflow:hidden;opacity:0;color:var(--magenta);border-right:.12rem solid;white-space:nowrap}.css-animated-buttons_typewriter__SS3AE.css-animated-buttons_previewing__ahwQT span:after,.css-animated-buttons_typewriter__SS3AE:is(:hover,:focus-visible) span:after{opacity:1;animation:css-animated-buttons_typewriter-reveal__Gw0nn .7s steps(6) forwards}@keyframes css-animated-buttons_typewriter-reveal__Gw0nn{to{width:6ch}}.css-animated-buttons_rocket__zI0An{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.48rem;border:0;border-radius:.62rem;background:var(--energy);padding:.72rem 1.2rem;color:var(--paper);box-shadow:0 .5rem 1rem oklch(58% .18 320/.2);transition:translate .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease-out}.css-animated-buttons_rocket__zI0An svg{position:relative;z-index:1;transition:transform .35s cubic-bezier(.16,1,.3,1)}.css-animated-buttons_rocket__zI0An span{position:relative;z-index:1}.css-animated-buttons_rocket__zI0An:after{content:"";position:absolute;top:50%;left:1.15rem;width:1.65rem;height:.1rem;background:var(--paper);box-shadow:-.3rem -.28rem 0 -.025rem var(--paper),-.55rem .28rem 0 -.025rem var(--paper);opacity:0;transform:translateY(-50%) scaleX(.25);transform-origin:right center}.css-animated-buttons_rocket__zI0An.css-animated-buttons_previewing__ahwQT,.css-animated-buttons_rocket__zI0An:is(:hover,:focus-visible){translate:0 -.16rem;box-shadow:0 .75rem 1.5rem oklch(58% .18 320/.28)}.css-animated-buttons_rocket__zI0An.css-animated-buttons_previewing__ahwQT svg,.css-animated-buttons_rocket__zI0An:is(:hover,:focus-visible) svg{animation:css-animated-buttons_rocket-flight__Dglix .72s cubic-bezier(.16,1,.3,1) both}.css-animated-buttons_rocket__zI0An.css-animated-buttons_previewing__ahwQT:after,.css-animated-buttons_rocket__zI0An:is(:hover,:focus-visible):after{animation:css-animated-buttons_rocket-exhaust__Ly8Tb .6s ease-out}@keyframes css-animated-buttons_rocket-exhaust__Ly8Tb{0%{opacity:0;transform:translateY(-50%) scaleX(.25)}35%{opacity:.72}to{opacity:0;transform:translate(-1.55rem,-50%) scaleX(1)}}@keyframes css-animated-buttons_rocket-flight__Dglix{0%{opacity:1;transform:translate(0) rotate(0)}40%{opacity:1;transform:translate(.28rem,-.28rem) rotate(12deg)}58%{opacity:0;transform:translate(1.2rem,-1.2rem) rotate(18deg)}59%{opacity:0;transform:translate(-.7rem,.7rem) rotate(12deg)}to{opacity:1;transform:translate(.18rem,-.18rem) rotate(12deg)}}.css-animated-buttons_iconSwap__zqbTa{position:relative;overflow:hidden;display:inline-grid;place-items:center;border:0;border-radius:999rem;background:var(--energy);padding:.72rem 1.3rem;color:var(--paper)}.css-animated-buttons_swapIcon__Ex1Gk,.css-animated-buttons_swapLabel__X4BhB{grid-area:1/1;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .2s ease-out}.css-animated-buttons_swapLabel__X4BhB{display:block}.css-animated-buttons_swapIcon__Ex1Gk{opacity:0;transform:translateX(2rem)}.css-animated-buttons_iconSwap__zqbTa .css-animated-buttons_swapIcon__Ex1Gk{fill:currentColor;stroke:none}.css-animated-buttons_iconSwap__zqbTa.css-animated-buttons_previewing__ahwQT .css-animated-buttons_swapLabel__X4BhB,.css-animated-buttons_iconSwap__zqbTa:is(:hover,:focus-visible) .css-animated-buttons_swapLabel__X4BhB{opacity:0;transform:translateX(-2rem)}.css-animated-buttons_iconSwap__zqbTa.css-animated-buttons_previewing__ahwQT .css-animated-buttons_swapIcon__Ex1Gk,.css-animated-buttons_iconSwap__zqbTa:is(:hover,:focus-visible) .css-animated-buttons_swapIcon__Ex1Gk{opacity:1;transform:none}.css-animated-buttons_spark__TMNan{position:relative;isolation:isolate;overflow:hidden;border:.0625rem solid var(--line);border-radius:.62rem;background:var(--paper);padding:.72rem 1.2rem}.css-animated-buttons_spark__TMNan span{position:relative;z-index:2}.css-animated-buttons_spark__TMNan:before{content:"";position:absolute;z-index:-2;inset:-5rem;opacity:0;background:conic-gradient(transparent 0 78%,var(--magenta) 86%,var(--blue) 94%)}.css-animated-buttons_spark__TMNan:after{content:"";position:absolute;z-index:-1;inset:.125rem;border-radius:.5rem;background:var(--paper)}.css-animated-buttons_spark__TMNan.css-animated-buttons_previewing__ahwQT:before,.css-animated-buttons_spark__TMNan:is(:hover,:focus-visible):before{opacity:1;animation:css-animated-buttons_spark-run__Kt3ne .8s ease-out}@keyframes css-animated-buttons_spark-run__Kt3ne{to{transform:rotate(1turn)}}.css-animated-buttons_circleExpand__01HJ_{position:relative;isolation:isolate;border:0;border-radius:999rem;background:transparent;padding:.72rem .75rem .72rem 3.35rem}.css-animated-buttons_circleExpandFill__zphCB{position:absolute;z-index:0;inset:0 auto 0 0;width:2.75rem;border-radius:999rem;background:var(--energy);transition:width .38s cubic-bezier(.16,1,.3,1)}.css-animated-buttons_circleExpandFill__zphCB:after{content:"›";position:absolute;inset:0 auto 0 0;display:grid;width:2.75rem;place-items:center;color:var(--paper);font-family:var(--font-dm-mono);font-size:1.45rem;font-weight:400;transition:transform .38s cubic-bezier(.16,1,.3,1)}.css-animated-buttons_circleExpandLabel__u_bv1{position:relative;z-index:2;transition:color .18s ease-out}.css-animated-buttons_circleExpand__01HJ_.css-animated-buttons_previewing__ahwQT .css-animated-buttons_circleExpandFill__zphCB,.css-animated-buttons_circleExpand__01HJ_:is(:hover,:focus-visible) .css-animated-buttons_circleExpandFill__zphCB{width:100%}.css-animated-buttons_circleExpand__01HJ_.css-animated-buttons_previewing__ahwQT .css-animated-buttons_circleExpandFill__zphCB:after,.css-animated-buttons_circleExpand__01HJ_:is(:hover,:focus-visible) .css-animated-buttons_circleExpandFill__zphCB:after{transform:translateX(.1rem)}.css-animated-buttons_circleExpand__01HJ_.css-animated-buttons_previewing__ahwQT .css-animated-buttons_circleExpandLabel__u_bv1,.css-animated-buttons_circleExpand__01HJ_:is(:hover,:focus-visible) .css-animated-buttons_circleExpandLabel__u_bv1{color:var(--paper)}.css-animated-buttons_shine__FfX7v{position:relative;overflow:hidden;border:0;border-radius:.62rem;background:var(--energy);padding:.72rem 1rem;color:var(--paper)}.css-animated-buttons_shine__FfX7v span{position:relative;z-index:2}.css-animated-buttons_shine__FfX7v:after{content:"";position:absolute;inset:-75% auto -75% -35%;width:20%;background:var(--paper);opacity:0;transform:skewX(-18deg)}.css-animated-buttons_shine__FfX7v.css-animated-buttons_previewing__ahwQT:after,.css-animated-buttons_shine__FfX7v:is(:hover,:focus-visible):after{animation:css-animated-buttons_shine-pass__HrCPK .72s ease-out}@keyframes css-animated-buttons_shine-pass__HrCPK{20%{opacity:.48}to{left:125%;opacity:0}}.css-animated-buttons_flip__WXnvi{width:7.75rem;height:2.75rem;border:0;background:transparent;padding:0;perspective:40rem}.css-animated-buttons_flipInner__k458G{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.16,1,.3,1)}.css-animated-buttons_flipBack__EuNgd,.css-animated-buttons_flipFront__HT5Dy{position:absolute;inset:0;display:grid;place-items:center;backface-visibility:hidden;border:.0625rem solid var(--line);border-radius:.62rem;background:var(--paper)}.css-animated-buttons_flipBack__EuNgd{border-color:transparent;background:var(--energy);color:var(--paper);transform:rotateX(180deg)}.css-animated-buttons_flip__WXnvi.css-animated-buttons_previewing__ahwQT .css-animated-buttons_flipInner__k458G,.css-animated-buttons_flip__WXnvi:is(:hover,:focus-visible) .css-animated-buttons_flipInner__k458G{transform:rotateX(180deg)}.css-animated-buttons_expand__bm4BK{display:inline-grid;width:2.75rem;height:2.75rem;min-width:2.75rem;grid-template-columns:1.3rem 1fr;align-items:center;gap:.42rem;overflow:hidden;border:.0625rem solid var(--line);border-radius:999rem;background:var(--paper);padding-inline:.66rem;color:var(--magenta);transition:width .4s cubic-bezier(.16,1,.3,1),color .25s ease-out}.css-animated-buttons_expand__bm4BK span{opacity:0;transform:translateX(-.5rem);transition:opacity .2s ease-out,transform .35s cubic-bezier(.16,1,.3,1)}.css-animated-buttons_expand__bm4BK.css-animated-buttons_previewing__ahwQT,.css-animated-buttons_expand__bm4BK:is(:hover,:focus-visible){width:7.75rem;background:var(--energy);color:var(--paper)}.css-animated-buttons_expand__bm4BK.css-animated-buttons_previewing__ahwQT span,.css-animated-buttons_expand__bm4BK:is(:hover,:focus-visible) span{opacity:1;transform:none}.css-animated-buttons_badgeArrow__dEaZ_{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:.5rem;overflow:hidden;border:.0625rem solid var(--line);border-radius:999rem;background:var(--paper);padding:.32rem .32rem .32rem 1rem;transition:color .2s ease-out}.css-animated-buttons_badgeArrow__dEaZ_ i,.css-animated-buttons_badgeArrow__dEaZ_ span{position:relative;z-index:2}.css-animated-buttons_badgeArrow__dEaZ_:before{content:"";position:absolute;z-index:1;inset:0;background:var(--energy);transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.16,1,.3,1)}.css-animated-buttons_badgeArrow__dEaZ_ i{display:grid;width:2.05rem;height:2.05rem;place-items:center;border-radius:50%;background:var(--energy);color:var(--paper);font-family:var(--font-dm-mono);font-size:1rem;font-style:normal}.css-animated-buttons_badgeArrow__dEaZ_ i span{display:block;transition:transform .35s cubic-bezier(.16,1,.3,1)}.css-animated-buttons_badgeArrow__dEaZ_.css-animated-buttons_previewing__ahwQT,.css-animated-buttons_badgeArrow__dEaZ_:is(:hover,:focus-visible){color:var(--paper)}.css-animated-buttons_badgeArrow__dEaZ_.css-animated-buttons_previewing__ahwQT:before,.css-animated-buttons_badgeArrow__dEaZ_:is(:hover,:focus-visible):before{transform:scaleX(1)}.css-animated-buttons_badgeArrow__dEaZ_.css-animated-buttons_previewing__ahwQT i span,.css-animated-buttons_badgeArrow__dEaZ_:is(:hover,:focus-visible) i span{transform:rotate(45deg)}.css-animated-buttons_warp__oUgx0{position:relative;overflow:hidden;border:.0625rem solid var(--line);border-radius:.62rem;background:var(--paper);padding:.72rem 1rem;color:var(--magenta)}.css-animated-buttons_warp__oUgx0 span{display:block}.css-animated-buttons_warp__oUgx0.css-animated-buttons_previewing__ahwQT span,.css-animated-buttons_warp__oUgx0:is(:hover,:focus-visible) span{animation:css-animated-buttons_warp-text__ls9nO .78s cubic-bezier(.16,1,.3,1)}@keyframes css-animated-buttons_warp-text__ls9nO{0%{opacity:1;filter:blur(0);letter-spacing:0;transform:scaleX(1)}45%{opacity:0;filter:blur(.35rem);letter-spacing:.75rem;transform:scaleX(1.7)}46%{opacity:0;transform:scaleX(.2)}to{opacity:1;filter:blur(0);letter-spacing:0;transform:scaleX(1)}}.css-animated-buttons_codePanel__wvgni{overflow:hidden;display:grid;grid-template-rows:3.25rem 3rem minmax(0,1fr);border-top:.0625rem solid var(--line);background:var(--paper)}.css-animated-buttons_codeHeader__WC7gW{justify-content:space-between;gap:.75rem;border-bottom:.0625rem solid var(--line);background:var(--page-strong);padding-inline:1rem;font-size:.78rem;letter-spacing:.05em}.css-animated-buttons_fileName__PN4Bq{min-width:0;gap:.55rem;color:var(--ink);font-weight:500}.css-animated-buttons_fileName__PN4Bq span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.css-animated-buttons_fileDot__UP1mq{width:.55rem;height:.55rem;flex:0 0 auto;border-radius:.14rem;background:var(--magenta)}.css-animated-buttons_codeStatus__9hH_U{color:var(--muted)}.css-animated-buttons_codeToolbar__1SBzI{justify-content:space-between;border-bottom:.0625rem solid var(--line);padding-inline:.65rem}.css-animated-buttons_codeTabs__tiw9k{height:100%}.css-animated-buttons_codeTabs__tiw9k button,.css-animated-buttons_copyButton__CCSZK{min-height:2.75rem;border:0;background:transparent;color:var(--muted);font-family:var(--font-dm-mono);font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;transition:color .22s ease-out,background .22s ease-out}.css-animated-buttons_codeTabs__tiw9k button{padding-inline:.75rem;border-bottom:.16rem solid transparent}.css-animated-buttons_codeTabs__tiw9k button:focus-visible,.css-animated-buttons_codeTabs__tiw9k button:hover,.css-animated-buttons_copyButton__CCSZK:focus-visible,.css-animated-buttons_copyButton__CCSZK:hover{color:var(--ink)}.css-animated-buttons_codeTabs__tiw9k button[aria-selected=true]{border-bottom-color:var(--magenta);color:var(--magenta)}.css-animated-buttons_copyButton__CCSZK{padding-inline:.75rem}.css-animated-buttons_copyButton__CCSZK:focus-visible,.css-animated-buttons_copyButton__CCSZK:hover{background:var(--page-strong)}.css-animated-buttons_codeBlock__XPNQL{min-height:0;overflow:auto;padding:.85rem 0 1rem;color:var(--ink);font-family:var(--font-dm-mono);font-size:clamp(.76rem,1.2vh,.88rem);line-height:1.58;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.css-animated-buttons_codeLine__VAAkR{display:grid;grid-template-columns:3rem minmax(max-content,1fr);min-height:1.35rem;padding-right:1rem}.css-animated-buttons_lineNumber__WOavN{border-right:.0625rem solid var(--line);margin-right:.8rem;padding-right:.55rem;color:oklch(67% .025 290);text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}.css-animated-buttons_codeComment__AqzLy{color:var(--muted)}.css-animated-buttons_codeAtRule__hgQ3L{color:var(--magenta);font-weight:500}.css-animated-buttons_codeMarkup__0rhlH{color:var(--violet)}.css-animated-buttons_codeProperty__AvOFZ{color:oklch(43% .14 315)}.css-animated-buttons_codePlain__zw3gZ{color:var(--ink)}@media (min-width:64rem){.css-animated-buttons_workspace__q9Lrn{grid-template-columns:minmax(0,1.7fr) minmax(24rem,1fr);grid-template-rows:minmax(0,1fr)}.css-animated-buttons_tutorialIntro__5pGGa{min-height:clamp(6.5rem,14vh,8.2rem);padding:.9rem 1.25rem .75rem}.css-animated-buttons_buttonGrid__MGv9x{gap:.6rem;padding:0 1.25rem 1.25rem}.css-animated-buttons_demoCard__kJLw3{padding:.5rem .7rem .6rem}.css-animated-buttons_demoButton__EN8nv{min-width:8.2rem;min-height:3rem}.css-animated-buttons_codePanel__wvgni{grid-template-rows:3.75rem 3.25rem minmax(0,1fr);border-top:0;border-left:.0625rem solid var(--line)}.css-animated-buttons_codeHeader__WC7gW{padding-inline:1.15rem;font-size:.84rem}.css-animated-buttons_codeBlock__XPNQL{padding-top:clamp(1rem,3vh,2rem);font-size:clamp(.92rem,.82vw,1rem)}.css-animated-buttons_codeLine__VAAkR{grid-template-columns:3.75rem minmax(max-content,1fr);min-height:1.48rem}}@media (max-width:39.99rem){.css-animated-buttons_tutorialIntro__5pGGa{gap:.75rem;padding:.55rem .55rem .45rem}.css-animated-buttons_tutorialIntro__5pGGa h1{font-size:clamp(1.3rem,6vw,1.65rem)}.css-animated-buttons_tutorialIntro__5pGGa p{font-size:.72rem;line-height:1.4}.css-animated-buttons_tutorialIntro__5pGGa p strong{font-size:.8rem}.css-animated-buttons_tutorialIntro__5pGGa p span{display:none}.css-animated-buttons_kicker__O3UAh{font-size:.68rem}.css-animated-buttons_buttonGrid__MGv9x{gap:.34rem;padding:0 .45rem .45rem}.css-animated-buttons_demoCard__kJLw3{grid-template-rows:1.08rem minmax(0,1fr);padding:.26rem .32rem .3rem;border-radius:.55rem}.css-animated-buttons_demoLabel__xeecQ{gap:.25rem}.css-animated-buttons_demoLabel__xeecQ span{width:1rem;height:1rem;font-size:.6rem}.css-animated-buttons_demoLabel__xeecQ h2{overflow:hidden;font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}.css-animated-buttons_demoButton__EN8nv{min-width:6.4rem;min-height:2.75rem;font-size:.76rem}.css-animated-buttons_expand__bm4BK,.css-animated-buttons_flip__WXnvi{min-width:2.6rem}.css-animated-buttons_codePanel__wvgni{grid-template-rows:2.8rem 2.75rem minmax(0,1fr)}.css-animated-buttons_codeHeader__WC7gW{padding-inline:.65rem;font-size:.72rem}.css-animated-buttons_codeToolbar__1SBzI{padding-inline:.25rem}.css-animated-buttons_codeTabs__tiw9k button,.css-animated-buttons_copyButton__CCSZK{min-height:2.55rem;padding-inline:.55rem;font-size:.68rem}.css-animated-buttons_codeBlock__XPNQL{padding-top:.55rem;font-size:.78rem;line-height:1.5}.css-animated-buttons_codeLine__VAAkR{grid-template-columns:2.65rem minmax(max-content,1fr);min-height:1.15rem}.css-animated-buttons_lineNumber__WOavN{margin-right:.6rem;padding-right:.4rem}}@media (max-height:44rem){.css-animated-buttons_workspace__q9Lrn{grid-template-rows:minmax(0,1fr) minmax(12rem,29vh)}.css-animated-buttons_tutorialIntro__5pGGa{padding-block:.42rem .32rem}.css-animated-buttons_tutorialIntro__5pGGa p span{display:none}.css-animated-buttons_buttonGrid__MGv9x{gap:.3rem;padding-bottom:.45rem}.css-animated-buttons_demoCard__kJLw3{grid-template-rows:1rem minmax(0,1fr);padding-block:.24rem}.css-animated-buttons_demoButton__EN8nv{min-height:2.5rem}}@media (prefers-reduced-motion:reduce){.css-animated-buttons_demoButton__EN8nv,.css-animated-buttons_demoButton__EN8nv i,.css-animated-buttons_demoButton__EN8nv span,.css-animated-buttons_demoButton__EN8nv svg,.css-animated-buttons_demoButton__EN8nv:after,.css-animated-buttons_demoButton__EN8nv:before,.css-animated-buttons_demoCard__kJLw3{animation:none!important;transition:none!important}}.responsive-breakpoints_tutorial__JvHN_{--page:oklch(97.5% 0.018 292);--page-strong:oklch(94.5% 0.035 292);--paper:oklch(99% 0.008 292);--ink:oklch(23% 0.055 286);--muted:oklch(55% 0.035 286);--faint:oklch(88% 0.035 290);--violet:oklch(50% 0.22 302);--magenta:oklch(50% 0.23 340);--blue:oklch(48% 0.18 265);--header:oklch(50% 0.14 72);--header-soft:oklch(97% 0.045 78);--header-line:oklch(88% 0.08 75);--sidebar:oklch(50% 0.2 302);--sidebar-soft:oklch(96% 0.045 302);--sidebar-line:oklch(85% 0.09 303);--main:oklch(48% 0.12 164);--main-soft:oklch(96.5% 0.035 164);--main-line:oklch(85% 0.06 164);--widget:oklch(50% 0.22 350);--widget-soft:oklch(97% 0.035 350);--widget-line:oklch(86% 0.08 350);--statistics:oklch(47% 0.13 205);--statistics-soft:oklch(96.5% 0.035 205);--statistics-line:oklch(84% 0.06 205);--footer:oklch(51% 0.2 7);--footer-soft:oklch(97% 0.035 7);--footer-line-color:oklch(87% 0.075 7);width:min(100%,100rem);height:100%;min-height:0;margin-inline:auto;overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr);background:var(--page);color:var(--ink);color-scheme:light;font-family:var(--font-dm-mono)}[data-theme=dark] .responsive-breakpoints_tutorial__JvHN_{background:var(--page);color:var(--ink)}.responsive-breakpoints_tutorial__JvHN_ :where(a,button,input):focus-visible{outline-color:var(--violet)}.responsive-breakpoints_workspace__euP3n{min-width:0;min-height:0;overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) minmax(14rem,31vh)}.responsive-breakpoints_interactionPanel___Tygq{min-width:0;min-height:0;overflow:hidden;display:grid;grid-template-rows:auto 3.75rem 4rem minmax(0,1fr)}.responsive-breakpoints_codeHeader__AaSWA,.responsive-breakpoints_queryList__WmB_q,.responsive-breakpoints_resizeHandle__MRGc_{display:flex;align-items:center}.responsive-breakpoints_tutorialIntro__rKVNq{display:grid;min-height:0;align-content:center;padding:.75rem 1rem .55rem}.responsive-breakpoints_introTopRow__BwA6s{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem}.responsive-breakpoints_introTopRow__BwA6s>div:first-child{text-align:left}.responsive-breakpoints_kicker__gPosA{color:var(--magenta);font-size:clamp(.72rem,1.05vh,.82rem);font-weight:500;letter-spacing:.16em;line-height:1.1;text-transform:uppercase}.responsive-breakpoints_tutorialIntro__rKVNq h1{margin-top:.24rem;color:var(--ink);font-family:var(--font-guide-display),var(--font-barlow-condensed);font-size:clamp(1.8rem,4.9vh,3rem);font-weight:800;letter-spacing:-.055em;line-height:1.08;text-wrap:balance}.responsive-breakpoints_tutorialIntro__rKVNq h1 em{position:relative;color:var(--violet);font-style:normal}.responsive-breakpoints_tutorialIntro__rKVNq h1 em:after{content:"";position:absolute;inset:auto 0 -.12rem;height:.16rem;border-radius:999px;background:var(--magenta)}.responsive-breakpoints_tutorialIntro__rKVNq p{margin-top:.45rem;color:var(--muted);font-size:clamp(.75rem,1.1vh,.84rem);line-height:1.55;text-wrap:pretty;text-align:left}.responsive-breakpoints_tutorialIntro__rKVNq p span{color:var(--ink);font-weight:500}.responsive-breakpoints_breakpointSelector__RedoN{width:min(32rem,calc(100% - 1.25rem));height:3.75rem;margin-inline:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.28rem;border:.3rem solid var(--page-strong);border-radius:999px;background:var(--page-strong)}.responsive-breakpoints_breakpointButton__icVYI{min-width:0;min-height:3.15rem;border:0;border-radius:999px;background:transparent;padding:.3rem .35rem;color:var(--muted);text-align:center;transition:background .3s ease-out,color .3s ease-out,translate .3s ease-out}.responsive-breakpoints_breakpointButton__icVYI:focus-visible,.responsive-breakpoints_breakpointButton__icVYI:hover{background:var(--paper);color:var(--ink);translate:0 -.08rem}.responsive-breakpoints_breakpointButtonActive__bR7gd,.responsive-breakpoints_breakpointButtonActive__bR7gd:focus-visible,.responsive-breakpoints_breakpointButtonActive__bR7gd:hover{background:var(--magenta);color:var(--paper);box-shadow:0 .4rem 1rem oklch(70% .12 335/.3);translate:0}.responsive-breakpoints_breakpointButton__icVYI:first-child.responsive-breakpoints_breakpointButtonActive__bR7gd{background:var(--blue)}.responsive-breakpoints_breakpointButton__icVYI:nth-child(2).responsive-breakpoints_breakpointButtonActive__bR7gd{background:var(--violet)}.responsive-breakpoints_breakpointButton__icVYI:nth-child(4).responsive-breakpoints_breakpointButtonActive__bR7gd{background:oklch(50% .22 318)}.responsive-breakpoints_breakpointButton__icVYI small,.responsive-breakpoints_breakpointButton__icVYI strong{display:block}.responsive-breakpoints_breakpointButton__icVYI strong{font-family:var(--font-guide-display),var(--font-barlow-condensed);font-size:clamp(.9rem,1.5vw,1.05rem);font-weight:800;letter-spacing:.025em;line-height:1;text-transform:uppercase}.responsive-breakpoints_breakpointButton__icVYI small{margin-top:.18rem;font-size:clamp(.62rem,.8vw,.7rem);letter-spacing:.02em}.responsive-breakpoints_breakpointButtonActive__bR7gd small{color:var(--paper)}.responsive-breakpoints_ruler__Y_rEG{position:relative;min-height:0;padding:1.5rem 1rem .2rem}.responsive-breakpoints_rulerLabels__aunR1{position:absolute;inset:.2rem 1rem auto;height:1.15rem}.responsive-breakpoints_rulerLabels__aunR1:before{content:"";position:absolute;inset:.98rem 0 auto;height:.18rem;border-radius:999px;background:var(--faint)}.responsive-breakpoints_rulerLabels__aunR1 span{position:absolute;translate:-50% 0;color:var(--muted);font-size:.72rem;font-weight:500;letter-spacing:.03em}.responsive-breakpoints_rulerLabels__aunR1 span:first-child{translate:0 0}.responsive-breakpoints_rulerLabels__aunR1 span:last-child{translate:-100% 0}.responsive-breakpoints_rulerLabels__aunR1 span:after{content:"";position:absolute;top:.8rem;left:50%;width:.08rem;height:.52rem;background:var(--muted)}.responsive-breakpoints_rangeInput__vqf9K{width:100%;height:2.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:ew-resize;background:transparent}.responsive-breakpoints_rangeInput__vqf9K::-webkit-slider-runnable-track{height:.18rem;border-radius:999px;background:linear-gradient(to right,var(--magenta) var(--range-progress),var(--faint) var(--range-progress))}.responsive-breakpoints_rangeInput__vqf9K::-moz-range-track{height:.18rem;border-radius:999px;background:var(--faint)}.responsive-breakpoints_rangeInput__vqf9K::-moz-range-progress{height:.18rem;border-radius:999px;background:var(--magenta)}.responsive-breakpoints_rangeInput__vqf9K::-webkit-slider-thumb{width:1rem;height:1.5rem;margin-top:-.66rem;-webkit-appearance:none;appearance:none;border:.2rem solid var(--paper);border-radius:999px;background:var(--magenta);box-shadow:0 0 0 .12rem var(--magenta)}.responsive-breakpoints_rangeInput__vqf9K::-moz-range-thumb{width:.72rem;height:1.22rem;border:.2rem solid var(--paper);border-radius:999px;background:var(--magenta);box-shadow:0 0 0 .12rem var(--magenta)}.responsive-breakpoints_widthOutput__p2rMh{position:absolute;top:.08rem;left:clamp(1.7rem,var(--range-progress),calc(100% - 1.7rem));translate:-50% 0;border-radius:999px;background:var(--violet);padding:.2rem .42rem;color:var(--paper);font-size:.72rem;font-weight:500;letter-spacing:.03em}.responsive-breakpoints_demoStage__QTUL0{min-height:0;overflow:hidden;border-top:1px solid var(--faint);background:var(--page);padding:.55rem 1rem .9rem}.responsive-breakpoints_stageCanvas__MxA0F{position:relative;width:100%;height:100%}.responsive-breakpoints_previewViewport__ty2Q7{position:absolute;inset:0 auto 0 0;min-width:0;overflow:hidden;background:transparent}.responsive-breakpoints_viewportTopbar__5_VnC{display:none}.responsive-breakpoints_resizeHandle__MRGc_{position:absolute;top:50%;z-index:8;width:4rem;height:4rem;justify-content:center;gap:.42rem;translate:-50% -50%;touch-action:none;cursor:ew-resize;border:0;border-radius:50%;background:transparent;color:var(--ink);font-family:var(--font-guide-display),var(--font-barlow-condensed);font-size:1.8rem;font-weight:800;line-height:1;filter:drop-shadow(0 .22rem .12rem oklch(40% .03 285/.25))}.responsive-breakpoints_resizeHandle__MRGc_:focus-visible,.responsive-breakpoints_resizeHandle__MRGc_:hover{color:var(--magenta)}.responsive-breakpoints_resizeHandle__MRGc_ span{text-shadow:-.08rem 0 var(--paper),.08rem 0 var(--paper),0 -.08rem var(--paper),0 .08rem var(--paper)}.responsive-breakpoints_resizeHandle__MRGc_ i{display:block;width:.24rem;height:2.3rem;border:.12rem solid var(--paper);border-radius:999px;background:var(--ink);box-sizing:content-box}.responsive-breakpoints_dashboard__ugmEx{display:grid;width:100%;height:100%;min-height:0;gap:clamp(.18rem,.6vw,.42rem);padding:.25rem}.responsive-breakpoints_panel__Fs88E{position:relative;min-width:0;min-height:0;overflow:hidden;border:1px solid var(--faint);border-radius:.42rem;padding:1.65rem .45rem .38rem;box-shadow:0 .35rem .85rem oklch(65% .04 290/.12)}.responsive-breakpoints_panelLabel__dp7SZ{position:absolute;top:.28rem;left:.38rem;z-index:2;border-radius:999px;padding:.17rem .42rem .14rem;color:var(--paper);font-size:clamp(.55rem,.72vw,.7rem);font-weight:600;letter-spacing:.08em;line-height:1;text-transform:uppercase}.responsive-breakpoints_headerPanel__BrOmy{grid-area:header;display:flex;align-items:center;gap:.35rem;background:var(--header-soft);border-color:var(--header-line);padding:.32rem .45rem .24rem 4rem}.responsive-breakpoints_headerPanel__BrOmy .responsive-breakpoints_panelLabel__dp7SZ{background:var(--header)}.responsive-breakpoints_brandMark__cSrkT{display:block;width:18%;height:.38rem;flex:0 0 auto;border-radius:999px;background:var(--header-line)}.responsive-breakpoints_headerLines__EgbFH{display:grid;min-width:0;flex:1;grid-template-columns:1.3fr .75fr .22fr .18fr;gap:.28rem}.responsive-breakpoints_headerLines__EgbFH i{display:block;height:.38rem;border-radius:999px;background:var(--header-line)}.responsive-breakpoints_headerLines__EgbFH i:nth-child(3),.responsive-breakpoints_headerLines__EgbFH i:nth-child(4){background:var(--header)}.responsive-breakpoints_sidebarPanel__zY0lY{grid-area:sidebar;background:var(--sidebar-soft);border-color:var(--sidebar-line)}.responsive-breakpoints_sidebarPanel__zY0lY .responsive-breakpoints_panelLabel__dp7SZ{background:var(--sidebar)}.responsive-breakpoints_sidebarIconGrid__Wtk9_{display:grid;gap:.36rem;margin-top:.25rem}.responsive-breakpoints_sidebarIconGrid__Wtk9_ i{display:block;width:82%;height:.35rem;border-radius:999px;background:var(--sidebar-line)}.responsive-breakpoints_sidebarIconGrid__Wtk9_ i:nth-child(2){width:64%}.responsive-breakpoints_sidebarIconGrid__Wtk9_ i:nth-child(3){width:90%}.responsive-breakpoints_sidebarIconGrid__Wtk9_ i:nth-child(4){width:72%}.responsive-breakpoints_mainPanel__VQGIP{grid-area:main;background:var(--main-soft);border-color:var(--main-line)}.responsive-breakpoints_mainPanel__VQGIP .responsive-breakpoints_panelLabel__dp7SZ{background:var(--main)}.responsive-breakpoints_mainChart__y9Nmi{position:relative;display:grid;height:100%;min-height:0;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1.1rem minmax(0,1fr);gap:.32rem;padding-top:.25rem}.responsive-breakpoints_mainChart__y9Nmi i{display:block;min-width:0;min-height:0;border:1px solid var(--main-line);border-radius:.28rem;background:oklch(92% .045 164)}.responsive-breakpoints_mainChart__y9Nmi i:nth-child(5){grid-column:1/-1;overflow:hidden;background-color:oklch(98% .015 164);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent .55rem,var(--main-line) .55rem,var(--main-line) calc(.55rem + 1px))}.responsive-breakpoints_mainChart__y9Nmi i:nth-child(6){position:absolute;top:-.85rem;right:0;width:2rem;height:.38rem;border:0;border-radius:999px;background:var(--main-line)}.responsive-breakpoints_widgetPanel__aL8a_{grid-area:widget;display:grid;align-content:center;gap:.35rem;background:var(--widget-soft);border-color:var(--widget-line)}.responsive-breakpoints_widgetPanel__aL8a_ .responsive-breakpoints_panelLabel__dp7SZ{background:var(--widget)}.responsive-breakpoints_metric__vW0_r,.responsive-breakpoints_statBars__2jUSx{display:grid;gap:.32rem}.responsive-breakpoints_metric__vW0_r i,.responsive-breakpoints_statBars__2jUSx i{display:block;height:.4rem;border-radius:999px}.responsive-breakpoints_metric__vW0_r i{width:72%;background:var(--widget)}.responsive-breakpoints_metric__vW0_r i:nth-child(2){width:48%}.responsive-breakpoints_metric__vW0_r i:nth-child(3){width:86%}.responsive-breakpoints_meter__b5kfQ{display:block;width:100%;height:.38rem;border-radius:999px;background:var(--widget-line)}.responsive-breakpoints_meter__b5kfQ i{display:block;width:35%;height:100%;border-radius:inherit;background:var(--widget)}.responsive-breakpoints_statisticsPanel__9fqrO{grid-area:statistics;display:grid;align-content:center;background:var(--statistics-soft);border-color:var(--statistics-line)}.responsive-breakpoints_statisticsPanel__9fqrO .responsive-breakpoints_panelLabel__dp7SZ{background:var(--statistics)}.responsive-breakpoints_statBars__2jUSx i{width:82%;background:var(--statistics-line)}.responsive-breakpoints_statBars__2jUSx i:nth-child(2){width:58%;background:var(--statistics)}.responsive-breakpoints_statBars__2jUSx i:nth-child(3){width:42%}.responsive-breakpoints_footerPanel__xjApr{grid-area:footer;display:grid;align-items:center;background:var(--footer-soft);border-color:var(--footer-line-color);padding:.3rem .45rem .25rem 4rem}.responsive-breakpoints_footerPanel__xjApr .responsive-breakpoints_panelLabel__dp7SZ{background:var(--footer)}.responsive-breakpoints_footerLine__0M1Bi{display:grid;grid-template-columns:.8fr 1.35fr;gap:.65rem}.responsive-breakpoints_footerLine__0M1Bi i{display:block;height:.35rem;border-radius:999px;background:var(--footer-line-color)}.responsive-breakpoints_codePanel__qU_6i{min-height:0;overflow:hidden;border-top:1px solid var(--faint);background:var(--paper);color:var(--ink)}.responsive-breakpoints_codeHeader__AaSWA{height:2.75rem;justify-content:space-between;gap:.5rem;border-bottom:1px solid var(--faint);background:var(--page-strong);padding-inline:.8rem;font-size:clamp(.6rem,.86vw,.7rem);letter-spacing:.04em}.responsive-breakpoints_codeHeader__AaSWA>div:first-child{display:flex;align-items:center;gap:.45rem;color:var(--ink);font-weight:500}.responsive-breakpoints_fileDot__uqoNp{display:inline-block;width:.48rem;height:.48rem;border-radius:.12rem;background:var(--magenta)}.responsive-breakpoints_queryList__WmB_q{gap:.15rem}.responsive-breakpoints_queryList__WmB_q span{border-radius:999px;padding:.22rem .35rem;color:var(--muted)}.responsive-breakpoints_queryList__WmB_q .responsive-breakpoints_activeQuery__M6hPd{background:var(--violet);color:var(--paper)}.responsive-breakpoints_codeBlock__MKnXy{height:calc(100% - 2.75rem);overflow:auto;padding:.65rem 0 .45rem;font-family:var(--font-dm-mono);font-size:clamp(.58rem,1.15vh,.7rem);line-height:1.5;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.responsive-breakpoints_codeLine__ePhrl{display:grid;grid-template-columns:2.45rem minmax(max-content,1fr);min-height:.95rem;padding-right:.65rem}.responsive-breakpoints_lineNumber__xA0qd{border-right:1px solid var(--faint);margin-right:.68rem;padding-right:.42rem;color:oklch(66% .035 286);text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}.responsive-breakpoints_codeComment__ZZq_1{color:var(--muted)}.responsive-breakpoints_codeAtRule__r95s9{color:var(--magenta);font-weight:500}.responsive-breakpoints_codeProperty__cztuL{color:var(--ink)}.responsive-breakpoints_codeString__NLWd_{color:var(--main)}.responsive-breakpoints_codePlain__9n3Yb{color:var(--ink)}@media (max-width:39.99rem){.responsive-breakpoints_tutorialIntro__rKVNq{padding-inline:.5rem}.responsive-breakpoints_introTopRow__BwA6s{gap:.5rem}.responsive-breakpoints_tutorialIntro__rKVNq h1{max-width:21rem}.responsive-breakpoints_breakpointSelector__RedoN{width:calc(100% - .75rem)}.responsive-breakpoints_ruler__Y_rEG{padding-inline:.55rem}.responsive-breakpoints_rulerLabels__aunR1{inset-inline:.55rem}.responsive-breakpoints_demoStage__QTUL0{padding-inline:.4rem}.responsive-breakpoints_queryList__WmB_q span{padding-inline:.22rem}.responsive-breakpoints_codeBlock__MKnXy{font-size:.68rem;line-height:1.45;padding-block:.45rem .3rem}.responsive-breakpoints_codeLine__ePhrl{min-height:.95rem}}@media (max-height:42rem){.responsive-breakpoints_workspace__euP3n{grid-template-rows:minmax(0,1fr) minmax(11rem,27vh)}.responsive-breakpoints_interactionPanel___Tygq{grid-template-rows:auto 3.5rem 3.75rem minmax(0,1fr)}.responsive-breakpoints_tutorialIntro__rKVNq p{display:none}.responsive-breakpoints_demoStage__QTUL0{padding-block:.35rem .55rem}}@media (min-width:64rem){.responsive-breakpoints_workspace__euP3n{grid-template-columns:minmax(0,2fr) minmax(20rem,1fr);grid-template-rows:minmax(0,1fr)}.responsive-breakpoints_interactionPanel___Tygq{grid-template-rows:auto 4rem 4.25rem minmax(0,1fr)}.responsive-breakpoints_tutorialIntro__rKVNq{min-height:clamp(7.25rem,15vh,8.5rem)}.responsive-breakpoints_tutorialIntro__rKVNq h1{font-size:clamp(2.35rem,5.5vh,3.65rem)}.responsive-breakpoints_breakpointSelector__RedoN{width:min(34rem,calc(100% - 2rem));height:4rem}.responsive-breakpoints_breakpointButton__icVYI{min-height:3.4rem}.responsive-breakpoints_demoStage__QTUL0{padding:.75rem 1rem 1rem}.responsive-breakpoints_codePanel__qU_6i{border-top:0;border-left:1px solid var(--faint)}.responsive-breakpoints_codeHeader__AaSWA{height:4rem;padding-inline:1rem}.responsive-breakpoints_codeBlock__MKnXy{height:calc(100% - 4rem);padding:clamp(1.15rem,4vh,2.6rem) 0 1rem;font-size:clamp(.8rem,.9vw,1rem);line-height:1.55}.responsive-breakpoints_codeLine__ePhrl{grid-template-columns:3.5rem minmax(max-content,1fr);min-height:1.45rem;padding-right:1rem}.responsive-breakpoints_lineNumber__xA0qd{margin-right:.8rem;padding-right:.55rem}}@media (prefers-reduced-motion:reduce){.responsive-breakpoints_breakpointButton__icVYI{transition:none}.responsive-breakpoints_resizeHandle__MRGc_{filter:none}}