@layer reset,defaults,tokens,layouts,components,components.overrides,utilities,overrides;@layer tokens{:root{color-scheme:light;--root-font-size: 100%;--white: #ffffff;--black: #000000;--primary: oklch(.5 .14 335);--primary-hover: color-mix(in oklch, var(--primary), black 10%);--primary-ultra-light: color-mix(in oklch, var(--primary), white 82%);--primary-light: color-mix(in oklch, var(--primary), white 55%);--primary-semi-light: color-mix(in oklch, var(--primary), white 25%);--primary-semi-dark: color-mix(in oklch, var(--primary), black 15%);--primary-dark: color-mix(in oklch, var(--primary), black 30%);--primary-ultra-dark: color-mix(in oklch, var(--primary), black 50%);--base: var(--white);--base-hover: color-mix(in oklch, var(--base), var(--neutral) 4%);--base-ultra-light: var(--base);--base-light: color-mix(in oklch, var(--base), var(--neutral) 3%);--base-semi-light: color-mix(in oklch, var(--base), var(--neutral) 6%);--base-semi-dark: color-mix(in oklch, var(--base), var(--neutral) 12%);--base-dark: color-mix(in oklch, var(--base), var(--neutral) 20%);--base-ultra-dark: color-mix(in oklch, var(--base), var(--neutral) 32%);--neutral: oklch(.55 .012 265);--neutral-hover: color-mix(in oklch, var(--neutral), black 10%);--neutral-ultra-light: color-mix(in oklch, var(--neutral), white 88%);--neutral-light: color-mix(in oklch, var(--neutral), white 65%);--neutral-semi-light: color-mix(in oklch, var(--neutral), white 35%);--neutral-semi-dark: color-mix(in oklch, var(--neutral), black 20%);--neutral-dark: color-mix(in oklch, var(--neutral), black 40%);--neutral-ultra-dark: color-mix(in oklch, var(--neutral), black 60%);--info: oklch(.65 .13 220);--info-hover: color-mix(in oklch, var(--info), black 10%);--info-ultra-light: color-mix(in oklch, var(--info), white 80%);--info-light: color-mix(in oklch, var(--info), white 50%);--info-semi-light: color-mix(in oklch, var(--info), white 22%);--info-semi-dark: color-mix(in oklch, var(--info), black 15%);--info-dark: color-mix(in oklch, var(--info), black 28%);--info-ultra-dark: color-mix(in oklch, var(--info), black 52%);--success: oklch(.62 .16 145);--success-hover: color-mix(in oklch, var(--success), black 10%);--success-ultra-light: color-mix(in oklch, var(--success), white 82%);--success-light: color-mix(in oklch, var(--success), white 55%);--success-semi-light: color-mix(in oklch, var(--success), white 25%);--success-semi-dark: color-mix(in oklch, var(--success), black 15%);--success-dark: color-mix(in oklch, var(--success), black 30%);--success-ultra-dark: color-mix(in oklch, var(--success), black 55%);--warning: oklch(.75 .15 75);--warning-hover: color-mix(in oklch, var(--warning), black 10%);--warning-ultra-light: color-mix(in oklch, var(--warning), white 80%);--warning-light: color-mix(in oklch, var(--warning), white 50%);--warning-semi-light: color-mix(in oklch, var(--warning), white 22%);--warning-semi-dark: color-mix(in oklch, var(--warning), black 18%);--warning-dark: color-mix(in oklch, var(--warning), black 32%);--warning-ultra-dark: color-mix(in oklch, var(--warning), black 58%);--danger: oklch(.6 .21 25);--danger-hover: color-mix(in oklch, var(--danger), black 10%);--danger-ultra-light: color-mix(in oklch, var(--danger), white 82%);--danger-light: color-mix(in oklch, var(--danger), white 50%);--danger-semi-light: color-mix(in oklch, var(--danger), white 22%);--danger-semi-dark: color-mix(in oklch, var(--danger), black 15%);--danger-dark: color-mix(in oklch, var(--danger), black 28%);--danger-ultra-dark: color-mix(in oklch, var(--danger), black 52%);--body-bg-color: var(--base);--bg-ultra-light: var(--neutral-ultra-light);--bg-light: var(--neutral-light);--bg-dark: var(--neutral-dark);--bg-ultra-dark: var(--neutral-ultra-dark);--text-light: var(--neutral-ultra-light);--text-light-muted: color-mix( in srgb, var(--text-light) 75%, transparent );--text-dark: var(--neutral);--text-dark-muted: color-mix(in srgb, var(--text-dark) 75%, transparent);--text-color: var(--text-dark);--heading-color: var(--neutral-ultra-dark);--bg-ultra-light-text: var(--text-dark);--bg-ultra-light-heading: var(--heading-color);--bg-light-text: var(--text-dark);--bg-light-heading: var(--heading-color);--bg-dark-text: var(--text-light);--bg-dark-heading: var(--text-light);--bg-ultra-dark-text: var(--text-light);--bg-ultra-dark-heading: var(--text-light);--space-xs: clamp(.25rem, .22rem + .15vw, .375rem);--space-s: clamp(.5rem, .45rem + .25vw, .75rem);--space-m: clamp(.875rem, .8rem + .4vw, 1.125rem);--space-l: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);--space-xl: clamp(1.875rem, 1.5rem + 1.75vw, 2.75rem);--space-xxl: clamp(2.75rem, 2.2rem + 2.5vw, 4rem);--section-space-xs: clamp(1.5rem, 1.3rem + 1vw, 2rem);--section-space-s: clamp(2rem, 1.7rem + 1.5vw, 3rem);--section-space-m: clamp(3rem, 2.4rem + 3vw, 4.5rem);--section-space-l: clamp(4rem, 3.2rem + 4vw, 6rem);--section-space-xl: clamp(5rem, 4rem + 5vw, 7.5rem);--section-space-xxl: clamp(7rem, 5.5rem + 7vw, 10.5rem);--section-padding-block: var(--section-space-m);--gutter: clamp(1rem, .5rem + 2vw, 2rem);--container-gap: var(--space-l);--content-gap: var(--space-m);--grid-gap: var(--space-m);--paragraph-spacing: 1em;--heading-spacing: 1.2em;--list-spacing: var(--paragraph-spacing);--list-indent-spacing: 2em;--list-item-spacing: .5em;--nested-list-indent-spacing: 1em;--flow-spacing: var(--paragraph-spacing);--figure-spacing: var(--paragraph-spacing);--figcaption-spacing: .5em;--blockquote-spacing: var(--paragraph-spacing);--text-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-font-weight: 400;--text-line-height: calc(6px + 2ex) ;--text-text-wrap: pretty;--heading-font-family: var(--text-font-family);--heading-font-weight: 600;--heading-line-height: calc(4px + 2ex) ;--heading-text-wrap: balance;--text-xs: clamp(.7rem, .66rem + .15vw, .75rem);--text-s: clamp(.8rem, .76rem + .2vw, .875rem);--text-m: clamp(.95rem, .92rem + .15vw, 1rem);--text-l: clamp(1.1rem, 1.05rem + .25vw, 1.2rem);--text-xl: clamp(1.3rem, 1.2rem + .5vw, 1.5rem);--text-xxl: clamp(1.5rem, 1.35rem + .75vw, 1.875rem);--h1: clamp(1.875rem, 1.5rem + 1.75vw, 2.5rem);--h2: clamp(1.5rem, 1.25rem + 1.25vw, 2rem);--h3: clamp(1.2rem, 1.05rem + .7vw, 1.5rem);--h4: clamp(1.05rem, .95rem + .5vw, 1.25rem);--h5: var(--text-l);--h6: var(--text-m);--content-width: 75rem;--content-width-safe: min( var(--content-width), calc(100% - var(--gutter) * 2) );--header-height: 0px;--scroll-margin: 0px;--offset: calc(var(--scroll-margin) + var(--header-height));--radius: 8px;--radius-m: var(--radius);--radius-s: 5px;--radius-l: 12px;--radius-xl: 16px;--radius-50: 50%;--radius-circle: 50vw;--radius-none: 0;--border-size: 1px;--border-width: var(--border-size);--border-style: solid;--border-color-dark: color-mix(in oklch, var(--black) 14%, transparent);--border-color-light: color-mix(in oklch, var(--white) 20%, transparent);--border: var(--border-size) var(--border-style) var(--border-color-dark);--border-dark: var(--border-size) var(--border-style) var(--border-color-dark);--border-light: var(--border-size) var(--border-style) var(--border-color-light);--divider-size: 1px;--divider-style: solid;--divider-color-dark: color-mix(in oklch, var(--black) 10%, transparent);--divider-color-light: color-mix(in oklch, var(--white) 14%, transparent);--divider: var(--divider-size) var(--divider-style) var(--divider-color-dark);--divider-light: var(--divider-size) var(--divider-style) var(--divider-color-light);--divider-dark: var(--divider-size) var(--divider-style) var(--divider-color-dark);--box-shadow-1: 0 1px 2px 0 color-mix(in srgb, var(--black) 8%, transparent);--box-shadow-2: 0 2px 6px -1px color-mix(in srgb, var(--black) 14%, transparent);--box-shadow-3: 0 8px 24px -4px color-mix(in srgb, var(--black) 18%, transparent);--transition-duration: .2s;--transition-timing: ease;--transition-delay: 0s;--transition: var(--transition-duration) var(--transition-timing) var(--transition-delay);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-snappy: cubic-bezier(.16, 1, .3, 1);--ease-gentle: cubic-bezier(.65, 0, .35, 1);--link-color: var(--primary-dark);--link-color-hover: var(--primary);--link-decoration: underline;--link-decoration-hover: underline;--link-underline-offset: .2em;--link-weight: inherit;--link-transition: color var(--transition);--btn-padding-block: .6em;--btn-padding-inline: 1.2em;--btn-min-width: 0;--btn-width: max-content;--btn-gap: .5em;--btn-line-height: 1.4;--btn-font-size: var(--text-m);--btn-font-weight: 500;--btn-font-family: inherit;--btn-font-style: normal;--btn-letter-spacing: 0;--btn-text-decoration: none;--btn-text-decoration-hover: none;--btn-text-transform: none;--btn-text-align: center;--btn-border-width: var(--border-width);--btn-border-style: solid;--btn-border-radius: var(--radius);--btn-radius: var(--radius);--btn-justify-content: center;--btn-align-items: center;--btn-display: inline-flex;--btn-transition: background var(--transition), color var(--transition), border-color var(--transition);--focus-color: var(--primary);--focus-width: 2px;--focus-offset: 2px;--selection-bg: color-mix(in oklch, var(--primary) 25%, transparent);--selection-fg: var(--heading-color);--disabled-opacity: .5;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400}::selection{background:var(--selection-bg);color:var(--selection-fg)}}@layer reset{*,*:before,*:after{box-sizing:border-box}:where(body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ul,ol){margin:0}body :where(p,h1,h2,h3,h4,h5,h6,ul,ol,li){margin-block:0}:where(ul[role=list],ol[role=list],nav ul){list-style:none;padding:0}html{font-size:var(--root-font-size);-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{block-size:100%}body{min-block-size:100vh;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-inline-size:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}:where(cite,address){font-style:normal}:where(blockquote){margin:0;background:transparent}:where(fieldset){border:0;padding:0}[id]{scroll-margin-top:var(--offset, 0)}html{scroll-behavior:smooth}html:focus-within{scroll-behavior:auto}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer defaults{:where(body){font-family:var(--text-font-family);font-weight:var(--text-font-weight);font-size:var(--text-m);line-height:var(--text-line-height);text-wrap:var(--text-text-wrap);color:var(--text-color);background:var(--body-bg-color);transition:background var(--transition)}:where(p){line-height:var(--text-line-height)}h1,:where(.h1),h2,:where(.h2),h3,:where(.h3),h4,:where(.h4),h5,:where(.h5),h6,:where(.h6){font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height);text-wrap:var(--heading-text-wrap);color:var(--heading-color)}h1,:where(.h1){font-size:var(--h1)}h2,:where(.h2){font-size:var(--h2)}h3,:where(.h3){font-size:var(--h3)}h4,:where(.h4){font-size:var(--h4)}h5,:where(.h5){font-size:var(--h5)}h6,:where(.h6){font-size:var(--h6)}:where(section:not(section section)){display:flex;flex-direction:column;padding-block:var(--section-padding-block);padding-inline:var(--gutter);gap:var(--container-gap)}:where(body>header){padding-block:var(--space-s);padding-inline:var(--gutter)}:where(body>footer){padding-block:var(--section-padding-block);padding-inline:var(--gutter)}:where(body a:not([class*=btn--])){color:var(--link-color);font-weight:var(--link-weight);text-decoration:var(--link-decoration);text-underline-offset:var(--link-underline-offset);transition:var(--link-transition)}@media(hover:hover)and (pointer:fine){:where(body a:not([class*=btn--])):hover{color:var(--link-color-hover);text-decoration:var(--link-decoration-hover)}}:focus{outline:none;box-shadow:none}:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}:where(hr){border:0;border-block-start:var(--divider);margin-block:var(--space-l)}:where(code,kbd,samp){font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.95em}:where(pre){font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:var(--text-s);background:var(--bg-ultra-light);padding:var(--space-m);border-radius:var(--radius-m);overflow-x:auto}:where(input[type=email],input[type=password],input[type=text],input[type=search],input[type=number],input[type=tel],input[type=url],textarea,select){inline-size:100%;padding-block:var(--space-s);padding-inline:var(--space-m);background:var(--base);color:var(--heading-color);border:var(--border);border-radius:var(--radius-s);font-size:var(--text-m);line-height:var(--text-line-height);outline:none;transition:border-color var(--transition)}:where(input[type=email],input[type=password],input[type=text],input[type=search],input[type=number],input[type=tel],input[type=url],textarea,select):hover{border-color:var(--neutral-semi-light)}:where(input[type=email],input[type=password],input[type=text],input[type=search],input[type=number],input[type=tel],input[type=url],textarea,select):focus-visible{border-color:var(--primary);outline:var(--focus-width) solid var(--focus-color);outline-offset:1px}:where(label){display:block;font-size:var(--text-xs);color:var(--text-dark-muted)}.form{display:grid;gap:var(--space-s)}:where(table){inline-size:100%;border-collapse:collapse}:where(th,td){text-align:start;padding-block:var(--space-s);padding-inline:var(--space-s);border-block-end:var(--divider);white-space:nowrap}:where(th){font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dark-muted)}}@layer components{[class*=btn--]:where(:not(.btn--none)){position:relative;display:var(--btn-display);justify-content:var(--btn-justify-content);align-items:var(--btn-align-items);gap:var(--btn-gap);inline-size:var(--btn-width, auto);min-inline-size:var(--btn-min-width);padding-block:var(--btn-padding-block);padding-inline:var(--btn-padding-inline);font-family:var(--btn-font-family);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);font-style:var(--btn-font-style);line-height:var(--btn-line-height);text-decoration:var(--btn-text-decoration);text-transform:var(--btn-text-transform);text-align:var(--btn-text-align);letter-spacing:var(--btn-letter-spacing);background:var(--btn-background);color:var(--btn-text-color);border-width:var(--btn-border-width);border-style:var(--btn-border-style);border-radius:var(--btn-border-radius);border-color:var(--btn-border-color);transition:var(--btn-transition);cursor:pointer}@media(hover:hover)and (pointer:fine){[class*=btn--]:where(:not(.btn--none)):hover{background:var(--btn-background-hover);color:var(--btn-text-color-hover);border-color:var(--btn-border-color-hover);text-decoration:var(--btn-text-decoration-hover)}}[class*=btn--]:where(:not(.btn--none)):disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.btn--primary{--btn-background: var(--primary);--btn-background-hover: var(--primary-hover);--btn-text-color: var(--text-light);--btn-text-color-hover: var(--text-light);--btn-border-color: var(--btn-background);--btn-border-color-hover: var(--btn-background-hover)}.btn--outline{--btn-background: transparent;--btn-background-hover: var(--bg-ultra-light);--btn-text-color: var(--text-dark-muted);--btn-text-color-hover: var(--heading-color);--btn-border-color: var(--border-color-dark);--btn-border-color-hover: var(--neutral-semi-light)}.btn--loading>:not(.btn__spinner){visibility:hidden}.btn__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.btn__spinner:before{content:"";inline-size:1em;block-size:1em;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn__lead,.btn__tail{display:inline-flex;align-items:center}.btn--xs{--btn-font-size: var(--text-xs)}.btn--s{--btn-font-size: var(--text-s)}.btn--m{--btn-font-size: var(--text-m)}.btn--l{--btn-font-size: var(--text-l)}.field{display:flex;flex-direction:column;gap:var(--space-xs)}.field__control{display:flex;align-items:stretch;background:var(--base);border:var(--border);border-radius:var(--radius-s);transition:border-color var(--transition);overflow:hidden}@media(hover:hover)and (pointer:fine){.field__control:hover{border-color:var(--neutral-semi-light)}}.field__control:focus-within{border-color:var(--primary);outline:var(--focus-width) solid var(--focus-color);outline-offset:1px}.field--error .field__control{border-color:var(--danger)}.field--error .field__control:focus-within{outline-color:var(--danger)}.field--loading .field__control{opacity:.7}.field__control:has(>:disabled){background:var(--bg-ultra-light);border-color:var(--border-color-dark);opacity:var(--disabled-opacity);cursor:not-allowed}.field__control:has(>:disabled)>*{cursor:not-allowed}.field__control>input,.field__control>select{border:none;border-radius:0;outline:none;background:transparent;flex:1;min-inline-size:0}.field__control>input:hover,.field__control>input:focus-visible,.field__control>select:hover,.field__control>select:focus-visible{border:none;outline:none}.field--select .field__control{overflow:visible}.field__prefix,.field__suffix{display:inline-flex;align-items:center;padding-inline:var(--space-s);color:var(--text-dark-muted);background:transparent;white-space:nowrap}.field__prefix{border-inline-end:var(--divider)}.field__suffix{border-inline-start:var(--divider)}.field__suffix--spinner{border-inline-start:none}.field__spinner{inline-size:1em;block-size:1em;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite}.field__msg{font-size:var(--text-xs);color:var(--text-dark-muted);min-block-size:var(--text-xs);margin:0}.field--error .field__msg{color:var(--danger-dark)}.check{display:flex;flex-direction:column;gap:var(--space-xs)}.check__row{position:relative;display:inline-flex;align-items:center;gap:var(--space-s);cursor:pointer;-webkit-user-select:none;user-select:none}.check--disabled .check__row{cursor:not-allowed;opacity:var(--disabled-opacity)}.check__input{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.check__box{flex-shrink:0;inline-size:1.125em;block-size:1.125em;border:var(--border);border-radius:var(--radius-s);background:var(--base);display:grid;place-items:center;transition:background var(--transition),border-color var(--transition)}.check--radio .check__box{border-radius:50%}.check__row:hover .check__box{border-color:var(--neutral-semi-light)}.check__input:focus-visible+.check__box{outline:var(--focus-width) solid var(--focus-color);outline-offset:2px}.check__input:checked+.check__box{background:var(--primary);border-color:var(--primary)}.check__input[type=checkbox]:checked+.check__box:after{content:"";inline-size:.55em;block-size:.3em;border-inline-start:2px solid var(--text-light);border-block-end:2px solid var(--text-light);transform:rotate(-45deg) translate(1px,-1px)}.check__input[type=checkbox]:indeterminate+.check__box{background:var(--primary);border-color:var(--primary)}.check__input[type=checkbox]:indeterminate+.check__box:after{content:"";inline-size:.6em;block-size:2px;background:var(--text-light)}.check__input[type=radio]:checked+.check__box:after{content:"";inline-size:.5em;block-size:.5em;border-radius:50%;background:var(--text-light)}.check--error .check__box{border-color:var(--danger)}.check__label{font-size:var(--text-m);color:var(--text-color)}.check__msg{font-size:var(--text-xs);color:var(--text-dark-muted);margin:0;margin-inline-start:calc(1.125em + var(--space-s))}.check--error .check__msg{color:var(--danger-dark)}[class*=chip--]:where(:not(.chip--none)){--chip-padding-block: var(--space-xs);--chip-padding-inline: var(--space-s);--chip-font-size: var(--text-xs);--chip-font-weight: 500;--chip-radius: var(--radius-circle);--chip-gap: .4em;--chip-border-color: color-mix( in oklch, var(--chip-color), var(--chip-background) 60% );display:inline-flex;align-items:center;gap:var(--chip-gap);padding-block:var(--chip-padding-block);padding-inline:var(--chip-padding-inline);font-size:var(--chip-font-size);font-weight:var(--chip-font-weight);line-height:1.4;border-radius:var(--chip-radius);background:var(--chip-background);color:var(--chip-color);border:2px solid var(--chip-border-color);transition:background var(--transition),border-color var(--transition)}.chip--neutral{--chip-background: var(--neutral-ultra-light);--chip-color: var(--neutral-ultra-dark)}.chip--primary{--chip-background: var(--primary-ultra-light);--chip-color: var(--primary-ultra-dark)}.chip--info{--chip-background: var(--info-ultra-light);--chip-color: var(--info-ultra-dark)}.chip--success{--chip-background: var(--success-ultra-light);--chip-color: var(--success-ultra-dark)}.chip--warning{--chip-background: var(--warning-ultra-light);--chip-color: var(--warning-ultra-dark)}.chip--danger{--chip-background: var(--danger-ultra-light);--chip-color: var(--danger-ultra-dark)}.chip--xs{--chip-padding-block: .1em;--chip-padding-inline: .5em}.chip--m{--chip-padding-block: var(--space-xs);--chip-padding-inline: var(--space-m);--chip-font-size: var(--text-s)}button[class*=chip--]:not(:disabled):not(.chip--selected){opacity:.55;--chip-border-color: transparent}@media(hover:hover)and (pointer:fine){button[class*=chip--]:not(:disabled):not(.chip--selected):hover{opacity:.9}}.chip--selected{--chip-border-color: var(--chip-color)}button[class*=chip--]{cursor:pointer;font-family:inherit}button[class*=chip--]:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:2px}[class*=chip--]:disabled,.chip--disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.chip__lead,.chip__tail{display:inline-flex;align-items:center}.chip__remove{display:inline-flex;align-items:center;justify-content:center;inline-size:1.2em;block-size:1.2em;padding:0;margin-inline-end:-.2em;font-size:1.1em;line-height:1;background:transparent;border:0;border-radius:50%;color:inherit;cursor:pointer;opacity:.6;transition:opacity var(--transition),background var(--transition)}.chip__remove:hover{opacity:1;background:color-mix(in srgb,currentColor 15%,transparent)}.chip__remove:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:1px;opacity:1}[class*=badge--]{--badge-padding-block: var(--space-xs);--badge-padding-inline: var(--space-s);--badge-font-size: var(--text-xs);--badge-font-weight: 500;--badge-radius: var(--radius-s);--badge-gap: .4em;--badge-border-color: color-mix( in oklch, var(--badge-color), var(--badge-background) 60% );display:inline-flex;align-items:center;gap:var(--badge-gap);padding-block:var(--badge-padding-block);padding-inline:var(--badge-padding-inline);font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);line-height:1.4;border-radius:var(--badge-radius);background:var(--badge-background);color:var(--badge-color);border:1px solid var(--badge-border-color)}.badge--neutral{--badge-background: var(--neutral-ultra-light);--badge-color: var(--neutral-ultra-dark);--badge-accent: var(--neutral-dark)}.badge--primary{--badge-background: var(--primary-ultra-light);--badge-color: var(--primary-ultra-dark);--badge-accent: var(--primary)}.badge--info{--badge-background: var(--info-ultra-light);--badge-color: var(--info-ultra-dark);--badge-accent: var(--info)}.badge--success{--badge-background: var(--success-ultra-light);--badge-color: var(--success-ultra-dark);--badge-accent: var(--success)}.badge--warning{--badge-background: var(--warning-ultra-light);--badge-color: var(--warning-ultra-dark);--badge-accent: var(--warning)}.badge--danger{--badge-background: var(--danger-ultra-light);--badge-color: var(--danger-ultra-dark);--badge-accent: var(--danger)}.badge--xs{--badge-padding-block: .1em;--badge-padding-inline: .5em}.badge--m{--badge-padding-block: var(--space-xs);--badge-padding-inline: var(--space-m);--badge-font-size: var(--text-s)}.badge__lead,.badge__tail{display:inline-flex;align-items:center}.avatar{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--avatar-size);block-size:var(--avatar-size);border-radius:50%;font-weight:500;font-size:calc(var(--avatar-size) * .4);background:var(--avatar-bg);color:var(--avatar-color);-webkit-user-select:none;user-select:none;flex-shrink:0;object-fit:cover;overflow:hidden}.avatar--xs{--avatar-size: 1.5rem}.avatar--s{--avatar-size: 2rem}.avatar--m{--avatar-size: 2.5rem}.avatar--l{--avatar-size: 3rem}.avatar--neutral{--avatar-bg: var(--neutral-ultra-light);--avatar-color: var(--neutral-ultra-dark)}.avatar--primary{--avatar-bg: var(--primary-ultra-light);--avatar-color: var(--primary-ultra-dark)}.avatar--info{--avatar-bg: var(--info-ultra-light);--avatar-color: var(--info-ultra-dark)}.avatar--success{--avatar-bg: var(--success-ultra-light);--avatar-color: var(--success-ultra-dark)}.avatar--warning{--avatar-bg: var(--warning-ultra-light);--avatar-color: var(--warning-ultra-dark)}.avatar--danger{--avatar-bg: var(--danger-ultra-light);--avatar-color: var(--danger-ultra-dark)}.dialog{--dialog-max-width: 32rem;--dialog-radius: var(--radius-l);--dialog-padding: var(--space-l);margin:auto;padding:0;border:0;background:transparent;color:inherit;max-inline-size:100%;max-block-size:100%}.dialog::backdrop{background:color-mix(in srgb,var(--black) 40%,transparent)}.dialog__panel{display:flex;flex-direction:column;gap:var(--space-m);inline-size:min(90vw,var(--dialog-max-width));padding:var(--dialog-padding);background:var(--base);color:var(--text-color);border-radius:var(--dialog-radius);box-shadow:var(--box-shadow-3)}.dialog__header{display:flex;flex-direction:column;gap:var(--space-xs)}.dialog__title{font-size:var(--h3)}.dialog__description{color:var(--text-dark-muted);font-size:var(--text-s)}.dialog__body{display:flex;flex-direction:column;gap:var(--space-s)}.dialog__actions{display:flex;justify-content:flex-end;gap:var(--space-s);flex-wrap:wrap}.dialog--s{--dialog-max-width: 24rem}.dialog--l{--dialog-max-width: 48rem}.toast-region{position:fixed;inset-block-end:var(--space-m);inset-inline-end:var(--space-m);display:flex;flex-direction:column;gap:var(--space-s);z-index:var(--z-toast);pointer-events:none;max-inline-size:min(28rem,calc(100vw - var(--space-l)))}[class*=toast--]{--toast-padding-block: var(--space-s);--toast-padding-inline: var(--space-m);--toast-radius: var(--radius-m);--toast-border-color: color-mix( in oklch, var(--toast-color), var(--toast-bg) 70% );pointer-events:auto;display:flex;align-items:flex-start;gap:var(--space-s);padding-block:var(--toast-padding-block);padding-inline:var(--toast-padding-inline);background:var(--toast-bg);color:var(--toast-color);border:1px solid var(--toast-border-color);border-inline-start:4px solid var(--toast-accent);border-radius:var(--toast-radius);box-shadow:var(--box-shadow-2);font-size:var(--text-s)}.toast--info{--toast-bg: var(--info-ultra-light);--toast-color: var(--info-ultra-dark);--toast-accent: var(--info)}.toast--success{--toast-bg: var(--success-ultra-light);--toast-color: var(--success-ultra-dark);--toast-accent: var(--success)}.toast--warning{--toast-bg: var(--warning-ultra-light);--toast-color: var(--warning-ultra-dark);--toast-accent: var(--warning)}.toast--danger{--toast-bg: var(--danger-ultra-light);--toast-color: var(--danger-ultra-dark);--toast-accent: var(--danger)}.toast__body{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.toast__title{font-size:var(--text-s);font-weight:600;color:inherit}.toast__message{font-size:var(--text-s);color:inherit}.toast__dismiss{flex-shrink:0;inline-size:1.5em;block-size:1.5em;padding:0;font-size:1.1em;line-height:1;background:transparent;border:0;border-radius:50%;color:inherit;opacity:.6;cursor:pointer;transition:opacity var(--transition),background var(--transition)}.toast__dismiss:hover{opacity:1;background:color-mix(in srgb,currentColor 15%,transparent)}.toast__dismiss:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:1px;opacity:1}.tooltip-wrapper{position:relative;display:inline-flex}.tooltip{position:absolute;z-index:var(--z-dropdown);padding-block:var(--space-xs);padding-inline:var(--space-s);background:var(--neutral-ultra-dark);color:var(--text-light);font-size:var(--text-xs);line-height:1.3;border-radius:var(--radius-s);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--transition),visibility var(--transition)}.tooltip[data-visible]{opacity:1;visibility:visible}.tooltip--top{inset-block-end:calc(100% + var(--space-xs));inset-inline-start:50%;transform:translate(-50%)}.tooltip--bottom{inset-block-start:calc(100% + var(--space-xs));inset-inline-start:50%;transform:translate(-50%)}.tooltip--left{inset-inline-end:calc(100% + var(--space-xs));inset-block-start:50%;transform:translateY(-50%)}.tooltip--right{inset-inline-start:calc(100% + var(--space-xs));inset-block-start:50%;transform:translateY(-50%)}.menu-wrapper{position:relative;display:inline-flex}.menu{position:absolute;inset-block-start:calc(100% + var(--space-xs));z-index:var(--z-dropdown);min-inline-size:12rem;margin:0;padding:var(--space-xs);list-style:none;background:var(--base);border:var(--border);border-radius:var(--radius-m);box-shadow:var(--box-shadow-2);display:flex;flex-direction:column;gap:1px}.menu--start{inset-inline-start:0}.menu--end{inset-inline-end:0}.menu li{list-style:none;margin:0}.menu__item{inline-size:100%;text-align:start;padding-block:var(--space-xs);padding-inline:var(--space-s);font-size:var(--text-s);color:var(--text-color);background:transparent;border:0;border-radius:var(--radius-s);text-decoration:none;cursor:pointer;transition:background var(--transition),color var(--transition)}.menu__item:hover,.menu__item:focus-visible{background:var(--bg-ultra-light);outline:none;color:var(--heading-color)}.menu__item[disabled],.menu__item[aria-disabled=true]{opacity:var(--disabled-opacity);cursor:not-allowed;background:transparent;color:var(--text-color)}.menu__item--danger{color:var(--danger-dark)}.menu__item--danger:hover,.menu__item--danger:focus-visible{background:var(--danger-ultra-light);color:var(--danger-ultra-dark)}.menu__item--active{background:var(--primary-ultra-light);color:var(--primary-ultra-dark);font-weight:500}.sidebar{--sidebar-width: 16rem;--sidebar-mobile-width: min(80vw, 20rem);display:flex;flex-direction:column;inline-size:var(--sidebar-width);background:var(--base);border-inline-end:var(--border);flex-shrink:0}.sidebar--end{border-inline-end:none;border-inline-start:var(--border)}.sidebar:not(.sidebar--open){display:none}@media(max-width:47.999rem){.sidebar,.sidebar:not(.sidebar--open){display:flex;position:fixed;inset-block:0;inset-inline-start:0;inline-size:var(--sidebar-mobile-width);z-index:var(--z-modal);transform:translate(-100%);transition:transform var(--transition);box-shadow:var(--box-shadow-3);border:0}.sidebar--end,.sidebar--end:not(.sidebar--open){inset-inline-start:auto;inset-inline-end:0;transform:translate(100%)}.sidebar.sidebar--open{transform:translate(0)}}.sidebar__header{padding:var(--space-m);border-block-end:var(--divider);display:flex;align-items:center;gap:var(--space-s)}.sidebar__body{flex:1;overflow-y:auto;padding:var(--space-m);display:flex;flex-direction:column;gap:var(--space-s)}.sidebar__footer{padding:var(--space-m);border-block-start:var(--divider);display:flex;align-items:center;gap:var(--space-s)}.sidebar__backdrop{display:none}@media(max-width:47.999rem){.sidebar__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--black) 40%,transparent);border:0;z-index:calc(var(--z-modal) - 1);cursor:pointer;opacity:0;visibility:hidden;transition:opacity var(--transition),visibility var(--transition)}.sidebar__backdrop[data-open]{opacity:1;visibility:visible}}}@layer utilities{.bg--ultra-light{background:var(--bg-ultra-light);--relative-text-color: var(--bg-ultra-light-text);--relative-heading-color: var(--bg-ultra-light-heading);color:var(--relative-text-color, inherit)}.bg--light{background:var(--bg-light);--relative-text-color: var(--bg-light-text);--relative-heading-color: var(--bg-light-heading);color:var(--relative-text-color, inherit)}.bg--dark{background:var(--bg-dark);--relative-text-color: var(--bg-dark-text);--relative-heading-color: var(--bg-dark-heading);color:var(--relative-text-color, inherit)}.bg--ultra-dark{background:var(--bg-ultra-dark);--relative-text-color: var(--bg-ultra-dark-text);--relative-heading-color: var(--bg-ultra-dark-heading);color:var(--relative-text-color, inherit)}:where(.bg--ultra-light,.bg--light,.bg--dark,.bg--ultra-dark) :where(h1,h2,h3,h4,h5,h6){color:var(--relative-heading-color, inherit)}.text--light{color:var(--text-light)}.text--light-muted{color:var(--text-light-muted)}.text--dark{color:var(--text-dark)}.text--dark-muted{color:var(--text-dark-muted)}.text--xs{font-size:var(--text-xs)}.text--s{font-size:var(--text-s)}.text--m{font-size:var(--text-m)}.text--l{font-size:var(--text-l)}.text--xl{font-size:var(--text-xl)}.text--xxl{font-size:var(--text-xxl)}.content-width{inline-size:100%;max-inline-size:var(--content-width);margin-inline:auto}.content-width--safe{inline-size:100%;max-inline-size:var(--content-width-safe);margin-inline:auto}}
