._Backdrop_crcc9_1{opacity:.2;background-color:#000;min-height:100dvh;transition:opacity .15s;position:fixed;inset:0}@supports (-webkit-touch-callout:none){._Backdrop_crcc9_1{position:absolute}}:root[data-theme=dark] ._Backdrop_crcc9_1{opacity:.5}._Backdrop_crcc9_1[data-starting-style],._Backdrop_crcc9_1[data-ending-style]{opacity:0}._Popup_crcc9_25{box-sizing:border-box;color:oklch(14.5% 0 0);background-color:#fff;border:1px solid oklch(14.5% 0 0);flex-direction:column;gap:1rem;width:24rem;max-width:calc(100vw - 3rem);margin-top:-2rem;padding:1rem;transition:transform .1s ease-out,opacity .1s ease-out;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:.25rem .25rem #0000001f}:root[data-theme=dark] ._Popup_crcc9_25{color:#fff;box-shadow:none;background-color:oklch(14.5% 0 0);border:1px solid #fff}._Popup_crcc9_25[data-starting-style],._Popup_crcc9_25[data-ending-style]{opacity:0;transform:translate(-50%,-50%)scale(.98)}._Intro_crcc9_60{flex-direction:column;gap:.25rem;display:flex}._Title_crcc9_66{margin:0;font-size:1rem;font-weight:600;line-height:1.5rem}._Description_crcc9_73{color:oklch(43.9% 0 0);margin:0;font-size:.875rem;line-height:1.25rem}:root[data-theme=dark] ._Description_crcc9_73{color:oklch(70.8% 0 0)}._Actions_crcc9_84{justify-content:end;gap:.75rem;display:flex}._Backdrop_sfsfc_1{--backdrop-opacity:.2;--bleed:3rem;min-height:100dvh;opacity:calc(var(--backdrop-opacity) * (1 - var(--drawer-swipe-progress)));background-color:#000;transition-property:opacity;transition-duration:.45s;transition-timing-function:cubic-bezier(.32,.72,0,1);position:fixed;inset:0}:root[data-theme=dark] ._Backdrop_sfsfc_1{--backdrop-opacity:.7}._Backdrop_sfsfc_1[data-starting-style],._Backdrop_sfsfc_1[data-ending-style]{opacity:0}._Backdrop_sfsfc_1[data-swiping]{transition-duration:0s}._Backdrop_sfsfc_1[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength) * .4s)}._Viewport_sfsfc_31{justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}._Popup_sfsfc_39{--bleed:3rem;box-sizing:border-box;width:100%;max-height:calc(80vh + var(--bleed));margin-bottom:calc(-1 * var(--bleed));padding:1rem 1.5rem 1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px) + var(--bleed));color:oklch(14.5% 0 0);overscroll-behavior:contain;will-change:transform;transform:translateY(var(--drawer-swipe-movement-y));background-color:#fff;border-top:1px solid oklch(14.5% 0 0);outline:0;transition:transform .45s cubic-bezier(.32,.72,0,1);overflow-y:auto;box-shadow:.25rem .25rem #0000001f}:root[data-theme=dark] ._Popup_sfsfc_39{color:#fff;box-shadow:none;background-color:oklch(14.5% 0 0);border-top:1px solid #fff}._Popup_sfsfc_39[data-starting-style],._Popup_sfsfc_39[data-ending-style]{transform:translateY(calc(100% - var(--bleed) + 2px))}._Popup_sfsfc_39[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength) * .4s)}._Content_sfsfc_75{width:100%;max-width:32rem;margin:0 auto}._Handle_sfsfc_81{background-color:oklch(87% 0 0);width:3rem;height:.25rem;margin:0 auto 1rem}:root[data-theme=dark] ._Handle_sfsfc_81{background-color:oklch(37.1% 0 0)}._Title_sfsfc_92{text-align:center;margin-top:0;margin-bottom:.25rem;font-size:1rem;font-weight:600;line-height:1.5rem}._Description_sfsfc_101{color:oklch(43.9% 0 0);text-align:center;margin:0 0 1.5rem;font-size:.875rem;line-height:1.25rem}:root[data-theme=dark] ._Description_sfsfc_101{color:oklch(70.8% 0 0)}._Actions_sfsfc_113{justify-content:center;gap:.75rem;display:flex}:root{--content-max-width:68rem;--page-inline-padding:1rem;--safe-area-top:0px;--safe-area-right:0px;--safe-area-bottom:0px;--safe-area-left:0px;--page-padding-left:calc(var(--page-inline-padding) + var(--safe-area-left));--page-padding-right:calc(var(--page-inline-padding) + var(--safe-area-right));--layout-max-width:calc(var(--content-max-width) + var(--page-padding-left) + var(--page-padding-right));--page-fg:oklch(14.5% 0 0);--page-muted-fg:oklch(55.6% 0 0);--page-separator-color:oklch(87% 0 0);--header-fg:var(--page-fg);--header-muted-fg:var(--page-muted-fg);--footer-fg:var(--page-fg);--footer-muted-fg:var(--page-muted-fg);color:var(--page-fg);background-color:var(--page-bg,#fff);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-viewport-fit-cover=true]{--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px)}:root[data-theme=dark]{--page-fg:#fff;--page-muted-fg:oklch(70.8% 0 0);--page-separator-color:oklch(37.9% 0 0);--header-fg:var(--page-fg);--header-muted-fg:var(--page-muted-fg);--footer-fg:var(--page-fg);--footer-muted-fg:var(--page-muted-fg);color:var(--page-fg);background-color:var(--page-bg,#171717)}*{box-sizing:border-box}html{background-color:var(--page-bg,#fff);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;min-height:100%}body{background-color:var(--page-bg,#fff);min-width:320px;min-height:100dvh;margin:0;position:relative}#root{isolation:isolate;min-height:100dvh}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid}.app{background-color:var(--page-bg);min-height:100dvh;color:var(--page-fg);flex-direction:column;display:flex}.site-header,.site-footer{border-color:currentColor;align-items:center;width:100%;display:flex}.site-header{color:var(--header-fg);top:var(--header-top,0px);height:calc(48px + var(--safe-area-top));padding:var(--safe-area-top) var(--page-padding-right) 0 var(--page-padding-left);background-color:var(--header-bg);border-bottom:1px solid}.site-footer{color:var(--footer-fg);bottom:var(--footer-bottom,0px);height:calc(48px + var(--safe-area-bottom));padding:0 var(--page-padding-right) var(--safe-area-bottom) var(--page-padding-left);background-color:var(--footer-bg);border-top:1px solid}.site-header[data-fixed=true],.site-footer[data-fixed=true]{z-index:1;position:fixed}.site-header[data-fixed=false],.site-footer[data-fixed=false]{position:static}.site-header[hidden],.site-footer[hidden]{display:none}.bar-inner{width:min(100%, var(--content-max-width));justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;display:flex;position:relative}.bar-title{letter-spacing:.02em;margin:0;font-size:.875rem;font-weight:700}.bar-meta{color:var(--page-muted-fg);font-size:.75rem}.site-header .bar-meta{color:var(--header-muted-fg)}.site-footer .bar-meta{color:var(--footer-muted-fg)}.shell{width:100%;max-width:var(--layout-max-width);padding:5.5rem var(--page-padding-right) 3rem var(--page-padding-left);flex:1;margin:0 auto;container-type:inline-size}@media (width>=40rem){:root{--page-inline-padding:2rem}}.site-header[data-fixed=false]+.shell{padding-top:2.5rem}.app:has(.site-header[hidden]) .shell{padding-top:2rem}.app:has(.site-footer[hidden]) .shell{padding-bottom:2rem}.hero{gap:.75rem;margin-bottom:3rem;display:grid}.hero h1{letter-spacing:-.04em;margin:0;font-size:3rem;font-weight:600;line-height:1}@supports (font-size:1cqi){.hero h1{font-size:clamp(1.75rem,6cqi,3.5rem)}}.hero p{max-width:60ch;color:var(--page-muted-fg);margin:0;font-size:.9375rem;line-height:1.5}.hero ul{max-width:60ch;color:var(--page-muted-fg);margin:0;padding:0 0 0 1.25em;font-size:.9375rem;line-height:1.5}.panel{gap:1rem;display:grid}.site-credit{width:100%;max-width:var(--layout-max-width);padding:0 var(--page-padding-right) 1.5rem var(--page-padding-left);color:var(--page-muted-fg);justify-content:center;align-items:center;gap:.75rem;margin:0 auto;font-size:.875rem;display:flex}.app:has(.site-footer[data-fixed=true]:not([hidden])) .site-credit{margin-bottom:calc(48px + var(--safe-area-bottom))}.app:has(.site-footer[hidden]) .site-credit{padding-bottom:2rem}.site-credit-text{margin:0}.site-credit a{color:inherit;text-underline-offset:2px}.site-credit a:hover{color:oklch(26.9% 0 0)}:root[data-theme=dark] :is(.site-credit a):hover{color:oklch(97% 0 0)}.site-credit a:focus-visible{outline-offset:1px;outline:2px solid}.site-credit-github{justify-content:center;align-items:center;width:1.5rem;height:1.5rem;margin-left:-.5rem;display:inline-flex}.surface-title{margin:0;font-size:.875rem;font-weight:600;line-height:1}.controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem 5rem;display:grid}.control-card{align-content:start;gap:.75rem;padding-block:.875rem;display:grid;position:relative}@media (width>=64rem){.controls{gap:1.5rem 3rem}.control-card:not(.surface):not(:nth-of-type(3)):after{content:"";background-color:var(--page-separator-color);width:1px;position:absolute;top:.875rem;bottom:.875rem;right:-1.5rem}.surface{grid-column:1/-1}}@media (width>71.875rem){.controls{column-gap:5rem}.control-card:not(.surface):not(:nth-of-type(3)):after{right:-2.5rem}}@media (48rem<=width<64rem){.controls{grid-template-columns:repeat(2,minmax(0,1fr))}.control-card{padding-block:1.25rem}.control-card:nth-of-type(odd):after{content:"";background-color:var(--page-separator-color);width:1px;position:absolute;top:.875rem;bottom:.875rem;right:-2.5rem}}@media (width<48rem){.controls{grid-template-columns:1fr;gap:1rem}.control-card{padding-block:1.25rem}}.control-card h3{margin:0;font-size:.875rem;font-weight:600;line-height:1}.field{grid-template-columns:minmax(0,1fr) 6.9rem 2rem;align-items:center;column-gap:0;min-height:2rem;font-size:.875rem;display:grid;position:relative}.field>span:first-child,.switch>span:first-child{white-space:nowrap}.field-label-with-info{margin-right:.75rem}.switch{justify-content:space-between;align-items:center;gap:.75rem;min-height:2rem;font-size:.875rem;display:flex}.field-label-with-info,.switch-label-with-info{align-items:center;gap:.25rem;line-height:1;display:inline-flex}.field-label-with-info{min-width:0}.infotip-trigger{width:1.5rem;height:1.5rem;color:var(--page-muted-fg);background-color:#0000;border:0;border-radius:999px;flex:0 0 1.5rem;justify-content:center;align-items:center;padding:0;display:inline-flex}.infotip-trigger:focus-visible{outline-offset:0}:root[data-theme=dark] .infotip-trigger:focus-visible{outline-color:#fff}.infotip-icon{width:1rem;height:1rem;display:block}@media (hover:hover){.infotip-trigger:hover{color:inherit;background-color:color-mix(in srgb, var(--page-muted-fg) 10%, transparent)}}.infotip-trigger:focus-visible{color:inherit}.infotip-trigger:active{background-color:color-mix(in srgb, var(--page-muted-fg) 15%, transparent)}.infotip-popup{box-sizing:border-box;color:oklch(14.5% 0 0);background-color:#fff;border:1px solid;max-width:17rem;padding:.625rem .75rem;font-size:.8125rem;line-height:1.45;box-shadow:.25rem .25rem #0000001f}.infotip-popup code{white-space:nowrap;font-size:.9em}:root[data-theme=dark] .infotip-popup{color:#fff;box-shadow:none;background-color:oklch(14.5% 0 0)}.color-text-input{box-sizing:border-box;color:oklch(14.5% 0 0);background-color:#fff;border:1px solid oklch(14.5% 0 0);border-right:0;border-radius:0;grid-column:2;width:100%;min-width:0;height:2rem;margin:0;padding:0 .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875rem;position:relative}@media (any-pointer:coarse){.color-text-input{font-size:1rem}}.color-text-input:focus{z-index:1;outline-offset:-1px}:root[data-theme=dark] .color-text-input{color:#fff;background-color:oklch(14.5% 0 0);border-color:#fff}.color-text-input::placeholder{color:oklch(55.6% 0 0);opacity:1}:root[data-theme=dark] .color-text-input::placeholder{color:oklch(70.8% 0 0)}.color-swatch{box-sizing:border-box;background:linear-gradient(var(--swatch-color), var(--swatch-color)), conic-gradient(oklch(87% 0 0) 25%, white 0 50%, oklch(87% 0 0) 0 75%, white 0);cursor:pointer;background-size:auto,.75rem .75rem;border:1px solid oklch(14.5% 0 0);border-radius:0;grid-column:3;width:2rem;height:2rem;margin:0;padding:0;display:block;position:relative}.color-swatch:focus-within{z-index:2;outline-offset:-1px;outline:2px solid oklch(14.5% 0 0)}:root[data-theme=dark] .color-swatch{border-color:#fff}:root[data-theme=dark] .color-swatch:focus-within{outline-color:#fff}.color-picker-input{opacity:0;cursor:pointer;border:0;border-radius:0;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0}@media (width<22.5rem){.field{grid-template-columns:minmax(0,1fr) 2rem;column-gap:0}.field-label-with-info{grid-column:1/-1;margin-right:0}.color-text-input{grid-column:1}.color-swatch{grid-column:2}}.switch input[type=checkbox]{box-sizing:border-box;appearance:none;background-color:#fff;border:1px solid oklch(14.5% 0 0);border-radius:0;flex:none;width:2.25rem;height:1.25rem;margin:0;padding:.125rem;position:relative}:root[data-theme=dark] .switch input[type=checkbox]{background-color:oklch(14.5% 0 0);border:1px solid #fff}.switch input[type=checkbox]:before{content:"";background-color:oklch(14.5% 0 0);width:.875rem;height:.875rem;position:absolute;top:.125rem;left:.125rem}:root[data-theme=dark] .switch input[type=checkbox]:before{background-color:#fff}.switch input[type=checkbox]:checked{background-color:oklch(14.5% 0 0)}:root[data-theme=dark] .switch input[type=checkbox]:checked{background-color:#fff}.switch input[type=checkbox]:checked:before{background-color:#fff;transform:translate(1rem)}:root[data-theme=dark] .switch input[type=checkbox]:checked:before{background-color:oklch(14.5% 0 0)}.number-field{justify-content:space-between;align-items:center;gap:.75rem;min-height:2rem;font-size:.875rem;display:flex}@media (any-pointer:coarse){.number-field{font-size:1rem}}.number-field-scrub-area{cursor:ew-resize;-webkit-user-select:none;user-select:none}.number-field-label{cursor:ew-resize;font-size:.875rem}.number-field-group{flex:none;height:2rem;display:flex;position:relative}.number-field-input{box-sizing:border-box;font-variant-numeric:tabular-nums;color:oklch(14.5% 0 0);text-align:left;background-color:#fff;border:1px solid oklch(14.5% 0 0);border-radius:0;width:6ch;height:100%;margin:0;padding:0 .5rem;font-family:inherit;font-size:.875rem;font-weight:400;line-height:1.25rem}@media (any-pointer:coarse){.number-field-input{font-size:1rem;line-height:1.5rem}}:root[data-theme=dark] .number-field-input{color:#fff;background-color:oklch(14.5% 0 0);border-color:#fff}.number-field-input:focus{z-index:1;outline-offset:-1px;outline:2px solid oklch(14.5% 0 0)}:root[data-theme=dark] .number-field-input:focus{outline-color:#fff}.number-field-stepper{box-sizing:border-box;color:oklch(14.5% 0 0);-webkit-user-select:none;user-select:none;background-color:#fff;background-clip:padding-box;border:1px solid oklch(14.5% 0 0);border-radius:0;outline:0;justify-content:center;align-items:center;width:2rem;height:100%;margin:0;padding:0;display:flex}.number-field-group>:first-child{border-right:0}.number-field-group>:last-child{border-left:0}.number-field-stepper svg{stroke-linecap:square;stroke-linejoin:round;display:block}:root[data-theme=dark] .number-field-stepper{color:#fff;background-color:oklch(14.5% 0 0);border-color:#fff}@media (hover:hover){.number-field-stepper:hover:not([data-disabled]){background-color:oklch(97% 0 0)}:root[data-theme=dark] .number-field-stepper:hover:not([data-disabled]){background-color:oklch(26.9% 0 0)}}.number-field-stepper:active:not([data-disabled]){background-color:oklch(92.2% 0 0)}:root[data-theme=dark] .number-field-stepper:active:not([data-disabled]){background-color:oklch(37.1% 0 0)}.button-row{flex-wrap:wrap;gap:.75rem;display:flex}.reset-button{margin-left:auto}.button{box-sizing:border-box;white-space:nowrap;color:canvastext;-webkit-user-select:none;user-select:none;background-color:canvas;border:1px solid;border-radius:0;justify-content:center;align-items:center;height:2rem;padding:0 .75rem;font-size:14px;line-height:1;display:inline-flex}.icon-button{justify-content:center;align-items:center;width:2rem;padding:0;display:inline-flex}.icon{width:1rem;height:1rem;display:block}:root[data-theme=dark] .button{color:#fff;background-color:oklch(14.5% 0 0)}@media (hover:hover){.button:hover{background-color:oklch(97% 0 0)}:root[data-theme=dark] .button:hover{background-color:oklch(26.9% 0 0)}}.button:active{background-color:oklch(92.2% 0 0)}:root[data-theme=dark] .button:active{background-color:oklch(37.1% 0 0)}.surface{gap:.5rem;display:grid;position:relative}.safe-area-readout{grid-template:".top.""left square right"".bottom."/3.5rem 3.5rem 3.5rem;place-items:center;gap:.375rem .5rem;width:11rem;display:grid}.readout-item{color:currentColor;font-size:.8125rem}.readout-item[data-active=false]{color:var(--page-muted-fg)}.readout-item code{font-variant-numeric:tabular-nums;text-align:center;color:currentColor;width:3.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;display:inline-block}.readout-top{grid-area:top}.readout-right{grid-area:right}.readout-bottom{grid-area:bottom}.readout-left{grid-area:left}.readout-square{aspect-ratio:1;border:1px solid;grid-area:square;width:3rem}