@layer base,theme,variants,severity;@layer base{:root{--font-family: inherit;--font-family-mono: monospace;--font-size: 1rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--border-width: .0625rem;--border-style: solid;--animation-duration: .3s;--animation-spin-duration: .8s;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500}*{--font-size-xs: calc(var(--font-size) * .75);--font-size-sm: calc(var(--font-size) * .875);--font-size-lg: calc(var(--font-size) * 1.125);--font-size-xl: calc(var(--font-size) * 1.25);--font-size-2xl: calc(var(--font-size) * 1.5);--font-size-3xl: calc(var(--font-size) * 2.25)}}@keyframes sm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sm-fade-out{0%{opacity:1}to{opacity:0}}@keyframes sm-scale-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes sm-slide-up{0%{transform:translateY(.5rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes sm-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@layer base{:root{--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px}*{--control-space: var(--space-md);--control-font-size: var(--font-size);--control-padding-inline: var(--control-space);--control-padding-block: calc(var(--control-space) * .5);--control-gap: calc(var(--control-space) * .5);--control-size: calc(var(--control-space) + var(--control-font-size) * var(--line-height))}}@layer variants{.sm-size-xs{--control-space: var(--space-xs);--control-font-size: var(--font-size-xs)}.sm-size-sm{--control-space: var(--space-sm);--control-font-size: var(--font-size-sm)}.sm-size-md{--control-space: var(--space-md);--control-font-size: var(--font-size)}.sm-size-lg{--control-space: var(--space-lg);--control-font-size: var(--font-size-lg)}.sm-size-xl{--control-space: var(--space-xl);--control-font-size: var(--font-size-xl)}}.sm-sized{box-sizing:border-box;min-height:var(--control-size);--control-space: var(--space-md);--control-font-size: var(--font-size);font-size:var(--control-font-size);gap:var(--control-gap);padding-block:var(--control-padding-block);padding-inline:var(--control-padding-inline)}.sm-justify-start{--content-justify: flex-start}.sm-justify-center{--content-justify: center}.sm-justify-end{--content-justify: flex-end}@scope (.sm-size-xs){:scope.sm-sized,.sm-sized.sm-sized{--control-space: var(--space-xs);--control-font-size: var(--font-size-xs)}}@scope (.sm-size-sm){:scope.sm-sized,.sm-sized.sm-sized{--control-space: var(--space-sm);--control-font-size: var(--font-size-sm)}}@scope (.sm-size-md){:scope.sm-sized,.sm-sized.sm-sized{--control-space: var(--space-md);--control-font-size: var(--font-size)}}@scope (.sm-size-lg){:scope.sm-sized,.sm-sized.sm-sized{--control-space: var(--space-lg);--control-font-size: var(--font-size-lg)}}@scope (.sm-size-xl){:scope.sm-sized,.sm-sized.sm-sized{--control-space: var(--space-xl);--control-font-size: var(--font-size-xl)}}@layer base{:root{--_contrast-threshold: .7;--color-primary: oklch(64.83% .12 235.7);--color-success: oklch(68% .17 149.2);--color-warning: oklch(65% .16 50);--color-error: oklch(63% .22 27.3);--color-info: oklch(54.61% .22 262.9)}*{--color-primary-contrast: oklch(from var(--color-primary) clamp(0, (var(--_contrast-threshold) - l) * 1000, 1) 0 0);--color-success-contrast: oklch(from var(--color-success) clamp(0, (var(--_contrast-threshold) - l) * 1000, 1) 0 0);--color-warning-contrast: oklch(from var(--color-warning) clamp(0, (var(--_contrast-threshold) - l) * 1000, 1) 0 0);--color-error-contrast: oklch(from var(--color-error) clamp(0, (var(--_contrast-threshold) - l) * 1000, 1) 0 0);--color-info-contrast: oklch(from var(--color-info) clamp(0, (var(--_contrast-threshold) - l) * 1000, 1) 0 0)}.dark{--_contrast-threshold: .45}}@layer severity{.sm-error,.sm-error *{--color-primary: var(--color-error);--color-primary-hover: color-mix(in oklab, var(--color-error) 85%, var(--_hover-mix));--color-primary-active: color-mix(in oklab, var(--color-error) 70%, var(--_hover-mix));--color-primary-subtle: color-mix(in oklab, var(--color-error) 15%, var(--surface));--foreground: var(--color-error)}.sm-success{--color-primary: var(--color-success);--color-primary-hover: color-mix(in oklab, var(--color-success) 85%, var(--_hover-mix));--color-primary-active: color-mix(in oklab, var(--color-success) 70%, var(--_hover-mix));--color-primary-subtle: color-mix(in oklab, var(--color-success) 15%, var(--surface));--foreground: var(--color-success)}.sm-warning{--color-primary: var(--color-warning);--color-primary-hover: color-mix(in oklab, var(--color-warning) 85%, var(--_hover-mix));--color-primary-active: color-mix(in oklab, var(--color-warning) 70%, var(--_hover-mix));--color-primary-subtle: color-mix(in oklab, var(--color-warning) 15%, var(--surface));--foreground: var(--color-warning)}.sm-info{--color-primary: var(--color-info);--color-primary-hover: color-mix(in oklab, var(--color-info) 85%, var(--_hover-mix));--color-primary-active: color-mix(in oklab, var(--color-info) 70%, var(--_hover-mix));--color-primary-subtle: color-mix(in oklab, var(--color-info) 15%, var(--surface));--foreground: var(--color-info)}.dark .sm-error,.dark.sm-error,.dark.sm-error *{--color-primary: oklch(71.06% .17 22.2);--color-primary-hover: color-mix(in oklab, oklch(71.06% .17 22.2) 85%, var(--_hover-mix));--color-primary-active: color-mix(in oklab, oklch(71.06% .17 22.2) 70%, var(--_hover-mix));--color-primary-subtle: color-mix(in oklab, oklch(71.06% .17 22.2) 15%, var(--surface));--color-primary-contrast: oklch(20% 0 0);--foreground: oklch(71.06% .17 22.2)}.dark .sm-success,.dark.sm-success{--color-primary: oklch(72.31% .15 149.2);--color-primary-hover: color-mix(in oklab, oklch(72.31% .15 149.2) 85%, var(--_hover-mix));--color-primary-active: color-mix(in oklab, oklch(72.31% .15 149.2) 70%, var(--_hover-mix));--color-primary-subtle: color-mix(in oklab, oklch(72.31% .15 149.2) 15%, var(--surface));--color-primary-contrast: oklch(20% 0 0);--foreground: oklch(72.31% .15 149.2)}.dark .sm-warning,.dark.sm-warning{--color-primary: oklch(65% .14 50);--color-primary-hover: color-mix(in oklab, oklch(65% .14 50) 85%, var(--_hover-mix));--color-primary-active: color-mix(in oklab, oklch(65% .14 50) 70%, var(--_hover-mix));--color-primary-subtle: color-mix(in oklab, oklch(65% .14 50) 15%, var(--surface));--color-primary-contrast: oklch(20% 0 0);--foreground: oklch(65% .14 50)}.dark .sm-info,.dark.sm-info{--color-primary: oklch(65% .22 262.9);--color-primary-hover: color-mix(in oklab, oklch(65% .22 262.9) 85%, var(--_hover-mix));--color-primary-active: color-mix(in oklab, oklch(65% .22 262.9) 70%, var(--_hover-mix));--color-primary-subtle: color-mix(in oklab, oklch(65% .22 262.9) 15%, var(--surface));--color-primary-contrast: oklch(20% 0 0);--foreground: oklch(65% .22 262.9)}}@layer base{:root{--border-radius: .5rem;--border-radius-full: 625rem}*{--border-radius-xs: calc(var(--border-radius) * .25);--border-radius-sm: calc(var(--border-radius) * .5);--border-radius-md: var(--border-radius);--border-radius-lg: calc(var(--border-radius) * 2);--border-radius-xl: calc(var(--border-radius) * 4)}}@layer variants{.sm-rounded-md{border-radius:var(--border-radius-md)}.sm-rounded-xs{border-radius:var(--border-radius-xs)}.sm-rounded-sm{border-radius:var(--border-radius-sm)}.sm-rounded-lg{border-radius:var(--border-radius-lg)}.sm-rounded-xl{border-radius:var(--border-radius-xl)}}.sm-rounded-sharp{border-radius:0;--border-radius: 0}.sm-rounded-full{border-radius:var(--border-radius-full);--border-radius: var(--border-radius-full)}@layer base{:root{--background: oklch(98.51% 0 0);--foreground: oklch(26.86% 0 0);--foreground-muted: oklch(55% 0 0);--surface: oklch(100% 0 0);--surface-alt: oklch(97.02% 0 0);--border-color: oklch(92.19% 0 0);--outline-color: oklch(64.83% .12 235.7);--surface-bg: var(--surface);--surface-border: transparent;--surface-bg-hover: var(--color-primary);--surface-fg-hover: var(--color-primary-contrast);--surface-border-hover: var(--color-primary)}*{--color-primary-hover: color-mix(in oklab, var(--color-primary) 85%, var(--_hover-mix));--color-primary-active: color-mix(in oklab, var(--color-primary) 70%, var(--_hover-mix));--color-primary-subtle: color-mix(in oklab, var(--color-primary) 15%, var(--surface));--surface-bg-pressed: color-mix(in oklab, var(--surface-bg-hover) 82%, var(--_hover-mix));--surface-border-pressed: var(--surface-border-hover);--surface-bg-selected: color-mix(in oklab, var(--surface-bg-hover) 30%, var(--surface-bg));--surface-fg-selected: var(--surface-fg, var(--foreground));--surface-border-selected: var(--surface-border);--surface-bg-selected-hover: color-mix(in oklab, var(--surface-bg-hover) 45%, var(--surface-bg));--surface-fg-selected-hover: var(--surface-fg-selected);--surface-border-selected-hover: var(--surface-border-selected);--placeholder-color: color-mix(in oklab, var(--surface-fg, var(--foreground)) 50%, transparent)}.dark{--background: oklch(20.46% 0 0);--foreground: oklch(92.19% 0 0);--foreground-muted: oklch(65% 0 0);--surface: oklch(26.86% 0 0);--surface-alt: oklch(37.15% 0 0);--border-color: oklch(37.15% 0 0);--outline-color: oklch(71.37% .14 254.6);color-scheme:dark}}.sm-surface{background:var(--surface-bg, var(--surface));color:var(--surface-fg, inherit);border:var(--border-width) var(--border-style) var(--surface-border, transparent)}.sm-surface.sm-interactive{color:var(--surface-fg, var(--color-primary))}.sm-floating{background:var(--surface);border:var(--border-width) var(--border-style) var(--border-color)}.sm-surface.sm-interactive:hover{background:var(--surface-bg-hover, var(--color-primary));color:var(--surface-fg-hover, var(--color-primary-contrast));border-color:var(--surface-border-hover, var(--color-primary))}.sm-surface.sm-interactive:active{background:var(--surface-bg-pressed, var(--color-primary-active));border-color:var(--surface-border-pressed, var(--surface-border-hover, transparent))}.sm-surface.active,.sm-surface .active{background:var(--surface-bg-selected, var(--color-primary-subtle));color:var(--surface-fg-selected, var(--foreground));border-color:var(--surface-border-selected, var(--surface-border, transparent))}.sm-surface.sm-interactive.active:hover,.sm-surface.sm-interactive .active:hover{background:var(--surface-bg-selected-hover, var(--surface-bg-selected, var(--color-primary-subtle)));color:var(--surface-fg-selected-hover, var(--surface-fg-selected, var(--foreground)));border-color:var(--surface-border-selected-hover, var(--surface-border-selected, var(--surface-border, transparent)))}@scope (.sm-default){:scope,*{--surface-bg: initial;--surface-fg: initial;--surface-border: initial;--surface-bg-hover: initial;--surface-fg-hover: initial;--surface-border-hover: initial}}.sm-surface .sm-surface{border-color:transparent}@layer base{:root{--transition-duration: .15s;--transition-timing: ease-in-out;--_hover-mix: black;--opacity-disabled: .4}.dark{--_hover-mix: white}}.sm-interactive,.sm-interactive *{cursor:pointer}@layer base{:root{--focus-ring-width: 0;--focus-ring-offset: .125rem}*{--focus-ring-color: var(--outline-color)}}.sm-focus:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@layer base{:root{--spacing-unit: 1rem}*{--space-xs: calc(var(--spacing-unit) * .5);--space-sm: calc(var(--spacing-unit) * .75);--space-md: var(--spacing-unit);--space-lg: calc(var(--spacing-unit) * 1.25);--space-xl: calc(var(--spacing-unit) * 1.5)}}@layer variants{.sm-padded-sm{padding:var(--space-sm)}.sm-padded-xs{padding:var(--space-xs)}.sm-padded-md{padding:var(--space-md)}.sm-padded-lg{padding:var(--space-lg)}.sm-padded-xl{padding:var(--space-xl)}}@layer base{:root{--line-height: 1.5;--line-height-tight: 1.25;--line-height-loose: 1.75;--line-height-none: 1;--letter-spacing-tight: -.025em;--letter-spacing-wide: .025em}*{--font-family-secondary: var(--font-family);--font-weight-secondary-normal: var(--font-weight-normal);--font-weight-secondary-medium: var(--font-weight-medium);--font-weight-secondary-semibold: var(--font-weight-semibold);--font-weight-secondary-bold: var(--font-weight-bold);--letter-spacing-secondary: var(--letter-spacing-tight);--line-height-secondary: var(--line-height-tight)}}@layer variants{.sm-text{line-height:var(--line-height)}.sm-text-tight{line-height:var(--line-height-tight)}.sm-text-loose{line-height:var(--line-height-loose)}.sm-text-md{line-height:var(--line-height)}.sm-text-none{line-height:var(--line-height-none)}.sm-text-bold{font-weight:var(--font-weight-bold)}}.sm-heading{font-family:var(--font-family-secondary);font-size:1.125em;font-weight:var(--font-weight-secondary-semibold);line-height:var(--line-height-secondary);letter-spacing:var(--letter-spacing-secondary)}@layer base{:root{--shadow-sm: 0 .0625rem .125rem 0 oklch(0% 0 0 / .05);--shadow-md: 0 .25rem .375rem -.0625rem oklch(0% 0 0 / .1);--shadow-lg: 0 .625rem .9375rem -.1875rem oklch(0% 0 0 / .1)}}@layer variants{.sm-elevated-md{box-shadow:var(--shadow-md)}.sm-elevated-sm{box-shadow:var(--shadow-sm)}.sm-elevated-lg{box-shadow:var(--shadow-lg)}}@scope (.sm-standard){:scope,*{--surface-bg: color-mix(in oklab, var(--foreground) 6%, var(--surface));--surface-fg: var(--foreground);--surface-border: color-mix(in oklab, var(--foreground) 12%, transparent);--surface-bg-hover: color-mix(in oklab, var(--foreground) 12%, var(--surface));--surface-fg-hover: var(--foreground);--surface-border-hover: var(--color-primary);--surface-bg-pressed: color-mix(in oklab, var(--foreground) 16%, var(--surface));--surface-bg-selected: color-mix(in oklab, var(--foreground) 12%, transparent);--surface-bg-selected-hover: color-mix(in oklab, var(--foreground) 16%, transparent);--placeholder-color: initial}}@scope (.sm-subtle){:scope,*{--surface-bg: var(--color-primary-subtle);--surface-fg: var(--color-primary);--surface-border: transparent;--surface-bg-hover: color-mix(in oklab, var(--color-primary) 20%, var(--surface));--surface-fg-hover: var(--color-primary);--surface-border-hover: var(--color-primary);--surface-bg-pressed: color-mix(in oklab, var(--color-primary) 25%, var(--surface));--surface-bg-selected: color-mix(in oklab, var(--color-primary) 20%, var(--surface));--surface-fg-selected: var(--foreground);--surface-bg-selected-hover: color-mix(in oklab, var(--color-primary) 25%, var(--surface));--placeholder-color: initial}}@scope (.sm-outline){:scope,*{--surface-bg: var(--surface);--surface-fg: var(--color-primary);--surface-border: var(--color-primary);--surface-bg-hover: var(--color-primary);--surface-fg-hover: var(--color-primary-contrast);--surface-border-hover: var(--color-primary);--surface-bg-pressed: var(--color-primary-active);--surface-bg-selected: var(--color-primary-subtle);--surface-fg-selected: var(--foreground);--surface-bg-selected-hover: color-mix(in oklab, var(--color-primary) 25%, var(--surface));--placeholder-color: initial}}@scope (.sm-solid){:scope,*{--surface-bg: var(--color-primary);--surface-fg: var(--color-primary-contrast);--surface-border: var(--color-primary);--surface-bg-hover: var(--color-primary-hover);--surface-fg-hover: var(--color-primary-contrast);--surface-border-hover: var(--color-primary-hover);--surface-border-pressed: var(--color-primary-active);--surface-bg-selected: var(--color-primary-active);--surface-border-selected: var(--color-primary-active);--surface-bg-selected-hover: var(--color-primary-hover);--surface-border-selected-hover: var(--color-primary-hover);--placeholder-color: color-mix(in oklab, var(--color-primary-contrast) 70%, transparent)}}.sm-content-width{max-inline-size:var(--content-width, none);margin-inline:auto}.sm-group>:not(:last-child),.sm-group>:not(:last-child)>*{border-start-end-radius:0;border-end-end-radius:0;border-inline-end-width:0}.sm-group>:not(:first-child),.sm-group>:not(:first-child)>*{border-start-start-radius:0;border-end-start-radius:0;border-inline-start-width:0}.sm-tooltip{position:fixed;z-index:var(--z-overlay);max-width:20rem;background:var(--foreground);color:var(--surface);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius);font-size:var(--font-size-sm);pointer-events:none;overflow-wrap:break-word;animation:sm-fade-in var(--animation-duration) var(--transition-timing)}*,:before,:after{box-sizing:border-box;border:0 solid}html{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:var(--line-height);margin:0;background-color:var(--background);-webkit-text-size-adjust:100%;font-feature-settings:normal;font-variation-settings:normal;tab-size:4}body{margin:0;background-color:var(--background);color:var(--foreground);min-height:-webkit-fill-available;font-family:inherit}h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul,ol,menu{list-style:none;margin:0;padding:0}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{font:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}:root{--color-pt-red-oklch: oklch(59% .22 25);--color-pt-orange-oklch: oklch(63% .19 42);--color-pt-yellow-oklch: oklch(69% .19 85);--color-pt-green-oklch: oklch(66% .18 145);--color-pt-blue-oklch: oklch(64% .11 230);--color-pt-purple-oklch: oklch(50% .14 310);--font-family: "ff-scala-sans-pro", sans-serif;--font-family-secondary: "brevia", sans-serif}ng-icon{stroke-width:2}.page-title{font-size:var(--font-size-xl);text-align:center;padding-top:var(--space-xl)}.page-intro{padding:var(--space-lg);text-align:center}.font-heading{font-family:brevia,sans-serif;font-weight:500;letter-spacing:-.05em;line-height:1.25}.bg-background{background-color:var(--background)}.bg-accent{background-color:var(--border-color)}.pt-red{--color-primary: var(--color-pt-red-oklch)}.pt-orange{--color-primary: var(--color-pt-orange-oklch)}.pt-yellow{--color-primary: var(--color-pt-yellow-oklch)}.pt-green{--color-primary: var(--color-pt-green-oklch)}.pt-blue{--color-primary: var(--color-pt-blue-oklch)}.pt-purple{--color-primary: var(--color-pt-purple-oklch)}.dark .pt-red,.dark.pt-red{--color-primary: oklch(68% .19 25)}.dark .pt-orange,.dark.pt-orange{--color-primary: oklch(70% .16 42)}.dark .pt-yellow,.dark.pt-yellow{--color-primary: oklch(80% .14 75)}.dark .pt-green,.dark.pt-green{--color-primary: oklch(72% .15 145)}.dark .pt-blue,.dark.pt-blue{--color-primary: oklch(70% .1 230)}.dark .pt-purple,.dark.pt-purple{--color-primary: oklch(60% .12 310)}