@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-orange-500:oklch(70.5% .213 47.604);--color-amber-300:oklch(87.9% .169 91.605);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--spacing:.25rem;--container-2xl:42rem;--font-weight-normal:400;--font-weight-medium:470;--font-weight-semibold:600;--radius-lg:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings);--kol-font-family-rgrot-narrow:"RightGrotesk","Inter Tight",sans-serif;--kol-font-family-rgrot-tight:"RightGrotesk","Inter Tight",sans-serif;--kol-font-family-rgrot-compact:"RightGroteskCompact","Inter Tight",sans-serif;--kol-font-family-body:"Inter Tight",system-ui,-apple-system,sans-serif;--kol-font-family-mono:"RightGroteskMono","JetBrains Mono","SFMono-Regular",Consolas,monospace;--kol-color-absolute-black:#000;--kol-color-absolute-white:#fff;--kol-surface-primary:#fafafa;--kol-surface-on-primary:#121215;--kol-surface-secondary:#f2f2f2;--kol-surface-on-secondary:#19191d;--kol-surface-tertiary:#fff;--kol-surface-on-tertiary:#0e0e11;--kol-surface-inverse:#0e0e11;--kol-surface-on-inverse:#fcfbf8;--kol-container-primary:#f5f5f5;--kol-container-on-primary:#19191d;--kol-container-secondary:#eee;--kol-container-on-secondary:#202026;--kol-container-elevated:#f5f5f5;--kol-container-on-elevated:#242427;--kol-accent-primary:#f5d245;--kol-accent-on-primary:#1e1e21;--kol-accent-primary-strong:#f5bb1d;--kol-accent-primary-muted:#f5d2452e;--kol-status-danger:#9b3928;--kol-status-on-danger:#fff;--kol-border-default:#12121514}@supports (color:color-mix(in lab,red,red)){:root,:host{--kol-border-default:color-mix(in srgb,var(--kol-surface-on-primary)8%,transparent)}}:root,:host{--kol-border-subtle:#1212150a}@supports (color:color-mix(in lab,red,red)){:root,:host{--kol-border-subtle:color-mix(in srgb,var(--kol-surface-on-primary)4%,transparent)}}:root,:host{--kol-border-strong:#12121529}@supports (color:color-mix(in lab,red,red)){:root,:host{--kol-border-strong:color-mix(in srgb,var(--kol-surface-on-primary)16%,transparent)}}:root,:host{--kol-focus-ring:var(--kol-accent-primary);--radius-full:9999px;--transition-base:.2s ease}}@layer base{*,: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(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;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(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-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;color:currentColor}@supports (color:color-mix(in lab,red,red)){::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}:-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}}@layer components{.btn-primary:hover{background-color:var(--kol-surface-secondary);color:var(--kol-surface-on-primary);border-color:#0000}.btn-secondary:hover{background-color:var(--kol-surface-on-primary);color:var(--kol-surface-primary)}.btn-outline:hover{background-color:var(--kol-surface-secondary);border-color:#1212153d}@supports (color:color-mix(in lab,red,red)){.btn-outline:hover{border-color:color-mix(in srgb,var(--kol-surface-on-primary)24%,transparent)}}.btn-outline:hover{color:var(--kol-surface-on-primary)}.tag{padding:var(--spacing-2)var(--spacing-4);border-radius:var(--radius-full);text-transform:uppercase;background:var(--kol-surface-on-primary);color:var(--kol-surface-primary);letter-spacing:.05em;font-size:12px;font-weight:600;line-height:1;display:inline-block}.tag-secondary{padding:var(--spacing-2)var(--spacing-4);border-radius:var(--radius-full);text-transform:uppercase;background:var(--kol-surface-primary);color:var(--kol-surface-on-primary);border:1px solid var(--kol-border-default);letter-spacing:.05em;font-size:12px;font-weight:600;line-height:1;display:inline-block}.tag-control{background-color:var(--kol-surface-primary);font-size:10px;font-weight:400;font-family:var(--kol-font-family-mono);color:var(--kol-surface-on-primary);border:1px solid var(--kol-border-default);border-radius:9999px;align-items:center;padding:4px 16px;transition:background-color .2s,color .2s;display:inline-flex}.tag-control:hover,.tag-control.is-active{background-color:var(--kol-surface-on-primary);color:var(--kol-surface-primary);border-color:var(--kol-surface-on-primary)}.toggle-switch:hover{border-color:#1212152e}@supports (color:color-mix(in lab,red,red)){.toggle-switch:hover{border-color:color-mix(in srgb,var(--kol-surface-on-primary)18%,transparent)}}@supports (color:color-mix(in lab,red,red)){.toggle-switch[data-state=on] .toggle-switch-indicator{background-color:color-mix(in srgb,var(--kol-surface-on-primary)70%,transparent)}}.kol-display-lg{font-family:var(--kol-font-family-rgrot-tight);text-transform:uppercase;color:var(--kol-surface-on-primary);font-size:clamp(48px,8vw,96px);font-weight:470;font-stretch:62.5%;line-height:100%}.kol-display-section{font-family:var(--kol-font-family-rgrot-tight);text-transform:uppercase;color:var(--kol-surface-on-primary);font-size:clamp(40px,5vw,64px);font-weight:470;font-stretch:62.5%;line-height:100%}.kol-display-section-sm{font-family:var(--kol-font-family-rgrot-tight);text-transform:uppercase;color:var(--kol-surface-on-primary);font-size:clamp(32px,4vw,48px);font-weight:470;font-stretch:62.5%;line-height:100%}.kol-display-subsection{font-family:var(--kol-font-family-rgrot-narrow);text-transform:uppercase;color:var(--kol-surface-on-primary);font-size:clamp(32px,4vw,48px);font-weight:470;font-stretch:75%;line-height:100%}.kol-heading-display{font-family:var(--kol-font-family-rgrot-tight);text-transform:uppercase;color:var(--kol-surface-on-primary);font-size:clamp(48px,8vw,96px);font-weight:470;font-stretch:62.5%;line-height:100%}.kol-heading-section{font-family:var(--kol-font-family-rgrot-tight);text-transform:uppercase;color:var(--kol-surface-on-primary);font-size:clamp(40px,5vw,64px);font-weight:470;font-stretch:62.5%;line-height:100%}.kol-heading-section-small{font-family:var(--kol-font-family-rgrot-tight);text-transform:uppercase;color:var(--kol-surface-on-primary);font-size:clamp(32px,4vw,48px);font-weight:470;font-stretch:62.5%;line-height:100%}.kol-heading-subsection{font-family:var(--kol-font-family-rgrot-narrow);text-transform:uppercase;color:var(--kol-surface-on-primary);font-size:clamp(32px,4vw,48px);font-weight:470;font-stretch:75%;line-height:100%}.kol-heading-xl{font-family:var(--kol-font-family-rgrot-narrow);color:var(--kol-surface-on-primary);font-size:clamp(40px,5vw,64px);font-weight:470;font-stretch:75%;line-height:110%}.kol-heading-lg{font-family:var(--kol-font-family-rgrot-narrow);color:var(--kol-surface-on-primary);font-size:clamp(32px,4vw,48px);font-weight:470;font-stretch:75%;line-height:110%}.kol-heading-md{font-family:var(--kol-font-family-rgrot-narrow);color:var(--kol-surface-on-primary);font-size:clamp(28px,3vw,40px);font-weight:470;font-stretch:75%;line-height:120%}.kol-heading-sm{font-family:var(--kol-font-family-rgrot-tight);text-transform:uppercase;color:var(--kol-surface-on-primary);font-size:clamp(20px,2.5vw,32px);font-weight:470;font-stretch:62.5%;line-height:100%}.kol-heading-xs{font-family:var(--kol-font-family-rgrot-narrow);color:var(--kol-surface-on-primary);font-size:clamp(18px,2vw,28px);font-weight:470;font-stretch:75%;line-height:125%}.kol-heading-narrow-xl{font-family:var(--kol-font-family-rgrot-narrow);color:var(--kol-surface-on-primary);font-size:clamp(40px,5vw,64px);font-weight:470;font-stretch:75%;line-height:110%}.kol-heading-narrow-lg{font-family:var(--kol-font-family-rgrot-narrow);color:var(--kol-surface-on-primary);font-size:clamp(32px,4vw,48px);font-weight:470;font-stretch:75%;line-height:110%}.kol-heading-narrow-md{font-family:var(--kol-font-family-rgrot-narrow);color:var(--kol-surface-on-primary);font-size:clamp(28px,3vw,40px);font-weight:470;font-stretch:75%;line-height:120%}.kol-heading-narrow-sm{font-family:var(--kol-font-family-rgrot-narrow);color:var(--kol-surface-on-primary);font-size:clamp(20px,2.5vw,32px);font-weight:470;font-stretch:75%;line-height:125%}.kol-heading-narrow-xs{font-family:var(--kol-font-family-rgrot-narrow);color:var(--kol-surface-on-primary);font-size:clamp(18px,2vw,28px);font-weight:470;font-stretch:75%;line-height:125%}.kol-heading-tight-xl{font-family:var(--kol-font-family-rgrot-tight);text-transform:uppercase;color:var(--kol-surface-on-primary);font-size:clamp(40px,5vw,64px);font-weight:470;font-stretch:62.5%;line-height:100%}.kol-heading-tight-lg{font-family:var(--kol-font-family-rgrot-tight);text-transform:uppercase;color:var(--kol-surface-on-primary);font-size:clamp(32px,4vw,48px);font-weight:470;font-stretch:62.5%;line-height:100%}.kol-heading-tight-md{font-family:var(--kol-font-family-rgrot-tight);text-transform:uppercase;color:var(--kol-surface-on-primary);font-size:clamp(28px,3vw,40px);font-weight:470;font-stretch:62.5%;line-height:100%}.kol-heading-tight-sm{font-family:var(--kol-font-family-rgrot-tight);text-transform:uppercase;color:var(--kol-surface-on-primary);font-size:clamp(20px,2.5vw,32px);font-weight:470;font-stretch:62.5%;line-height:100%}.kol-heading-tight-xs{font-family:var(--kol-font-family-rgrot-tight);text-transform:uppercase;color:var(--kol-surface-on-primary);font-size:clamp(18px,2vw,28px);font-weight:470;font-stretch:62.5%;line-height:100%}.kol-h5{font-family:var(--kol-font-family-body);font-size:24px;font-weight:var(--font-weight-medium);color:var(--kol-surface-on-primary);line-height:130%}.kol-h6{font-family:var(--kol-font-family-body);font-size:20px;font-weight:var(--font-weight-medium);color:var(--kol-surface-on-primary);line-height:140%}.kol-text-lg{font-family:var(--kol-font-family-body);color:var(--kol-surface-on-primary);font-size:clamp(18px,2vw,20px);font-weight:400;line-height:160%}.kol-text-md{font-family:var(--kol-font-family-body);color:var(--kol-surface-on-primary);font-size:clamp(14px,1.5vw,18px);font-weight:400;line-height:160%}.kol-text-md-rg{font-family:var(--kol-font-family-rgrot-narrow);color:var(--kol-surface-on-primary);font-size:clamp(14px,1.5vw,18px);font-weight:470;font-stretch:75%;line-height:160%}.kol-text-sm{font-family:var(--kol-font-family-body);color:var(--kol-surface-on-primary);font-size:clamp(12px,1vw,16px);font-weight:400;line-height:150%}.kol-text{font-family:var(--kol-font-family-body);color:var(--kol-surface-on-primary);font-size:clamp(14px,1.5vw,18px);font-weight:400;line-height:160%}.kol-body-lg{font-family:var(--kol-font-family-body);color:var(--kol-surface-on-primary);font-size:clamp(18px,2vw,20px);font-weight:400;line-height:160%}.kol-text-compact-xl{font-family:var(--kol-font-family-rgrot-compact);color:var(--kol-surface-on-primary);font-size:clamp(22px,2.5vw,28px);font-weight:470;line-height:140%}.kol-text-compact-lg{font-family:var(--kol-font-family-rgrot-compact);color:var(--kol-surface-on-primary);font-size:clamp(18px,2vw,24px);font-weight:470;line-height:140%}.kol-text-compact-md{font-family:var(--kol-font-family-rgrot-compact);color:var(--kol-surface-on-primary);font-size:clamp(16px,1.75vw,20px);font-weight:470;line-height:145%}.kol-text-compact-sm{font-family:var(--kol-font-family-rgrot-compact);color:var(--kol-surface-on-primary);font-size:clamp(14px,1.5vw,18px);font-weight:470;line-height:145%}.kol-mono-text{font-family:var(--kol-font-family-mono);color:var(--kol-surface-on-primary);font-size:clamp(14px,1.5vw,18px);font-weight:470;line-height:125%}.kol-mono-text-fine{font-family:var(--kol-font-family-mono);color:var(--kol-surface-on-primary);font-size:clamp(14px,1.5vw,18px);font-weight:300;line-height:125%}.kol-mono-text-lg{font-family:var(--kol-font-family-mono);color:var(--kol-surface-on-primary);font-size:16px;font-weight:470;line-height:125%}@media(min-width:1024px){.kol-mono-text-lg{font-size:20px}}.kol-mono-sm{font-family:var(--kol-font-family-mono);color:var(--kol-surface-on-primary);font-size:clamp(12px,1vw,16px);font-weight:470;line-height:125%}.kol-mono-sm-fine{font-family:var(--kol-font-family-mono);color:var(--kol-surface-on-primary);font-size:clamp(12px,1vw,16px);font-weight:300;line-height:125%}.kol-mono-xs{font-family:var(--kol-font-family-mono);color:var(--kol-surface-on-primary);font-size:clamp(10px,.8vw,14px);font-weight:470;line-height:120%}.kol-mono-xxs{font-family:var(--kol-font-family-mono);color:var(--kol-surface-on-primary);font-size:clamp(8px,.6vw,12px);font-weight:470;line-height:120%}.kol-mono-text-label{font-family:var(--kol-font-family-mono);text-transform:uppercase;letter-spacing:.2em;color:var(--kol-surface-on-primary);font-size:clamp(12px,1vw,16px);font-weight:470;line-height:125%}.kol-mono{font-family:var(--kol-font-family-mono);color:var(--kol-surface-on-primary);font-size:clamp(10px,.8vw,14px);font-weight:470;line-height:120%}.kol-label-mono-sm{font-family:var(--kol-font-family-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--kol-surface-on-primary);font-size:clamp(14px,1.5vw,24px);font-weight:470;line-height:100%}.kol-label-mono-md{font-family:var(--kol-font-family-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--kol-surface-on-primary);font-size:clamp(12px,1vw,16px);font-weight:470;line-height:125%}.kol-label-mono-xs{font-family:var(--kol-font-family-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--kol-surface-on-primary);font-size:clamp(10px,.8vw,14px);font-weight:470;line-height:100%}.kol-label-compact-lg{font-family:var(--kol-font-family-rgrot-narrow);text-transform:uppercase;letter-spacing:.03em;color:var(--kol-surface-on-primary);font-size:clamp(24px,2vw,28px);font-weight:470;font-stretch:75%;line-height:100%}.kol-label-compact-md{font-family:var(--kol-font-family-rgrot-narrow);text-transform:uppercase;letter-spacing:.03em;color:var(--kol-surface-on-primary);font-size:clamp(12px,1vw,16px);font-weight:470;font-stretch:75%;line-height:100%}.kol-label{font-family:var(--kol-font-family-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--kol-surface-on-primary);font-size:clamp(14px,1.5vw,24px);font-weight:470;line-height:100%}.kol-label-compact{font-family:var(--kol-font-family-rgrot-narrow);text-transform:uppercase;letter-spacing:.03em;color:var(--kol-surface-on-primary);font-size:clamp(12px,1vw,16px);font-weight:470;font-stretch:75%;line-height:100%}.link-with-icon-animate{gap:.5rem;transition-property:gap;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.link-with-icon-animate:hover{gap:1rem}.link-with-icon-animate .icon-slide{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.link-with-icon-animate:hover .icon-slide-right{transform:translate(4px)}.link-with-icon-animate:hover .icon-slide-left{transform:translate(-4px)}.kol-helper-uc-xl{font-family:var(--kol-font-family-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--kol-surface-on-primary);font-size:20px;font-weight:470;line-height:100%}.kol-helper-uc-lg{font-family:var(--kol-font-family-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--kol-surface-on-primary);font-size:18px;font-weight:470;line-height:100%}.kol-helper-uc-md{font-family:var(--kol-font-family-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--kol-surface-on-primary);font-size:16px;font-weight:470;line-height:100%}.kol-helper-uc-s{font-family:var(--kol-font-family-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--kol-surface-on-primary);font-size:14px;font-weight:470;line-height:100%}.kol-helper-uc-xs{font-family:var(--kol-font-family-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--kol-surface-on-primary);font-size:12px;font-weight:470;line-height:100%}.kol-helper-uc-xxs{font-family:var(--kol-font-family-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--kol-surface-on-primary);font-size:10px;font-weight:470;line-height:100%}.kol-helper-uc-xxxs{font-family:var(--kol-font-family-mono);letter-spacing:.05em;color:var(--kol-surface-on-primary);font-size:8px;font-weight:470;line-height:125%}.kol-helper-xl{font-family:var(--kol-font-family-mono);letter-spacing:.05em;color:var(--kol-surface-on-primary);font-size:20px;font-weight:470;line-height:100%}.kol-helper-lg{font-family:var(--kol-font-family-mono);letter-spacing:.05em;color:var(--kol-surface-on-primary);font-size:18px;font-weight:470;line-height:100%}.kol-helper-md{font-family:var(--kol-font-family-mono);letter-spacing:.05em;color:var(--kol-surface-on-primary);font-size:16px;font-weight:470;line-height:100%}.kol-helper-s{font-family:var(--kol-font-family-mono);letter-spacing:.05em;color:var(--kol-surface-on-primary);font-size:14px;font-weight:470;line-height:100%}.kol-helper-xs{font-family:var(--kol-font-family-mono);letter-spacing:.1em;color:var(--kol-surface-on-primary);font-size:12px;font-weight:470;line-height:100%}.kol-helper-xxs{font-family:var(--kol-font-family-mono);letter-spacing:.05em;color:var(--kol-surface-on-primary);font-size:10px;font-weight:470;line-height:120%}.kol-helper-xxxs{font-family:var(--kol-font-family-mono);letter-spacing:.05em;color:var(--kol-surface-on-primary);font-size:8px;font-weight:470;line-height:125%}.kol-helper-fine-xl{font-family:var(--kol-font-family-mono);letter-spacing:.05em;color:var(--kol-surface-on-primary);font-size:20px;font-weight:100;line-height:100%}.kol-helper-fine-lg{font-family:var(--kol-font-family-mono);letter-spacing:.05em;color:var(--kol-surface-on-primary);font-size:18px;font-weight:100;line-height:100%}.kol-helper-fine-md{font-family:var(--kol-font-family-mono);letter-spacing:.05em;color:var(--kol-surface-on-primary);font-size:16px;font-weight:100;line-height:100%}.kol-helper-fine-s{font-family:var(--kol-font-family-mono);letter-spacing:.05em;color:var(--kol-surface-on-primary);font-size:14px;font-weight:100;line-height:100%}.kol-helper-fine-xs{font-family:var(--kol-font-family-mono);letter-spacing:.1em;color:var(--kol-surface-on-primary);font-size:12px;font-weight:100;line-height:100%}.kol-helper-fine-xxs{font-family:var(--kol-font-family-mono);letter-spacing:.05em;color:var(--kol-surface-on-primary);font-size:10px;font-weight:100;line-height:120%}.kol-helper-fine-xxxs{font-family:var(--kol-font-family-mono);letter-spacing:.05em;color:var(--kol-surface-on-primary);font-size:8px;font-weight:100;line-height:125%}.kol-meta{color:#121215a3;font-size:12px}@supports (color:color-mix(in lab,red,red)){.kol-meta{color:color-mix(in srgb,var(--kol-surface-on-primary)64%,transparent)}}.kol-meta{font-weight:var(--font-weight-normal)}.kol-h1{font-family:var(--kol-font-family-rgrot-narrow);color:var(--kol-surface-on-primary);font-size:40px;line-height:110%}@media(min-width:768px){.kol-h1{font-size:48px}}@media(min-width:1024px){.kol-h1{font-size:64px}}.kol-h2{font-family:var(--kol-font-family-rgrot-narrow);color:var(--kol-surface-on-primary);font-size:32px;line-height:110%}@media(min-width:768px){.kol-h2{font-size:40px}}@media(min-width:1024px){.kol-h2{font-size:48px}}.kol-h3{font-family:var(--kol-font-family-rgrot-narrow);color:var(--kol-surface-on-primary);font-size:28px;line-height:120%}@media(min-width:768px){.kol-h3{font-size:32px}}@media(min-width:1024px){.kol-h3{font-size:40px}}.kol-h4{font-family:var(--kol-font-family-rgrot-tight);color:var(--kol-surface-on-primary);font-size:20px;line-height:100%}@media(min-width:768px){.kol-h4{font-size:24px}}@media(min-width:1024px){.kol-h4{font-size:32px}}.kol-body{font-family:var(--kol-font-family-body);color:var(--kol-surface-on-primary);font-size:14px;line-height:160%}@media(min-width:768px){.kol-body{font-size:16px}}@media(min-width:1024px){.kol-body{font-size:18px}}.kol-body-sm{font-family:var(--kol-font-family-body);color:var(--kol-surface-on-primary);font-size:12px;line-height:150%}@media(min-width:768px){.kol-body-sm{font-size:14px}}@media(min-width:1024px){.kol-body-sm{font-size:16px}}.kol-mono-body{font-family:var(--kol-font-family-mono);color:var(--kol-surface-on-primary);font-size:14px;line-height:125%;font-weight:var(--font-weight-normal)}@media(min-width:768px){.kol-mono-body{font-size:16px}}@media(min-width:1024px){.kol-mono-body{font-size:18px}}.kol-mono{font-family:var(--kol-font-family-mono);color:var(--kol-surface-on-primary);font-size:11px;line-height:normal;font-weight:var(--font-weight-normal)}@media(min-width:768px){.kol-mono{font-size:12px}}@media(min-width:1024px){.kol-mono{font-size:14px}}.text-control{font-size:12px;font-weight:400;font-family:var(--kol-font-family-mono);color:var(--kol-surface-on-primary);opacity:.9}.pill-inverse{background-color:var(--kol-surface-on-primary);font-family:var(--kol-font-family-mono);color:var(--kol-surface-primary);border:none;border-radius:9999px;align-items:center;padding:4px 16px;display:inline-flex}.pill-subtle{background-color:#12121529;border-radius:9999px;align-items:center;padding:4px 16px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.pill-subtle{background-color:color-mix(in srgb,var(--kol-surface-on-primary)16%,transparent)}}.pill-subtle{font-family:var(--kol-font-family-mono);color:var(--kol-surface-on-primary);border:none}.pill-outline{background-color:var(--kol-surface-primary);font-family:var(--kol-font-family-mono);color:var(--kol-surface-on-primary);border:1px solid var(--kol-border-default);border-radius:9999px;align-items:center;padding:4px 16px;display:inline-flex}.pill-sm{font-size:10px;font-weight:470}.pill-md{font-size:12px;font-weight:470}.pill-lg{font-size:14px;font-weight:470}.dt-cell-title{font-family:var(--kol-font-family-mono);text-transform:uppercase;color:var(--kol-surface-on-primary);white-space:nowrap;padding:12px 16px;font-size:.75rem;font-weight:400;line-height:1.3}.dt-cell-text{font-family:var(--kol-font-family-mono);color:var(--kol-surface-on-primary);white-space:nowrap;padding:12px 16px;font-size:.8125rem;font-weight:400;line-height:1.4}.dt-cell-meta{font-family:var(--kol-font-family-mono);color:#12121599;padding:12px 16px;font-size:.625rem;font-weight:400;line-height:1.3}@supports (color:color-mix(in lab,red,red)){.dt-cell-meta{color:color-mix(in srgb,var(--kol-surface-on-primary)60%,transparent)}}.dt-cell-meta{white-space:normal;max-width:24rem}.dt-cell-metaStrong{font-family:var(--kol-font-family-mono);color:var(--kol-surface-on-primary);white-space:normal;padding:12px 16px;font-size:.625rem;font-weight:400;line-height:1.3}.dt-meta{font-family:var(--kol-font-family-mono);color:#12121599;font-size:.625rem;font-weight:400;line-height:1.3}@supports (color:color-mix(in lab,red,red)){.dt-meta{color:color-mix(in srgb,var(--kol-surface-on-primary)60%,transparent)}}.dt-meta{white-space:normal;max-width:24rem}.dt-metaStrong{font-family:var(--kol-font-family-mono);color:var(--kol-surface-on-primary);white-space:normal;font-size:.625rem;font-weight:400;line-height:1.3}.dataTableTitle{font-family:var(--kol-font-family-mono);text-transform:uppercase;color:var(--kol-surface-on-primary);white-space:nowrap;padding:12px 16px;font-size:.75rem;font-weight:400;line-height:1.3}.dataTableText{font-family:var(--kol-font-family-mono);color:var(--kol-surface-on-primary);white-space:nowrap;padding:12px 16px;font-size:.8125rem;font-weight:400;line-height:1.4}.dataTableMeta{font-family:var(--kol-font-family-mono);color:#12121599;padding:12px 16px;font-size:.625rem;font-weight:400;line-height:1.3}@supports (color:color-mix(in lab,red,red)){.dataTableMeta{color:color-mix(in srgb,var(--kol-surface-on-primary)60%,transparent)}}.dataTableMeta{white-space:normal;max-width:24rem}.dataTableMetaStrong{font-family:var(--kol-font-family-mono);color:var(--kol-surface-on-primary);white-space:normal;padding:12px 16px;font-size:.625rem;font-weight:400;line-height:1.3}.dataTablePill{font-family:var(--kol-font-family-mono);white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;padding:2px 12px;font-size:.75rem;font-weight:400;display:inline-flex}.dataTablePill-light{background-color:var(--kol-surface-secondary);color:var(--kol-surface-on-secondary)}.dataTablePill-muted{background-color:#12121529}@supports (color:color-mix(in lab,red,red)){.dataTablePill-muted{background-color:color-mix(in srgb,var(--kol-surface-on-primary)16%,transparent)}}.dataTablePill-muted{color:var(--kol-surface-on-primary)}.dataTablePill-dark{background-color:var(--kol-surface-on-primary);color:var(--kol-surface-primary)}.dataTablePair{min-width:18rem}.dataTableToken{font-family:var(--kol-font-family-mono);letter-spacing:0;white-space:nowrap;border-radius:2px;align-items:center;margin:0 4px;padding:2px 4px;font-size:.75rem;font-weight:400;line-height:1;display:inline-flex}@media(max-width:768px){.dt-cell-title,.dt-cell-text,.dt-cell-meta,.dt-cell-metaStrong,.dataTableTitle,.dataTableText,.dataTableMeta,.dataTableMetaStrong{padding:8px 12px}}.control-unified{background-color:var(--kol-surface-primary);border:1px solid var(--kol-border-default);border-radius:9999px;align-items:center;padding:4px 0;transition:background-color .2s,color .2s;display:inline-flex}.control-unified[data-state=open],.control-unified[data-state=open]:hover{background-color:var(--kol-surface-primary);color:var(--kol-surface-on-primary);border-color:var(--kol-border-default)}.control-unified-inverse{background-color:var(--kol-surface-on-primary);color:var(--kol-surface-primary);border:1px solid #0000;border-radius:9999px;align-items:center;padding:4px 0;transition:background-color .2s,color .2s;display:inline-flex}.control-unified-inverse:hover{background-color:var(--kol-surface-primary);color:var(--kol-surface-on-primary)}.control-slider{background-color:var(--kol-surface-primary);border:1px solid var(--kol-border-default);border-radius:9999px;flex-direction:row;align-items:center;padding:8px 24px;transition:background-color .2s,color .2s;display:inline-flex}.control-slider-minimal{background-color:#0000;border:none;border-radius:0;flex-direction:row;align-items:center;padding:0;transition:color .2s;display:inline-flex}.control-dropdown{border:1px solid var(--kol-border-default);background-color:#0000;border-radius:20px;align-items:center;transition:background-color .2s,color .2s;display:inline-flex}.toggle-bracket{border:1px solid var(--kol-border-default);background-color:#12121514;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}@supports (color:color-mix(in lab,red,red)){.toggle-bracket{background-color:color-mix(in srgb,var(--kol-surface-on-primary)8%,transparent)}}.toggle-bracket{color:var(--kol-surface-on-primary);transition:background-color .2s,color .2s,border-color .2s}.toggle-bracket:hover,.toggle-bracket:focus-visible{background-color:#1212151f}@supports (color:color-mix(in lab,red,red)){.toggle-bracket:hover,.toggle-bracket:focus-visible{background-color:color-mix(in srgb,var(--kol-surface-on-primary)12%,transparent)}}.toggle-bracket.is-active{background-color:var(--kol-accent-primary);color:var(--kol-surface-primary);border-color:#0000}.toggle-bracket span:last-child{font-weight:520}.toggle-bracket-plain{color:var(--kol-surface-on-primary);background-color:#0000;border:none;border-radius:0;justify-content:space-between;align-items:center;gap:12px;padding:0;display:flex}.toggle-bracket-plain:focus-visible{outline:2px solid var(--kol-focus-ring);outline-offset:2px}.toggle-bracket-plain span:last-child{font-weight:520}.toggle-switch{border:1px solid #1212151f;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}@supports (color:color-mix(in lab,red,red)){.toggle-switch{border:1px solid color-mix(in srgb,var(--kol-surface-on-primary)12%,transparent)}}.toggle-switch{color:var(--kol-surface-on-primary);background-color:#0000;transition:background-color .2s,border-color .2s}.toggle-switch:hover,.toggle-switch:focus-visible{border-color:#1212152e}@supports (color:color-mix(in lab,red,red)){.toggle-switch:hover,.toggle-switch:focus-visible{border-color:color-mix(in srgb,var(--kol-surface-on-primary)18%,transparent)}}.toggle-switch-label{font-family:var(--kol-font-family-mono);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.toggle-switch-indicator{background-color:#12121529;border-radius:9999px;width:20px;height:12px}@supports (color:color-mix(in lab,red,red)){.toggle-switch-indicator{background-color:color-mix(in srgb,var(--kol-surface-on-primary)16%,transparent)}}.toggle-switch-indicator{transition:background-color .2s;position:relative}.toggle-switch-indicator:after{content:"";background-color:var(--kol-surface-on-primary);border-radius:9999px;width:8px;height:8px;transition:transform .2s,background-color .2s;position:absolute;top:1px;left:2px}.toggle-switch[data-state=on] .toggle-switch-indicator{background-color:#f5d245b3}@supports (color:color-mix(in lab,red,red)){.toggle-switch[data-state=on] .toggle-switch-indicator{background-color:color-mix(in srgb,var(--kol-accent-primary)70%,transparent)}}.toggle-switch[data-state=on] .toggle-switch-indicator:after{background-color:var(--kol-surface-primary);transform:translate(8px)}.checkbox{cursor:pointer;align-items:center;display:inline-flex}.checkbox input{display:none}.checkbox-indicator{border:1px solid #12121540;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.checkbox-indicator{border:1px solid color-mix(in srgb,var(--kol-surface-on-primary)25%,transparent)}}.checkbox-indicator{background-color:#0000;transition:background-color .2s,border-color .2s}.checkbox-indicator svg{width:10px;height:8px;stroke:var(--kol-surface-primary);opacity:0;transition:opacity .2s}.checkbox.is-active .checkbox-indicator{background-color:var(--kol-accent-primary);border-color:var(--kol-accent-primary)}.checkbox.is-active .checkbox-indicator svg{opacity:1}.toggle-checkbox{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.toggle-checkbox input{display:none}.toggle-checkbox-indicator{border:1px solid #12121540;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.toggle-checkbox-indicator{border:1px solid color-mix(in srgb,var(--kol-surface-on-primary)25%,transparent)}}.toggle-checkbox-indicator{background-color:#0000;transition:background-color .2s,border-color .2s}.toggle-checkbox-indicator svg{width:10px;height:8px;stroke:var(--kol-surface-primary);opacity:0;transition:opacity .2s}.toggle-checkbox.is-active .toggle-checkbox-indicator{background-color:var(--kol-surface-on-primary);border-color:var(--kol-border-default)}.toggle-checkbox.is-active .toggle-checkbox-indicator svg{opacity:1}@media(min-width:768px){.control-dropdown{border-radius:22px}}@media(min-width:1024px){.control-dropdown{border-radius:24px}}.dropdown-sm{font-family:var(--kol-font-family-mono);letter-spacing:.03em;padding:6px 16px;font-size:11px;font-weight:470;line-height:100%}.dropdown-md{font-family:var(--kol-font-family-mono);letter-spacing:.03em;padding:8px 20px;font-size:12px;font-weight:470;line-height:100%}.dropdown-lg{font-family:var(--kol-font-family-mono);letter-spacing:.03em;padding:10px 24px;font-size:14px;font-weight:470;line-height:100%}@media(min-width:768px){.dropdown-sm{padding:8px 20px}.dropdown-md{padding:12px 28px}.dropdown-lg{padding:14px 36px}}@media(min-width:1024px){.dropdown-sm{padding:10px 24px}.dropdown-md{padding:14px 32px}.dropdown-lg{padding:16px 40px}}.dropdown-option-selected{opacity:1}.dropdown-option-deselected{opacity:.4}.nav-link-underline{position:relative}.nav-link-underline:after{left:calc(var(--spacing)*0);transform-origin:100% 100%;--tw-scale-x:0%;width:100%;height:2px;scale:var(--tw-scale-x)var(--tw-scale-y);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;content:"";background-color:currentColor;transition-duration:.3s;transition-timing-function:cubic-bezier(.65,.05,.36,1);position:absolute;bottom:-2px}.nav-link-underline:hover:after{transform-origin:0 100%;--tw-scale-x:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.btn-primary{border-radius:var(--radius-full);text-transform:uppercase;background:var(--kol-surface-on-primary);color:var(--kol-surface-primary);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;transition:background-color .3s,color .3s,border-color .3s;display:inline-flex}.btn-primary:not(.button-animate):hover{background-color:var(--kol-surface-secondary);color:var(--kol-surface-on-primary);border-color:#0000}.btn-secondary{border-radius:var(--radius-full);text-transform:uppercase;background:var(--kol-surface-secondary);color:var(--kol-surface-on-primary);cursor:pointer;border:none;justify-content:center;align-items:center;transition:background-color .3s,color .3s;display:inline-flex}.btn-secondary:not(.button-animate):hover{background-color:var(--kol-surface-on-primary);color:var(--kol-surface-primary)}.btn-outline{border-radius:var(--radius-full);text-transform:uppercase;color:var(--kol-surface-on-primary);border:1px solid var(--kol-border-default);cursor:pointer;background:0 0;transition:background-color .3s,color .3s,border-color .3s}.btn-outline:not(.button-animate):hover{background-color:var(--kol-surface-secondary);border-color:#1212153d}@supports (color:color-mix(in lab,red,red)){.btn-outline:not(.button-animate):hover{border-color:color-mix(in srgb,var(--kol-surface-on-primary)24%,transparent)}}.btn-outline:not(.button-animate):hover{color:var(--kol-surface-on-primary)}.btn-sm{font-family:var(--kol-font-family-mono);letter-spacing:.03em;padding:6px 16px;font-size:14px;font-weight:470;line-height:100%}.btn-md{font-family:var(--kol-font-family-mono);letter-spacing:.03em;padding:8px 20px;font-size:16px;font-weight:470;line-height:100%}.btn-lg{font-family:var(--kol-font-family-mono);letter-spacing:.03em;padding:10px 24px;font-size:18px;font-weight:470;line-height:100%}@media(min-width:768px){.btn-sm{padding:8px 20px}.btn-md{padding:12px 28px}.btn-lg{padding:14px 36px}}@media(min-width:1024px){.btn-sm{padding:10px 24px}.btn-md{padding:14px 32px}.btn-lg{padding:16px 40px}}.input-outline{border-radius:var(--radius-full);background:var(--kol-surface-primary);color:var(--kol-surface-on-primary);border:1px solid var(--kol-border-default);transition:border-color .3s,background-color .3s}.input-outline:focus{border-color:#1212152e;outline:none}@supports (color:color-mix(in lab,red,red)){.input-outline:focus{border-color:color-mix(in srgb,var(--kol-surface-on-primary)18%,transparent)}}.input-outline:focus{background:var(--kol-surface-secondary)}.input-outline::placeholder{color:var(--kol-surface-on-primary);opacity:.5}.input-sm{padding:6px 16px}.input-md{padding:8px 20px}.input-lg{padding:10px 24px}@media(min-width:768px){.input-sm{padding:8px 20px}.input-md{padding:12px 28px}.input-lg{padding:14px 36px}}@media(min-width:1024px){.input-sm{padding:10px 24px}.input-md{padding:14px 32px}.input-lg{padding:16px 40px}}.hide-number-spinners::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hide-number-spinners::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.hide-number-spinners{appearance:textfield}.theme-toggle-horizontal .icon-swap-container>svg:first-child{transition:transform .3s;transform:translate(0)rotate(0)}.theme-toggle-horizontal .icon-swap-container>svg:last-child{transition:transform .3s;transform:translate(-100%)rotate(0)}.theme-toggle-horizontal.toggled .icon-swap-container>svg:first-child{transform:translate(100%)rotate(180deg)}.theme-toggle-horizontal.toggled .icon-swap-container>svg:last-child{transform:translate(0)rotate(180deg)}.theme-toggle-horizontal:hover{border-color:#12121599!important}@supports (color:color-mix(in lab,red,red)){.theme-toggle-horizontal:hover{border-color:color-mix(in srgb,var(--kol-surface-on-primary)60%,transparent)!important}}.theme-toggle-horizontal:hover{background-color:#0000!important}.language-toggle .icon-swap-container>span:first-child{transition:transform .3s;transform:translate(0)}.language-toggle .icon-swap-container>span:last-child{transition:transform .3s;transform:translate(-100%)}.language-toggle.toggled .icon-swap-container>span:first-child{transform:translate(100%)}.language-toggle.toggled .icon-swap-container>span:last-child{transform:translate(0)}.btn-accent{border-radius:var(--radius-full);text-transform:uppercase;background:var(--accent);color:var(--accent-foreground);cursor:pointer;border:none;transition:background-color .3s,opacity .3s}.btn-accent:not(.button-animate):hover{background-color:var(--kol-surface-secondary);color:var(--kol-surface-on-primary)}.btn-control{text-transform:uppercase;background:var(--kol-surface-on-primary);color:var(--kol-surface-primary);cursor:pointer;border:1px solid #0000;border-radius:4px;padding:8px 16px;transition:background-color .3s,color .3s,border-color .3s}.btn-control:not(.button-animate):hover{background-color:#d3d3d3}@supports (color:color-mix(in lab,red,red)){.btn-control:not(.button-animate):hover{background-color:color-mix(in srgb,var(--kol-surface-primary)83%,var(--kol-surface-on-primary)17%)}}.btn-control:not(.button-animate):hover{color:var(--kol-surface-on-primary);border-color:#0000}.btn-nav{transition:box-shadow .2s}.btn-nav:hover{box-shadow:inset 0 0 0 1px #12121514}@supports (color:color-mix(in lab,red,red)){.btn-nav:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--kol-surface-on-primary)8%,transparent)}}.tag{padding:var(--spacing-2)var(--spacing-4);border-radius:var(--radius-full);font-size:12px;font-weight:var(--font-weight-semibold);text-transform:uppercase;background:var(--kol-surface-on-primary);color:var(--kol-surface-primary);letter-spacing:.05em;line-height:1;display:inline-block}.tag-secondary{padding:var(--spacing-2)var(--spacing-4);border-radius:var(--radius-full);font-size:12px;font-weight:var(--font-weight-semibold);text-transform:uppercase;background:var(--kol-surface-primary);color:var(--kol-surface-on-primary);border:1px solid var(--kol-border-default);letter-spacing:.05em;line-height:1;display:inline-block}.tag-accent{padding:var(--spacing-2)var(--spacing-4);border-radius:var(--radius-full);font-size:12px;font-weight:var(--font-weight-semibold);text-transform:uppercase;background:var(--accent);color:var(--accent-foreground);letter-spacing:.05em;line-height:1;display:inline-block}.tag-red{padding:var(--spacing-2)var(--spacing-4);border-radius:var(--radius-full);font-size:12px;font-weight:var(--font-weight-semibold);text-transform:uppercase;background:var(--destructive);color:var(--destructive-foreground);letter-spacing:.05em;line-height:1;display:inline-block}.card{background:var(--kol-surface-secondary);border:1px solid var(--kol-border-default);border-radius:var(--radius-lg);padding:var(--spacing-10);color:var(--kol-surface-on-primary);transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.card:hover{background:#e5e5e5}@supports (color:color-mix(in lab,red,red)){.card:hover{background:color-mix(in srgb,var(--kol-surface-on-primary)6%,var(--kol-surface-secondary))}}.card:hover{border-color:color-mix(in srgb,color-mix(in srgb,var(--kol-surface-on-primary)8%,transparent)60%,#121215 40%)}@supports (color:color-mix(in lab,red,red)){.card:hover{border-color:color-mix(in srgb,var(--kol-border-default)60%,var(--kol-surface-on-primary)40%)}}.card:hover{color:var(--kol-surface-on-primary)}.section{padding:var(--spacing-section)0}.container{max-width:1680px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.slider-black{appearance:none;cursor:pointer;background:0 0;height:2px}.slider-black::-webkit-slider-runnable-track{background:var(--kol-surface-on-primary);border-radius:0;height:2px}.slider-black::-moz-range-track{background:var(--kol-surface-on-primary);border-radius:0;height:2px}.slider-black::-webkit-slider-thumb{appearance:none;background:var(--kol-surface-on-primary);border:none;border-radius:50%;width:12px;height:12px;margin-top:-5px}.slider-black::-moz-range-thumb{appearance:none;background:var(--kol-surface-on-primary);border:none;border-radius:50%;width:12px;height:12px;margin-top:-5px}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-5{top:calc(var(--spacing)*5)}.right-0{right:calc(var(--spacing)*0)}.right-5{right:calc(var(--spacing)*5)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing)*0)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-1{margin-inline:calc(var(--spacing)*1)}.my-2{margin-block:calc(var(--spacing)*2)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-0{height:calc(var(--spacing)*0)}.h-1\/2{height:50%}.h-2{height:calc(var(--spacing)*2)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-8{height:calc(var(--spacing)*8)}.h-12{height:calc(var(--spacing)*12)}.h-\[12px\]{height:12px}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-\[300px\]{max-height:300px}.max-h-screen{max-height:100vh}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-dvh{min-height:100dvh}.w-0{width:calc(var(--spacing)*0)}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing)*2)}.w-8{width:calc(var(--spacing)*8)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-56{width:calc(var(--spacing)*56)}.w-\[40px\]{width:40px}.w-\[360px\]{width:360px}.w-\[400px\]{width:400px}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.min-w-\[200px\]{min-width:200px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-auto{cursor:auto}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-move{cursor:move}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-blue-400{border-color:var(--color-blue-400)}.border-zinc-700{border-color:var(--color-zinc-700)}.border-zinc-700\/50{border-color:#3f3f4680}@supports (color:color-mix(in lab,red,red)){.border-zinc-700\/50{border-color:color-mix(in oklab,var(--color-zinc-700)50%,transparent)}}.border-zinc-800{border-color:var(--color-zinc-800)}.bg-\[var\(--kol-accent-primary-muted\)\]{background-color:var(--kol-accent-primary-muted)}.bg-\[var\(--kol-container-primary\)\]{background-color:var(--kol-container-primary)}.bg-\[var\(--kol-surface-on-primary\)\]{background-color:var(--kol-surface-on-primary)}.bg-current{background-color:currentColor}.bg-zinc-800{background-color:var(--color-zinc-800)}.bg-zinc-900{background-color:var(--color-zinc-900)}.bg-zinc-900\/50{background-color:#18181b80}@supports (color:color-mix(in lab,red,red)){.bg-zinc-900\/50{background-color:color-mix(in oklab,var(--color-zinc-900)50%,transparent)}}.bg-zinc-950{background-color:var(--color-zinc-950)}.bg-auto{background-size:auto}.\!p-0{padding:calc(var(--spacing)*0)!important}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-\[14px\]{padding-block:14px}.pl-4{padding-left:calc(var(--spacing)*4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-\[11px\]{font-size:11px}.tracking-\[0\.06em\]{--tw-tracking:.06em;letter-spacing:.06em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--kol-surface-on-primary\)\]{color:var(--kol-surface-on-primary)}.text-\[var\(--kol-surface-primary\)\]{color:var(--kol-surface-primary)}.text-current{color:currentColor}.text-zinc-600{color:var(--color-zinc-600)}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-amber-300\/40{outline-color:#ffd23666}@supports (color:color-mix(in lab,red,red)){.outline-amber-300\/40{outline-color:color-mix(in oklab,var(--color-amber-300)40%,transparent)}}.outline-blue-500{outline-color:var(--color-blue-500)}.outline-orange-500{outline-color:var(--color-orange-500)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media(hover:hover){.group-hover\:flex:is(:where(.group):hover *){display:flex}}.first\:pt-0:first-child{padding-top:calc(var(--spacing)*0)}.last\:pb-0:last-child{padding-bottom:calc(var(--spacing)*0)}@media(hover:hover){.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:border-\[var\(--kol-border-strong\)\]:hover{border-color:var(--kol-border-strong)}.hover\:bg-zinc-700:hover{background-color:var(--color-zinc-700)}.hover\:bg-zinc-800:hover{background-color:var(--color-zinc-800)}.hover\:text-zinc-400:hover{color:var(--color-zinc-400)}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[var\(--kol-focus-ring\)\]:focus-visible{--tw-ring-color:var(--kol-focus-ring)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-\[var\(--kol-surface-primary\)\]:focus-visible{--tw-ring-offset-color:var(--kol-surface-primary)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:cursor-grabbing:active{cursor:grabbing}@media(min-width:48rem){.md\:hidden{display:none}.md\:inline-flex{display:inline-flex}}@media(min-width:64rem){.lg\:order-1{order:1}.lg\:hidden{display:none}.lg\:inline-flex{display:inline-flex}}.flex-center{justify-content:center;align-items:center;display:flex}.absolute-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.text-auto{color:var(--kol-surface-on-primary)}.text-auto-inverse{color:var(--kol-surface-on-inverse)}.bg-auto{background-color:var(--kol-surface-primary)}.bg-auto-inverse{background-color:var(--kol-surface-inverse)}.border-auto{border-color:var(--kol-border-default)}.bg-surface-primary{background-color:var(--kol-surface-primary);color:var(--kol-surface-on-primary)}.bg-surface-secondary{background-color:var(--kol-surface-secondary);color:var(--kol-surface-on-secondary)}.bg-surface-tertiary{background-color:var(--kol-surface-tertiary);color:var(--kol-surface-on-tertiary)}.bg-surface-inverse{background-color:var(--kol-surface-inverse);color:var(--kol-surface-on-inverse)}.bg-container-primary{background-color:var(--kol-container-primary);color:var(--kol-container-on-primary)}.bg-container-secondary{background-color:var(--kol-container-secondary);color:var(--kol-container-on-secondary)}.bg-container-elevated{background-color:var(--kol-container-elevated);color:var(--kol-container-on-elevated)}.bg-accent-primary{background-color:var(--kol-accent-primary);color:var(--kol-accent-on-primary)}.bg-accent-primary-muted{background-color:var(--kol-accent-primary-muted)}.bg-status-danger{background-color:var(--kol-status-danger);color:var(--kol-status-on-danger)}.text-status-danger{color:var(--kol-status-danger)}.control-heading,.control-label{font-family:var(--kol-font-family-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--kol-surface-on-primary);font-size:clamp(10px,.8vw,14px);font-weight:470;line-height:120%}.bg-fg-01{background-color:#12121503}@supports (color:color-mix(in lab,red,red)){.bg-fg-01{background-color:color-mix(in srgb,var(--kol-surface-on-primary)1%,transparent)}}.bg-fg-02{background-color:#12121505}@supports (color:color-mix(in lab,red,red)){.bg-fg-02{background-color:color-mix(in srgb,var(--kol-surface-on-primary)2%,transparent)}}.bg-fg-04{background-color:#1212150a}@supports (color:color-mix(in lab,red,red)){.bg-fg-04{background-color:color-mix(in srgb,var(--kol-surface-on-primary)4%,transparent)}}.bg-fg-08{background-color:#12121514}@supports (color:color-mix(in lab,red,red)){.bg-fg-08{background-color:color-mix(in srgb,var(--kol-surface-on-primary)8%,transparent)}}.bg-fg-12{background-color:#1212151f}@supports (color:color-mix(in lab,red,red)){.bg-fg-12{background-color:color-mix(in srgb,var(--kol-surface-on-primary)12%,transparent)}}.bg-fg-16{background-color:#12121529}@supports (color:color-mix(in lab,red,red)){.bg-fg-16{background-color:color-mix(in srgb,var(--kol-surface-on-primary)16%,transparent)}}.bg-fg-24{background-color:#1212153d}@supports (color:color-mix(in lab,red,red)){.bg-fg-24{background-color:color-mix(in srgb,var(--kol-surface-on-primary)24%,transparent)}}.bg-fg-32{background-color:#12121552}@supports (color:color-mix(in lab,red,red)){.bg-fg-32{background-color:color-mix(in srgb,var(--kol-surface-on-primary)32%,transparent)}}.bg-fg-48{background-color:#1212157a}@supports (color:color-mix(in lab,red,red)){.bg-fg-48{background-color:color-mix(in srgb,var(--kol-surface-on-primary)48%,transparent)}}.bg-fg-64{background-color:#121215a3}@supports (color:color-mix(in lab,red,red)){.bg-fg-64{background-color:color-mix(in srgb,var(--kol-surface-on-primary)64%,transparent)}}.bg-fg-80{background-color:#121215cc}@supports (color:color-mix(in lab,red,red)){.bg-fg-80{background-color:color-mix(in srgb,var(--kol-surface-on-primary)80%,transparent)}}.sketch-picker.sketch-only-spectrum>div:nth-of-type(3),.sketch-picker.sketch-only-spectrum>div:nth-of-type(4){display:none!important}.border-fg{border-color:var(--kol-surface-on-primary)}.border-fg-01{border-color:#12121503}@supports (color:color-mix(in lab,red,red)){.border-fg-01{border-color:color-mix(in srgb,var(--kol-surface-on-primary)1%,transparent)}}.border-fg-02{border-color:#12121505}@supports (color:color-mix(in lab,red,red)){.border-fg-02{border-color:color-mix(in srgb,var(--kol-surface-on-primary)2%,transparent)}}.border-fg-04{border-color:#1212150a}@supports (color:color-mix(in lab,red,red)){.border-fg-04{border-color:color-mix(in srgb,var(--kol-surface-on-primary)4%,transparent)}}.border-fg-08{border-color:#12121514}@supports (color:color-mix(in lab,red,red)){.border-fg-08{border-color:color-mix(in srgb,var(--kol-surface-on-primary)8%,transparent)}}.border-fg-12{border-color:#1212151f}@supports (color:color-mix(in lab,red,red)){.border-fg-12{border-color:color-mix(in srgb,var(--kol-surface-on-primary)12%,transparent)}}.border-fg-16{border-color:#12121529}@supports (color:color-mix(in lab,red,red)){.border-fg-16{border-color:color-mix(in srgb,var(--kol-surface-on-primary)16%,transparent)}}.border-fg-24{border-color:#1212153d}@supports (color:color-mix(in lab,red,red)){.border-fg-24{border-color:color-mix(in srgb,var(--kol-surface-on-primary)24%,transparent)}}.border-fg-32{border-color:#12121552}@supports (color:color-mix(in lab,red,red)){.border-fg-32{border-color:color-mix(in srgb,var(--kol-surface-on-primary)32%,transparent)}}.border-fg-48{border-color:#1212157a}@supports (color:color-mix(in lab,red,red)){.border-fg-48{border-color:color-mix(in srgb,var(--kol-surface-on-primary)48%,transparent)}}.border-fg-64{border-color:#121215a3}@supports (color:color-mix(in lab,red,red)){.border-fg-64{border-color:color-mix(in srgb,var(--kol-surface-on-primary)64%,transparent)}}.divide-fg-08>:not([hidden])~:not([hidden]){border-color:#12121514}@supports (color:color-mix(in lab,red,red)){.divide-fg-08>:not([hidden])~:not([hidden]){border-color:color-mix(in srgb,var(--kol-surface-on-primary)8%,transparent)}}.divide-fg-16>:not([hidden])~:not([hidden]){border-color:#12121529}@supports (color:color-mix(in lab,red,red)){.divide-fg-16>:not([hidden])~:not([hidden]){border-color:color-mix(in srgb,var(--kol-surface-on-primary)16%,transparent)}}.text-fg-01{color:#12121503}@supports (color:color-mix(in lab,red,red)){.text-fg-01{color:color-mix(in srgb,var(--kol-surface-on-primary)1%,transparent)}}.text-fg-02{color:#12121505}@supports (color:color-mix(in lab,red,red)){.text-fg-02{color:color-mix(in srgb,var(--kol-surface-on-primary)2%,transparent)}}.text-fg-04{color:#1212150a}@supports (color:color-mix(in lab,red,red)){.text-fg-04{color:color-mix(in srgb,var(--kol-surface-on-primary)4%,transparent)}}.text-fg-08{color:#12121514}@supports (color:color-mix(in lab,red,red)){.text-fg-08{color:color-mix(in srgb,var(--kol-surface-on-primary)8%,transparent)}}.text-fg-12{color:#1212151f}@supports (color:color-mix(in lab,red,red)){.text-fg-12{color:color-mix(in srgb,var(--kol-surface-on-primary)12%,transparent)}}.text-fg-16{color:#12121529}@supports (color:color-mix(in lab,red,red)){.text-fg-16{color:color-mix(in srgb,var(--kol-surface-on-primary)16%,transparent)}}.text-fg-24{color:#1212153d}@supports (color:color-mix(in lab,red,red)){.text-fg-24{color:color-mix(in srgb,var(--kol-surface-on-primary)24%,transparent)}}.text-fg-32{color:#12121552}@supports (color:color-mix(in lab,red,red)){.text-fg-32{color:color-mix(in srgb,var(--kol-surface-on-primary)32%,transparent)}}.text-fg-48{color:#1212157a}@supports (color:color-mix(in lab,red,red)){.text-fg-48{color:color-mix(in srgb,var(--kol-surface-on-primary)48%,transparent)}}.text-fg-64{color:#121215a3}@supports (color:color-mix(in lab,red,red)){.text-fg-64{color:color-mix(in srgb,var(--kol-surface-on-primary)64%,transparent)}}.text-fg-80{color:#121215cc}@supports (color:color-mix(in lab,red,red)){.text-fg-80{color:color-mix(in srgb,var(--kol-surface-on-primary)80%,transparent)}}.text-fg-88{color:#121215e0}@supports (color:color-mix(in lab,red,red)){.text-fg-88{color:color-mix(in srgb,var(--kol-surface-on-primary)88%,transparent)}}.text-fg-96{color:#121215f5}@supports (color:color-mix(in lab,red,red)){.text-fg-96{color:color-mix(in srgb,var(--kol-surface-on-primary)96%,transparent)}}.hover\:border-fg-08:hover{border-color:#12121514}@supports (color:color-mix(in lab,red,red)){.hover\:border-fg-08:hover{border-color:color-mix(in srgb,var(--kol-surface-on-primary)8%,transparent)}}.hover\:border-fg-16:hover{border-color:#12121529}@supports (color:color-mix(in lab,red,red)){.hover\:border-fg-16:hover{border-color:color-mix(in srgb,var(--kol-surface-on-primary)16%,transparent)}}.hover\:border-fg-24:hover{border-color:#1212153d}@supports (color:color-mix(in lab,red,red)){.hover\:border-fg-24:hover{border-color:color-mix(in srgb,var(--kol-surface-on-primary)24%,transparent)}}.hover\:bg-fg-04:hover{background-color:#1212150a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-fg-04:hover{background-color:color-mix(in srgb,var(--kol-surface-on-primary)4%,transparent)}}.hover\:bg-fg-08:hover{background-color:#12121514}@supports (color:color-mix(in lab,red,red)){.hover\:bg-fg-08:hover{background-color:color-mix(in srgb,var(--kol-surface-on-primary)8%,transparent)}}.hover\:bg-fg-12:hover{background-color:#1212151f}@supports (color:color-mix(in lab,red,red)){.hover\:bg-fg-12:hover{background-color:color-mix(in srgb,var(--kol-surface-on-primary)12%,transparent)}}.hover\:bg-fg-16:hover{background-color:#12121529}@supports (color:color-mix(in lab,red,red)){.hover\:bg-fg-16:hover{background-color:color-mix(in srgb,var(--kol-surface-on-primary)16%,transparent)}}}@font-face{font-family:RightGrotesk;src:url(/fonts/PPRightGrotesk-NarrowMedium.woff)format("woff");font-weight:470;font-stretch:75%;font-style:normal;font-display:swap}@font-face{font-family:RightGrotesk;src:url(/fonts/PPRightGrotesk-TightMedium.woff)format("woff");font-weight:470;font-stretch:62.5%;font-style:normal;font-display:swap}@font-face{font-family:RightGrotesk;src:url(/fonts/PPRightGrotesk-Bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:RightGrotesk;src:url(/fonts/PPRightGrotesk-TallBlack.woff)format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:RightGroteskCompact;src:url(/fonts/PPRightGrotesk-CompactRegular.woff)format("woff");font-weight:470;font-style:normal;font-display:swap}@font-face{font-family:RightGroteskMono;src:url(/fonts/PPRightGroteskMono-Medium.woff)format("woff");font-weight:470;font-style:normal;font-display:swap}@font-face{font-family:RightGroteskMono;src:url(/fonts/PPRightGroteskMono-Fine.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:RightGroteskMono;src:url(/fonts/PPRightGroteskMono-FineItalic.woff)format("woff");font-weight:300;font-style:italic;font-display:swap}:is([data-theme=dark],.dark){--kol-surface-primary:#121215;--kol-surface-on-primary:#fafafa;--kol-surface-secondary:#19191d;--kol-surface-on-secondary:#f8f8f8;--kol-surface-tertiary:#0e0e11;--kol-surface-on-tertiary:#fff;--kol-surface-inverse:#fcfbf8;--kol-surface-on-inverse:#0e0e11;--kol-surface-secondary-inverse:#e0e0e0;--kol-surface-tertiary-inverse:#d4d4d8;--kol-surface-support-split:#202026;--kol-surface-support-split-inverse:#eee;--kol-surface-absolute-split:#000;--kol-surface-absolute-split-inverse:#fff;--kol-container-primary:#19191d;--kol-container-on-primary:#f5f5f5;--kol-container-secondary:#202026;--kol-container-on-secondary:#eee;--kol-container-elevated:#242427;--kol-container-on-elevated:#f5f5f5;--kol-status-danger:#bc583f;--kol-status-danger-strong:#9b3928;--kol-status-danger-muted:#bc583f3d;--kol-accent-primary-muted:#f5d2453d}:root{font-family:var(--kol-font-family-mono);height:100%}html,body,#root{height:100%}.editor-shell{background:var(--kol-surface-primary);color:var(--kol-surface-on-primary)}.slider-black{appearance:none;cursor:pointer;background:0 0;height:2px}.slider-black::-webkit-slider-runnable-track{background:var(--kol-surface-on-primary);border-radius:0;height:2px}.slider-black::-moz-range-track{background:var(--kol-surface-on-primary);border-radius:0;height:2px}.slider-black::-webkit-slider-thumb{appearance:none;background:var(--kol-surface-on-primary);border:none;border-radius:50%;width:12px;height:12px;margin-top:-5px}.slider-black::-moz-range-thumb{appearance:none;background:var(--kol-surface-on-primary);border:none;border-radius:50%;width:12px;height:12px}.slider-light{appearance:none;cursor:pointer;background:0 0;height:2px}.slider-light::-webkit-slider-runnable-track{background:var(--kol-surface-primary);border-radius:0;height:2px}.slider-light::-moz-range-track{background:var(--kol-surface-primary);border-radius:0;height:2px}.slider-light::-webkit-slider-thumb{appearance:none;background:var(--kol-surface-primary);border:none;border-radius:50%;width:12px;height:12px;margin-top:-5px}.slider-light::-moz-range-thumb{appearance:none;background:var(--kol-surface-primary);border:none;border-radius:50%;width:12px;height:12px}.tag-control{background-color:var(--kol-surface-primary);font-size:10px;font-weight:400;font-family:var(--kol-font-family-mono);color:var(--kol-surface-on-primary);border:1px solid var(--kol-border-default);border-radius:9999px;align-items:center;padding:4px 16px;transition:background-color .2s,color .2s;display:inline-flex}.tag-control:hover,.tag-control.is-active{background-color:var(--kol-surface-on-primary);color:var(--kol-surface-primary);border-color:var(--kol-surface-on-primary)}.tag-control-inverse{background-color:var(--kol-surface-on-primary);font-size:10px;font-weight:400;font-family:var(--kol-font-family-mono);color:var(--kol-surface-primary);border:1px solid #0000;border-radius:9999px;align-items:center;padding:4px 16px;display:inline-flex}.tag-control-inverse:hover,.tag-control-inverse.is-active{background-color:var(--kol-surface-primary);color:var(--kol-surface-on-primary);border:1px solid var(--kol-border-default)}.icon-default{opacity:1;transition:transform .3s,opacity .3s;transform:translate(0)scale(1)}.icon-hover{opacity:0;transition:transform .3s,opacity .3s;transform:translate(-100%,-100%)scale(.8)}button:hover .icon-default,a:hover .icon-default,.section-label-wrapper:hover .icon-default{opacity:0;transform:translate(100%,100%)scale(.8)}button:hover .icon-hover,a:hover .icon-hover,.section-label-wrapper:hover .icon-hover{opacity:1;transform:translate(0)scale(1)}@media(min-width:64rem){.section-label-icon,.section-label-icon-svg{width:24px!important;height:24px!important}}.foundry-title{color:var(--kol-surface-on-primary);font-family:TGMalromur;font-size:28px;font-style:normal;font-weight:400;line-height:100%}.pairing-card{background-color:#0000;border:1px solid #12121514}@supports (color:color-mix(in lab,red,red)){.pairing-card{border-color:color-mix(in srgb,var(--kol-surface-on-primary)8%,transparent)}}.pairing-card{transition:all .3s}.pairing-card:hover{background-color:#12121503}@supports (color:color-mix(in lab,red,red)){.pairing-card:hover{background-color:color-mix(in srgb,var(--kol-surface-on-primary)1%,transparent)}}.pairing-card:hover{border-color:#1212153d}@supports (color:color-mix(in lab,red,red)){.pairing-card:hover{border-color:color-mix(in srgb,var(--kol-surface-on-primary)24%,transparent)}}.typeface-card{border:1px solid #12121514}@supports (color:color-mix(in lab,red,red)){.typeface-card{border-color:color-mix(in srgb,var(--kol-surface-on-primary)8%,transparent)}}.typeface-card{opacity:.8;transition:all .3s}.typeface-card:hover,.typeface-card.active{border-color:#1212153d}@supports (color:color-mix(in lab,red,red)){.typeface-card:hover,.typeface-card.active{border-color:color-mix(in srgb,var(--kol-surface-on-primary)24%,transparent)}}.typeface-card:hover,.typeface-card.active{opacity:1}.style-card{border:1px solid #12121514;border-radius:4px;width:100%;height:120px;min-height:120px;padding:1rem}@supports (color:color-mix(in lab,red,red)){.style-card{border:1px solid color-mix(in srgb,var(--kol-surface-on-primary)8%,transparent)}}.style-card{cursor:pointer;justify-content:space-between;transition:all .2s;display:flex}.style-card:hover,.style-card.active{border-color:#1212153d}@supports (color:color-mix(in lab,red,red)){.style-card:hover,.style-card.active{border-color:color-mix(in srgb,var(--kol-surface-on-primary)24%,transparent)}}.style-card-text{color:var(--kol-surface-on-primary);opacity:.5;transition:opacity .2s}.style-card:hover .style-card-text,.style-card.active .style-card-text{opacity:1}.feature-card{background-color:#0000;border:1px solid #12121514;height:192px;min-height:192px;padding:1rem}@supports (color:color-mix(in lab,red,red)){.feature-card{border:1px solid color-mix(in srgb,var(--kol-surface-on-primary)8%,transparent)}}.feature-card{opacity:.5;border-radius:4px;flex-direction:column;justify-content:space-between;transition:all .3s;display:flex}@media(min-width:768px){.feature-card.flex-1{height:320px}}.feature-card:hover,.feature-card.active{background-color:#12121503}@supports (color:color-mix(in lab,red,red)){.feature-card:hover,.feature-card.active{background-color:color-mix(in srgb,var(--kol-surface-on-primary)1%,transparent)}}.feature-card:hover,.feature-card.active{border-color:#1212153d}@supports (color:color-mix(in lab,red,red)){.feature-card:hover,.feature-card.active{border-color:color-mix(in srgb,var(--kol-surface-on-primary)24%,transparent)}}.feature-card:hover,.feature-card.active{opacity:1}.foundryCard{background-color:#12121503;border-radius:4px;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.foundryCard{background-color:color-mix(in srgb,var(--kol-surface-on-primary)1%,transparent)}}.foundryCard{border:1px solid #12121514}@supports (color:color-mix(in lab,red,red)){.foundryCard{border-color:color-mix(in srgb,var(--kol-surface-on-primary)8%,transparent)}}.foundryCardPadded{padding:16px}@media(min-width:768px){.foundryCardPadded{padding:24px}}@media(min-width:1024px){.foundryCardPadded{padding:32px}}.foundryCardLight{--card-base-color:var(--kol-surface-primary);color:var(--kol-surface-on-primary)}.foundryCardDark,.foundryCardInverted{--card-base-color:var(--kol-surface-inverse);color:var(--kol-surface-on-inverse)}:is([data-theme=dark],.dark) .foundryCardInverted{--card-base-color:var(--kol-surface-primary);color:var(--kol-surface-on-primary)}.main-wrapper{gap:calc(var(--spacing)*8);padding:calc(var(--spacing)*8);flex-direction:column;display:flex}.card-wrapper{background-color:#12121503}@supports (color:color-mix(in lab,red,red)){.card-wrapper{background-color:color-mix(in srgb,var(--kol-surface-on-primary)1%,transparent)}}.card-wrapper{border:1px solid #12121514}@supports (color:color-mix(in lab,red,red)){.card-wrapper{border:1px solid color-mix(in srgb,var(--kol-surface-on-primary)8%,transparent)}}.card-wrapper{padding:calc(var(--spacing)*8);border-radius:.25rem}.style-card-left{flex-direction:column;justify-content:flex-end;height:100%;transition:justify-content .2s;display:flex}.style-card:hover .style-card-left,.style-card.active .style-card-left{justify-content:flex-start}.style-card-right{flex-direction:column;justify-content:flex-start;height:100%;transition:justify-content .2s;display:flex}.style-card:hover .style-card-right,.style-card.active .style-card-right{justify-content:flex-end}.fpsMainWrapper{flex-direction:column;gap:.75rem;width:100%;display:flex}.fpsButtonsWrapper{flex-direction:row;justify-content:flex-end;align-items:center;gap:.75rem;width:100%;display:flex}.fpsSlidersWrapper{flex-direction:column;gap:.75rem;width:100%;display:flex}@media(min-width:1024px){.fpsMainWrapper{flex-direction:row;justify-content:space-between;align-items:flex-start}.fpsButtonsWrapper{width:auto}.fpsSlidersWrapper{width:480px;max-width:760px}}.fpsHideCompact{display:none}@media(min-width:1024px){.fpsDesktopLayout{flex-direction:row;justify-content:space-between;align-items:flex-start}.fpsDesktopLayout .fpsButtonsWrapper{width:auto}.fpsDesktopLayout .fpsSlidersWrapper{width:480px;max-width:760px}.fpsDesktopLayout .fpsHideCompact{display:flex}}.fpsDesktopSmall{flex-direction:column}.fpsDesktopSmall .fpsButtonsWrapper{flex-direction:column;align-items:flex-end;width:100%}.fpsDesktopSmall .fpsSlidersWrapper{width:100%}.fpsDesktopSmall .fpsHideCompact{display:none}.sidebar-menu-item{border-radius:var(--radius-full);color:var(--kol-surface-on-primary);background:0 0;transition:background-color .3s,color .3s,border-color .3s;position:relative}.sidebar-menu-item:hover{background-color:#1212150a}@supports (color:color-mix(in lab,red,red)){.sidebar-menu-item:hover{background-color:color-mix(in srgb,var(--kol-surface-on-primary)4%,transparent)}}.sidebar-menu-item:hover,.sidebar-menu-item.is-active{border-color:var(--kol-border-default)}.sidebar-menu-item.is-active:before{content:"";background-color:var(--kol-surface-on-primary);opacity:1;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.sidebar-menu-item[data-expanded=true]{background-color:#12121505}@supports (color:color-mix(in lab,red,red)){.sidebar-menu-item[data-expanded=true]{background-color:color-mix(in srgb,var(--kol-surface-on-primary)2%,transparent)}}.sidebar-menu-item[data-expanded=true]{border-color:var(--kol-border-default)}.sidebar-menu-item[data-expanded=true]:hover{background-color:#1212150a}@supports (color:color-mix(in lab,red,red)){.sidebar-menu-item[data-expanded=true]:hover{background-color:color-mix(in srgb,var(--kol-surface-on-primary)4%,transparent)}}.sidebar-menu-item[data-expanded=true]:hover{border-color:var(--kol-border-default)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}