@layer tokens,defaults,variants,utilities,custom;@layer tokens{:root{color-scheme:light dark}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}:root{--background-color:light-dark(#fff, oklch(20.4% 0.017 264));--paper-color:color-mix(in oklch, var(--background-color), var(--text-color) 3%);--text-color:light-dark(oklch(35.5% 0.015 260), oklch(82.8% 0.014 262.4));--strong-text-color:light-dark(oklch(22.65% 0.019 266.2), oklch(91.5% 0.012 265));--secondary-text-color:light-dark(oklch(52.7% 0.024 264), oklch(63% 0.028 263));--border-color:light-dark(oklch(93% 0.012 260), oklch(30% 0.015 260));--primary-color:light-dark(oklch(52.9% 0.1254 242.05), oklch(70.72% 0.168 242.1));--primary-hover-color:color-mix(in oklab, var(--primary-color), light-dark(#000, #fff) 15%);--primary-background-color:oklch(52.9% 0.1254 242.05);--on-primary-color:#fff;--focus-ring-color:color-mix(in oklab, var(--primary-background-color), light-dark(transparent, #fff) 50%);--secondary-color:light-dark(oklch(52.8% 0.05 265), oklch(69.8% 0.027 266));--secondary-background-color:oklch(48.5% 0.047 265);--danger-color:light-dark(oklch(58% 0.2 22), oklch(70% 0.16 22));--on-danger-color:light-dark(#fff, oklch(20% 0.03 244));--positive-color:light-dark(oklch(54% 0.15 145), oklch(76% 0.15 145));--success-color:light-dark(oklch(87% 0.18 144), oklch(64% 0.15 144));--info-color:light-dark(oklch(81% 0.09 232), oklch(63% 0.1 236));--warning-color:light-dark(oklch(79% 0.12 45), oklch(68% 0.13 45));--error-color:light-dark(oklch(71% 0.13 22), oklch(63% 0.15 22));--on-status-color:oklch(22% 0.02 250);--surface-color:light-dark(#fff, oklch(25% 0.015 260));--hover-surface-color:color-mix(in oklch, var(--surface-color), var(--text-color) 8%);--shadow-color:light-dark(oklch(0% 0 0 / 0.2), oklch(0% 0 0 / 0.6));--backdrop-color:light-dark(oklch(0% 0 0 / 0.2), oklch(100% 0 0 / 0.01));--card-shadow:0 0.125rem 0.75rem light-dark(oklch(65.7% 0.057 266 / 0.08), oklch(13.9% 0.008 256 / 0.08)), 0.5rem 1rem 6rem light-dark(oklch(65.7% 0.057 266 / 0.06), oklch(13.9% 0.008 256 / 0.06));--control-text-color:light-dark(oklch(26.8% 0.012 264), oklch(91.5% 0.006 255));--control-background-color:light-dark(oklch(99% 0.001 197), oklch(24.8% 0.022 266));--control-border-color:light-dark(oklch(87.2% 0.019 266), oklch(31.3% 0.029 265));--placeholder-color:light-dark(oklch(52.7% 0.024 264), oklch(65.6% 0.03 265));--control-focus-color:var(--primary-background-color);--chevron-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--control-padding-block:var(--space-3);--control-padding-inline:var(--space-4);--control-transition:background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:5rem;--space-9:7.5rem;--flow-space:var(--space-4);--border-radius:0.25rem;--sans-serif-font:system-ui, sans-serif;--monospace-font:ui-monospace, Menlo, Consolas, "Liberation Mono", monospace}}@layer defaults{*,:before,:after{box-sizing:border-box;background-repeat:no-repeat}*{gap:var(--space-2)}:root{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--background-color);color:var(--text-color);line-height:1.5;font-family:var(--sans-serif-font);text-underline-offset:.1rem;overflow-wrap:break-word;tab-size:4}:where(address,article,blockquote,details,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,label,ol,p,pre,section,table,ul,[role=group],[type=submit],[type=button],input:not([type=checkbox],[type=radio]),select,textarea){margin:0 0 var(--flow-space)}[hidden]{display:none!important}::selection{background-color:color-mix(in oklab,var(--primary-color) 25%,transparent)}:where(:focus-visible){outline:4px solid var(--focus-ring-color);outline-offset:-1px}}@layer defaults{body{margin:0}body>:is(header,footer){padding-block:var(--space-4)}}@layer variants{.container{width:min(100% - 2 * var(--space-2),var(--container-width,1200px));margin-inline:auto;@media(min-width:600px){width: min(90%, var(--container-width, 1200px))}}}@layer defaults{:is(h1,h2,h3,h4,h5,h6){color:var(--strong-text-color);line-height:calc(1em + .25rem);text-wrap:balance}h1{font-size:2.5rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1rem}h6{font-size:.875rem;text-transform:uppercase}header :is(h1,h2,h3,h4,h5,h6){margin:0}:where(article,address,blockquote,dl,figure,form,ol,p,pre,table,ul)~:is(h1,h2,h3,h4,h5,h6){margin-top:1.5em}}@layer variants{.section-label{margin-bottom:var(--space-2);color:var(--secondary-text-color);font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}}@layer defaults{:where(ol:not([role=list]),ul:not([role=list]))>li{margin-bottom:var(--space-1)}}@layer variants{[role=list]{padding-left:0;list-style:none}ul.bordered{border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;li{padding:var(--space-2)var(--space-4)};li+li{border-top:1px solid var(--border-color)}}ul.divided{display:flex;flex-direction:column;gap:0;>li{padding:var(--space-3)0;&:not(:last-child){border-bottom:1px solid var(--border-color)}}}}@layer defaults{:is(p,li,dd,blockquote,figcaption){text-wrap:pretty}blockquote{padding:var(--space-4);border-inline-start:.25rem solid var(--border-color);footer{margin-top:var(--space-2);color:var(--secondary-text-color)}}small{color:var(--secondary-text-color);font-size:.875em}hr{border:0;border-top:1px solid var(--border-color)}}@layer variants{hr.block{margin-block:var(--flow-space)}}@layer defaults{:is(canvas,img,svg){vertical-align:middle}img{max-width:100%;height:auto}svg:not([fill]){fill:currentColor}figcaption{padding-top:var(--space-2);color:var(--secondary-text-color);font-size:.875em}}@layer defaults{:where(a){color:var(--primary-color);text-decoration-color:color-mix(in oklab,var(--primary-color) 50%,transparent);text-underline-offset:.125em;transition:color .2s ease-in-out,text-decoration-color .2s ease-in-out;&:where([aria-current]:not([aria-current=false]),:hover,:active,:focus){color:var(--primary-hover-color);text-decoration-color:var(--primary-hover-color)}}}@layer defaults{:is(code,kbd,pre,samp){border-radius:var(--border-radius);background:var(--paper-color);color:var(--secondary-text-color);font-weight:400;font-size:.875em;font-family:var(--monospace-font);line-height:initial}:is(code,kbd,samp){display:inline-block;padding:var(--space-1)}pre{overflow:auto;:is(code,samp){font-size:inherit};>:is(code,samp){display:block;padding:var(--space-4);background:0 0;line-height:1.5}}}@layer defaults{table{width:100%;border-collapse:collapse}:is(td,th){padding:var(--space-2)var(--space-4);border-bottom:1px solid var(--border-color);font-weight:400;text-align:start}thead :is(td,th){border-bottom-width:3px;font-weight:600}tfoot :is(td,th){border-top:3px solid var(--border-color);border-bottom:0;font-weight:600}}@layer defaults{:is(button,:where(a).button,[type=submit],[type=button]){--button-color:var(--primary-background-color);--on-button-color:var(--on-primary-color);--button-hover-color:color-mix(in oklab, var(--button-color), light-dark(#000, #fff) 15%);--focus-ring-color:color-mix(in oklab, var(--button-color), light-dark(transparent, #fff) 50%);display:inline-block;padding:var(--control-padding-block)var(--control-padding-inline);border:1px solid var(--button-color);border-radius:var(--border-radius);background-color:var(--button-color);color:var(--on-button-color);font-weight:400;cursor:pointer;user-select:none;text-decoration:none;transition:var(--control-transition);&:is(:hover,:active,:focus,[aria-current]:not([aria-current=false])){border-color:var(--button-hover-color);background-color:var(--button-hover-color)}}[type=submit]{width:100%}}@layer variants{:is(button,:where(a).button,[type=submit],[type=button]){&:is(.outline,.clear){--button-color:var(--primary-color);background-color:#0000;color:var(--button-color);&:is(:hover,:active,:focus,[aria-current]:not([aria-current=false])){color:var(--button-hover-color)}};&.clear{padding:0;border:none};&.secondary{--button-color:var(--secondary-background-color);&:is(.outline,.clear){--button-color:var(--secondary-color)}};&.danger{--button-color:var(--danger-color);--on-button-color:var(--on-danger-color)};&.contrast{--button-color:var(--strong-text-color);--on-button-color:light-dark(#fff, #000)}}button.small{margin:0;padding:var(--space-1)var(--space-3);font-size:.875rem}button.icon{--on-button-color:var(--secondary-text-color);display:inline-grid;place-items:center;margin:0;padding:var(--space-1);border:none;background:0 0;font-size:1.5rem;line-height:1}button.circle{width:30px;height:30px;padding:0;border-radius:50%}}@layer defaults{fieldset{width:100%;padding:0;border:0}label{display:block;>:where(input,select,textarea){margin-block:var(--space-1)0};&[for]{margin-bottom:var(--space-1)}}legend{margin-bottom:var(--space-2);padding:0}:is(button,:where(a).button,input,select,textarea){font-size:1rem;font-family:inherit;line-height:1.5;letter-spacing:inherit}:where(input,select,textarea,fieldset):has(+small){margin-bottom:0}:where(input,select,textarea,fieldset)+small,form>small{display:block;margin:var(--space-1)0 var(--flow-space)}:is(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=submit],[type=button],[type=reset]),select,textarea){appearance:none;width:100%;padding:var(--control-padding-block)var(--control-padding-inline);border:1px solid var(--control-border-color);border-radius:var(--border-radius);background-color:var(--control-background-color);color:var(--control-text-color);transition:var(--control-transition);&:focus:not([readonly]){border-color:var(--control-focus-color);outline:2px solid var(--control-focus-color);outline-offset:-1px};&::placeholder{color:var(--placeholder-color);opacity:1};&[aria-invalid]:not(select,[type=date],[type=datetime-local],[type=month],[type=time],[type=week]){padding-inline-end:calc(var(--control-padding-inline) + 1.5rem);background-image:var(--validation-icon);background-position:center right .75rem;background-size:1rem;&:is(textarea){background-position:top 1rem right .75rem}}}:is(input,select,textarea){&[aria-invalid=false]{--control-border-color:oklch(from var(--positive-color) l c h / 0.7);--control-focus-color:var(--positive-color);--validation-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(76, 168, 83)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")};&[aria-invalid=true]{--control-border-color:oklch(from var(--danger-color) l c h / 0.7);--control-focus-color:var(--danger-color);--validation-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(229, 84, 88)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E")}}:where(input,select,textarea,fieldset)[aria-invalid=false]+small{color:var(--positive-color)}:where(input,select,textarea,fieldset)[aria-invalid=true]+small{color:var(--danger-color)}input:not([type=checkbox],[type=radio],[type=range]){height:calc(1lh + var(--control-padding-block) * 2 + 2px)}select:invalid{color:var(--placeholder-color)}select:not([multiple],[size]){padding-inline-end:calc(var(--control-padding-inline) + 1.5rem);background-image:var(--chevron-icon);background-position:center right .75rem;background-size:1rem}select[multiple] option:checked{background:light-dark(oklch(91.5% .012 265),oklch(31.3% .029 265));color:var(--control-text-color)}textarea{display:block;resize:vertical}input[type=search]{padding-inline-start:calc(var(--control-padding-inline) + 1.75rem);border-radius:5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");background-position:center left calc(var(--control-padding-inline) + .125rem);background-size:1rem;&::-webkit-search-decoration{appearance:none}}input[type=file]{--file-button-hover-color:color-mix(in oklab, var(--secondary-background-color), light-dark(#000, #fff) 15%);width:100%;margin-left:-2px;padding:calc(var(--control-padding-block) * .5)0;padding-left:2px;background:0 0;color:var(--secondary-text-color);&:focus-visible{outline:0};&::file-selector-button{margin-right:var(--space-2);padding:calc(var(--control-padding-block) * .5)var(--control-padding-inline);border:1px solid var(--secondary-background-color);border-radius:var(--border-radius);background-color:var(--secondary-background-color);color:#fff;font-size:1rem;line-height:1.5;cursor:pointer;transition:var(--control-transition)};&:is(:hover,:active,:focus)::file-selector-button{border-color:var(--file-button-hover-color);background-color:var(--file-button-hover-color)};&:focus-visible::file-selector-button{outline:4px solid color-mix(in oklab,var(--secondary-background-color),light-dark(transparent,#fff) 50%);outline-offset:-1px}}:is(button,input,select,textarea):disabled{opacity:.5;pointer-events:none}label[aria-disabled=true]{opacity:.5;pointer-events:none;input:disabled{opacity:1}}[type=color]{&::-webkit-color-swatch-wrapper{padding:0};&::-webkit-color-swatch{border:0;border-radius:calc(var(--border-radius) * .5)};&::-moz-color-swatch{border:0;border-radius:calc(var(--border-radius) * .5)}}}@layer defaults{label:has([type=checkbox],[type=radio]){width:fit-content;margin-bottom:calc(var(--flow-space) / 2);cursor:pointer}:is([type=checkbox],[type=radio]){appearance:none;width:1.25em;height:1.25em;margin-block:-.125em 0;margin-inline:0 .5em;border:2px solid var(--control-border-color);border-radius:var(--border-radius);background-color:var(--control-background-color);vertical-align:middle;cursor:pointer;transition:var(--control-transition);&:is(:active,:focus){border-color:var(--control-focus-color)};~label{display:inline-block;margin-bottom:0;cursor:pointer;&:not(:last-of-type){margin-inline-end:1em}}}[type=checkbox]:is(:checked,:indeterminate){border-color:var(--primary-background-color);background-color:var(--primary-background-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-position:50%;background-size:.75em;&:indeterminate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E")}}[type=radio]{border-radius:50%;&:checked{border-width:.35em;border-color:var(--primary-background-color);background-color:var(--on-primary-color)}}:is([type=checkbox],[type=radio])[aria-invalid]:checked{border-color:var(--control-border-color)}[type=checkbox][aria-invalid]:checked{background-color:var(--control-border-color)}}@layer variants{[type=checkbox][role=switch]{--switch-color:var(--control-border-color);width:2.25em;border:3px solid var(--switch-color);border-radius:1.25em;background-color:var(--switch-color);&:before{display:block;aspect-ratio:1;height:100%;border-radius:50%;background-color:#fff;content:"";transition:margin .1s ease-in-out};&:checked{--switch-color:var(--primary-background-color);background-image:none;&:before{margin-inline-start:1em}};&[aria-invalid]:checked{--switch-color:var(--control-border-color)}}}@layer defaults{[type=range]{--range-track-color:var(--control-border-color);--range-thumb-color:var(--secondary-background-color);appearance:none;width:100%;height:1.25rem;outline:0;background:0 0;&:is(:active,:focus-within){--range-thumb-color:var(--primary-background-color)};&:active{--range-track-color:color-mix(in oklab, var(--control-border-color), var(--primary-background-color) 25%);--range-thumb-transform:scale(1.25)};&:focus-visible{--range-thumb-ring:0 0 0 3px var(--focus-ring-color)};&::-webkit-slider-runnable-track{width:100%;height:.375rem;border-radius:var(--border-radius);background-color:var(--range-track-color);transition:background-color .2s ease-in-out};&::-moz-range-track{width:100%;height:.375rem;border-radius:var(--border-radius);background-color:var(--range-track-color);transition:background-color .2s ease-in-out};&::-webkit-slider-thumb{appearance:none;width:1.25rem;height:1.25rem;margin-top:-.4375rem;border:2px solid var(--background-color);border-radius:50%;background-color:var(--range-thumb-color);box-shadow:var(--range-thumb-ring,none);cursor:pointer;transform:var(--range-thumb-transform,none);transition:background-color .2s ease-in-out,transform .2s ease-in-out};&::-moz-range-thumb{appearance:none;width:1.25rem;height:1.25rem;margin-top:-.4375rem;border:2px solid var(--background-color);border-radius:50%;background-color:var(--range-thumb-color);box-shadow:var(--range-thumb-ring,none);cursor:pointer;transform:var(--range-thumb-transform,none);transition:background-color .2s ease-in-out,transform .2s ease-in-out}}}@layer variants{[role=group]{display:flex;gap:0;&>*,& input:not([type=checkbox],[type=radio]),& select{position:relative;flex:auto;margin-bottom:0;&:not(:first-child){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0};&:not(:last-child,:has(+label>:is([type=checkbox],[type=radio]))){border-top-right-radius:0;border-bottom-right-radius:0};&:focus{z-index:2}};>label:has([type=checkbox],[type=radio]){flex:none;align-self:center;padding-inline-start:var(--space-4);white-space:nowrap};:is(button,[type=submit],[type=button]){--control-padding-inline:var(--space-6);width:auto}}}@layer defaults{details{summary{display:flex;align-items:center;border-radius:var(--border-radius);cursor:pointer;&::-webkit-details-marker{display:none};&:after{flex-shrink:0;width:1rem;height:1rem;margin-inline-start:auto;transform:rotate(-90deg);background-image:var(--chevron-icon);background-position:100%;background-size:1rem;content:"";transition:transform .2s ease-in-out};>:is(h1,h2,h3,h4,h5,h6){margin:0}};&[open]>summary{margin-bottom:var(--flow-space);&:after{transform:rotate(0)}};@media(prefers-reduced-motion:no-preference){&::details-content{opacity:0;transition:opacity .2s ease-in-out,content-visibility .2s allow-discrete}&[open]::details-content{opacity:1}>summary{transition:margin-bottom .2s ease-in-out}@supports(interpolate-size:allow-keywords){interpolate-size: allow-keywords;&::details-content{block-size:0;overflow:clip;overflow-clip-margin:4px;transition-property:opacity,content-visibility,block-size}&[open]::details-content{block-size:auto}}}}}@layer variants{article,.raised{padding:var(--space-4);border:1px solid var(--border-color);border-radius:12px;background-color:var(--surface-color);box-shadow:var(--card-shadow)}:is(article,aside,blockquote,.raised)>:last-child{margin-bottom:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:var(--space-4)}}@layer defaults{nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4)var(--space-5);padding-block:var(--space-2);:is(ol,ul){display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)var(--space-5);margin:0;padding:0;list-style:none};li{margin:0;white-space:nowrap;a{display:inline-block;margin-inline:calc(var(--space-2) * -1);padding:var(--space-2);border-radius:var(--border-radius);&:not(:hover){text-decoration:none};&[aria-current]:not([aria-current=false]){background-color:color-mix(in oklch,var(--primary-color) 12%,transparent)}}};ol{li+li:before{margin-inline-end:var(--space-5);color:var(--secondary-text-color);content:"/"/""};li a[aria-current]:not([aria-current=false]){background-color:#0000;color:var(--strong-text-color)}}}}@layer defaults{[aria-controls]{cursor:pointer}}@layer utilities{.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@layer defaults{@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:0s!important;scroll-behavior:auto!important;transition-duration:0s!important}}}