:root{--main-color:#3fa0fa;--color-background:light-dark(oklch(from var(--main-color) .98 calc(c * .16) h),oklch(from var(--main-color) .26 calc(c * .28) h));--color-foreground:light-dark(oklch(from var(--main-color) .15 calc(c * .1) h),oklch(from var(--main-color) .98 calc(c * .04) h));--color-primary:light-dark(oklch(from var(--main-color) .44 calc(c * .75) h),oklch(from var(--main-color) .84 calc(c * .55) h));--color-muted:light-dark(oklch(from var(--main-color) .62 calc(c * .16) h),oklch(from var(--main-color) .88 calc(c * .16) h));--color-border:light-dark(oklch(0% 0 0/.15),oklch(100% 0 0/.15));--main-container-width:54rem;--text-base:18px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;color-scheme:light dark}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}@keyframes fade-in{0%{opacity:0}}*,:before,:after{border-color:var(--color-border);text-underline-offset:2px;text-decoration-thickness:2px;transition-property:none;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);@media (prefers-reduced-motion:no-preference){transition-property:background-color}}html{@media (prefers-reduced-motion:no-preference){scroll-behavior:smooth}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-foreground);font-size:var(--text-base);position:relative;& ::selection,&::selection{background-color:color-mix(in oklab, var(--color-primary) 25%, transparent)}&::-webkit-scrollbar{width:8px;height:8px}&::-webkit-scrollbar-track{background-color:#0000}&::-webkit-scrollbar-thumb{background-color:color-mix(in oklab, var(--color-primary) 50%, transparent);border-radius:3px}&::-webkit-scrollbar-thumb:hover{background-color:var(--color-primary)}@supports not selector(::-webkit-scrollbar){scrollbar-color:var(--color-primary) transparent;scrollbar-width:thin}}h1,h2,h3,h4{text-wrap:balance}h1,h2{color:var(--color-primary);font-size:calc(1.5 * var(--text-base));margin-block:2rem;scroll-margin-top:6rem;font-weight:700;line-height:1.33333}h3{font-size:calc(1.25 * var(--text-base));margin-block:2rem;scroll-margin-top:6rem;font-weight:600;line-height:1.4}h4{font-size:calc(1.125 * var(--text-base));margin-block:1.5rem;scroll-margin-top:5.5rem;font-weight:500;line-height:1.55556}a:hover{text-decoration:underline}a.link-heading{display:none;@media (pointer:fine) and (width>=54rem){width:2rem;height:2rem;color:inherit;opacity:0;will-change:translate;border-radius:3.40282e38px;justify-content:center;align-items:center;transition-property:opacity,translate;transition-delay:.3s;display:flex;position:absolute;top:50%;left:0;translate:-80% -50%;[id]:has(&){position:relative}h1>&>svg,h2>&>svg{width:1.5rem;height:1.5rem}h3>&>svg{width:1.25rem;height:1.25rem}h4>&>svg{width:1rem;height:1rem}&:focus-visible,[id]:hover>&{opacity:1;transition-delay:0;translate:-100% -50%}}}hr{margin-block:2rem}p{text-wrap:pretty;margin-block:1lh;line-height:1.55}del{text-decoration-line:line-through}blockquote{padding-block:.5rem;border-left-width:4px;margin-bottom:2rem;padding-left:1rem}ul,ol{margin-bottom:2rem;padding-left:1rem}ul{list-style-type:disc}ol{list-style-type:decimal}li{margin-bottom:.5rem;&>ul,&>ol{margin-bottom:.5rem;padding-left:1rem}}figure{border-width:1px;border-radius:1rem;margin-block:1lh;margin-inline:-.5rem;position:relative;@supports (corner-shape:squircle){corner-shape:squircle;border-radius:2rem}& figcaption{background-color:var(--color-background);text-align:center;font-size:calc(.875 * var(--text-base));box-shadow:var(--shadow-xs);border-width:1px;border-radius:.75rem;padding-block:.25rem;padding-inline:1rem;font-weight:500;line-height:1.42857;position:absolute;top:-1rem;left:.5rem;@supports (corner-shape:squircle){corner-shape:squircle;border-radius:1.5rem}}& pre{white-space:pre-wrap;border-radius:inherit;width:100%;padding:1rem;overflow-x:auto;@supports (corner-shape:squircle){corner-shape:squircle}}}:not(pre)>code{background-color:color-mix(in oklab, var(--color-primary) 10%, transparent);white-space:nowrap;border-radius:.5rem;padding-block:.125rem;padding-inline:.375rem;@supports (corner-shape:squircle){corner-shape:squircle;border-radius:1rem}}table{border-collapse:collapse;width:100%;margin-block:2rem}th{text-align:left;border-bottom-width:1px;padding-block:.5rem;padding-inline:1rem;font-weight:600}td{border-bottom-width:1px;padding-block:.5rem;padding-inline:1rem}img{background-color:light-dark(#fff6,#0006);border-radius:1.5rem;width:100%;@supports (corner-shape:squircle){corner-shape:squircle;border-radius:3rem}}pre[data-theme*=\ ],pre[data-theme*=\ ] span{color:light-dark(var(--shiki-light),var(--shiki-dark))}[role=button],button{cursor:pointer}:disabled{cursor:default}.wrapper{min-height:100dvh;max-width:var(--main-container-width);flex-direction:column;margin-inline:auto;padding-inline:1.25rem;display:flex}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card{box-shadow:var(--shadow-xs);border-width:1px;border-radius:1rem;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex;position:relative;overflow:hidden;@supports (corner-shape:squircle){corner-shape:squircle;border-radius:2rem}}.external-icon{padding:1rem;transition-property:translate;position:absolute;top:0;right:0;.card:hover &,.box:hover &{translate:.5rem -.5rem}}.box{box-shadow:var(--shadow-xs);border-width:1px;border-radius:1rem;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:relative;@supports (corner-shape:squircle){corner-shape:squircle;border-radius:2rem}}.radio{appearance:none;background-color:light-dark(#fff,#000);border-width:1px;border-radius:3.40282e38px;width:1rem;height:1rem;position:relative;&:checked,&.checked,&[aria-checked=true]{background-color:var(--color-primary);&:before{content:"";background-color:#fff;border-radius:3.40282e38px;position:absolute;inset:.25rem;box-shadow:0 1px 2px #0000004d}}}.external:after{content:"";background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIwLjc1ZW0iIGhlaWdodD0iMC43NWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik03IDdoMTB2MTAiLz48cGF0aCBkPSJNNyAxNyAxNyA3Ii8+PC9zdmc+);background-repeat:no-repeat;width:.75em;height:1em;margin-left:.125em;display:inline-block;@media (prefers-color-scheme:dark){filter:invert()}}.bg-color-wheel{background-image:conic-gradient(from 90deg,oklch(70.4% .191 22.216),oklch(75% .183 55.934),oklch(82.8% .189 84.429),oklch(85.2% .199 91.936),oklch(84.1% .238 128.85),oklch(79.2% .209 151.711),oklch(76.5% .177 163.223),oklch(77.7% .152 181.912),oklch(78.9% .154 211.53),oklch(74.6% .16 232.661),oklch(70.7% .165 254.624),oklch(67.3% .182 276.935),oklch(70.2% .183 293.541),oklch(71.4% .203 305.504),oklch(74% .238 322.16),oklch(71.8% .202 349.761),oklch(71.2% .194 13.428),oklch(70.4% .191 22.216));background-position:50%;background-size:200% 200%}.details{font-size:calc(.875 * var(--text-base));flex-wrap:wrap;gap:.75rem 1.5rem;line-height:1.42857;display:flex}.badge{align-items:center;display:flex;& svg{width:1rem;height:1rem;margin-right:.75rem}}@keyframes dropdown{0%{transform-origin:top;opacity:0;scale:.95}}.dropdown{display:inline-block;position:relative}.dropdown>:not(:has(~[class*=dropdown-content])):focus{outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}.dropdown .dropdown-content{z-index:999;position:absolute;@media (prefers-reduced-motion:no-preference){transition-behavior:allow-discrete;transition-property:background-color,opacity,scale,display,overlay;animation:.15s dropdown}@starting-style{opacity:0;scale:.95}}.dropdown:not(:focus-within) .dropdown-content{transform-origin:top;opacity:0;display:none;scale:.95}:is(.dropdown:focus,.dropdown:focus-within)>[tabindex]:first-child{pointer-events:none}:is(.dropdown:focus,.dropdown:focus-within) .dropdown-content{opacity:1;scale:1}.dropdown-end{transform-origin:100% 0;inset-inline-end:0}[data-tooltip]{position:relative;&:after{content:attr(aria-label);z-index:1000;background-color:var(--color-background);color:var(--color-foreground);text-align:center;box-shadow:var(--shadow-md);font-size:calc(.875 * var(--text-base));transition-behavior:allow-discrete;transform-origin:top;white-space:nowrap;border-width:1px;border-radius:.5rem;padding:.25rem .5rem;font-weight:500;line-height:1.42857;transition-property:background-color,opacity,scale,display,overlay;position:absolute;top:auto;bottom:-2.5rem;left:50%;translate:-50%;@starting-style{opacity:0;scale:.95}}&:not(:hover):after{opacity:0;display:none;scale:.95}}[data-tooltip=bottom-left]:after{transform-origin:0 0;left:0;translate:0}[data-tooltip=bottom-right]:after{transform-origin:100% 0;right:0;translate:0}[data-tooltip=top]:after{transform-origin:bottom;top:-2.5rem;bottom:auto}[data-tooltip=top-left]:after{transform-origin:0 100%;top:-2.5rem;bottom:auto;left:0;translate:0}[data-tooltip=top-right]:after{transform-origin:100% 100%;top:-2.5rem;bottom:auto;right:0;translate:0}
