fokus-styles 2.0.0 → 2.3.0

package/dist/css/fokus-core.css

@@ -0,0 +1,1563 @@
+@layer reset, tokens, base, layout, components, utilities, overrides;
+@layer tokens {
+  :root {
+    --fs-color-white: #ffffff;
+    --fs-color-black: #000000;
+    --fs-color-text: #1e293b;
+    --fs-color-muted: #64748b;
+    --fs-color-border: #e2e8f0;
+    --fs-color-surface: #ffffff;
+    --fs-color-subtle: #f8fafc;
+    --fs-font-sans: Plus Jakarta Sans, sans-serif;
+    --fs-font-mono: Source Code Pro, monospace;
+    --fs-font-size-md: 0.8125rem;
+    --fs-font-size-h1: 1.75rem;
+    --fs-font-size-h2: 1.5rem;
+    --fs-font-size-h3: 1.3125rem;
+    --fs-font-size-h4: 1.125rem;
+    --fs-font-size-h5: 1rem;
+    --fs-font-size-h6: 0.875rem;
+    --fs-font-weight-semibold: 600;
+    --fs-line-height-base: 1.5;
+    --fs-line-height-heading: 1.25;
+    --fs-radius-sm: 4px;
+    --fs-radius-md: 6px;
+    --fs-radius-lg: 8px;
+    --fs-gutter-x: 1.5rem;
+    --fs-gutter-y: 0px;
+    --fs-space-0: 0;
+    --fs-space-1: 0.25rem;
+    --fs-space-2: 0.5rem;
+    --fs-space-3: 1rem;
+    --fs-space-4: 1.5rem;
+    --fs-space-5: 3rem;
+    --fs-z-base: 0;
+    --fs-z-dropdown: 1000;
+    --fs-z-sticky: 1020;
+    --fs-z-modal: 1050;
+    --fs-z-offcanvas: 1060;
+    --fs-z-notification: 1080;
+    --fs-z-toast: 1090;
+    --fs-z-tooltip: 1100;
+    --fs-control-height: 38px;
+    --fs-control-height-sm: 30px;
+    --fs-control-height-lg: 46px;
+    --fs-control-padding-x: 12px;
+    --fs-control-padding-x-sm: 8px;
+    --fs-control-padding-x-lg: 16px;
+    --fs-focus-width: 2px;
+    --fs-focus-offset: 2px;
+    --fs-focus-color: var(--fs-color-primary);
+    --fs-focus-ring-size: 3px;
+    --fs-focus-ring-color: color-mix(in srgb, var(--fs-focus-color) 22%, transparent);
+    --fs-focus-ring-alpha: 22%;
+    --fs-transition-fast: 150ms;
+    --fs-transition-normal: 220ms;
+    --fs-motion-duration-fast: var(--fs-transition-fast);
+    --fs-motion-duration-normal: var(--fs-transition-normal);
+    --fs-motion-ease-standard: var(--fs-ease-standard);
+    --fs-ease-standard: cubic-bezier(0.2, 0, 0, 1);
+    --fs-border-width: 1px;
+    --fs-disabled-opacity: 0.5;
+    --fs-safe-area-top: env(safe-area-inset-top, 0px);
+    --fs-safe-area-right: env(safe-area-inset-right, 0px);
+    --fs-safe-area-bottom: env(safe-area-inset-bottom, 0px);
+    --fs-safe-area-left: env(safe-area-inset-left, 0px);
+    --fs-component-control-height: var(--fs-control-height);
+    --fs-component-overlay-backdrop: rgb(0 0 0 / 55%);
+    --fs-component-panel-radius: var(--fs-radius-md);
+    --fs-component-panel-shadow: var(--fs-shadow-lg);
+    --fs-cq-sm: 320px;
+    --fs-cq-md: 480px;
+    --fs-cq-lg: 640px;
+    --fs-shadow-sm: 0 1px 3px rgb(0 0 0 / 15%), 0 1px 2px rgb(0 0 0 / 10%);
+    --fs-shadow-md: 0 6px 12px rgb(0 0 0 / 15%), 0 3px 6px rgb(0 0 0 / 10%);
+    --fs-shadow-lg: 0 15px 30px rgb(0 0 0 / 18%), 0 6px 12px rgb(0 0 0 / 12%);
+    --fs-tooltip-bg: #1e293b;
+    --fs-tooltip-text: #ffffff;
+    --fs-color-primary: #1a61e6;
+    --fs-color-on-primary: #ffffff;
+    --fs-alert-primary-bg: rgb(220.3846532222, 232.689549371, 254.1042117072);
+    --fs-alert-primary-text: rgb(4.2540793692, 32.6552622518, 88.5748738661);
+    --fs-color-secondary: #64748b;
+    --fs-color-on-secondary: #ffffff;
+    --fs-alert-secondary-bg: rgb(230.2895610064, 233.0325853352, 236.9919508609);
+    --fs-alert-secondary-text: rgb(33.9166068747, 40.6437781967, 50.3140869721);
+    --fs-color-success: rgb(13, 209, 87);
+    --fs-color-on-success: #000000;
+    --fs-alert-success-bg: rgb(228.9046733915, 249.1514320752, 230.8709345684);
+    --fs-alert-success-text: rgb(1.6574790861, 79.745461506, 28.4507801755);
+    --fs-color-warning: #fab633;
+    --fs-color-on-warning: #000000;
+    --fs-alert-warning-bg: rgb(254.9170612621, 244.6528756631, 228.9710928247);
+    --fs-alert-warning-text: rgb(96.9838380187, 68.3933599001, 13.3146447009);
+    --fs-color-danger: #cc3335;
+    --fs-color-on-danger: #ffffff;
+    --fs-alert-danger-bg: rgb(251.9225977632, 226.389403069, 223.5618211362);
+    --fs-alert-danger-text: rgb(77.6432204678, 13.3146447009, 14.1555411162);
+    --fs-color-info: #5e5cc7;
+    --fs-color-on-info: #ffffff;
+    --fs-alert-info-bg: rgb(228.2395257626, 230.4806192824, 248.3934544766);
+    --fs-alert-info-text: rgb(31.3939176289, 30.5530212136, 75.5409794297);
+    --fs-feedback-primary-bg: #e6f0ff;
+    --fs-feedback-secondary-bg: #f8fafc;
+    --fs-feedback-success-bg: #e6fff2;
+    --fs-feedback-warning-bg: #fff9e6;
+    --fs-feedback-danger-bg: #fff2f3;
+    --fs-feedback-info-bg: #f2f2ff;
+  }
+  @supports (color: oklch(0% 0 0deg)) {
+    :root {
+      --fs-color-text: oklch(27.9495237712% 0.0368481257 260.0309873929deg);
+      --fs-color-muted: oklch(55.4391007662% 0.040717043 257.4166191214deg);
+      --fs-color-border: oklch(92.876126719% 0.0126187744 255.5078854448deg);
+      --fs-color-subtle: oklch(98.4151869501% 0.0034126992 247.8577745944deg);
+      --fs-tooltip-bg: oklch(27.9495237712% 0.0368481257 260.0309873929deg);
+      --fs-color-primary: oklch(53.5630074284% 0.2132145174 261.6264320248deg);
+      --fs-color-on-primary: #ffffff;
+      --fs-alert-primary-bg: oklch(93.0344511143% 0.0319821776 261.6264320248deg);
+      --fs-alert-primary-text: oklch(26.7815037142% 0.1066072587 261.6264320248deg);
+      --fs-color-secondary: oklch(55.4391007662% 0.040717043 257.4166191214deg);
+      --fs-color-on-secondary: #ffffff;
+      --fs-alert-secondary-bg: oklch(93.3158651149% 0.0061075564 257.4166191214deg);
+      --fs-alert-secondary-text: oklch(27.7195503831% 0.0203585215 257.4166191214deg);
+      --fs-color-success: oklch(75.151587899% 0.2146126169 148.125846236deg);
+      --fs-color-on-success: #000000;
+      --fs-alert-success-bg: oklch(96.2727381849% 0.0321918925 148.125846236deg);
+      --fs-alert-success-text: oklch(37.5757939495% 0.1073063085 148.125846236deg);
+      --fs-color-warning: oklch(81.9510815663% 0.1562613975 78.6575213966deg);
+      --fs-color-on-warning: #000000;
+      --fs-alert-warning-bg: oklch(97.2926622349% 0.0234392096 78.6575213966deg);
+      --fs-alert-warning-text: oklch(40.9755407832% 0.0781306987 78.6575213966deg);
+      --fs-color-danger: oklch(55.9653139301% 0.1897270855 25.2407937498deg);
+      --fs-color-on-danger: #ffffff;
+      --fs-alert-danger-bg: oklch(93.3947970895% 0.0284590628 25.2407937498deg);
+      --fs-alert-danger-text: oklch(27.982656965% 0.0948635427 25.2407937498deg);
+      --fs-color-info: oklch(53.3359780029% 0.1620131129 280.2231949375deg);
+      --fs-color-on-info: #ffffff;
+      --fs-alert-info-bg: oklch(93.0003967004% 0.0243019669 280.2231949375deg);
+      --fs-alert-info-text: oklch(26.6679890014% 0.0810065564 280.2231949375deg);
+      --fs-feedback-primary-bg: oklch(95.2067827456% 0.0228899025 258.359342143deg);
+      --fs-feedback-secondary-bg: oklch(98.4151869501% 0.0034126992 247.8577745944deg);
+      --fs-feedback-success-bg: oklch(97.8305614459% 0.0311593614 163.2740567608deg);
+      --fs-feedback-warning-bg: oklch(98.17094418% 0.025708244 92.3886876566deg);
+      --fs-feedback-danger-bg: oklch(97.1603097552% 0.0140720277 12.0135639679deg);
+      --fs-feedback-info-bg: oklch(96.4918490239% 0.0173174767 286.0707018324deg);
+    }
+  }
+}
+@layer tokens {
+  :root {
+    --fs-color-bg-surface: var(--fs-color-surface);
+    --fs-color-bg-subtle: var(--fs-color-subtle);
+    --fs-color-text-primary: var(--fs-color-text);
+    --fs-color-text-muted: var(--fs-color-muted);
+    --fs-color-border-default: var(--fs-color-border);
+    --fs-color-focus: var(--fs-color-primary);
+    --fs-color-surface-raised: var(--fs-color-surface);
+    --fs-color-surface-interactive: var(--fs-color-subtle);
+    --fs-color-action-primary: var(--fs-color-primary);
+    --fs-color-action-danger: var(--fs-color-danger);
+  }
+}
+@layer tokens {
+  :root {
+    --fs-chart-series-1: var(--fs-color-primary);
+    --fs-chart-series-2: var(--fs-color-success);
+    --fs-chart-series-3: var(--fs-color-warning);
+    --fs-chart-series-4: var(--fs-color-danger);
+    --fs-chart-series-5: var(--fs-color-info);
+    --fs-chart-series-6: var(--fs-color-secondary);
+    --fs-chart-grid: var(--fs-color-border);
+    --fs-chart-axis: var(--fs-color-muted);
+    --fs-chart-tooltip-bg: var(--fs-tooltip-bg);
+    --fs-chart-tooltip-text: var(--fs-tooltip-text);
+  }
+}
+@layer reset {
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+  }
+  html {
+    line-height: var(--fs-line-height-base);
+    -webkit-text-size-adjust: 100%;
+            text-size-adjust: 100%;
+  }
+  body {
+    margin: 0;
+    color: var(--fs-color-text);
+    background-color: var(--fs-color-surface);
+  }
+  [hidden] {
+    display: none !important;
+  }
+}
+@layer base {
+  body,
+  button,
+  input,
+  select,
+  textarea {
+    font-family: var(--fs-font-sans);
+    font-size: var(--fs-font-size-md);
+  }
+  code,
+  kbd,
+  pre,
+  samp {
+    font-family: var(--fs-font-mono);
+  }
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    margin-top: 0;
+    font-weight: var(--fs-font-weight-semibold);
+    line-height: var(--fs-line-height-heading);
+  }
+  h1 {
+    font-size: var(--fs-font-size-h1);
+  }
+  h2 {
+    font-size: var(--fs-font-size-h2);
+  }
+  h3 {
+    font-size: var(--fs-font-size-h3);
+  }
+  h4 {
+    font-size: var(--fs-font-size-h4);
+  }
+  h5 {
+    font-size: var(--fs-font-size-h5);
+  }
+  h6 {
+    font-size: var(--fs-font-size-h6);
+  }
+}
+@layer base {
+  @media (prefers-reduced-motion: reduce) {
+    *,
+    *::before,
+    *::after {
+      scroll-behavior: auto !important;
+      transition-duration: 0.01ms !important;
+      animation-duration: 0.01ms !important;
+      animation-iteration-count: 1 !important;
+    }
+    .fs-spinner,
+    .fs-progress-bar-animated,
+    .fs-progress-indeterminate .fs-progress-bar {
+      animation-duration: 1.5s !important;
+      animation-iteration-count: infinite !important;
+    }
+  }
+}
+/* stylelint-disable property-no-deprecated, selector-not-notation */
+@layer reset {
+  :focus-visible {
+    outline: var(--fs-focus-width) solid var(--fs-focus-color);
+    outline-offset: var(--fs-focus-offset);
+  }
+  @media (forced-colors: active) {
+    :focus-visible {
+      outline: 2px solid CanvasText;
+      outline-offset: 2px;
+    }
+  }
+}
+@layer utilities {
+  .fs-u-visually-hidden:not(:focus):not(:focus-within),
+  .fs-u-visually-hidden-focusable:not(:focus):not(:focus-within) {
+    position: absolute !important;
+    width: 1px !important;
+    height: 1px !important;
+    padding: 0 !important;
+    margin: -1px !important;
+    overflow: hidden !important;
+    clip-path: inset(50%) !important;
+    white-space: nowrap !important;
+    border: 0 !important;
+  }
+  .fs-skip-link {
+    position: fixed;
+    z-index: 1000;
+    inset-block-start: var(--fs-space-2);
+    inset-inline-start: var(--fs-space-2);
+    transform: translateY(-200%);
+    padding: var(--fs-space-2) var(--fs-space-3);
+    color: var(--fs-color-on-primary);
+    background: var(--fs-color-primary);
+    border-radius: var(--fs-radius-sm);
+  }
+  .fs-skip-link:focus {
+    transform: translateY(0);
+  }
+}
+@layer layout {
+  .fs-cluster {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--fs-cluster-gap, 0.5rem);
+  }
+  .fs-cluster-gap-0 {
+    --fs-cluster-gap: 0;
+  }
+  .fs-cluster-gap-1 {
+    --fs-cluster-gap: 0.25rem;
+  }
+  .fs-cluster-gap-2 {
+    --fs-cluster-gap: 0.5rem;
+  }
+  .fs-cluster-gap-3 {
+    --fs-cluster-gap: 1rem;
+  }
+  .fs-cluster-gap-4 {
+    --fs-cluster-gap: 1.5rem;
+  }
+  .fs-cluster-gap-5 {
+    --fs-cluster-gap: 3rem;
+  }
+}
+@layer layout {
+  .fs-container,
+  .fs-container-sm,
+  .fs-container-md,
+  .fs-container-lg,
+  .fs-container-xl,
+  .fs-container-xxl,
+  .fs-container-xxxl,
+  .fs-container-fluid {
+    width: 100%;
+    margin-right: auto;
+    margin-left: auto;
+  }
+  @media (min-width: 640px) {
+    .fs-container,
+    .fs-container-sm {
+      max-width: 600px;
+    }
+  }
+  @media (min-width: 768px) {
+    .fs-container,
+    .fs-container-md {
+      max-width: 720px;
+    }
+  }
+  @media (min-width: 1024px) {
+    .fs-container,
+    .fs-container-lg {
+      max-width: 960px;
+    }
+  }
+  @media (min-width: 1280px) {
+    .fs-container,
+    .fs-container-xl {
+      max-width: 1200px;
+    }
+  }
+  @media (min-width: 1536px) {
+    .fs-container,
+    .fs-container-xxl {
+      max-width: 1440px;
+    }
+  }
+  @media (min-width: 1920px) {
+    .fs-container,
+    .fs-container-xxxl {
+      max-width: 1800px;
+    }
+  }
+}
+@layer layout {
+  .fs-row {
+    display: flex;
+    flex-wrap: wrap;
+    margin-top: calc(var(--fs-gutter-y) * -1);
+    margin-right: calc(var(--fs-gutter-x) / -2);
+    margin-left: calc(var(--fs-gutter-x) / -2);
+  }
+  .fs-row > * {
+    margin-top: var(--fs-gutter-y);
+    padding-right: calc(var(--fs-gutter-x) / 2);
+    padding-left: calc(var(--fs-gutter-x) / 2);
+  }
+  .fs-row-fluid {
+    width: 100%;
+  }
+  .fs-col-fluid {
+    width: 100%;
+  }
+  .fs-row-cols-auto > * {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .fs-row-cols-1 > * {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  .fs-row-cols-2 > * {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .fs-row-cols-3 > * {
+    flex: 0 0 auto;
+    width: 33.3333333333%;
+  }
+  .fs-row-cols-4 > * {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .fs-row-cols-5 > * {
+    flex: 0 0 auto;
+    width: 20%;
+  }
+  .fs-row-cols-6 > * {
+    flex: 0 0 auto;
+    width: 16.6666666667%;
+  }
+  .fs-order-0 {
+    order: 0;
+  }
+  .fs-order-1 {
+    order: 1;
+  }
+  .fs-order-2 {
+    order: 2;
+  }
+  .fs-order-3 {
+    order: 3;
+  }
+  .fs-order-4 {
+    order: 4;
+  }
+  .fs-order-5 {
+    order: 5;
+  }
+  .fs-order-6 {
+    order: 6;
+  }
+  .fs-order-7 {
+    order: 7;
+  }
+  .fs-order-8 {
+    order: 8;
+  }
+  .fs-order-9 {
+    order: 9;
+  }
+  .fs-order-10 {
+    order: 10;
+  }
+  .fs-order-11 {
+    order: 11;
+  }
+  .fs-order-12 {
+    order: 12;
+  }
+  .fs-col {
+    flex: 1 0 0%;
+  }
+  .fs-col-auto {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .fs-col-1 {
+    flex: 0 0 auto;
+    width: 8.3333333333%;
+  }
+  .fs-col-2 {
+    flex: 0 0 auto;
+    width: 16.6666666667%;
+  }
+  .fs-col-3 {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .fs-col-4 {
+    flex: 0 0 auto;
+    width: 33.3333333333%;
+  }
+  .fs-col-5 {
+    flex: 0 0 auto;
+    width: 41.6666666667%;
+  }
+  .fs-col-6 {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .fs-col-7 {
+    flex: 0 0 auto;
+    width: 58.3333333333%;
+  }
+  .fs-col-8 {
+    flex: 0 0 auto;
+    width: 66.6666666667%;
+  }
+  .fs-col-9 {
+    flex: 0 0 auto;
+    width: 75%;
+  }
+  .fs-col-10 {
+    flex: 0 0 auto;
+    width: 83.3333333333%;
+  }
+  .fs-col-11 {
+    flex: 0 0 auto;
+    width: 91.6666666667%;
+  }
+  .fs-col-12 {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  @media (min-width: 640px) {
+    .fs-row-cols-sm-auto > * {
+      flex: 0 0 auto;
+      width: auto;
+    }
+    .fs-row-cols-sm-1 > * {
+      flex: 0 0 auto;
+      width: 100%;
+    }
+    .fs-row-cols-sm-2 > * {
+      flex: 0 0 auto;
+      width: 50%;
+    }
+    .fs-row-cols-sm-3 > * {
+      flex: 0 0 auto;
+      width: 33.3333333333%;
+    }
+    .fs-row-cols-sm-4 > * {
+      flex: 0 0 auto;
+      width: 25%;
+    }
+    .fs-row-cols-sm-5 > * {
+      flex: 0 0 auto;
+      width: 20%;
+    }
+    .fs-row-cols-sm-6 > * {
+      flex: 0 0 auto;
+      width: 16.6666666667%;
+    }
+    .fs-order-sm-0 {
+      order: 0;
+    }
+    .fs-order-sm-1 {
+      order: 1;
+    }
+    .fs-order-sm-2 {
+      order: 2;
+    }
+    .fs-order-sm-3 {
+      order: 3;
+    }
+    .fs-order-sm-4 {
+      order: 4;
+    }
+    .fs-order-sm-5 {
+      order: 5;
+    }
+    .fs-order-sm-6 {
+      order: 6;
+    }
+    .fs-order-sm-7 {
+      order: 7;
+    }
+    .fs-order-sm-8 {
+      order: 8;
+    }
+    .fs-order-sm-9 {
+      order: 9;
+    }
+    .fs-order-sm-10 {
+      order: 10;
+    }
+    .fs-order-sm-11 {
+      order: 11;
+    }
+    .fs-order-sm-12 {
+      order: 12;
+    }
+    .fs-col-sm {
+      flex: 1 0 0%;
+    }
+    .fs-col-sm-auto {
+      flex: 0 0 auto;
+      width: auto;
+    }
+    .fs-col-sm-1 {
+      flex: 0 0 auto;
+      width: 8.3333333333%;
+    }
+    .fs-col-sm-2 {
+      flex: 0 0 auto;
+      width: 16.6666666667%;
+    }
+    .fs-col-sm-3 {
+      flex: 0 0 auto;
+      width: 25%;
+    }
+    .fs-col-sm-4 {
+      flex: 0 0 auto;
+      width: 33.3333333333%;
+    }
+    .fs-col-sm-5 {
+      flex: 0 0 auto;
+      width: 41.6666666667%;
+    }
+    .fs-col-sm-6 {
+      flex: 0 0 auto;
+      width: 50%;
+    }
+    .fs-col-sm-7 {
+      flex: 0 0 auto;
+      width: 58.3333333333%;
+    }
+    .fs-col-sm-8 {
+      flex: 0 0 auto;
+      width: 66.6666666667%;
+    }
+    .fs-col-sm-9 {
+      flex: 0 0 auto;
+      width: 75%;
+    }
+    .fs-col-sm-10 {
+      flex: 0 0 auto;
+      width: 83.3333333333%;
+    }
+    .fs-col-sm-11 {
+      flex: 0 0 auto;
+      width: 91.6666666667%;
+    }
+    .fs-col-sm-12 {
+      flex: 0 0 auto;
+      width: 100%;
+    }
+  }
+  @media (min-width: 768px) {
+    .fs-row-cols-md-auto > * {
+      flex: 0 0 auto;
+      width: auto;
+    }
+    .fs-row-cols-md-1 > * {
+      flex: 0 0 auto;
+      width: 100%;
+    }
+    .fs-row-cols-md-2 > * {
+      flex: 0 0 auto;
+      width: 50%;
+    }
+    .fs-row-cols-md-3 > * {
+      flex: 0 0 auto;
+      width: 33.3333333333%;
+    }
+    .fs-row-cols-md-4 > * {
+      flex: 0 0 auto;
+      width: 25%;
+    }
+    .fs-row-cols-md-5 > * {
+      flex: 0 0 auto;
+      width: 20%;
+    }
+    .fs-row-cols-md-6 > * {
+      flex: 0 0 auto;
+      width: 16.6666666667%;
+    }
+    .fs-order-md-0 {
+      order: 0;
+    }
+    .fs-order-md-1 {
+      order: 1;
+    }
+    .fs-order-md-2 {
+      order: 2;
+    }
+    .fs-order-md-3 {
+      order: 3;
+    }
+    .fs-order-md-4 {
+      order: 4;
+    }
+    .fs-order-md-5 {
+      order: 5;
+    }
+    .fs-order-md-6 {
+      order: 6;
+    }
+    .fs-order-md-7 {
+      order: 7;
+    }
+    .fs-order-md-8 {
+      order: 8;
+    }
+    .fs-order-md-9 {
+      order: 9;
+    }
+    .fs-order-md-10 {
+      order: 10;
+    }
+    .fs-order-md-11 {
+      order: 11;
+    }
+    .fs-order-md-12 {
+      order: 12;
+    }
+    .fs-col-md {
+      flex: 1 0 0%;
+    }
+    .fs-col-md-auto {
+      flex: 0 0 auto;
+      width: auto;
+    }
+    .fs-col-md-1 {
+      flex: 0 0 auto;
+      width: 8.3333333333%;
+    }
+    .fs-col-md-2 {
+      flex: 0 0 auto;
+      width: 16.6666666667%;
+    }
+    .fs-col-md-3 {
+      flex: 0 0 auto;
+      width: 25%;
+    }
+    .fs-col-md-4 {
+      flex: 0 0 auto;
+      width: 33.3333333333%;
+    }
+    .fs-col-md-5 {
+      flex: 0 0 auto;
+      width: 41.6666666667%;
+    }
+    .fs-col-md-6 {
+      flex: 0 0 auto;
+      width: 50%;
+    }
+    .fs-col-md-7 {
+      flex: 0 0 auto;
+      width: 58.3333333333%;
+    }
+    .fs-col-md-8 {
+      flex: 0 0 auto;
+      width: 66.6666666667%;
+    }
+    .fs-col-md-9 {
+      flex: 0 0 auto;
+      width: 75%;
+    }
+    .fs-col-md-10 {
+      flex: 0 0 auto;
+      width: 83.3333333333%;
+    }
+    .fs-col-md-11 {
+      flex: 0 0 auto;
+      width: 91.6666666667%;
+    }
+    .fs-col-md-12 {
+      flex: 0 0 auto;
+      width: 100%;
+    }
+  }
+  @media (min-width: 1024px) {
+    .fs-row-cols-lg-auto > * {
+      flex: 0 0 auto;
+      width: auto;
+    }
+    .fs-row-cols-lg-1 > * {
+      flex: 0 0 auto;
+      width: 100%;
+    }
+    .fs-row-cols-lg-2 > * {
+      flex: 0 0 auto;
+      width: 50%;
+    }
+    .fs-row-cols-lg-3 > * {
+      flex: 0 0 auto;
+      width: 33.3333333333%;
+    }
+    .fs-row-cols-lg-4 > * {
+      flex: 0 0 auto;
+      width: 25%;
+    }
+    .fs-row-cols-lg-5 > * {
+      flex: 0 0 auto;
+      width: 20%;
+    }
+    .fs-row-cols-lg-6 > * {
+      flex: 0 0 auto;
+      width: 16.6666666667%;
+    }
+    .fs-order-lg-0 {
+      order: 0;
+    }
+    .fs-order-lg-1 {
+      order: 1;
+    }
+    .fs-order-lg-2 {
+      order: 2;
+    }
+    .fs-order-lg-3 {
+      order: 3;
+    }
+    .fs-order-lg-4 {
+      order: 4;
+    }
+    .fs-order-lg-5 {
+      order: 5;
+    }
+    .fs-order-lg-6 {
+      order: 6;
+    }
+    .fs-order-lg-7 {
+      order: 7;
+    }
+    .fs-order-lg-8 {
+      order: 8;
+    }
+    .fs-order-lg-9 {
+      order: 9;
+    }
+    .fs-order-lg-10 {
+      order: 10;
+    }
+    .fs-order-lg-11 {
+      order: 11;
+    }
+    .fs-order-lg-12 {
+      order: 12;
+    }
+    .fs-col-lg {
+      flex: 1 0 0%;
+    }
+    .fs-col-lg-auto {
+      flex: 0 0 auto;
+      width: auto;
+    }
+    .fs-col-lg-1 {
+      flex: 0 0 auto;
+      width: 8.3333333333%;
+    }
+    .fs-col-lg-2 {
+      flex: 0 0 auto;
+      width: 16.6666666667%;
+    }
+    .fs-col-lg-3 {
+      flex: 0 0 auto;
+      width: 25%;
+    }
+    .fs-col-lg-4 {
+      flex: 0 0 auto;
+      width: 33.3333333333%;
+    }
+    .fs-col-lg-5 {
+      flex: 0 0 auto;
+      width: 41.6666666667%;
+    }
+    .fs-col-lg-6 {
+      flex: 0 0 auto;
+      width: 50%;
+    }
+    .fs-col-lg-7 {
+      flex: 0 0 auto;
+      width: 58.3333333333%;
+    }
+    .fs-col-lg-8 {
+      flex: 0 0 auto;
+      width: 66.6666666667%;
+    }
+    .fs-col-lg-9 {
+      flex: 0 0 auto;
+      width: 75%;
+    }
+    .fs-col-lg-10 {
+      flex: 0 0 auto;
+      width: 83.3333333333%;
+    }
+    .fs-col-lg-11 {
+      flex: 0 0 auto;
+      width: 91.6666666667%;
+    }
+    .fs-col-lg-12 {
+      flex: 0 0 auto;
+      width: 100%;
+    }
+  }
+  @media (min-width: 1280px) {
+    .fs-row-cols-xl-auto > * {
+      flex: 0 0 auto;
+      width: auto;
+    }
+    .fs-row-cols-xl-1 > * {
+      flex: 0 0 auto;
+      width: 100%;
+    }
+    .fs-row-cols-xl-2 > * {
+      flex: 0 0 auto;
+      width: 50%;
+    }
+    .fs-row-cols-xl-3 > * {
+      flex: 0 0 auto;
+      width: 33.3333333333%;
+    }
+    .fs-row-cols-xl-4 > * {
+      flex: 0 0 auto;
+      width: 25%;
+    }
+    .fs-row-cols-xl-5 > * {
+      flex: 0 0 auto;
+      width: 20%;
+    }
+    .fs-row-cols-xl-6 > * {
+      flex: 0 0 auto;
+      width: 16.6666666667%;
+    }
+    .fs-order-xl-0 {
+      order: 0;
+    }
+    .fs-order-xl-1 {
+      order: 1;
+    }
+    .fs-order-xl-2 {
+      order: 2;
+    }
+    .fs-order-xl-3 {
+      order: 3;
+    }
+    .fs-order-xl-4 {
+      order: 4;
+    }
+    .fs-order-xl-5 {
+      order: 5;
+    }
+    .fs-order-xl-6 {
+      order: 6;
+    }
+    .fs-order-xl-7 {
+      order: 7;
+    }
+    .fs-order-xl-8 {
+      order: 8;
+    }
+    .fs-order-xl-9 {
+      order: 9;
+    }
+    .fs-order-xl-10 {
+      order: 10;
+    }
+    .fs-order-xl-11 {
+      order: 11;
+    }
+    .fs-order-xl-12 {
+      order: 12;
+    }
+    .fs-col-xl {
+      flex: 1 0 0%;
+    }
+    .fs-col-xl-auto {
+      flex: 0 0 auto;
+      width: auto;
+    }
+    .fs-col-xl-1 {
+      flex: 0 0 auto;
+      width: 8.3333333333%;
+    }
+    .fs-col-xl-2 {
+      flex: 0 0 auto;
+      width: 16.6666666667%;
+    }
+    .fs-col-xl-3 {
+      flex: 0 0 auto;
+      width: 25%;
+    }
+    .fs-col-xl-4 {
+      flex: 0 0 auto;
+      width: 33.3333333333%;
+    }
+    .fs-col-xl-5 {
+      flex: 0 0 auto;
+      width: 41.6666666667%;
+    }
+    .fs-col-xl-6 {
+      flex: 0 0 auto;
+      width: 50%;
+    }
+    .fs-col-xl-7 {
+      flex: 0 0 auto;
+      width: 58.3333333333%;
+    }
+    .fs-col-xl-8 {
+      flex: 0 0 auto;
+      width: 66.6666666667%;
+    }
+    .fs-col-xl-9 {
+      flex: 0 0 auto;
+      width: 75%;
+    }
+    .fs-col-xl-10 {
+      flex: 0 0 auto;
+      width: 83.3333333333%;
+    }
+    .fs-col-xl-11 {
+      flex: 0 0 auto;
+      width: 91.6666666667%;
+    }
+    .fs-col-xl-12 {
+      flex: 0 0 auto;
+      width: 100%;
+    }
+  }
+  @media (min-width: 1536px) {
+    .fs-row-cols-xxl-auto > * {
+      flex: 0 0 auto;
+      width: auto;
+    }
+    .fs-row-cols-xxl-1 > * {
+      flex: 0 0 auto;
+      width: 100%;
+    }
+    .fs-row-cols-xxl-2 > * {
+      flex: 0 0 auto;
+      width: 50%;
+    }
+    .fs-row-cols-xxl-3 > * {
+      flex: 0 0 auto;
+      width: 33.3333333333%;
+    }
+    .fs-row-cols-xxl-4 > * {
+      flex: 0 0 auto;
+      width: 25%;
+    }
+    .fs-row-cols-xxl-5 > * {
+      flex: 0 0 auto;
+      width: 20%;
+    }
+    .fs-row-cols-xxl-6 > * {
+      flex: 0 0 auto;
+      width: 16.6666666667%;
+    }
+    .fs-order-xxl-0 {
+      order: 0;
+    }
+    .fs-order-xxl-1 {
+      order: 1;
+    }
+    .fs-order-xxl-2 {
+      order: 2;
+    }
+    .fs-order-xxl-3 {
+      order: 3;
+    }
+    .fs-order-xxl-4 {
+      order: 4;
+    }
+    .fs-order-xxl-5 {
+      order: 5;
+    }
+    .fs-order-xxl-6 {
+      order: 6;
+    }
+    .fs-order-xxl-7 {
+      order: 7;
+    }
+    .fs-order-xxl-8 {
+      order: 8;
+    }
+    .fs-order-xxl-9 {
+      order: 9;
+    }
+    .fs-order-xxl-10 {
+      order: 10;
+    }
+    .fs-order-xxl-11 {
+      order: 11;
+    }
+    .fs-order-xxl-12 {
+      order: 12;
+    }
+    .fs-col-xxl {
+      flex: 1 0 0%;
+    }
+    .fs-col-xxl-auto {
+      flex: 0 0 auto;
+      width: auto;
+    }
+    .fs-col-xxl-1 {
+      flex: 0 0 auto;
+      width: 8.3333333333%;
+    }
+    .fs-col-xxl-2 {
+      flex: 0 0 auto;
+      width: 16.6666666667%;
+    }
+    .fs-col-xxl-3 {
+      flex: 0 0 auto;
+      width: 25%;
+    }
+    .fs-col-xxl-4 {
+      flex: 0 0 auto;
+      width: 33.3333333333%;
+    }
+    .fs-col-xxl-5 {
+      flex: 0 0 auto;
+      width: 41.6666666667%;
+    }
+    .fs-col-xxl-6 {
+      flex: 0 0 auto;
+      width: 50%;
+    }
+    .fs-col-xxl-7 {
+      flex: 0 0 auto;
+      width: 58.3333333333%;
+    }
+    .fs-col-xxl-8 {
+      flex: 0 0 auto;
+      width: 66.6666666667%;
+    }
+    .fs-col-xxl-9 {
+      flex: 0 0 auto;
+      width: 75%;
+    }
+    .fs-col-xxl-10 {
+      flex: 0 0 auto;
+      width: 83.3333333333%;
+    }
+    .fs-col-xxl-11 {
+      flex: 0 0 auto;
+      width: 91.6666666667%;
+    }
+    .fs-col-xxl-12 {
+      flex: 0 0 auto;
+      width: 100%;
+    }
+  }
+  @media (min-width: 1920px) {
+    .fs-row-cols-xxxl-auto > * {
+      flex: 0 0 auto;
+      width: auto;
+    }
+    .fs-row-cols-xxxl-1 > * {
+      flex: 0 0 auto;
+      width: 100%;
+    }
+    .fs-row-cols-xxxl-2 > * {
+      flex: 0 0 auto;
+      width: 50%;
+    }
+    .fs-row-cols-xxxl-3 > * {
+      flex: 0 0 auto;
+      width: 33.3333333333%;
+    }
+    .fs-row-cols-xxxl-4 > * {
+      flex: 0 0 auto;
+      width: 25%;
+    }
+    .fs-row-cols-xxxl-5 > * {
+      flex: 0 0 auto;
+      width: 20%;
+    }
+    .fs-row-cols-xxxl-6 > * {
+      flex: 0 0 auto;
+      width: 16.6666666667%;
+    }
+    .fs-order-xxxl-0 {
+      order: 0;
+    }
+    .fs-order-xxxl-1 {
+      order: 1;
+    }
+    .fs-order-xxxl-2 {
+      order: 2;
+    }
+    .fs-order-xxxl-3 {
+      order: 3;
+    }
+    .fs-order-xxxl-4 {
+      order: 4;
+    }
+    .fs-order-xxxl-5 {
+      order: 5;
+    }
+    .fs-order-xxxl-6 {
+      order: 6;
+    }
+    .fs-order-xxxl-7 {
+      order: 7;
+    }
+    .fs-order-xxxl-8 {
+      order: 8;
+    }
+    .fs-order-xxxl-9 {
+      order: 9;
+    }
+    .fs-order-xxxl-10 {
+      order: 10;
+    }
+    .fs-order-xxxl-11 {
+      order: 11;
+    }
+    .fs-order-xxxl-12 {
+      order: 12;
+    }
+    .fs-col-xxxl {
+      flex: 1 0 0%;
+    }
+    .fs-col-xxxl-auto {
+      flex: 0 0 auto;
+      width: auto;
+    }
+    .fs-col-xxxl-1 {
+      flex: 0 0 auto;
+      width: 8.3333333333%;
+    }
+    .fs-col-xxxl-2 {
+      flex: 0 0 auto;
+      width: 16.6666666667%;
+    }
+    .fs-col-xxxl-3 {
+      flex: 0 0 auto;
+      width: 25%;
+    }
+    .fs-col-xxxl-4 {
+      flex: 0 0 auto;
+      width: 33.3333333333%;
+    }
+    .fs-col-xxxl-5 {
+      flex: 0 0 auto;
+      width: 41.6666666667%;
+    }
+    .fs-col-xxxl-6 {
+      flex: 0 0 auto;
+      width: 50%;
+    }
+    .fs-col-xxxl-7 {
+      flex: 0 0 auto;
+      width: 58.3333333333%;
+    }
+    .fs-col-xxxl-8 {
+      flex: 0 0 auto;
+      width: 66.6666666667%;
+    }
+    .fs-col-xxxl-9 {
+      flex: 0 0 auto;
+      width: 75%;
+    }
+    .fs-col-xxxl-10 {
+      flex: 0 0 auto;
+      width: 83.3333333333%;
+    }
+    .fs-col-xxxl-11 {
+      flex: 0 0 auto;
+      width: 91.6666666667%;
+    }
+    .fs-col-xxxl-12 {
+      flex: 0 0 auto;
+      width: 100%;
+    }
+  }
+}
+@layer layout {
+  .fs-sidebar {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--fs-sidebar-gap, 1rem);
+  }
+  .fs-sidebar-aside {
+    flex-basis: var(--fs-sidebar-width, 16rem);
+    flex-grow: 1;
+  }
+  .fs-sidebar-content {
+    flex-basis: 0;
+    flex-grow: 999;
+    min-width: 50%;
+  }
+  .fs-sidebar-reverse {
+    flex-direction: row-reverse;
+  }
+  .fs-sidebar-gap-0 {
+    --fs-sidebar-gap: 0;
+  }
+  .fs-sidebar-gap-1 {
+    --fs-sidebar-gap: 0.25rem;
+  }
+  .fs-sidebar-gap-2 {
+    --fs-sidebar-gap: 0.5rem;
+  }
+  .fs-sidebar-gap-3 {
+    --fs-sidebar-gap: 1rem;
+  }
+  .fs-sidebar-gap-4 {
+    --fs-sidebar-gap: 1.5rem;
+  }
+  .fs-sidebar-gap-5 {
+    --fs-sidebar-gap: 3rem;
+  }
+  .fs-sidebar-width-sm {
+    --fs-sidebar-width: 120px;
+  }
+  .fs-sidebar-width-md {
+    --fs-sidebar-width: 240px;
+  }
+  .fs-sidebar-width-lg {
+    --fs-sidebar-width: 360px;
+  }
+  .fs-sidebar-width-xl {
+    --fs-sidebar-width: 480px;
+  }
+  .fs-sidebar-width-xxl {
+    --fs-sidebar-width: 600px;
+  }
+  .fs-sidebar-width-xxxl {
+    --fs-sidebar-width: 720px;
+  }
+}
+@layer layout {
+  .fs-stack {
+    display: flex;
+    flex-direction: column;
+    gap: var(--fs-stack-gap, 1rem);
+  }
+  .fs-stack-gap-0 {
+    --fs-stack-gap: 0;
+  }
+  .fs-stack-gap-1 {
+    --fs-stack-gap: 0.25rem;
+  }
+  .fs-stack-gap-2 {
+    --fs-stack-gap: 0.5rem;
+  }
+  .fs-stack-gap-3 {
+    --fs-stack-gap: 1rem;
+  }
+  .fs-stack-gap-4 {
+    --fs-stack-gap: 1.5rem;
+  }
+  .fs-stack-gap-5 {
+    --fs-stack-gap: 3rem;
+  }
+}
+@layer tokens {
+  [data-fs-brand=violet] {
+    --fs-color-primary: #6d28d9;
+    --fs-alert-primary-bg: rgb(229.8834406263, 225.8717327657, 252.5458384302);
+    --fs-alert-primary-text: rgb(37.7006407433, 8.7385189481, 83.109047167);
+    --fs-feedback-primary-bg: rgb(229.8834406263, 225.8717327657, 252.5458384302);
+  }
+  [data-fs-brand=violet][data-theme=dark],
+  [data-theme=dark] [data-fs-brand=violet] {
+    --fs-color-primary: rgb(114.6495158739, 57.1165361442, 219.9746158745);
+    --fs-alert-primary-bg: rgb(31.4819726714, 47.0564006856, 82.6607876597);
+    --fs-alert-primary-text: rgb(167.4962913963, 147.746130571, 240.0249534535);
+    --fs-feedback-primary-bg: rgb(31.4819726714, 47.0564006856, 82.6607876597);
+  }
+  @supports (color: oklch(0% 0 0deg)) {
+    [data-fs-brand=violet] {
+      --fs-color-primary: oklch(49.0666497236% 0.2412317343 292.5809393311deg);
+      --fs-alert-primary-bg: oklch(92.3599974585% 0.0361847601 292.5809393311deg);
+      --fs-alert-primary-text: oklch(24.5333248618% 0.1206158672 292.5809393311deg);
+      --fs-feedback-primary-bg: oklch(92.3599974585% 0.0361847601 292.5809393311deg);
+    }
+    [data-fs-brand=violet][data-theme=dark],
+    [data-theme=dark] [data-fs-brand=violet] {
+      --fs-color-primary: oklch(51.6133172374% 0.2291701476 292.5809393311deg);
+      --fs-alert-primary-bg: oklch(31.117092664% 0.067505667 264.9134801836deg);
+      --fs-alert-primary-text: oklch(71.986657348% 0.1326774539 292.5809393311deg);
+      --fs-feedback-primary-bg: oklch(31.117092664% 0.067505667 264.9134801836deg);
+    }
+  }
+  [data-fs-brand=corporate] {
+    --fs-color-primary: #1d4e89;
+    --fs-alert-primary-bg: rgb(219.2237954153, 227.2186121739, 237.6990809983);
+    --fs-alert-primary-text: rgb(5.0598830676, 24.6667463069, 49.4731905568);
+    --fs-feedback-primary-bg: rgb(219.2237954153, 227.2186121739, 237.6990809983);
+  }
+  [data-fs-brand=corporate][data-theme=dark],
+  [data-theme=dark] [data-fs-brand=corporate] {
+    --fs-color-primary: rgb(40.8593466225, 86.5224214637, 143.0926598584);
+    --fs-alert-primary-bg: rgb(31.2586947979, 46.3186220749, 70.1321749545);
+    --fs-alert-primary-text: rgb(127.9940036809, 155.4045223568, 190.9765129762);
+    --fs-feedback-primary-bg: rgb(31.2586947979, 46.3186220749, 70.1321749545);
+  }
+  [data-fs-brand=vibrant] {
+    --fs-color-primary: #f2542d;
+    --fs-alert-primary-bg: rgb(255, 231.3637253432, 224.6456124112);
+    --fs-alert-primary-text: rgb(93.6202523577, 27.1894355526, 10.7919554552);
+    --fs-feedback-primary-bg: rgb(255, 231.3637253432, 224.6456124112);
+  }
+  [data-fs-brand=vibrant][data-theme=dark],
+  [data-theme=dark] [data-fs-brand=vibrant] {
+    --fs-color-primary: rgb(244.0763687777, 94.774513804, 58.7750761343);
+    --fs-alert-primary-bg: rgb(48.9487024594, 50.7990197305, 85.9119190034);
+    --fs-alert-primary-text: rgb(255, 166.953251087, 144.6609410048);
+    --fs-feedback-primary-bg: rgb(48.9487024594, 50.7990197305, 85.9119190034);
+  }
+  @supports (color: oklch(0% 0 0deg)) {
+    [data-fs-brand=corporate] {
+      --fs-color-primary: oklch(42.3377990386% 0.1112359961 255.1073474093deg);
+      --fs-alert-primary-bg: oklch(91.3506698558% 0.0166853994 255.1073474093deg);
+      --fs-alert-primary-text: oklch(21.1688995193% 0.055617998 255.1073474093deg);
+      --fs-feedback-primary-bg: oklch(91.3506698558% 0.0166853994 255.1073474093deg);
+    }
+    [data-fs-brand=corporate][data-theme=dark],
+    [data-theme=dark] [data-fs-brand=corporate] {
+      --fs-color-primary: oklch(45.2209090867% 0.1056741963 255.1073474093deg);
+      --fs-alert-primary-bg: oklch(30.1077650613% 0.0480063062 259.2924413953deg);
+      --fs-alert-primary-text: oklch(68.2857894712% 0.0611797979 255.1073474093deg);
+      --fs-feedback-primary-bg: oklch(30.1077650613% 0.0480063062 259.2924413953deg);
+    }
+    [data-fs-brand=vibrant] {
+      --fs-color-primary: oklch(65.5786741493% 0.2007639921 34.7814711243deg);
+      --fs-alert-primary-bg: oklch(94.8368011224% 0.0301145988 34.7814711243deg);
+      --fs-alert-primary-text: oklch(32.7893370747% 0.1003819961 34.7814711243deg);
+      --fs-feedback-primary-bg: oklch(94.8368011224% 0.0301145988 34.7814711243deg);
+    }
+    [data-fs-brand=vibrant][data-theme=dark],
+    [data-theme=dark] [data-fs-brand=vibrant] {
+      --fs-color-primary: oklch(67.2997404419% 0.1907257925 34.7814711243deg);
+      --fs-alert-primary-bg: oklch(33.5938963279% 0.0614355056 280.2435599526deg);
+      --fs-alert-primary-text: oklch(81.0682707821% 0.1104201957 34.7814711243deg);
+      --fs-feedback-primary-bg: oklch(33.5938963279% 0.0614355056 280.2435599526deg);
+    }
+  }
+}
+@layer overrides {
+  [data-fs-brand=vibrant] .fs-btn-primary,
+  [data-fs-brand=vibrant] .fs-badge-primary {
+    --fs-btn-color: #000000;
+    --fs-badge-color: #000000;
+  }
+  [data-fs-brand=vibrant] .fs-check {
+    --fs-check-mark: #000000;
+  }
+}
+@layer tokens {
+  [data-theme=dark],
+  [data-fs-theme=dark] {
+    --fs-color-text: #f1f3f4;
+    --fs-color-muted: #bdc1c6;
+    --fs-color-border: #3c4043;
+    --fs-color-surface: #202124;
+    --fs-color-subtle: #2b2c2f;
+    --fs-color-bg-surface: var(--fs-color-surface);
+    --fs-color-bg-subtle: var(--fs-color-subtle);
+    --fs-color-surface-raised: var(--fs-color-surface);
+    --fs-color-surface-interactive: var(--fs-color-subtle);
+    --fs-color-text-primary: var(--fs-color-text);
+    --fs-color-text-muted: var(--fs-color-muted);
+    --fs-color-border-default: var(--fs-color-border);
+    --fs-color-focus: var(--fs-color-primary);
+    --fs-color-action-primary: var(--fs-color-primary);
+    --fs-color-action-danger: var(--fs-color-danger);
+    --fs-shadow-sm: 0 1px 3px rgb(0 0 0 / 50%), 0 1px 2px rgb(0 0 0 / 40%);
+    --fs-shadow-md: 0 6px 12px rgb(0 0 0 / 55%), 0 3px 6px rgb(0 0 0 / 45%);
+    --fs-shadow-lg: 0 15px 30px rgb(0 0 0 / 60%), 0 6px 12px rgb(0 0 0 / 50%);
+    --fs-tooltip-bg: #f8fafc;
+    --fs-tooltip-text: #1e293b;
+    --fs-color-primary: rgb(39.8728684152, 106.2372587275, 232.1894887664);
+    --fs-alert-primary-bg: rgb(30.765779113, 49.9974662348, 82.3021425489);
+    --fs-alert-primary-text: rgb(130.6636212695, 172.0850768824, 246.4419684583);
+    --fs-feedback-primary-bg: rgb(30.765779113, 49.9974662348, 82.3021425489);
+    --fs-color-secondary: rgb(114.3557068426, 129.039220146, 150.1520317181);
+    --fs-alert-secondary-bg: rgb(39.6548148226, 51.4270943358, 70.2648514061);
+    --fs-alert-secondary-text: rgb(166.7597509121, 176.2809684237, 189.9919576187);
+    --fs-feedback-secondary-bg: rgb(39.6548148226, 51.4270943358, 70.2648514061);
+    --fs-color-success: rgb(134.4501166043, 226.9563331209, 149.6185042518);
+    --fs-alert-success-bg: rgb(24.8621518491, 61.9088085702, 89.0318819222);
+    --fs-alert-success-text: rgb(155.0475916512, 231.7231823866, 166.1609492581);
+    --fs-feedback-success-bg: rgb(24.8621518491, 61.9088085702, 89.0318819222);
+    --fs-color-warning: rgb(252.9400238762, 208.7461261831, 137.9221837268);
+    --fs-alert-warning-bg: rgb(59.1359779173, 56.6792370273, 88.6687774507);
+    --fs-alert-warning-text: rgb(253.5439861058, 216.1213263099, 157.1705651606);
+    --fs-feedback-warning-bg: rgb(59.1359779173, 56.6792370273, 88.6687774507);
+    --fs-color-danger: rgb(208.1189955268, 64.9740184262, 63.4302936954);
+    --fs-alert-danger-bg: rgb(44.6823973866, 47.5125073063, 81.2083778204);
+    --fs-alert-danger-text: rgb(235.4050745756, 149.9650253478, 142.4924034553);
+    --fs-feedback-danger-bg: rgb(44.6823973866, 47.5125073063, 81.2083778204);
+    --fs-color-info: #5e5cc7;
+    --fs-alert-info-bg: rgb(35.0058091619, 49.6887857769, 78.5757788254);
+    --fs-alert-info-text: rgb(160.628671266, 165.881962789, 227.610600335);
+    --fs-feedback-info-bg: rgb(35.0058091619, 49.6887857769, 78.5757788254);
+  }
+  @supports (color: oklch(0% 0 0deg)) {
+    [data-theme=dark],
+    [data-fs-theme=dark] {
+      --fs-color-text: oklch(96.2913383165% 0.002529697 228.7848682695deg);
+      --fs-color-muted: oklch(80.9268110646% 0.0083071608 253.8653061211deg);
+      --fs-color-border: oklch(36.8827622528% 0.0074489239 240.018838067deg);
+      --fs-color-surface: oklch(24.7936263361% 0.0058460141 271.1764187765deg);
+      --fs-color-subtle: oklch(29.3286259539% 0.0055990771 271.2234269855deg);
+      --fs-color-bg-surface: var(--fs-color-surface);
+      --fs-color-bg-subtle: var(--fs-color-subtle);
+      --fs-color-surface-raised: var(--fs-color-surface);
+      --fs-color-surface-interactive: var(--fs-color-subtle);
+      --fs-color-text-primary: var(--fs-color-text);
+      --fs-color-text-muted: var(--fs-color-muted);
+      --fs-color-border-default: var(--fs-color-border);
+      --fs-color-focus: var(--fs-color-primary);
+      --fs-color-action-primary: var(--fs-color-primary);
+      --fs-color-action-danger: var(--fs-color-danger);
+      --fs-tooltip-bg: oklch(98.4151869501% 0.0034126992 247.8577745944deg);
+      --fs-tooltip-text: oklch(27.9495237712% 0.0368481257 260.0309873929deg);
+      --fs-color-primary: oklch(55.884857057% 0.2025537915 261.6264320248deg);
+      --fs-alert-primary-bg: oklch(31.7915463198% 0.0633030844 260.2703040876deg);
+      --fs-alert-primary-text: oklch(74.4596540856% 0.1172679846 261.6264320248deg);
+      --fs-feedback-primary-bg: oklch(31.7915463198% 0.0633030844 260.2703040876deg);
+      --fs-color-secondary: oklch(59.8951906896% 0.0366453387 257.4166191214deg);
+      --fs-alert-secondary-bg: oklch(32.0729603204% 0.0374284633 259.6388321521deg);
+      --fs-alert-secondary-text: oklch(75.4915054214% 0.0223943736 257.4166191214deg);
+      --fs-feedback-secondary-bg: oklch(32.0729603204% 0.0374284633 259.6388321521deg);
+      --fs-color-success: oklch(83.8485321344% 0.139498201 148.125846236deg);
+      --fs-alert-success-bg: oklch(35.0298333903% 0.0635127994 243.2452162193deg);
+      --fs-alert-success-text: oklch(86.3333733445% 0.1180369393 148.125846236deg);
+      --fs-feedback-success-bg: oklch(35.0298333903% 0.0635127994 243.2452162193deg);
+      --fs-color-warning: oklch(88.2682030181% 0.1015699084 78.6575213966deg);
+      --fs-alert-warning-bg: oklch(36.0497574404% 0.0547601164 286.8249674934deg);
+      --fs-alert-warning-text: oklch(90.0730948615% 0.0859437686 78.6575213966deg);
+      --fs-feedback-warning-bg: oklch(36.0497574404% 0.0547601164 286.8249674934deg);
+      --fs-color-danger: oklch(58.1670482336% 0.1802407312 25.2407937498deg);
+      --fs-alert-danger-bg: oklch(32.151892295% 0.0597799696 278.8124583464deg);
+      --fs-alert-danger-text: oklch(75.7809226615% 0.104349897 25.2407937498deg);
+      --fs-feedback-danger-bg: oklch(32.151892295% 0.0597799696 278.8124583464deg);
+      --fs-color-info: oklch(53.3359780029% 0.1620131129 280.2231949375deg);
+      --fs-alert-info-bg: oklch(31.7574919059% 0.0556228738 263.0598185246deg);
+      --fs-alert-info-text: oklch(74.3347879016% 0.0891072121 280.2231949375deg);
+      --fs-feedback-info-bg: oklch(31.7574919059% 0.0556228738 263.0598185246deg);
+    }
+  }
+  @media (prefers-color-scheme: dark) {
+    [data-fs-theme=auto] {
+      --fs-color-text: #f1f3f4;
+      --fs-color-muted: #bdc1c6;
+      --fs-color-border: #3c4043;
+      --fs-color-surface: #202124;
+      --fs-color-subtle: #2b2c2f;
+      --fs-color-bg-surface: var(--fs-color-surface);
+      --fs-color-bg-subtle: var(--fs-color-subtle);
+      --fs-color-surface-raised: var(--fs-color-surface);
+      --fs-color-surface-interactive: var(--fs-color-subtle);
+      --fs-color-text-primary: var(--fs-color-text);
+      --fs-color-text-muted: var(--fs-color-muted);
+      --fs-color-border-default: var(--fs-color-border);
+      --fs-color-focus: var(--fs-color-primary);
+      --fs-tooltip-bg: #f8fafc;
+      --fs-tooltip-text: #1e293b;
+    }
+  }
+  @media (forced-colors: active) {
+    :root,
+    [data-theme=dark],
+    [data-fs-theme=light],
+    [data-fs-theme=dark],
+    [data-fs-theme=auto] {
+      --fs-color-border: CanvasText;
+      --fs-color-text: CanvasText;
+      --fs-color-surface: Canvas;
+      --fs-color-subtle: Canvas;
+      --fs-focus-color: Highlight;
+    }
+  }
+}
+/*# sourceMappingURL=fokus-core.css.map */