.article-module__E_IM1q__article{width:100%;max-width:var(--content-width);grid-column-start:2;margin-inline:auto}.article-module__E_IM1q__article>:not(:last-child){margin-bottom:3rem}@media (min-width:32rem){.article-module__E_IM1q__article>:not(:last-child){margin-bottom:4.5rem}}@media (min-width:64rem){.article-module__E_IM1q__article{margin-inline:0}}
.section-module__ftgDNW__section{flex-direction:column;gap:1rem;scroll-margin-top:5rem;display:flex}.section-module__ftgDNW__animated{opacity:0;filter:blur(20px);animation:.6s ease-out .6s forwards section-module__ftgDNW__fadeInUp;animation-delay:calc(var(--stagger,0) * .12s);transform:translateY(40px)}.section-module__ftgDNW__card{border:1px solid var(--card-border);background:var(--card);margin-inline:-.625rem;padding-block:1.875rem}@keyframes section-module__ftgDNW__fadeInUp{0%{opacity:0;filter:blur(20px);transform:translateY(40px)}to{opacity:1;filter:blur();transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.section-module__ftgDNW__animated{animation-duration:.01ms;animation-delay:.01ms}}
.button-module__5OMyNq__linkButton,.button-module__5OMyNq__button{justify-content:center;align-items:baseline;gap:.5rem;transition:color .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),text-decoration-color .15s cubic-bezier(.4,0,.2,1);display:inline-flex}.button-module__5OMyNq__linkButton:focus-visible,.button-module__5OMyNq__button:focus-visible{box-shadow:0 0 0 1px var(--ring);outline:none}.button-module__5OMyNq__linkButton:disabled,.button-module__5OMyNq__button:disabled{pointer-events:none;opacity:.5}.button-module__5OMyNq__linkButton svg,.button-module__5OMyNq__button svg{pointer-events:none;flex-shrink:0;width:1rem;height:1rem}.button-module__5OMyNq__linkButton{color:var(--primary);text-decoration-line:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in oklab, var(--secondary-foreground) 20%, transparent);text-decoration-color:color-mix(in oklab, var(--secondary-foreground) 20%, transparent);text-underline-offset:3px;transition-property:all}.button-module__5OMyNq__linkButton:hover{-webkit-text-decoration-color:color-mix(in oklab, var(--secondary-foreground) 50%, transparent);text-decoration-color:color-mix(in oklab, var(--secondary-foreground) 50%, transparent)}.button-module__5OMyNq__linkButton:has(.button-module__5OMyNq__externalIcon){gap:.25rem}.button-module__5OMyNq__linkButton .button-module__5OMyNq__externalIcon{width:.75rem;height:.75rem}.button-module__5OMyNq__inline{font-size:inherit;letter-spacing:.015em;padding-inline:0}.button-module__5OMyNq__button{background:var(--primary);height:2.25rem;color:var(--primary-foreground);padding:.5rem 1rem}.button-module__5OMyNq__button:hover{background:color-mix(in oklab, var(--primary) 90%, transparent)}@media (min-width:44rem){.button-module__5OMyNq__linkButton,.button-module__5OMyNq__button{white-space:nowrap}}
.kbd-module__p-OSWW__kbd{border:1px solid var(--border);background:var(--muted);width:fit-content;min-width:1.25rem;height:1.25rem;color:var(--muted-foreground);font-family:ui-sans-serif,system-ui,sans-serif;font-size:var(--text-xxs);pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:.125rem;justify-content:center;align-items:center;gap:.25rem;padding:0 .25rem;font-weight:500;display:inline-flex}.kbd-module__p-OSWW__group{align-items:center;gap:.25rem;display:inline-flex}
.example-module__klUOSq__form{flex-direction:column;flex:1;align-items:center;gap:1.5rem;display:flex}.example-module__klUOSq__wheel{width:10rem;height:13.5rem;font-size:var(--text-base);line-height:1.5}.example-module__klUOSq__buttons{flex-direction:column;gap:.25rem;width:10rem;display:flex}.example-module__klUOSq__exampleButton{cursor:pointer;appearance:none;border:1px solid var(--border);width:100%;height:2rem;font-size:var(--text-sm);place-items:center;padding:0;line-height:1;transition:background-color .15s cubic-bezier(.4,0,.2,1);display:grid}.example-module__klUOSq__exampleButton:hover{background:color-mix(in oklab, var(--accent) 20%, transparent)}.example-module__klUOSq__exampleButton span{display:block;transform:translateY(1px)}
@property --g1a{syntax:"<number>";inherits:false;initial-value:.5}@property --g2a{syntax:"<number>";inherits:false;initial-value:.075}@property --g3a{syntax:"<number>";inherits:false;initial-value:.5}.glass-button-module__QJoynG__glass-button{--t:1s;--th:1.25rem;--r:calc(var(--th) * .5);--g1a:.5;--g2a:.1;--g3a:.5;z-index:0;outline-offset:-2px;background:linear-gradient(to right bottom, oklch(.5 .29 265 / var(--g1a)) 10%, oklch(.91 .087 205 / var(--g2a)) 50%, oklch(.5 .29 265 / var(--g3a)) 90%), linear-gradient(to bottom, #123cff, #1a49ee);color:#fff;color:lab(100% 0 0);opacity:1;border-radius:calc(var(--r) - .05rem) calc(var(--r) - .05rem) calc(var(--r) + .1rem) calc(var(--r) + .1rem);width:12rem;height:4.5rem;transition:transform var(--t) ease, border-radius var(--t) ease, background-color var(--t) ease, --g1a var(--t) ease, --g2a var(--t) ease, --g3a var(--t) ease;outline:2px solid #4a78ea80;outline:2px solid lab(51.7711% 13.3464 -63.7643/.5);font-size:1.75em;position:relative;overflow:hidden;transform:rotateX(24deg)}@supports (color:lab(0% 0 0)){.glass-button-module__QJoynG__glass-button{background:linear-gradient(to right bottom, oklch(.5 .29 265 / var(--g1a)) 10%, oklch(.91 .087 205 / var(--g2a)) 50%, oklch(.5 .29 265 / var(--g3a)) 90%), linear-gradient(to bottom, lab(34.1085% 78.6859 -125.551), lab(38.1338% 37.0323 -88.2612))}}.glass-button-module__QJoynG__glass-button:after{content:"";width:100%;height:var(--th);background:linear-gradient(to right, #ffffff26 0, transparent calc(var(--th)), transparent calc(100% - var(--th)), #ffffff26 100%), #4a78ea;opacity:1;-webkit-mask:radial-gradient(var(--r) at var(--r) 0, transparent 99%, black 100%) left, radial-gradient(var(--r) at calc(100% - var(--r)) 0, transparent 99%, black 100%) right, linear-gradient(to top, black 50%, transparent 50%);mask:radial-gradient(var(--r) at var(--r) 0, transparent 99%, black 100%) left, radial-gradient(var(--r) at calc(100% - var(--r)) 0, transparent 99%, black 100%) right, linear-gradient(to top, black 50%, transparent 50%);-webkit-mask-size:var(--r) 100%, var(--r) 100%, 100% 100%;mask-size:var(--r) 100%, var(--r) 100%, 100% 100%;transform-origin:bottom;transition:transform var(--t) ease;position:absolute;inset:auto 0 0;-webkit-mask-position:0 0,100% 0,0 0;mask-position:0 0,100% 0,0 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-over;mask-composite:add}@supports (color:lab(0% 0 0)){.glass-button-module__QJoynG__glass-button:after{background:linear-gradient(to right, lab(100% 0 0/.15) 0, transparent calc(var(--th)), transparent calc(100% - var(--th)), lab(100% 0 0/.15) 100%), lab(51.7711% 13.3464 -63.7643)}}.glass-button-module__QJoynG__glass-button:before{content:"";width:100%;height:var(--th);background:linear-gradient(to right, #0000001a 0, transparent calc(var(--r)), transparent calc(100% - var(--r)), #0000001a 100%), #1a3c9f;opacity:.65;z-index:-1;-webkit-mask:radial-gradient(var(--r) at var(--r) 100%, transparent 99%, black 100%) left, radial-gradient(var(--r) at calc(100% - var(--r)) 100%, transparent 99%, black 100%) right, linear-gradient(to bottom, black 50%, transparent 50%);mask:radial-gradient(var(--r) at var(--r) 100%, transparent 99%, black 100%) left, radial-gradient(var(--r) at calc(100% - var(--r)) 100%, transparent 99%, black 100%) right, linear-gradient(to bottom, black 50%, transparent 50%);-webkit-mask-size:var(--r) 100%, var(--r) 100%, 100% 100%;mask-size:var(--r) 100%, var(--r) 100%, 100% 100%;transform-origin:top;transition:transform var(--t) ease;position:absolute;inset:0 0 auto;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-over;mask-composite:add}@supports (color:lab(0% 0 0)){.glass-button-module__QJoynG__glass-button:before{background:linear-gradient(to right, lab(0% 0 0/.1) 0, transparent calc(var(--r)), transparent calc(100% - var(--r)), lab(0% 0 0/.1) 100%), lab(28.2588% 19.0413 -58.1869)}}.glass-button-module__QJoynG__glass-button:hover{border-radius:var(--r);--g1a:0;--g2a:0;--g3a:0;transform:rotateX(0)scale(1.05)}.glass-button-module__QJoynG__glass-button:hover:before{transform:translateY(-55%)scale(1.01)}.glass-button-module__QJoynG__glass-button:hover:after{transform:translateY(55%)scale(1.01)}.glass-button-module__QJoynG__glass-button span{z-index:1;display:inline-block;position:relative}.glass-button-module__QJoynG__glass-button span:after{content:attr(data-text);z-index:-1;opacity:.075;color:#fff;color:lab(100% 0 0);transform:translateY(var(--r));transition:transform var(--t) ease;position:absolute;inset:0}.glass-button-module__QJoynG__glass-button:hover span:after{transform:translateY(0)}
.footer-module__7-Zn2G__footer{width:100%;color:var(--muted-foreground);flex-direction:column;margin:auto auto 0;padding:5rem 1.25rem 1.25rem;display:flex}.footer-module__7-Zn2G__inner{width:100%;max-width:var(--content-width);flex-direction:column;margin-inline:auto;display:flex}.footer-module__7-Zn2G__line{gap:.5rem;display:inline-flex}.footer-module__7-Zn2G__links{width:100%;font-size:var(--text-xs);column-gap:.5rem;line-height:1.3333;display:flex}.footer-module__7-Zn2G__mutedLink{color:var(--muted-foreground)}@media (min-width:44rem){.footer-module__7-Zn2G__footer{padding-top:10rem}}
.page-module__LU5DZa__title{color:var(--foreground);font-size:var(--text-xl);flex-direction:column;scroll-margin-top:5rem;font-weight:600;line-height:1.4;display:flex}.page-module__LU5DZa__copyList{display:block}.page-module__LU5DZa__copyList>li{display:inline}.page-module__LU5DZa__copyList>li+li:before{content:" "}.page-module__LU5DZa__inline{white-space:nowrap}.page-module__LU5DZa__exampleCard{position:relative}.page-module__LU5DZa__kbdGroup{position:absolute;bottom:.625rem;left:.625rem}@media (min-width:32rem){.page-module__LU5DZa__copyList>li{display:block}.page-module__LU5DZa__copyList>li+li{margin-top:.125rem}.page-module__LU5DZa__copyList>li+li:before{content:none}}
.not-found-module__l2auGG__container{margin-bottom:auto}.not-found-module__l2auGG__title{color:var(--foreground);font-size:var(--text-xl);font-weight:600;line-height:1.4}.not-found-module__l2auGG__copy{color:var(--muted-foreground)}
.page-module__SU_B-G__card{aspect-ratio:16/9;perspective:1200px;justify-content:center;align-items:center}
.page-module__QfXWja__card{aspect-ratio:16/9;justify-content:center;align-items:center}.page-module__QfXWja__panel{background:#fee685;outline:none;padding:1rem;box-shadow:0 0 #0000}.page-module__QfXWja__panel:focus{background:#ffd236;outline:none;box-shadow:0 0 #0000}
.oklab-module__ZD-_XG__oklch{--base-c:.175;--base-h:68deg;--shift-base-l:-.07;--shift-base-c:.025;--shift-base-h:120deg;--bg-base-l:.92;--bg-base-c:var(--base-c);--bg-base-h:var(--base-h);--bg-target-l:calc(var(--bg-base-l) + var(--shift-base-l));--bg-target-c:calc(var(--bg-base-c) + var(--shift-base-c));--bg-target-h:calc(var(--bg-base-h) + var(--shift-base-h));--bg-base-a:calc(var(--bg-base-c) * cos(var(--bg-base-h)));--bg-base-b:calc(var(--bg-base-c) * sin(var(--bg-base-h)));--bg-target-a:calc(var(--bg-target-c) * cos(var(--bg-target-h)));--bg-target-b:calc(var(--bg-target-c) * sin(var(--bg-target-h)));--bg-color:oklab(var(--bg-base-l) var(--bg-base-a) var(--bg-base-b));--bg-color-target:oklab(var(--bg-target-l) var(--bg-target-a) var(--bg-target-b));--border-base-l:.95;--border-base-c:calc(var(--base-c) - .025);--border-base-h:var(--base-h);--border-target-l:calc(var(--border-base-l) + var(--shift-base-l));--border-target-c:calc(var(--border-base-c) + var(--shift-base-c));--border-target-h:calc(var(--border-base-h) + var(--shift-base-h));--border-base-a:calc(var(--border-base-c) * cos(var(--border-base-h)));--border-base-b:calc(var(--border-base-c) * sin(var(--border-base-h)));--border-target-a:calc(var(--border-target-c) * cos(var(--border-target-h)));--border-target-b:calc(var(--border-target-c) * sin(var(--border-target-h)));--border-color:oklab(var(--border-base-l) var(--border-base-a) var(--border-base-b));--border-color-target:oklab(var(--border-target-l) var(--border-target-a) var(--border-target-b));--text-base-l:.25;--text-base-c:var(--base-c);--text-base-h:var(--base-h);--text-target-l:calc(var(--text-base-l) + var(--shift-base-l));--text-target-c:calc(var(--text-base-c) + var(--shift-base-c));--text-target-h:calc(var(--text-base-h) + var(--shift-base-h));--text-base-a:calc(var(--text-base-c) * cos(var(--text-base-h)));--text-base-b:calc(var(--text-base-c) * sin(var(--text-base-h)));--text-target-a:calc(var(--text-target-c) * cos(var(--text-target-h)));--text-target-b:calc(var(--text-target-c) * sin(var(--text-target-h)));--text-color:oklab(var(--text-base-l) var(--text-base-a) var(--text-base-b));--text-color-target:oklab(var(--text-target-l) var(--text-target-a) var(--text-target-b));--shadow-base-l:.68;--shadow-base-c:calc(var(--base-c) - .05);--shadow-base-h:var(--base-h);--shadow-target-l:calc(var(--shadow-base-l) + var(--shift-base-l));--shadow-target-c:calc(var(--shadow-base-c) + var(--shift-base-c));--shadow-target-h:calc(var(--shadow-base-h) + var(--shift-base-h));--shadow-base-a:calc(var(--shadow-base-c) * cos(var(--shadow-base-h)));--shadow-base-b:calc(var(--shadow-base-c) * sin(var(--shadow-base-h)));--shadow-target-a:calc(var(--shadow-target-c) * cos(var(--shadow-target-h)));--shadow-target-b:calc(var(--shadow-target-c) * sin(var(--shadow-target-h)));--shadow-color:oklab(var(--shadow-base-l) var(--shadow-base-a) var(--shadow-base-b) / .5);--shadow-color-target:oklab(var(--shadow-target-l) var(--shadow-target-a) var(--shadow-target-b) / .5);cursor:pointer;border:1px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color);box-shadow:0 8px 16px var(--shadow-color);padding:8px 16px;transition:background-color 1s,border-color 1s,color 1s,box-shadow 1s}.oklab-module__ZD-_XG__oklch:hover{background-color:var(--bg-color-target);border-color:var(--border-color-target);color:var(--text-color-target);box-shadow:0 8px 16px var(--shadow-color-target)}
.header-module__d2bXDG__header{width:100%;max-width:var(--content-width);margin:0 auto 4rem;padding-inline:.625rem;transform:translateY(.125rem)}.header-module__d2bXDG__returnShell{border-radius:calc(var(--radius) - 2px);width:100%;height:1.5rem;color:var(--muted-foreground);font-size:var(--text-xs);justify-content:flex-start;align-items:flex-start;line-height:1.3333;display:flex;position:sticky;top:1.25rem;left:0}.header-module__d2bXDG__returnLink{align-items:center;gap:.25rem;display:flex}.header-module__d2bXDG__icon{width:.75rem;height:.75rem;transform:translateY(-.125rem)}@media (min-width:64rem){.header-module__d2bXDG__header{width:auto;margin-inline:0;padding-inline:0}.header-module__d2bXDG__returnShell{left:.625rem}}