fokus-styles 2.3.0 → 2.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/css/components.css +22 -0
  3. package/dist/css/components.css.map +1 -1
  4. package/dist/css/components.min.css +1 -1
  5. package/dist/css/components.min.css.map +1 -1
  6. package/dist/css/fokus-components.css +22 -0
  7. package/dist/css/fokus-components.css.map +1 -1
  8. package/dist/css/fokus-components.min.css +1 -1
  9. package/dist/css/fokus-components.min.css.map +1 -1
  10. package/dist/css/fokus-core.css +22 -0
  11. package/dist/css/fokus-core.css.map +1 -1
  12. package/dist/css/fokus-core.min.css +1 -1
  13. package/dist/css/fokus-core.min.css.map +1 -1
  14. package/dist/css/fokus-dark.css +10 -0
  15. package/dist/css/fokus-dark.css.map +1 -1
  16. package/dist/css/fokus-dark.min.css +1 -1
  17. package/dist/css/fokus-dark.min.css.map +1 -1
  18. package/dist/css/fokus-rtl.css +8552 -0
  19. package/dist/css/fokus-rtl.css.map +1 -0
  20. package/dist/css/fokus-rtl.min.css +2 -0
  21. package/dist/css/fokus-rtl.min.css.map +1 -0
  22. package/dist/css/fokus-utilities.css +22 -0
  23. package/dist/css/fokus-utilities.css.map +1 -1
  24. package/dist/css/fokus-utilities.min.css +1 -1
  25. package/dist/css/fokus-utilities.min.css.map +1 -1
  26. package/dist/css/fokus.css +22 -0
  27. package/dist/css/fokus.css.map +1 -1
  28. package/dist/css/fokus.min.css +1 -1
  29. package/dist/css/fokus.min.css.map +1 -1
  30. package/dist/css/forms.css +22 -0
  31. package/dist/css/forms.css.map +1 -1
  32. package/dist/css/forms.min.css +1 -1
  33. package/dist/css/forms.min.css.map +1 -1
  34. package/dist/css/helpers.css +22 -0
  35. package/dist/css/helpers.css.map +1 -1
  36. package/dist/css/helpers.min.css +1 -1
  37. package/dist/css/helpers.min.css.map +1 -1
  38. package/dist/css/layout.css +22 -0
  39. package/dist/css/layout.css.map +1 -1
  40. package/dist/css/layout.min.css +1 -1
  41. package/dist/css/layout.min.css.map +1 -1
  42. package/docs/guides/rtl-and-system-preferences.md +28 -0
  43. package/docs/reference/size-baseline.json +11 -11
  44. package/package.json +2 -1
  45. package/packages/fokus-core/scss/base/_accessibility.scss +14 -0
  46. package/packages/fokus-core/scss/tokens/_root.scss +11 -0
  47. package/scss/entries/rtl-entry.scss +11 -0
package/dist/css/layout.min.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer reset, tokens, base, layout, components, utilities, overrides;@layer tokens{:root{--fs-color-white:#fff;--fs-color-black:#000;--fs-color-text:#1e293b;--fs-color-muted:#64748b;--fs-color-border:#e2e8f0;--fs-color-surface:#fff;--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%,#0000);--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:#0000008c;--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 #00000026,0 1px 2px #0000001a;--fs-shadow-md:0 6px 12px #00000026,0 3px 6px #0000001a;--fs-shadow-lg:0 15px 30px #0000002e,0 6px 12px #0000001f;--fs-tooltip-bg:#1e293b;--fs-tooltip-text:#fff;--fs-color-primary:#1a61e6;--fs-color-on-primary:#fff;--fs-alert-primary-bg:#dce9fe;--fs-alert-primary-text:#042159;--fs-color-secondary:#64748b;--fs-color-on-secondary:#fff;--fs-alert-secondary-bg:#e6e9ed;--fs-alert-secondary-text:#222932;--fs-color-success:#0dd157;--fs-color-on-success:#000;--fs-alert-success-bg:#e5f9e7;--fs-alert-success-text:#02501c;--fs-color-warning:#fab633;--fs-color-on-warning:#000;--fs-alert-warning-bg:#fff5e5;--fs-alert-warning-text:#61440d;--fs-color-danger:#cc3335;--fs-color-on-danger:#fff;--fs-alert-danger-bg:#fce2e0;--fs-alert-danger-text:#4e0d0e;--fs-color-info:#5e5cc7;--fs-color-on-info:#fff;--fs-alert-info-bg:#e4e6f8;--fs-alert-info-text:#1f1f4c;--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:#fff;--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:#fff;--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:#000;--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:#000;--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:#fff;--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:#fff;--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);--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 tokens{}@layer reset{*,:after,:before{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){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.fs-progress-bar-animated,.fs-progress-indeterminate .fs-progress-bar,.fs-spinner{animation-duration:1.5s!important;animation-iteration-count:infinite!important}}}@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-focusable:not(:focus):not(:focus-within),.fs-u-visually-hidden: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,.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}.fs-container,.fs-container-fluid,.fs-container-lg,.fs-container-md,.fs-container-sm,.fs-container-xl,.fs-container-xxl,.fs-container-xxxl{width:100%;margin-right:auto;margin-left:auto}}@layer layout{@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-col-fluid,.fs-row-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}.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 layout{}@layer tokens{[data-fs-brand=violet]{--fs-color-primary:#6d28d9;--fs-alert-primary-bg:#e6e2fd;--fs-alert-primary-text:#260953;--fs-feedback-primary-bg:#e6e2fd}[data-fs-brand=violet][data-theme=dark],[data-theme=dark] [data-fs-brand=violet]{--fs-color-primary:#7339dc;--fs-alert-primary-bg:#1f2f53;--fs-alert-primary-text:#a794f0;--fs-feedback-primary-bg:#1f2f53}@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:#dbe3ee;--fs-alert-primary-text:#051931;--fs-feedback-primary-bg:#dbe3ee}[data-fs-brand=corporate][data-theme=dark],[data-theme=dark] [data-fs-brand=corporate]{--fs-color-primary:#29578f;--fs-alert-primary-bg:#1f2e46;--fs-alert-primary-text:#809bbf;--fs-feedback-primary-bg:#1f2e46}[data-fs-brand=vibrant]{--fs-color-primary:#f2542d;--fs-alert-primary-bg:#ffe7e1;--fs-alert-primary-text:#5e1b0b;--fs-feedback-primary-bg:#ffe7e1}[data-fs-brand=vibrant][data-theme=dark],[data-theme=dark] [data-fs-brand=vibrant]{--fs-color-primary:#f45f3b;--fs-alert-primary-bg:#313356;--fs-alert-primary-text:#ffa791;--fs-feedback-primary-bg:#313356}@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] :is(.fs-badge-primary,.fs-btn-primary){--fs-btn-color:#000;--fs-badge-color:#000}[data-fs-brand=vibrant] .fs-check{--fs-check-mark:#000}}@layer tokens{[data-fs-theme=dark],[data-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 #00000080,0 1px 2px #0006;--fs-shadow-md:0 6px 12px #0000008c,0 3px 6px #00000073;--fs-shadow-lg:0 15px 30px #0009,0 6px 12px #00000080;--fs-tooltip-bg:#f8fafc;--fs-tooltip-text:#1e293b;--fs-color-primary:#286ae8;--fs-alert-primary-bg:#1f3252;--fs-alert-primary-text:#83acf6;--fs-feedback-primary-bg:#1f3252;--fs-color-secondary:#728196;--fs-alert-secondary-bg:#283346;--fs-alert-secondary-text:#a7b0be;--fs-feedback-secondary-bg:#283346;--fs-color-success:#86e396;--fs-alert-success-bg:#193e59;--fs-alert-success-text:#9be8a6;--fs-feedback-success-bg:#193e59;--fs-color-warning:#fdd18a;--fs-alert-warning-bg:#3b3959;--fs-alert-warning-text:#fed89d;--fs-feedback-warning-bg:#3b3959;--fs-color-danger:#d0413f;--fs-alert-danger-bg:#2d3051;--fs-alert-danger-text:#eb968e;--fs-feedback-danger-bg:#2d3051;--fs-color-info:#5e5cc7;--fs-alert-info-bg:#23324f;--fs-alert-info-text:#a1a6e4;--fs-feedback-info-bg:#23324f}@supports (color:oklch(0% 0 0deg)){[data-fs-theme=dark],[data-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-fs-theme=auto],[data-fs-theme=dark],[data-fs-theme=light],[data-theme=dark]{--fs-color-border:CanvasText;--fs-color-text:CanvasText;--fs-color-surface:Canvas;--fs-color-subtle:Canvas;--fs-focus-color:Highlight}}}
1
+ @layer reset, tokens, base, layout, components, utilities, overrides;@layer tokens{:root{--fs-color-white:#fff;--fs-color-black:#000;--fs-color-text:#1e293b;--fs-color-muted:#64748b;--fs-color-border:#e2e8f0;--fs-color-surface:#fff;--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%,#0000);--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:#0000008c;--fs-component-panel-radius:var(--fs-radius-md);--fs-component-panel-shadow:var(--fs-shadow-lg);--fs-contrast-border-width:var(--fs-border-width);--fs-contrast-focus-width:var(--fs-focus-width);--fs-cq-sm:320px;--fs-cq-md:480px;--fs-cq-lg:640px;--fs-shadow-sm:0 1px 3px #00000026,0 1px 2px #0000001a;--fs-shadow-md:0 6px 12px #00000026,0 3px 6px #0000001a;--fs-shadow-lg:0 15px 30px #0000002e,0 6px 12px #0000001f;--fs-tooltip-bg:#1e293b;--fs-tooltip-text:#fff;--fs-color-primary:#1a61e6;--fs-color-on-primary:#fff;--fs-alert-primary-bg:#dce9fe;--fs-alert-primary-text:#042159;--fs-color-secondary:#64748b;--fs-color-on-secondary:#fff;--fs-alert-secondary-bg:#e6e9ed;--fs-alert-secondary-text:#222932;--fs-color-success:#0dd157;--fs-color-on-success:#000;--fs-alert-success-bg:#e5f9e7;--fs-alert-success-text:#02501c;--fs-color-warning:#fab633;--fs-color-on-warning:#000;--fs-alert-warning-bg:#fff5e5;--fs-alert-warning-text:#61440d;--fs-color-danger:#cc3335;--fs-color-on-danger:#fff;--fs-alert-danger-bg:#fce2e0;--fs-alert-danger-text:#4e0d0e;--fs-color-info:#5e5cc7;--fs-color-on-info:#fff;--fs-alert-info-bg:#e4e6f8;--fs-alert-info-text:#1f1f4c;--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:#fff;--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:#fff;--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:#000;--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:#000;--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:#fff;--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:#fff;--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)}}@media (prefers-contrast:more){:root{--fs-contrast-border-width:2px;--fs-contrast-focus-width:3px;--fs-focus-width:var(--fs-contrast-focus-width);--fs-border-width:var(--fs-contrast-border-width)}}}@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);--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 tokens{}@layer reset{*,:after,:before{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){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.fs-progress-bar-animated,.fs-progress-indeterminate .fs-progress-bar,.fs-spinner{animation-duration:1.5s!important;animation-iteration-count:infinite!important}}}@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}.fs-btn,[role=button],button,input,select,textarea{border-color:ButtonText;forced-color-adjust:auto}.fs-u-focus-ring:focus-visible{outline:3px solid Highlight}}}@layer utilities{.fs-u-visually-hidden-focusable:not(:focus):not(:focus-within),.fs-u-visually-hidden: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,.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}.fs-container,.fs-container-fluid,.fs-container-lg,.fs-container-md,.fs-container-sm,.fs-container-xl,.fs-container-xxl,.fs-container-xxxl{width:100%;margin-right:auto;margin-left:auto}}@layer layout{@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-col-fluid,.fs-row-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}.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 layout{}@layer tokens{[data-fs-brand=violet]{--fs-color-primary:#6d28d9;--fs-alert-primary-bg:#e6e2fd;--fs-alert-primary-text:#260953;--fs-feedback-primary-bg:#e6e2fd}[data-fs-brand=violet][data-theme=dark],[data-theme=dark] [data-fs-brand=violet]{--fs-color-primary:#7339dc;--fs-alert-primary-bg:#1f2f53;--fs-alert-primary-text:#a794f0;--fs-feedback-primary-bg:#1f2f53}@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:#dbe3ee;--fs-alert-primary-text:#051931;--fs-feedback-primary-bg:#dbe3ee}[data-fs-brand=corporate][data-theme=dark],[data-theme=dark] [data-fs-brand=corporate]{--fs-color-primary:#29578f;--fs-alert-primary-bg:#1f2e46;--fs-alert-primary-text:#809bbf;--fs-feedback-primary-bg:#1f2e46}[data-fs-brand=vibrant]{--fs-color-primary:#f2542d;--fs-alert-primary-bg:#ffe7e1;--fs-alert-primary-text:#5e1b0b;--fs-feedback-primary-bg:#ffe7e1}[data-fs-brand=vibrant][data-theme=dark],[data-theme=dark] [data-fs-brand=vibrant]{--fs-color-primary:#f45f3b;--fs-alert-primary-bg:#313356;--fs-alert-primary-text:#ffa791;--fs-feedback-primary-bg:#313356}@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] :is(.fs-badge-primary,.fs-btn-primary){--fs-btn-color:#000;--fs-badge-color:#000}[data-fs-brand=vibrant] .fs-check{--fs-check-mark:#000}}@layer tokens{[data-fs-theme=dark],[data-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 #00000080,0 1px 2px #0006;--fs-shadow-md:0 6px 12px #0000008c,0 3px 6px #00000073;--fs-shadow-lg:0 15px 30px #0009,0 6px 12px #00000080;--fs-tooltip-bg:#f8fafc;--fs-tooltip-text:#1e293b;--fs-color-primary:#286ae8;--fs-alert-primary-bg:#1f3252;--fs-alert-primary-text:#83acf6;--fs-feedback-primary-bg:#1f3252;--fs-color-secondary:#728196;--fs-alert-secondary-bg:#283346;--fs-alert-secondary-text:#a7b0be;--fs-feedback-secondary-bg:#283346;--fs-color-success:#86e396;--fs-alert-success-bg:#193e59;--fs-alert-success-text:#9be8a6;--fs-feedback-success-bg:#193e59;--fs-color-warning:#fdd18a;--fs-alert-warning-bg:#3b3959;--fs-alert-warning-text:#fed89d;--fs-feedback-warning-bg:#3b3959;--fs-color-danger:#d0413f;--fs-alert-danger-bg:#2d3051;--fs-alert-danger-text:#eb968e;--fs-feedback-danger-bg:#2d3051;--fs-color-info:#5e5cc7;--fs-alert-info-bg:#23324f;--fs-alert-info-text:#a1a6e4;--fs-feedback-info-bg:#23324f}@supports (color:oklch(0% 0 0deg)){[data-fs-theme=dark],[data-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-fs-theme=auto],[data-fs-theme=dark],[data-fs-theme=light],[data-theme=dark]{--fs-color-border:CanvasText;--fs-color-text:CanvasText;--fs-color-surface:Canvas;--fs-color-subtle:Canvas;--fs-focus-color:Highlight}}}
2
2
  /*# sourceMappingURL=layout.min.css.map */
package/dist/css/layout.min.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/tokens/_root.scss","../../scss/entries/layout-entry.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/tokens/_semantic.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/tokens/_charts.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/base/_reset.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/base/_typography.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/base/_motion.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/base/_accessibility.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/layout/_cluster.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/layout/_containers.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/tools/_mixins.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/layout/_grid.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/layout/_sidebar.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/layout/_stack.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/themes/_brands.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/themes/_dark.scss"],"names":[],"mappings":"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","file":"layout.min.css","sourcesContent":["@use \"sass:map\";\n@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n// Ordem canônica das camadas: declarada uma única vez aqui porque `tokens`\n// é sempre o primeiro `@use` de cada entry point (ver scss/entries/*.scss e\n// scss/fokus.scss) — evita repetir a declaração em cada bundle.\n@layer reset, tokens, base, layout, components, utilities, overrides;\n\n@layer tokens {\n // Bloco incondicional: fallback sRGB, aplicado em todo navegador. Os\n // valores de cor aqui vêm de `rgb-fallback()` (gamut-mapeado a partir do\n // primitivo OKLCH) — ver `tools/_mixins.scss`. É sempre sobrescrito pelo\n // bloco `@supports` abaixo em navegadores com suporte a `oklch()`; um\n // `--fs-*` de cor nunca deve ser lido só daqui em código novo.\n :root {\n --fs-color-white: #{$color-white};\n --fs-color-black: #{$color-black};\n --fs-color-text: #{rgb-fallback($color-gray-900)};\n --fs-color-muted: #{rgb-fallback($color-gray-600)};\n --fs-color-border: #{rgb-fallback($color-gray-300)};\n --fs-color-surface: #{$color-white};\n --fs-color-subtle: #{rgb-fallback($color-gray-100)};\n --fs-font-sans: #{$font-family-sans};\n --fs-font-mono: #{$font-family-mono};\n --fs-font-size-md: #{$font-size-md};\n --fs-font-size-h1: #{$font-size-h1};\n --fs-font-size-h2: #{$font-size-h2};\n --fs-font-size-h3: #{$font-size-h3};\n --fs-font-size-h4: #{$font-size-h4};\n --fs-font-size-h5: #{$font-size-h5};\n --fs-font-size-h6: #{$font-size-h6};\n --fs-font-weight-semibold: #{$font-weight-semibold};\n --fs-line-height-base: #{$line-height-base};\n --fs-line-height-heading: #{$line-height-heading};\n --fs-radius-sm: #{$radius-sm};\n --fs-radius-md: #{$radius-md};\n --fs-radius-lg: #{$radius-lg};\n --fs-gutter-x: #{map.get($spacers, 4)};\n --fs-gutter-y: 0px;\n\n @each $name, $space in $spacers {\n --fs-space-#{$name}: #{$space};\n }\n\n @each $name, $z-index in $z-indexes {\n --fs-z-#{$name}: #{$z-index};\n }\n\n --fs-control-height: 38px;\n --fs-control-height-sm: 30px;\n --fs-control-height-lg: 46px;\n --fs-control-padding-x: 12px;\n --fs-control-padding-x-sm: 8px;\n --fs-control-padding-x-lg: 16px;\n --fs-focus-width: 2px;\n --fs-focus-offset: 2px;\n --fs-focus-color: var(--fs-color-primary);\n --fs-focus-ring-size: 3px;\n --fs-focus-ring-color: color-mix(in srgb, var(--fs-focus-color) 22%, transparent);\n --fs-focus-ring-alpha: 22%;\n --fs-transition-fast: 150ms;\n --fs-transition-normal: 220ms;\n --fs-motion-duration-fast: var(--fs-transition-fast);\n --fs-motion-duration-normal: var(--fs-transition-normal);\n --fs-motion-ease-standard: var(--fs-ease-standard);\n --fs-ease-standard: cubic-bezier(0.2, 0, 0, 1);\n --fs-border-width: 1px;\n --fs-disabled-opacity: 0.5;\n --fs-safe-area-top: env(safe-area-inset-top, 0px);\n --fs-safe-area-right: env(safe-area-inset-right, 0px);\n --fs-safe-area-bottom: env(safe-area-inset-bottom, 0px);\n --fs-safe-area-left: env(safe-area-inset-left, 0px);\n --fs-component-control-height: var(--fs-control-height);\n --fs-component-overlay-backdrop: rgb(0 0 0 / 55%);\n --fs-component-panel-radius: var(--fs-radius-md);\n --fs-component-panel-shadow: var(--fs-shadow-lg);\n\n // Referência dos limiares usados pelos utilitários `@container` (ver\n // `packages/fokus-utilities/scss/utilities/_container-queries.scss`).\n // Só informativas: a condição de um `@container` precisa de um valor\n // literal em tempo de build, não aceita `var()` — mudar aqui não\n // recalibra as regras já compiladas, só documenta os valores usados.\n @each $name, $width in $container-breakpoints {\n --fs-cq-#{$name}: #{$width};\n }\n\n --fs-shadow-sm: 0 1px 3px rgb(0 0 0 / 15%), 0 1px 2px rgb(0 0 0 / 10%);\n --fs-shadow-md: 0 6px 12px rgb(0 0 0 / 15%), 0 3px 6px rgb(0 0 0 / 10%);\n --fs-shadow-lg: 0 15px 30px rgb(0 0 0 / 18%), 0 6px 12px rgb(0 0 0 / 12%);\n --fs-tooltip-bg: #{rgb-fallback($color-gray-900)};\n --fs-tooltip-text: #{$color-white};\n\n @each $name, $color in $theme-colors {\n --fs-color-#{$name}: #{rgb-fallback($color)};\n --fs-color-on-#{$name}: #{color-contrast($color)};\n --fs-alert-#{$name}-bg: #{rgb-fallback(tint-color($color))};\n --fs-alert-#{$name}-text: #{rgb-fallback(shade-color($color))};\n }\n\n @each $name, $bg in $theme-bg-colors {\n --fs-feedback-#{$name}-bg: #{rgb-fallback($bg)};\n }\n }\n\n // Bloco condicional: valores nativos em OKLCH. `@supports (color: oklch(0%\n // 0 0))` só passa em navegadores que entendem a função — os demais ignoram\n // o bloco inteiro e mantêm o fallback sRGB acima. Só propriedades de cor\n // entram aqui; o resto (fontes, raio, sombra, gutter) não tem equivalente\n // \"melhor\" em OKLCH e já está definido de forma incondicional.\n @supports (color: oklch(0% 0 0)) {\n :root {\n --fs-color-text: #{$color-gray-900};\n --fs-color-muted: #{$color-gray-600};\n --fs-color-border: #{$color-gray-300};\n --fs-color-subtle: #{$color-gray-100};\n --fs-tooltip-bg: #{$color-gray-900};\n\n @each $name, $color in $theme-colors {\n --fs-color-#{$name}: #{$color};\n --fs-color-on-#{$name}: #{color-contrast($color)};\n --fs-alert-#{$name}-bg: #{tint-color($color)};\n --fs-alert-#{$name}-text: #{shade-color($color)};\n }\n\n @each $name, $bg in $theme-bg-colors {\n --fs-feedback-#{$name}-bg: #{$bg};\n }\n }\n }\n}\n","@layer reset, tokens, base, layout, components, utilities, overrides;\n@layer tokens {\n :root {\n --fs-color-white: #ffffff;\n --fs-color-black: #000000;\n --fs-color-text: #1e293b;\n --fs-color-muted: #64748b;\n --fs-color-border: #e2e8f0;\n --fs-color-surface: #ffffff;\n --fs-color-subtle: #f8fafc;\n --fs-font-sans: Plus Jakarta Sans, sans-serif;\n --fs-font-mono: Source Code Pro, monospace;\n --fs-font-size-md: 0.8125rem;\n --fs-font-size-h1: 1.75rem;\n --fs-font-size-h2: 1.5rem;\n --fs-font-size-h3: 1.3125rem;\n --fs-font-size-h4: 1.125rem;\n --fs-font-size-h5: 1rem;\n --fs-font-size-h6: 0.875rem;\n --fs-font-weight-semibold: 600;\n --fs-line-height-base: 1.5;\n --fs-line-height-heading: 1.25;\n --fs-radius-sm: 4px;\n --fs-radius-md: 6px;\n --fs-radius-lg: 8px;\n --fs-gutter-x: 1.5rem;\n --fs-gutter-y: 0px;\n --fs-space-0: 0;\n --fs-space-1: 0.25rem;\n --fs-space-2: 0.5rem;\n --fs-space-3: 1rem;\n --fs-space-4: 1.5rem;\n --fs-space-5: 3rem;\n --fs-z-base: 0;\n --fs-z-dropdown: 1000;\n --fs-z-sticky: 1020;\n --fs-z-modal: 1050;\n --fs-z-offcanvas: 1060;\n --fs-z-notification: 1080;\n --fs-z-toast: 1090;\n --fs-z-tooltip: 1100;\n --fs-control-height: 38px;\n --fs-control-height-sm: 30px;\n --fs-control-height-lg: 46px;\n --fs-control-padding-x: 12px;\n --fs-control-padding-x-sm: 8px;\n --fs-control-padding-x-lg: 16px;\n --fs-focus-width: 2px;\n --fs-focus-offset: 2px;\n --fs-focus-color: var(--fs-color-primary);\n --fs-focus-ring-size: 3px;\n --fs-focus-ring-color: color-mix(in srgb, var(--fs-focus-color) 22%, transparent);\n --fs-focus-ring-alpha: 22%;\n --fs-transition-fast: 150ms;\n --fs-transition-normal: 220ms;\n --fs-motion-duration-fast: var(--fs-transition-fast);\n --fs-motion-duration-normal: var(--fs-transition-normal);\n --fs-motion-ease-standard: var(--fs-ease-standard);\n --fs-ease-standard: cubic-bezier(0.2, 0, 0, 1);\n --fs-border-width: 1px;\n --fs-disabled-opacity: 0.5;\n --fs-safe-area-top: env(safe-area-inset-top, 0px);\n --fs-safe-area-right: env(safe-area-inset-right, 0px);\n --fs-safe-area-bottom: env(safe-area-inset-bottom, 0px);\n --fs-safe-area-left: env(safe-area-inset-left, 0px);\n --fs-component-control-height: var(--fs-control-height);\n --fs-component-overlay-backdrop: rgb(0 0 0 / 55%);\n --fs-component-panel-radius: var(--fs-radius-md);\n --fs-component-panel-shadow: var(--fs-shadow-lg);\n --fs-cq-sm: 320px;\n --fs-cq-md: 480px;\n --fs-cq-lg: 640px;\n --fs-shadow-sm: 0 1px 3px rgb(0 0 0 / 15%), 0 1px 2px rgb(0 0 0 / 10%);\n --fs-shadow-md: 0 6px 12px rgb(0 0 0 / 15%), 0 3px 6px rgb(0 0 0 / 10%);\n --fs-shadow-lg: 0 15px 30px rgb(0 0 0 / 18%), 0 6px 12px rgb(0 0 0 / 12%);\n --fs-tooltip-bg: #1e293b;\n --fs-tooltip-text: #ffffff;\n --fs-color-primary: #1a61e6;\n --fs-color-on-primary: #ffffff;\n --fs-alert-primary-bg: rgb(220.3846532222, 232.689549371, 254.1042117072);\n --fs-alert-primary-text: rgb(4.2540793692, 32.6552622518, 88.5748738661);\n --fs-color-secondary: #64748b;\n --fs-color-on-secondary: #ffffff;\n --fs-alert-secondary-bg: rgb(230.2895610064, 233.0325853352, 236.9919508609);\n --fs-alert-secondary-text: rgb(33.9166068747, 40.6437781967, 50.3140869721);\n --fs-color-success: rgb(13, 209, 87);\n --fs-color-on-success: #000000;\n --fs-alert-success-bg: rgb(228.9046733915, 249.1514320752, 230.8709345684);\n --fs-alert-success-text: rgb(1.6574790861, 79.745461506, 28.4507801755);\n --fs-color-warning: #fab633;\n --fs-color-on-warning: #000000;\n --fs-alert-warning-bg: rgb(254.9170612621, 244.6528756631, 228.9710928247);\n --fs-alert-warning-text: rgb(96.9838380187, 68.3933599001, 13.3146447009);\n --fs-color-danger: #cc3335;\n --fs-color-on-danger: #ffffff;\n --fs-alert-danger-bg: rgb(251.9225977632, 226.389403069, 223.5618211362);\n --fs-alert-danger-text: rgb(77.6432204678, 13.3146447009, 14.1555411162);\n --fs-color-info: #5e5cc7;\n --fs-color-on-info: #ffffff;\n --fs-alert-info-bg: rgb(228.2395257626, 230.4806192824, 248.3934544766);\n --fs-alert-info-text: rgb(31.3939176289, 30.5530212136, 75.5409794297);\n --fs-feedback-primary-bg: #e6f0ff;\n --fs-feedback-secondary-bg: #f8fafc;\n --fs-feedback-success-bg: #e6fff2;\n --fs-feedback-warning-bg: #fff9e6;\n --fs-feedback-danger-bg: #fff2f3;\n --fs-feedback-info-bg: #f2f2ff;\n }\n @supports (color: oklch(0% 0 0deg)) {\n :root {\n --fs-color-text: oklch(27.9495237712% 0.0368481257 260.0309873929deg);\n --fs-color-muted: oklch(55.4391007662% 0.040717043 257.4166191214deg);\n --fs-color-border: oklch(92.876126719% 0.0126187744 255.5078854448deg);\n --fs-color-subtle: oklch(98.4151869501% 0.0034126992 247.8577745944deg);\n --fs-tooltip-bg: oklch(27.9495237712% 0.0368481257 260.0309873929deg);\n --fs-color-primary: oklch(53.5630074284% 0.2132145174 261.6264320248deg);\n --fs-color-on-primary: #ffffff;\n --fs-alert-primary-bg: oklch(93.0344511143% 0.0319821776 261.6264320248deg);\n --fs-alert-primary-text: oklch(26.7815037142% 0.1066072587 261.6264320248deg);\n --fs-color-secondary: oklch(55.4391007662% 0.040717043 257.4166191214deg);\n --fs-color-on-secondary: #ffffff;\n --fs-alert-secondary-bg: oklch(93.3158651149% 0.0061075564 257.4166191214deg);\n --fs-alert-secondary-text: oklch(27.7195503831% 0.0203585215 257.4166191214deg);\n --fs-color-success: oklch(75.151587899% 0.2146126169 148.125846236deg);\n --fs-color-on-success: #000000;\n --fs-alert-success-bg: oklch(96.2727381849% 0.0321918925 148.125846236deg);\n --fs-alert-success-text: oklch(37.5757939495% 0.1073063085 148.125846236deg);\n --fs-color-warning: oklch(81.9510815663% 0.1562613975 78.6575213966deg);\n --fs-color-on-warning: #000000;\n --fs-alert-warning-bg: oklch(97.2926622349% 0.0234392096 78.6575213966deg);\n --fs-alert-warning-text: oklch(40.9755407832% 0.0781306987 78.6575213966deg);\n --fs-color-danger: oklch(55.9653139301% 0.1897270855 25.2407937498deg);\n --fs-color-on-danger: #ffffff;\n --fs-alert-danger-bg: oklch(93.3947970895% 0.0284590628 25.2407937498deg);\n --fs-alert-danger-text: oklch(27.982656965% 0.0948635427 25.2407937498deg);\n --fs-color-info: oklch(53.3359780029% 0.1620131129 280.2231949375deg);\n --fs-color-on-info: #ffffff;\n --fs-alert-info-bg: oklch(93.0003967004% 0.0243019669 280.2231949375deg);\n --fs-alert-info-text: oklch(26.6679890014% 0.0810065564 280.2231949375deg);\n --fs-feedback-primary-bg: oklch(95.2067827456% 0.0228899025 258.359342143deg);\n --fs-feedback-secondary-bg: oklch(98.4151869501% 0.0034126992 247.8577745944deg);\n --fs-feedback-success-bg: oklch(97.8305614459% 0.0311593614 163.2740567608deg);\n --fs-feedback-warning-bg: oklch(98.17094418% 0.025708244 92.3886876566deg);\n --fs-feedback-danger-bg: oklch(97.1603097552% 0.0140720277 12.0135639679deg);\n --fs-feedback-info-bg: oklch(96.4918490239% 0.0173174767 286.0707018324deg);\n }\n }\n}\n@layer tokens {\n :root {\n --fs-color-bg-surface: var(--fs-color-surface);\n --fs-color-bg-subtle: var(--fs-color-subtle);\n --fs-color-text-primary: var(--fs-color-text);\n --fs-color-text-muted: var(--fs-color-muted);\n --fs-color-border-default: var(--fs-color-border);\n --fs-color-focus: var(--fs-color-primary);\n --fs-color-surface-raised: var(--fs-color-surface);\n --fs-color-surface-interactive: var(--fs-color-subtle);\n --fs-color-action-primary: var(--fs-color-primary);\n --fs-color-action-danger: var(--fs-color-danger);\n }\n}\n@layer tokens {\n :root {\n --fs-chart-series-1: var(--fs-color-primary);\n --fs-chart-series-2: var(--fs-color-success);\n --fs-chart-series-3: var(--fs-color-warning);\n --fs-chart-series-4: var(--fs-color-danger);\n --fs-chart-series-5: var(--fs-color-info);\n --fs-chart-series-6: var(--fs-color-secondary);\n --fs-chart-grid: var(--fs-color-border);\n --fs-chart-axis: var(--fs-color-muted);\n --fs-chart-tooltip-bg: var(--fs-tooltip-bg);\n --fs-chart-tooltip-text: var(--fs-tooltip-text);\n }\n}\n@layer reset {\n *,\n *::before,\n *::after {\n box-sizing: border-box;\n }\n html {\n line-height: var(--fs-line-height-base);\n text-size-adjust: 100%;\n }\n body {\n margin: 0;\n color: var(--fs-color-text);\n background-color: var(--fs-color-surface);\n }\n [hidden] {\n display: none !important;\n }\n}\n@layer base {\n body,\n button,\n input,\n select,\n textarea {\n font-family: var(--fs-font-sans);\n font-size: var(--fs-font-size-md);\n }\n code,\n kbd,\n pre,\n samp {\n font-family: var(--fs-font-mono);\n }\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-top: 0;\n font-weight: var(--fs-font-weight-semibold);\n line-height: var(--fs-line-height-heading);\n }\n h1 {\n font-size: var(--fs-font-size-h1);\n }\n h2 {\n font-size: var(--fs-font-size-h2);\n }\n h3 {\n font-size: var(--fs-font-size-h3);\n }\n h4 {\n font-size: var(--fs-font-size-h4);\n }\n h5 {\n font-size: var(--fs-font-size-h5);\n }\n h6 {\n font-size: var(--fs-font-size-h6);\n }\n}\n@layer base {\n @media (prefers-reduced-motion: reduce) {\n *,\n *::before,\n *::after {\n scroll-behavior: auto !important;\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n }\n .fs-spinner,\n .fs-progress-bar-animated,\n .fs-progress-indeterminate .fs-progress-bar {\n animation-duration: 1.5s !important;\n animation-iteration-count: infinite !important;\n }\n }\n}\n/* stylelint-disable property-no-deprecated, selector-not-notation */\n@layer reset {\n :focus-visible {\n outline: var(--fs-focus-width) solid var(--fs-focus-color);\n outline-offset: var(--fs-focus-offset);\n }\n @media (forced-colors: active) {\n :focus-visible {\n outline: 2px solid CanvasText;\n outline-offset: 2px;\n }\n }\n}\n@layer utilities {\n .fs-u-visually-hidden:not(:focus):not(:focus-within),\n .fs-u-visually-hidden-focusable:not(:focus):not(:focus-within) {\n position: absolute !important;\n width: 1px !important;\n height: 1px !important;\n padding: 0 !important;\n margin: -1px !important;\n overflow: hidden !important;\n clip-path: inset(50%) !important;\n white-space: nowrap !important;\n border: 0 !important;\n }\n .fs-skip-link {\n position: fixed;\n z-index: 1000;\n inset-block-start: var(--fs-space-2);\n inset-inline-start: var(--fs-space-2);\n transform: translateY(-200%);\n padding: var(--fs-space-2) var(--fs-space-3);\n color: var(--fs-color-on-primary);\n background: var(--fs-color-primary);\n border-radius: var(--fs-radius-sm);\n }\n .fs-skip-link:focus {\n transform: translateY(0);\n }\n}\n@layer layout {\n .fs-cluster {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--fs-cluster-gap, 0.5rem);\n }\n .fs-cluster-gap-0 {\n --fs-cluster-gap: 0;\n }\n .fs-cluster-gap-1 {\n --fs-cluster-gap: 0.25rem;\n }\n .fs-cluster-gap-2 {\n --fs-cluster-gap: 0.5rem;\n }\n .fs-cluster-gap-3 {\n --fs-cluster-gap: 1rem;\n }\n .fs-cluster-gap-4 {\n --fs-cluster-gap: 1.5rem;\n }\n .fs-cluster-gap-5 {\n --fs-cluster-gap: 3rem;\n }\n}\n@layer layout {\n .fs-container,\n .fs-container-sm,\n .fs-container-md,\n .fs-container-lg,\n .fs-container-xl,\n .fs-container-xxl,\n .fs-container-xxxl,\n .fs-container-fluid {\n width: 100%;\n margin-right: auto;\n margin-left: auto;\n }\n @media (min-width: 640px) {\n .fs-container,\n .fs-container-sm {\n max-width: 600px;\n }\n }\n @media (min-width: 768px) {\n .fs-container,\n .fs-container-md {\n max-width: 720px;\n }\n }\n @media (min-width: 1024px) {\n .fs-container,\n .fs-container-lg {\n max-width: 960px;\n }\n }\n @media (min-width: 1280px) {\n .fs-container,\n .fs-container-xl {\n max-width: 1200px;\n }\n }\n @media (min-width: 1536px) {\n .fs-container,\n .fs-container-xxl {\n max-width: 1440px;\n }\n }\n @media (min-width: 1920px) {\n .fs-container,\n .fs-container-xxxl {\n max-width: 1800px;\n }\n }\n}\n@layer layout {\n .fs-row {\n display: flex;\n flex-wrap: wrap;\n margin-top: calc(var(--fs-gutter-y) * -1);\n margin-right: calc(var(--fs-gutter-x) / -2);\n margin-left: calc(var(--fs-gutter-x) / -2);\n }\n .fs-row > * {\n margin-top: var(--fs-gutter-y);\n padding-right: calc(var(--fs-gutter-x) / 2);\n padding-left: calc(var(--fs-gutter-x) / 2);\n }\n .fs-row-fluid {\n width: 100%;\n }\n .fs-col-fluid {\n width: 100%;\n }\n .fs-row-cols-auto > * {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-row-cols-1 > * {\n flex: 0 0 auto;\n width: 100%;\n }\n .fs-row-cols-2 > * {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-row-cols-3 > * {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-row-cols-4 > * {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-row-cols-5 > * {\n flex: 0 0 auto;\n width: 20%;\n }\n .fs-row-cols-6 > * {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-order-0 {\n order: 0;\n }\n .fs-order-1 {\n order: 1;\n }\n .fs-order-2 {\n order: 2;\n }\n .fs-order-3 {\n order: 3;\n }\n .fs-order-4 {\n order: 4;\n }\n .fs-order-5 {\n order: 5;\n }\n .fs-order-6 {\n order: 6;\n }\n .fs-order-7 {\n order: 7;\n }\n .fs-order-8 {\n order: 8;\n }\n .fs-order-9 {\n order: 9;\n }\n .fs-order-10 {\n order: 10;\n }\n .fs-order-11 {\n order: 11;\n }\n .fs-order-12 {\n order: 12;\n }\n .fs-col {\n flex: 1 0 0%;\n }\n .fs-col-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-col-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .fs-col-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-col-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-col-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-col-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .fs-col-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-col-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .fs-col-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .fs-col-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .fs-col-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .fs-col-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .fs-col-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n @media (min-width: 640px) {\n .fs-row-cols-sm-auto > * {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-row-cols-sm-1 > * {\n flex: 0 0 auto;\n width: 100%;\n }\n .fs-row-cols-sm-2 > * {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-row-cols-sm-3 > * {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-row-cols-sm-4 > * {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-row-cols-sm-5 > * {\n flex: 0 0 auto;\n width: 20%;\n }\n .fs-row-cols-sm-6 > * {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-order-sm-0 {\n order: 0;\n }\n .fs-order-sm-1 {\n order: 1;\n }\n .fs-order-sm-2 {\n order: 2;\n }\n .fs-order-sm-3 {\n order: 3;\n }\n .fs-order-sm-4 {\n order: 4;\n }\n .fs-order-sm-5 {\n order: 5;\n }\n .fs-order-sm-6 {\n order: 6;\n }\n .fs-order-sm-7 {\n order: 7;\n }\n .fs-order-sm-8 {\n order: 8;\n }\n .fs-order-sm-9 {\n order: 9;\n }\n .fs-order-sm-10 {\n order: 10;\n }\n .fs-order-sm-11 {\n order: 11;\n }\n .fs-order-sm-12 {\n order: 12;\n }\n .fs-col-sm {\n flex: 1 0 0%;\n }\n .fs-col-sm-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-col-sm-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .fs-col-sm-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-col-sm-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-col-sm-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-col-sm-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .fs-col-sm-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-col-sm-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .fs-col-sm-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .fs-col-sm-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .fs-col-sm-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .fs-col-sm-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .fs-col-sm-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n }\n @media (min-width: 768px) {\n .fs-row-cols-md-auto > * {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-row-cols-md-1 > * {\n flex: 0 0 auto;\n width: 100%;\n }\n .fs-row-cols-md-2 > * {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-row-cols-md-3 > * {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-row-cols-md-4 > * {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-row-cols-md-5 > * {\n flex: 0 0 auto;\n width: 20%;\n }\n .fs-row-cols-md-6 > * {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-order-md-0 {\n order: 0;\n }\n .fs-order-md-1 {\n order: 1;\n }\n .fs-order-md-2 {\n order: 2;\n }\n .fs-order-md-3 {\n order: 3;\n }\n .fs-order-md-4 {\n order: 4;\n }\n .fs-order-md-5 {\n order: 5;\n }\n .fs-order-md-6 {\n order: 6;\n }\n .fs-order-md-7 {\n order: 7;\n }\n .fs-order-md-8 {\n order: 8;\n }\n .fs-order-md-9 {\n order: 9;\n }\n .fs-order-md-10 {\n order: 10;\n }\n .fs-order-md-11 {\n order: 11;\n }\n .fs-order-md-12 {\n order: 12;\n }\n .fs-col-md {\n flex: 1 0 0%;\n }\n .fs-col-md-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-col-md-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .fs-col-md-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-col-md-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-col-md-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-col-md-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .fs-col-md-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-col-md-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .fs-col-md-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .fs-col-md-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .fs-col-md-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .fs-col-md-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .fs-col-md-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n }\n @media (min-width: 1024px) {\n .fs-row-cols-lg-auto > * {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-row-cols-lg-1 > * {\n flex: 0 0 auto;\n width: 100%;\n }\n .fs-row-cols-lg-2 > * {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-row-cols-lg-3 > * {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-row-cols-lg-4 > * {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-row-cols-lg-5 > * {\n flex: 0 0 auto;\n width: 20%;\n }\n .fs-row-cols-lg-6 > * {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-order-lg-0 {\n order: 0;\n }\n .fs-order-lg-1 {\n order: 1;\n }\n .fs-order-lg-2 {\n order: 2;\n }\n .fs-order-lg-3 {\n order: 3;\n }\n .fs-order-lg-4 {\n order: 4;\n }\n .fs-order-lg-5 {\n order: 5;\n }\n .fs-order-lg-6 {\n order: 6;\n }\n .fs-order-lg-7 {\n order: 7;\n }\n .fs-order-lg-8 {\n order: 8;\n }\n .fs-order-lg-9 {\n order: 9;\n }\n .fs-order-lg-10 {\n order: 10;\n }\n .fs-order-lg-11 {\n order: 11;\n }\n .fs-order-lg-12 {\n order: 12;\n }\n .fs-col-lg {\n flex: 1 0 0%;\n }\n .fs-col-lg-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-col-lg-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .fs-col-lg-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-col-lg-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-col-lg-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-col-lg-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .fs-col-lg-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-col-lg-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .fs-col-lg-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .fs-col-lg-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .fs-col-lg-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .fs-col-lg-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .fs-col-lg-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n }\n @media (min-width: 1280px) {\n .fs-row-cols-xl-auto > * {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-row-cols-xl-1 > * {\n flex: 0 0 auto;\n width: 100%;\n }\n .fs-row-cols-xl-2 > * {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-row-cols-xl-3 > * {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-row-cols-xl-4 > * {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-row-cols-xl-5 > * {\n flex: 0 0 auto;\n width: 20%;\n }\n .fs-row-cols-xl-6 > * {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-order-xl-0 {\n order: 0;\n }\n .fs-order-xl-1 {\n order: 1;\n }\n .fs-order-xl-2 {\n order: 2;\n }\n .fs-order-xl-3 {\n order: 3;\n }\n .fs-order-xl-4 {\n order: 4;\n }\n .fs-order-xl-5 {\n order: 5;\n }\n .fs-order-xl-6 {\n order: 6;\n }\n .fs-order-xl-7 {\n order: 7;\n }\n .fs-order-xl-8 {\n order: 8;\n }\n .fs-order-xl-9 {\n order: 9;\n }\n .fs-order-xl-10 {\n order: 10;\n }\n .fs-order-xl-11 {\n order: 11;\n }\n .fs-order-xl-12 {\n order: 12;\n }\n .fs-col-xl {\n flex: 1 0 0%;\n }\n .fs-col-xl-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-col-xl-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .fs-col-xl-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-col-xl-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-col-xl-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-col-xl-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .fs-col-xl-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-col-xl-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .fs-col-xl-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .fs-col-xl-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .fs-col-xl-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .fs-col-xl-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .fs-col-xl-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n }\n @media (min-width: 1536px) {\n .fs-row-cols-xxl-auto > * {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-row-cols-xxl-1 > * {\n flex: 0 0 auto;\n width: 100%;\n }\n .fs-row-cols-xxl-2 > * {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-row-cols-xxl-3 > * {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-row-cols-xxl-4 > * {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-row-cols-xxl-5 > * {\n flex: 0 0 auto;\n width: 20%;\n }\n .fs-row-cols-xxl-6 > * {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-order-xxl-0 {\n order: 0;\n }\n .fs-order-xxl-1 {\n order: 1;\n }\n .fs-order-xxl-2 {\n order: 2;\n }\n .fs-order-xxl-3 {\n order: 3;\n }\n .fs-order-xxl-4 {\n order: 4;\n }\n .fs-order-xxl-5 {\n order: 5;\n }\n .fs-order-xxl-6 {\n order: 6;\n }\n .fs-order-xxl-7 {\n order: 7;\n }\n .fs-order-xxl-8 {\n order: 8;\n }\n .fs-order-xxl-9 {\n order: 9;\n }\n .fs-order-xxl-10 {\n order: 10;\n }\n .fs-order-xxl-11 {\n order: 11;\n }\n .fs-order-xxl-12 {\n order: 12;\n }\n .fs-col-xxl {\n flex: 1 0 0%;\n }\n .fs-col-xxl-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-col-xxl-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .fs-col-xxl-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-col-xxl-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-col-xxl-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-col-xxl-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .fs-col-xxl-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-col-xxl-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .fs-col-xxl-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .fs-col-xxl-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .fs-col-xxl-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .fs-col-xxl-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .fs-col-xxl-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n }\n @media (min-width: 1920px) {\n .fs-row-cols-xxxl-auto > * {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-row-cols-xxxl-1 > * {\n flex: 0 0 auto;\n width: 100%;\n }\n .fs-row-cols-xxxl-2 > * {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-row-cols-xxxl-3 > * {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-row-cols-xxxl-4 > * {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-row-cols-xxxl-5 > * {\n flex: 0 0 auto;\n width: 20%;\n }\n .fs-row-cols-xxxl-6 > * {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-order-xxxl-0 {\n order: 0;\n }\n .fs-order-xxxl-1 {\n order: 1;\n }\n .fs-order-xxxl-2 {\n order: 2;\n }\n .fs-order-xxxl-3 {\n order: 3;\n }\n .fs-order-xxxl-4 {\n order: 4;\n }\n .fs-order-xxxl-5 {\n order: 5;\n }\n .fs-order-xxxl-6 {\n order: 6;\n }\n .fs-order-xxxl-7 {\n order: 7;\n }\n .fs-order-xxxl-8 {\n order: 8;\n }\n .fs-order-xxxl-9 {\n order: 9;\n }\n .fs-order-xxxl-10 {\n order: 10;\n }\n .fs-order-xxxl-11 {\n order: 11;\n }\n .fs-order-xxxl-12 {\n order: 12;\n }\n .fs-col-xxxl {\n flex: 1 0 0%;\n }\n .fs-col-xxxl-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-col-xxxl-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .fs-col-xxxl-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-col-xxxl-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-col-xxxl-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-col-xxxl-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .fs-col-xxxl-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-col-xxxl-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .fs-col-xxxl-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .fs-col-xxxl-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .fs-col-xxxl-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .fs-col-xxxl-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .fs-col-xxxl-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n }\n}\n@layer layout {\n .fs-sidebar {\n display: flex;\n flex-wrap: wrap;\n gap: var(--fs-sidebar-gap, 1rem);\n }\n .fs-sidebar-aside {\n flex-basis: var(--fs-sidebar-width, 16rem);\n flex-grow: 1;\n }\n .fs-sidebar-content {\n flex-basis: 0;\n flex-grow: 999;\n min-width: 50%;\n }\n .fs-sidebar-reverse {\n flex-direction: row-reverse;\n }\n .fs-sidebar-gap-0 {\n --fs-sidebar-gap: 0;\n }\n .fs-sidebar-gap-1 {\n --fs-sidebar-gap: 0.25rem;\n }\n .fs-sidebar-gap-2 {\n --fs-sidebar-gap: 0.5rem;\n }\n .fs-sidebar-gap-3 {\n --fs-sidebar-gap: 1rem;\n }\n .fs-sidebar-gap-4 {\n --fs-sidebar-gap: 1.5rem;\n }\n .fs-sidebar-gap-5 {\n --fs-sidebar-gap: 3rem;\n }\n .fs-sidebar-width-sm {\n --fs-sidebar-width: 120px;\n }\n .fs-sidebar-width-md {\n --fs-sidebar-width: 240px;\n }\n .fs-sidebar-width-lg {\n --fs-sidebar-width: 360px;\n }\n .fs-sidebar-width-xl {\n --fs-sidebar-width: 480px;\n }\n .fs-sidebar-width-xxl {\n --fs-sidebar-width: 600px;\n }\n .fs-sidebar-width-xxxl {\n --fs-sidebar-width: 720px;\n }\n}\n@layer layout {\n .fs-stack {\n display: flex;\n flex-direction: column;\n gap: var(--fs-stack-gap, 1rem);\n }\n .fs-stack-gap-0 {\n --fs-stack-gap: 0;\n }\n .fs-stack-gap-1 {\n --fs-stack-gap: 0.25rem;\n }\n .fs-stack-gap-2 {\n --fs-stack-gap: 0.5rem;\n }\n .fs-stack-gap-3 {\n --fs-stack-gap: 1rem;\n }\n .fs-stack-gap-4 {\n --fs-stack-gap: 1.5rem;\n }\n .fs-stack-gap-5 {\n --fs-stack-gap: 3rem;\n }\n}\n@layer tokens {\n [data-fs-brand=violet] {\n --fs-color-primary: #6d28d9;\n --fs-alert-primary-bg: rgb(229.8834406263, 225.8717327657, 252.5458384302);\n --fs-alert-primary-text: rgb(37.7006407433, 8.7385189481, 83.109047167);\n --fs-feedback-primary-bg: rgb(229.8834406263, 225.8717327657, 252.5458384302);\n }\n [data-fs-brand=violet][data-theme=dark],\n [data-theme=dark] [data-fs-brand=violet] {\n --fs-color-primary: rgb(114.6495158739, 57.1165361442, 219.9746158745);\n --fs-alert-primary-bg: rgb(31.4819726714, 47.0564006856, 82.6607876597);\n --fs-alert-primary-text: rgb(167.4962913963, 147.746130571, 240.0249534535);\n --fs-feedback-primary-bg: rgb(31.4819726714, 47.0564006856, 82.6607876597);\n }\n @supports (color: oklch(0% 0 0deg)) {\n [data-fs-brand=violet] {\n --fs-color-primary: oklch(49.0666497236% 0.2412317343 292.5809393311deg);\n --fs-alert-primary-bg: oklch(92.3599974585% 0.0361847601 292.5809393311deg);\n --fs-alert-primary-text: oklch(24.5333248618% 0.1206158672 292.5809393311deg);\n --fs-feedback-primary-bg: oklch(92.3599974585% 0.0361847601 292.5809393311deg);\n }\n [data-fs-brand=violet][data-theme=dark],\n [data-theme=dark] [data-fs-brand=violet] {\n --fs-color-primary: oklch(51.6133172374% 0.2291701476 292.5809393311deg);\n --fs-alert-primary-bg: oklch(31.117092664% 0.067505667 264.9134801836deg);\n --fs-alert-primary-text: oklch(71.986657348% 0.1326774539 292.5809393311deg);\n --fs-feedback-primary-bg: oklch(31.117092664% 0.067505667 264.9134801836deg);\n }\n }\n [data-fs-brand=corporate] {\n --fs-color-primary: #1d4e89;\n --fs-alert-primary-bg: rgb(219.2237954153, 227.2186121739, 237.6990809983);\n --fs-alert-primary-text: rgb(5.0598830676, 24.6667463069, 49.4731905568);\n --fs-feedback-primary-bg: rgb(219.2237954153, 227.2186121739, 237.6990809983);\n }\n [data-fs-brand=corporate][data-theme=dark],\n [data-theme=dark] [data-fs-brand=corporate] {\n --fs-color-primary: rgb(40.8593466225, 86.5224214637, 143.0926598584);\n --fs-alert-primary-bg: rgb(31.2586947979, 46.3186220749, 70.1321749545);\n --fs-alert-primary-text: rgb(127.9940036809, 155.4045223568, 190.9765129762);\n --fs-feedback-primary-bg: rgb(31.2586947979, 46.3186220749, 70.1321749545);\n }\n [data-fs-brand=vibrant] {\n --fs-color-primary: #f2542d;\n --fs-alert-primary-bg: rgb(255, 231.3637253432, 224.6456124112);\n --fs-alert-primary-text: rgb(93.6202523577, 27.1894355526, 10.7919554552);\n --fs-feedback-primary-bg: rgb(255, 231.3637253432, 224.6456124112);\n }\n [data-fs-brand=vibrant][data-theme=dark],\n [data-theme=dark] [data-fs-brand=vibrant] {\n --fs-color-primary: rgb(244.0763687777, 94.774513804, 58.7750761343);\n --fs-alert-primary-bg: rgb(48.9487024594, 50.7990197305, 85.9119190034);\n --fs-alert-primary-text: rgb(255, 166.953251087, 144.6609410048);\n --fs-feedback-primary-bg: rgb(48.9487024594, 50.7990197305, 85.9119190034);\n }\n @supports (color: oklch(0% 0 0deg)) {\n [data-fs-brand=corporate] {\n --fs-color-primary: oklch(42.3377990386% 0.1112359961 255.1073474093deg);\n --fs-alert-primary-bg: oklch(91.3506698558% 0.0166853994 255.1073474093deg);\n --fs-alert-primary-text: oklch(21.1688995193% 0.055617998 255.1073474093deg);\n --fs-feedback-primary-bg: oklch(91.3506698558% 0.0166853994 255.1073474093deg);\n }\n [data-fs-brand=corporate][data-theme=dark],\n [data-theme=dark] [data-fs-brand=corporate] {\n --fs-color-primary: oklch(45.2209090867% 0.1056741963 255.1073474093deg);\n --fs-alert-primary-bg: oklch(30.1077650613% 0.0480063062 259.2924413953deg);\n --fs-alert-primary-text: oklch(68.2857894712% 0.0611797979 255.1073474093deg);\n --fs-feedback-primary-bg: oklch(30.1077650613% 0.0480063062 259.2924413953deg);\n }\n [data-fs-brand=vibrant] {\n --fs-color-primary: oklch(65.5786741493% 0.2007639921 34.7814711243deg);\n --fs-alert-primary-bg: oklch(94.8368011224% 0.0301145988 34.7814711243deg);\n --fs-alert-primary-text: oklch(32.7893370747% 0.1003819961 34.7814711243deg);\n --fs-feedback-primary-bg: oklch(94.8368011224% 0.0301145988 34.7814711243deg);\n }\n [data-fs-brand=vibrant][data-theme=dark],\n [data-theme=dark] [data-fs-brand=vibrant] {\n --fs-color-primary: oklch(67.2997404419% 0.1907257925 34.7814711243deg);\n --fs-alert-primary-bg: oklch(33.5938963279% 0.0614355056 280.2435599526deg);\n --fs-alert-primary-text: oklch(81.0682707821% 0.1104201957 34.7814711243deg);\n --fs-feedback-primary-bg: oklch(33.5938963279% 0.0614355056 280.2435599526deg);\n }\n }\n}\n@layer overrides {\n [data-fs-brand=vibrant] .fs-btn-primary,\n [data-fs-brand=vibrant] .fs-badge-primary {\n --fs-btn-color: #000000;\n --fs-badge-color: #000000;\n }\n [data-fs-brand=vibrant] .fs-check {\n --fs-check-mark: #000000;\n }\n}\n@layer tokens {\n [data-theme=dark],\n [data-fs-theme=dark] {\n --fs-color-text: #f1f3f4;\n --fs-color-muted: #bdc1c6;\n --fs-color-border: #3c4043;\n --fs-color-surface: #202124;\n --fs-color-subtle: #2b2c2f;\n --fs-color-bg-surface: var(--fs-color-surface);\n --fs-color-bg-subtle: var(--fs-color-subtle);\n --fs-color-surface-raised: var(--fs-color-surface);\n --fs-color-surface-interactive: var(--fs-color-subtle);\n --fs-color-text-primary: var(--fs-color-text);\n --fs-color-text-muted: var(--fs-color-muted);\n --fs-color-border-default: var(--fs-color-border);\n --fs-color-focus: var(--fs-color-primary);\n --fs-color-action-primary: var(--fs-color-primary);\n --fs-color-action-danger: var(--fs-color-danger);\n --fs-shadow-sm: 0 1px 3px rgb(0 0 0 / 50%), 0 1px 2px rgb(0 0 0 / 40%);\n --fs-shadow-md: 0 6px 12px rgb(0 0 0 / 55%), 0 3px 6px rgb(0 0 0 / 45%);\n --fs-shadow-lg: 0 15px 30px rgb(0 0 0 / 60%), 0 6px 12px rgb(0 0 0 / 50%);\n --fs-tooltip-bg: #f8fafc;\n --fs-tooltip-text: #1e293b;\n --fs-color-primary: rgb(39.8728684152, 106.2372587275, 232.1894887664);\n --fs-alert-primary-bg: rgb(30.765779113, 49.9974662348, 82.3021425489);\n --fs-alert-primary-text: rgb(130.6636212695, 172.0850768824, 246.4419684583);\n --fs-feedback-primary-bg: rgb(30.765779113, 49.9974662348, 82.3021425489);\n --fs-color-secondary: rgb(114.3557068426, 129.039220146, 150.1520317181);\n --fs-alert-secondary-bg: rgb(39.6548148226, 51.4270943358, 70.2648514061);\n --fs-alert-secondary-text: rgb(166.7597509121, 176.2809684237, 189.9919576187);\n --fs-feedback-secondary-bg: rgb(39.6548148226, 51.4270943358, 70.2648514061);\n --fs-color-success: rgb(134.4501166043, 226.9563331209, 149.6185042518);\n --fs-alert-success-bg: rgb(24.8621518491, 61.9088085702, 89.0318819222);\n --fs-alert-success-text: rgb(155.0475916512, 231.7231823866, 166.1609492581);\n --fs-feedback-success-bg: rgb(24.8621518491, 61.9088085702, 89.0318819222);\n --fs-color-warning: rgb(252.9400238762, 208.7461261831, 137.9221837268);\n --fs-alert-warning-bg: rgb(59.1359779173, 56.6792370273, 88.6687774507);\n --fs-alert-warning-text: rgb(253.5439861058, 216.1213263099, 157.1705651606);\n --fs-feedback-warning-bg: rgb(59.1359779173, 56.6792370273, 88.6687774507);\n --fs-color-danger: rgb(208.1189955268, 64.9740184262, 63.4302936954);\n --fs-alert-danger-bg: rgb(44.6823973866, 47.5125073063, 81.2083778204);\n --fs-alert-danger-text: rgb(235.4050745756, 149.9650253478, 142.4924034553);\n --fs-feedback-danger-bg: rgb(44.6823973866, 47.5125073063, 81.2083778204);\n --fs-color-info: #5e5cc7;\n --fs-alert-info-bg: rgb(35.0058091619, 49.6887857769, 78.5757788254);\n --fs-alert-info-text: rgb(160.628671266, 165.881962789, 227.610600335);\n --fs-feedback-info-bg: rgb(35.0058091619, 49.6887857769, 78.5757788254);\n }\n @supports (color: oklch(0% 0 0deg)) {\n [data-theme=dark],\n [data-fs-theme=dark] {\n --fs-color-text: oklch(96.2913383165% 0.002529697 228.7848682695deg);\n --fs-color-muted: oklch(80.9268110646% 0.0083071608 253.8653061211deg);\n --fs-color-border: oklch(36.8827622528% 0.0074489239 240.018838067deg);\n --fs-color-surface: oklch(24.7936263361% 0.0058460141 271.1764187765deg);\n --fs-color-subtle: oklch(29.3286259539% 0.0055990771 271.2234269855deg);\n --fs-color-bg-surface: var(--fs-color-surface);\n --fs-color-bg-subtle: var(--fs-color-subtle);\n --fs-color-surface-raised: var(--fs-color-surface);\n --fs-color-surface-interactive: var(--fs-color-subtle);\n --fs-color-text-primary: var(--fs-color-text);\n --fs-color-text-muted: var(--fs-color-muted);\n --fs-color-border-default: var(--fs-color-border);\n --fs-color-focus: var(--fs-color-primary);\n --fs-color-action-primary: var(--fs-color-primary);\n --fs-color-action-danger: var(--fs-color-danger);\n --fs-tooltip-bg: oklch(98.4151869501% 0.0034126992 247.8577745944deg);\n --fs-tooltip-text: oklch(27.9495237712% 0.0368481257 260.0309873929deg);\n --fs-color-primary: oklch(55.884857057% 0.2025537915 261.6264320248deg);\n --fs-alert-primary-bg: oklch(31.7915463198% 0.0633030844 260.2703040876deg);\n --fs-alert-primary-text: oklch(74.4596540856% 0.1172679846 261.6264320248deg);\n --fs-feedback-primary-bg: oklch(31.7915463198% 0.0633030844 260.2703040876deg);\n --fs-color-secondary: oklch(59.8951906896% 0.0366453387 257.4166191214deg);\n --fs-alert-secondary-bg: oklch(32.0729603204% 0.0374284633 259.6388321521deg);\n --fs-alert-secondary-text: oklch(75.4915054214% 0.0223943736 257.4166191214deg);\n --fs-feedback-secondary-bg: oklch(32.0729603204% 0.0374284633 259.6388321521deg);\n --fs-color-success: oklch(83.8485321344% 0.139498201 148.125846236deg);\n --fs-alert-success-bg: oklch(35.0298333903% 0.0635127994 243.2452162193deg);\n --fs-alert-success-text: oklch(86.3333733445% 0.1180369393 148.125846236deg);\n --fs-feedback-success-bg: oklch(35.0298333903% 0.0635127994 243.2452162193deg);\n --fs-color-warning: oklch(88.2682030181% 0.1015699084 78.6575213966deg);\n --fs-alert-warning-bg: oklch(36.0497574404% 0.0547601164 286.8249674934deg);\n --fs-alert-warning-text: oklch(90.0730948615% 0.0859437686 78.6575213966deg);\n --fs-feedback-warning-bg: oklch(36.0497574404% 0.0547601164 286.8249674934deg);\n --fs-color-danger: oklch(58.1670482336% 0.1802407312 25.2407937498deg);\n --fs-alert-danger-bg: oklch(32.151892295% 0.0597799696 278.8124583464deg);\n --fs-alert-danger-text: oklch(75.7809226615% 0.104349897 25.2407937498deg);\n --fs-feedback-danger-bg: oklch(32.151892295% 0.0597799696 278.8124583464deg);\n --fs-color-info: oklch(53.3359780029% 0.1620131129 280.2231949375deg);\n --fs-alert-info-bg: oklch(31.7574919059% 0.0556228738 263.0598185246deg);\n --fs-alert-info-text: oklch(74.3347879016% 0.0891072121 280.2231949375deg);\n --fs-feedback-info-bg: oklch(31.7574919059% 0.0556228738 263.0598185246deg);\n }\n }\n @media (prefers-color-scheme: dark) {\n [data-fs-theme=auto] {\n --fs-color-text: #f1f3f4;\n --fs-color-muted: #bdc1c6;\n --fs-color-border: #3c4043;\n --fs-color-surface: #202124;\n --fs-color-subtle: #2b2c2f;\n --fs-color-bg-surface: var(--fs-color-surface);\n --fs-color-bg-subtle: var(--fs-color-subtle);\n --fs-color-surface-raised: var(--fs-color-surface);\n --fs-color-surface-interactive: var(--fs-color-subtle);\n --fs-color-text-primary: var(--fs-color-text);\n --fs-color-text-muted: var(--fs-color-muted);\n --fs-color-border-default: var(--fs-color-border);\n --fs-color-focus: var(--fs-color-primary);\n --fs-tooltip-bg: #f8fafc;\n --fs-tooltip-text: #1e293b;\n }\n }\n @media (forced-colors: active) {\n :root,\n [data-theme=dark],\n [data-fs-theme=light],\n [data-fs-theme=dark],\n [data-fs-theme=auto] {\n --fs-color-border: CanvasText;\n --fs-color-text: CanvasText;\n --fs-color-surface: Canvas;\n --fs-color-subtle: Canvas;\n --fs-focus-color: Highlight;\n }\n }\n}","// Camada semântica: nomeia tokens por PAPEL (o que a cor faz na interface),\n// não por valor. Cada token aqui é um alias `var()` de um token primitivo\n// (`_root.scss`) — não introduz nenhuma cor nova, só um vocabulário estável\n// entre o primitivo e o consumo por componente (ver `_component-buttons.scss`\n// como referência de como um componente deve consumir esta camada).\n// Por que alias e não recalcular o valor: um `var()` encadeado continua\n// resolvendo o fallback sRGB/OKLCH já decidido em `_root.scss` — não precisa\n// repetir a lógica de `@supports` aqui.\n@layer tokens {\n :root {\n // Superfícies\n --fs-color-bg-surface: var(--fs-color-surface);\n --fs-color-bg-subtle: var(--fs-color-subtle);\n\n // Texto\n --fs-color-text-primary: var(--fs-color-text);\n --fs-color-text-muted: var(--fs-color-muted);\n\n // Bordas\n --fs-color-border-default: var(--fs-color-border);\n --fs-color-focus: var(--fs-color-primary);\n --fs-color-surface-raised: var(--fs-color-surface);\n --fs-color-surface-interactive: var(--fs-color-subtle);\n\n // Ação (mapeiam para a cor de tema correspondente — existem para dar um\n // nome estável a \"a cor de ação primária\", independente de qual token\n // primitivo ela usa por baixo).\n --fs-color-action-primary: var(--fs-color-primary);\n --fs-color-action-danger: var(--fs-color-danger);\n }\n}\n","// Tokens de gráficos: agnósticos de biblioteca — não é um wrapper de\n// Chart.js/ECharts/Recharts/etc., só cores/tema que qualquer uma delas pode\n// consumir via `getComputedStyle`/CSS custom properties. Aliases da camada\n// semântica já existente (mesma técnica de `_semantic.scss`), então\n// acompanham `data-theme`/`data-fs-brand` automaticamente sem token novo por\n// tema. Ver docs/guides/charts.md.\n@layer tokens {\n :root {\n --fs-chart-series-1: var(--fs-color-primary);\n --fs-chart-series-2: var(--fs-color-success);\n --fs-chart-series-3: var(--fs-color-warning);\n --fs-chart-series-4: var(--fs-color-danger);\n --fs-chart-series-5: var(--fs-color-info);\n --fs-chart-series-6: var(--fs-color-secondary);\n --fs-chart-grid: var(--fs-color-border);\n --fs-chart-axis: var(--fs-color-muted);\n --fs-chart-tooltip-bg: var(--fs-tooltip-bg);\n --fs-chart-tooltip-text: var(--fs-tooltip-text);\n }\n}\n","@layer reset {\n *,\n *::before,\n *::after {\n box-sizing: border-box;\n }\n\n html {\n line-height: var(--fs-line-height-base);\n text-size-adjust: 100%;\n }\n\n body {\n margin: 0;\n color: var(--fs-color-text);\n background-color: var(--fs-color-surface);\n }\n\n [hidden] {\n display: none !important;\n }\n}\n","// As declarações @font-face das fontes self-hosted ficam em `_fonts.scss`,\n// distribuído à parte (dist/css/fonts.css) e fora dos bundles principais —\n// ver a nota nesse arquivo. Aqui só aplicamos as pilhas de `font-family`\n// (com fallback sans-serif/monospace, que valem mesmo sem fonts.css).\n\n@layer base {\n body,\n button,\n input,\n select,\n textarea {\n font-family: var(--fs-font-sans);\n font-size: var(--fs-font-size-md);\n }\n\n code,\n kbd,\n pre,\n samp {\n font-family: var(--fs-font-mono);\n }\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-top: 0;\n font-weight: var(--fs-font-weight-semibold);\n line-height: var(--fs-line-height-heading);\n }\n\n h1 {\n font-size: var(--fs-font-size-h1);\n }\n\n h2 {\n font-size: var(--fs-font-size-h2);\n }\n\n h3 {\n font-size: var(--fs-font-size-h3);\n }\n\n h4 {\n font-size: var(--fs-font-size-h4);\n }\n\n h5 {\n font-size: var(--fs-font-size-h5);\n }\n\n h6 {\n font-size: var(--fs-font-size-h6);\n }\n}\n","// Respeita a preferência do sistema sem remover a funcionalidade dos\n// componentes: apenas reduz transições e animações ao estado final.\n@layer base {\n @media (prefers-reduced-motion: reduce) {\n *,\n *::before,\n *::after {\n scroll-behavior: auto !important;\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n }\n\n // Spinner comunica uma operação em curso; congelá-lo o transforma em um\n // ícone ambíguo. Mantemos a animação, porém em ritmo mais lento, para\n // respeitar a preferência sem perder o significado de carregamento.\n .fs-spinner,\n .fs-progress-bar-animated,\n .fs-progress-indeterminate .fs-progress-bar {\n animation-duration: 1.5s !important;\n animation-iteration-count: infinite !important;\n }\n }\n}\n","/* stylelint-disable property-no-deprecated, selector-not-notation */\n@layer reset {\n :focus-visible {\n outline: var(--fs-focus-width) solid var(--fs-focus-color);\n outline-offset: var(--fs-focus-offset);\n }\n\n @media (forced-colors: active) {\n :focus-visible {\n outline: 2px solid CanvasText;\n outline-offset: 2px;\n }\n }\n}\n\n@layer utilities {\n .fs-u-visually-hidden:not(:focus):not(:focus-within),\n .fs-u-visually-hidden-focusable:not(:focus):not(:focus-within) {\n position: absolute !important;\n width: 1px !important;\n height: 1px !important;\n padding: 0 !important;\n margin: -1px !important;\n overflow: hidden !important;\n clip-path: inset(50%) !important;\n white-space: nowrap !important;\n border: 0 !important;\n }\n\n .fs-skip-link {\n position: fixed;\n z-index: 1000;\n inset-block-start: var(--fs-space-2);\n inset-inline-start: var(--fs-space-2);\n transform: translateY(-200%);\n padding: var(--fs-space-2) var(--fs-space-3);\n color: var(--fs-color-on-primary);\n background: var(--fs-color-primary);\n border-radius: var(--fs-radius-sm);\n }\n\n .fs-skip-link:focus {\n transform: translateY(0);\n }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n// Agrupa itens horizontalmente com quebra de linha automática e\n// espaçamento consistente nos dois eixos — ideal para grupos de\n// tags/botões/badges que precisam \"fluir\" sem estourar o container.\n@layer layout {\n .fs-cluster {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--fs-cluster-gap, #{map.get($spacers, 2)});\n }\n\n @each $key, $value in $spacers {\n .fs-cluster-gap-#{$key} {\n --fs-cluster-gap: #{$value};\n }\n }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n@layer layout {\n .fs-container,\n .fs-container-sm,\n .fs-container-md,\n .fs-container-lg,\n .fs-container-xl,\n .fs-container-xxl,\n .fs-container-xxxl,\n .fs-container-fluid {\n width: 100%;\n margin-right: auto;\n margin-left: auto;\n }\n\n @each $breakpoint, $width in $container-max-widths {\n @include media-breakpoint-up($breakpoint) {\n .fs-container,\n .fs-container-#{$breakpoint} {\n max-width: $width;\n }\n }\n }\n}\n","@use \"sass:map\";\n@use \"sass:math\";\n@use \"sass:color\";\n@use \"../settings\" as *;\n\n@mixin fs-fluid-type($min, $max, $min-vw: 320px, $max-vw: 1280px) {\n font-size: clamp($min, calc(#{$min} + (#{ $max } - #{ $min }) * ((100vw - #{ $min-vw }) / (#{ $max-vw } - #{ $min-vw }))), $max);\n}\n\n@mixin fs-fluid-value($property, $min, $max, $min-vw: 320px, $max-vw: 1280px) {\n #{$property}: clamp($min, calc(#{$min} + (#{ $max } - #{ $min }) * ((100vw - #{ $min-vw }) / (#{ $max-vw } - #{ $min-vw }))), $max);\n}\n\n@mixin media-breakpoint-up($name) {\n $min: map.get($breakpoints, $name);\n\n @if $min == null {\n @error \"Unknown breakpoint `#{$name}`.\";\n }\n\n @if $min == 0 {\n @content;\n } @else {\n @media (min-width: $min) {\n @content;\n }\n }\n}\n\n@function breakpoint-infix($name) {\n @if $name == xs {\n @return \"\";\n }\n\n @return \"-#{$name}\";\n}\n\n@mixin focus-ring($color: var(--fs-color-primary)) {\n outline: var(--fs-focus-width) solid $color;\n outline-offset: var(--fs-focus-offset);\n border-color: $color;\n box-shadow: 0 0 0 3px color-mix(in srgb, #{$color} 22%, transparent);\n}\n\n@mixin truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n@function linearize-channel($value) {\n $c: math.div($value, 255);\n\n @if $c <= 0.0393 {\n @return math.div($c, 12.92);\n }\n\n @return math.pow(math.div($c + 0.055, 1.055), 2.4);\n}\n\n@function relative-luminance($color) {\n $r: linearize-channel(color.channel($color, \"red\", $space: rgb));\n $g: linearize-channel(color.channel($color, \"green\", $space: rgb));\n $b: linearize-channel(color.channel($color, \"blue\", $space: rgb));\n\n @return (0.2126 * $r) + (0.7152 * $g) + (0.0722 * $b);\n}\n\n@function color-contrast($background, $min-contrast: 4.5) {\n $contrast-with-white: math.div(1.05, relative-luminance($background) + 0.05);\n\n @if $contrast-with-white >= $min-contrast {\n @return $color-white;\n }\n\n @return $color-black;\n}\n\n// Razão de contraste WCAG entre duas cores (1–21). Usada pelo relatório de\n// contraste do build (`npm run contrast`, `scripts/contrast-report.scss`) —\n// ver docs/reference/contrast-report.md para os pares auditados.\n@function contrast-ratio($foreground, $background) {\n $l1: relative-luminance($foreground) + 0.05;\n $l2: relative-luminance($background) + 0.05;\n\n @if $l1 > $l2 {\n @return math.div($l1, $l2);\n }\n\n @return math.div($l2, $l1);\n}\n\n@function tint-color($color, $weight: 15%) {\n @return color.mix($color, $color-white, $weight, $method: oklch);\n}\n\n@function shade-color($color, $weight: 50%) {\n @return color.mix($color, $color-black, $weight, $method: oklch);\n}\n\n// Fallback sRGB de uma cor OKLCH para navegadores sem suporte a `oklch()`\n// (ver `@supports` em tokens/_root.scss e themes/_dark.scss). Faz gamut\n// mapping antes da conversão — misturas em OKLCH frequentemente caem fora do\n// gamut sRGB, e converter sem mapear gera `rgb()`/`hsl()` com canais\n// inválidos (saturação > 100%, etc.).\n@function rgb-fallback($color) {\n $mapped: color.to-gamut($color, $space: rgb, $method: local-minde);\n\n @return color.to-space($mapped, rgb);\n}\n","@use \"sass:math\";\n@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n@layer layout {\n $grid-columns: 12;\n\n .fs-row {\n display: flex;\n flex-wrap: wrap;\n margin-top: calc(var(--fs-gutter-y) * -1);\n margin-right: calc(var(--fs-gutter-x) / -2);\n margin-left: calc(var(--fs-gutter-x) / -2);\n }\n\n .fs-row > * {\n margin-top: var(--fs-gutter-y);\n padding-right: calc(var(--fs-gutter-x) / 2);\n padding-left: calc(var(--fs-gutter-x) / 2);\n }\n\n .fs-row-fluid {\n width: 100%;\n }\n\n .fs-col-fluid {\n width: 100%;\n }\n\n @each $breakpoint, $min in $breakpoints {\n $infix: breakpoint-infix($breakpoint);\n\n @include media-breakpoint-up($breakpoint) {\n .fs-row-cols#{$infix}-auto > * {\n flex: 0 0 auto;\n width: auto;\n }\n\n @for $count from 1 through 6 {\n .fs-row-cols#{$infix}-#{$count} > * {\n flex: 0 0 auto;\n width: math.percentage(math.div(1, $count));\n }\n }\n\n @for $order from 0 through $grid-columns {\n .fs-order#{$infix}-#{$order} {\n order: $order;\n }\n }\n\n .fs-col#{$infix} {\n flex: 1 0 0%;\n }\n\n .fs-col#{$infix}-auto {\n flex: 0 0 auto;\n width: auto;\n }\n\n @for $i from 1 through $grid-columns {\n .fs-col#{$infix}-#{$i} {\n flex: 0 0 auto;\n width: math.percentage(math.div($i, $grid-columns));\n }\n }\n }\n }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n// Um lado com largura fixa (a \"aside\") e o outro preenchendo o espaço\n// restante, quebrando para empilhado quando o container fica estreito\n// demais — sem media query: `.fs-sidebar-content` força a quebra via\n// `min-width` quando não cabe ao lado da aside na mesma linha.\n@layer layout {\n .fs-sidebar {\n display: flex;\n flex-wrap: wrap;\n gap: var(--fs-sidebar-gap, #{map.get($spacers, 3)});\n }\n\n .fs-sidebar-aside {\n flex-basis: var(--fs-sidebar-width, 16rem);\n flex-grow: 1;\n }\n\n .fs-sidebar-content {\n flex-basis: 0;\n flex-grow: 999;\n min-width: 50%;\n }\n\n .fs-sidebar-reverse {\n flex-direction: row-reverse;\n }\n\n @each $key, $value in $spacers {\n .fs-sidebar-gap-#{$key} {\n --fs-sidebar-gap: #{$value};\n }\n }\n\n @each $key, $value in $column-max-widths {\n .fs-sidebar-width-#{$key} {\n --fs-sidebar-width: #{$value};\n }\n }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n// Empilha os filhos diretos verticalmente com espaçamento consistente —\n// `gap` em vez de margin, evita o problema clássico de \"último filho não\n// deve ter margin-bottom\" sem seletor extra.\n@layer layout {\n .fs-stack {\n display: flex;\n flex-direction: column;\n gap: var(--fs-stack-gap, #{map.get($spacers, 3)});\n }\n\n @each $key, $value in $spacers {\n .fs-stack-gap-#{$key} {\n --fs-stack-gap: #{$value};\n }\n }\n}\n","@use \"sass:color\";\n@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n// Theming multi-brand: um `data-fs-brand=\"x\"` sobrescreve só a cor de AÇÃO\n// PRIMÁRIA (--fs-color-primary e os tokens derivados) — secondary/success/\n// warning/danger/info continuam universais entre marcas, porque são\n// semânticos (sucesso é sempre verde, erro sempre vermelho, independente\n// de qual marca está ativa). Composto com `data-theme=\"dark\"` do mesmo\n// jeito que `_dark.scss` faz para a paleta padrão: mistura o primitivo com\n// branco/preto em OKLCH, não recalcula do zero.\n// Limitação conhecida: `.fs-btn-primary`/`.fs-badge-primary` (preenchimento\n// sólido) calculam a cor do texto em tempo de build via `color-contrast()`\n// a partir do primary padrão (azul) — não recalculam por marca. Escolha um\n// primitivo de marca escuro o bastante pro texto branco continuar legível\n// (como o exemplo abaixo), ou sobrescreva `--fs-btn-color`/`--fs-badge-color`\n// manualmente se o primitivo da marca for muito claro. Ver\n// `docs/guides/theming.md#multi-brand`.\n@layer tokens {\n // Marca de exemplo (\"violet\") — mesmo tom usado no exemplo de\n // customização do README, só pra provar que a troca funciona em runtime\n // sem recompilar CSS. Um projeto real substitui/adiciona marcas\n // definindo o próprio primitivo antes de `@use` este arquivo.\n $brand-violet-primary: color.to-space(#6d28d9, oklch) !default;\n\n [data-fs-brand=\"violet\"] {\n --fs-color-primary: #{rgb-fallback($brand-violet-primary)};\n --fs-alert-primary-bg: #{rgb-fallback(tint-color($brand-violet-primary))};\n --fs-alert-primary-text: #{rgb-fallback(shade-color($brand-violet-primary))};\n --fs-feedback-primary-bg: #{rgb-fallback(tint-color($brand-violet-primary))};\n }\n\n [data-fs-brand=\"violet\"][data-theme=\"dark\"],\n [data-theme=\"dark\"] [data-fs-brand=\"violet\"] {\n --fs-color-primary: #{rgb-fallback(color.mix($brand-violet-primary, $color-white, 95%, $method: oklch))};\n --fs-alert-primary-bg: #{rgb-fallback(color.mix($brand-violet-primary, $color-gray-900, 15%, $method: oklch))};\n --fs-alert-primary-text: #{rgb-fallback(color.mix($brand-violet-primary, $color-white, 55%, $method: oklch))};\n --fs-feedback-primary-bg: #{rgb-fallback(color.mix($brand-violet-primary, $color-gray-900, 15%, $method: oklch))};\n }\n\n @supports (color: oklch(0% 0 0)) {\n [data-fs-brand=\"violet\"] {\n --fs-color-primary: #{$brand-violet-primary};\n --fs-alert-primary-bg: #{tint-color($brand-violet-primary)};\n --fs-alert-primary-text: #{shade-color($brand-violet-primary)};\n --fs-feedback-primary-bg: #{tint-color($brand-violet-primary)};\n }\n\n [data-fs-brand=\"violet\"][data-theme=\"dark\"],\n [data-theme=\"dark\"] [data-fs-brand=\"violet\"] {\n --fs-color-primary: #{color.mix($brand-violet-primary, $color-white, 95%, $method: oklch)};\n --fs-alert-primary-bg: #{color.mix($brand-violet-primary, $color-gray-900, 15%, $method: oklch)};\n --fs-alert-primary-text: #{color.mix($brand-violet-primary, $color-white, 55%, $method: oklch)};\n --fs-feedback-primary-bg: #{color.mix($brand-violet-primary, $color-gray-900, 15%, $method: oklch)};\n }\n }\n\n // Preset \"corporate\" — azul-marinho/steel blue, tom sóbrio para\n // aplicações internas/B2B. Mesma técnica de mistura OKLCH acima.\n $brand-corporate-primary: color.to-space(#1d4e89, oklch) !default;\n\n [data-fs-brand=\"corporate\"] {\n --fs-color-primary: #{rgb-fallback($brand-corporate-primary)};\n --fs-alert-primary-bg: #{rgb-fallback(tint-color($brand-corporate-primary))};\n --fs-alert-primary-text: #{rgb-fallback(shade-color($brand-corporate-primary))};\n --fs-feedback-primary-bg: #{rgb-fallback(tint-color($brand-corporate-primary))};\n }\n\n [data-fs-brand=\"corporate\"][data-theme=\"dark\"],\n [data-theme=\"dark\"] [data-fs-brand=\"corporate\"] {\n --fs-color-primary: #{rgb-fallback(color.mix($brand-corporate-primary, $color-white, 95%, $method: oklch))};\n --fs-alert-primary-bg: #{rgb-fallback(color.mix($brand-corporate-primary, $color-gray-900, 15%, $method: oklch))};\n --fs-alert-primary-text: #{rgb-fallback(color.mix($brand-corporate-primary, $color-white, 55%, $method: oklch))};\n --fs-feedback-primary-bg: #{rgb-fallback(color.mix($brand-corporate-primary, $color-gray-900, 15%, $method: oklch))};\n }\n\n // Preset \"vibrant\" — laranja energético, tom para produtos de consumo/\n // marketing que queiram uma ação primária mais chamativa.\n $brand-vibrant-primary: color.to-space(#f2542d, oklch) !default;\n\n [data-fs-brand=\"vibrant\"] {\n --fs-color-primary: #{rgb-fallback($brand-vibrant-primary)};\n --fs-alert-primary-bg: #{rgb-fallback(tint-color($brand-vibrant-primary))};\n --fs-alert-primary-text: #{rgb-fallback(shade-color($brand-vibrant-primary))};\n --fs-feedback-primary-bg: #{rgb-fallback(tint-color($brand-vibrant-primary))};\n }\n\n [data-fs-brand=\"vibrant\"][data-theme=\"dark\"],\n [data-theme=\"dark\"] [data-fs-brand=\"vibrant\"] {\n --fs-color-primary: #{rgb-fallback(color.mix($brand-vibrant-primary, $color-white, 95%, $method: oklch))};\n --fs-alert-primary-bg: #{rgb-fallback(color.mix($brand-vibrant-primary, $color-gray-900, 15%, $method: oklch))};\n --fs-alert-primary-text: #{rgb-fallback(color.mix($brand-vibrant-primary, $color-white, 55%, $method: oklch))};\n --fs-feedback-primary-bg: #{rgb-fallback(color.mix($brand-vibrant-primary, $color-gray-900, 15%, $method: oklch))};\n }\n\n @supports (color: oklch(0% 0 0)) {\n [data-fs-brand=\"corporate\"] {\n --fs-color-primary: #{$brand-corporate-primary};\n --fs-alert-primary-bg: #{tint-color($brand-corporate-primary)};\n --fs-alert-primary-text: #{shade-color($brand-corporate-primary)};\n --fs-feedback-primary-bg: #{tint-color($brand-corporate-primary)};\n }\n\n [data-fs-brand=\"corporate\"][data-theme=\"dark\"],\n [data-theme=\"dark\"] [data-fs-brand=\"corporate\"] {\n --fs-color-primary: #{color.mix($brand-corporate-primary, $color-white, 95%, $method: oklch)};\n --fs-alert-primary-bg: #{color.mix($brand-corporate-primary, $color-gray-900, 15%, $method: oklch)};\n --fs-alert-primary-text: #{color.mix($brand-corporate-primary, $color-white, 55%, $method: oklch)};\n --fs-feedback-primary-bg: #{color.mix($brand-corporate-primary, $color-gray-900, 15%, $method: oklch)};\n }\n\n [data-fs-brand=\"vibrant\"] {\n --fs-color-primary: #{$brand-vibrant-primary};\n --fs-alert-primary-bg: #{tint-color($brand-vibrant-primary)};\n --fs-alert-primary-text: #{shade-color($brand-vibrant-primary)};\n --fs-feedback-primary-bg: #{tint-color($brand-vibrant-primary)};\n }\n\n [data-fs-brand=\"vibrant\"][data-theme=\"dark\"],\n [data-theme=\"dark\"] [data-fs-brand=\"vibrant\"] {\n --fs-color-primary: #{color.mix($brand-vibrant-primary, $color-white, 95%, $method: oklch)};\n --fs-alert-primary-bg: #{color.mix($brand-vibrant-primary, $color-gray-900, 15%, $method: oklch)};\n --fs-alert-primary-text: #{color.mix($brand-vibrant-primary, $color-white, 55%, $method: oklch)};\n --fs-feedback-primary-bg: #{color.mix($brand-vibrant-primary, $color-gray-900, 15%, $method: oklch)};\n }\n }\n}\n\n// Ao contrário de violet/corporate, o primitivo \"vibrant\" (laranja) é claro\n// o bastante pra o texto branco padrão de `.fs-btn-primary`/`.fs-badge-primary`\n// (calculado em tempo de build a partir do primary PADRÃO, não do de marca —\n// ver nota no topo do arquivo) cair abaixo de 4.5:1 — exatamente o caso que\n// a mitigação documentada em docs/guides/theming.md#multi-brand cobre.\n// Precisa estar em `@layer overrides` (a camada de maior prioridade — ver\n// `tokens/_root.scss`): `.fs-btn-primary`/`.fs-badge-primary` setam\n// `--fs-btn-color`/`--fs-badge-color` no próprio elemento dentro de\n// `@layer components`, e cascade layers ignoram especificidade — um\n// seletor mais específico em `@layer tokens` (onde vivem os blocos acima)\n// perderia mesmo assim.\n@layer overrides {\n [data-fs-brand=\"vibrant\"] .fs-btn-primary,\n [data-fs-brand=\"vibrant\"] .fs-badge-primary {\n --fs-btn-color: #{$color-black};\n --fs-badge-color: #{$color-black};\n }\n\n [data-fs-brand=\"vibrant\"] .fs-check {\n --fs-check-mark: #{$color-black};\n }\n}\n","@use \"sass:color\";\n@use \"sass:map\";\n@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n// Peso (% da cor original mantida, ver color.mix()) de cada cor de estado no\n// tema escuro. O limite de cada uma é o quanto dá pra clarear em direção ao\n// branco antes de virar o texto branco/preto que color-contrast() já\n// pré-calculou para os preenchimentos sólidos (botões, badges) no tema claro\n// — passar do limite deixaria esse texto ilegível. `primary` e `danger` têm\n// texto branco no preenchimento, então clareiam pouco (clarear reduz o\n// contraste com o branco); `info` não tem margem e fica sem alteração (100%).\n// Misturas em `$method: oklch` (ver tools/_mixins.scss) — recalibrado e\n// revalidado com `npm run contrast` após a migração para OKLCH.\n@layer tokens {\n $dark-color-weights: (\n primary: 95%,\n secondary: 90%,\n success: 65%,\n warning: 65%,\n danger: 95%,\n info: 100%\n ) !default;\n\n $dark-text: color.to-space(#f1f3f4, oklch) !default;\n $dark-muted: color.to-space(#bdc1c6, oklch) !default;\n $dark-border: color.to-space(#3c4043, oklch) !default;\n $dark-surface: color.to-space(#202124, oklch) !default;\n $dark-subtle: color.to-space(#2b2c2f, oklch) !default;\n\n // Pesos de alert/feedback bg+text no escuro: validados por\n // `npm run contrast` para ≥4.5:1 (texto normal) em todas as 6 cores —\n // não abaixe sem reconferir o relatório.\n $dark-alert-bg-weight: 15%;\n $dark-alert-text-weight: 55%;\n\n [data-theme=\"dark\"],\n [data-fs-theme=\"dark\"] {\n --fs-color-text: #{rgb-fallback($dark-text)};\n --fs-color-muted: #{rgb-fallback($dark-muted)};\n --fs-color-border: #{rgb-fallback($dark-border)};\n --fs-color-surface: #{rgb-fallback($dark-surface)};\n --fs-color-subtle: #{rgb-fallback($dark-subtle)};\n --fs-color-bg-surface: var(--fs-color-surface);\n --fs-color-bg-subtle: var(--fs-color-subtle);\n --fs-color-surface-raised: var(--fs-color-surface);\n --fs-color-surface-interactive: var(--fs-color-subtle);\n --fs-color-text-primary: var(--fs-color-text);\n --fs-color-text-muted: var(--fs-color-muted);\n --fs-color-border-default: var(--fs-color-border);\n --fs-color-focus: var(--fs-color-primary);\n --fs-color-action-primary: var(--fs-color-primary);\n --fs-color-action-danger: var(--fs-color-danger);\n --fs-shadow-sm: 0 1px 3px rgb(0 0 0 / 50%), 0 1px 2px rgb(0 0 0 / 40%);\n --fs-shadow-md: 0 6px 12px rgb(0 0 0 / 55%), 0 3px 6px rgb(0 0 0 / 45%);\n --fs-shadow-lg: 0 15px 30px rgb(0 0 0 / 60%), 0 6px 12px rgb(0 0 0 / 50%);\n --fs-tooltip-bg: #{rgb-fallback($color-gray-100)};\n --fs-tooltip-text: #{rgb-fallback($color-gray-900)};\n\n @each $name, $color in $theme-colors {\n --fs-color-#{$name}: #{rgb-fallback(color.mix($color, $color-white, map.get($dark-color-weights, $name), $method: oklch))};\n --fs-alert-#{$name}-bg: #{rgb-fallback(color.mix($color, $color-gray-900, $dark-alert-bg-weight, $method: oklch))};\n --fs-alert-#{$name}-text: #{rgb-fallback(color.mix($color, $color-white, $dark-alert-text-weight, $method: oklch))};\n --fs-feedback-#{$name}-bg: #{rgb-fallback(color.mix($color, $color-gray-900, $dark-alert-bg-weight, $method: oklch))};\n }\n }\n\n @supports (color: oklch(0% 0 0)) {\n [data-theme=\"dark\"],\n [data-fs-theme=\"dark\"] {\n --fs-color-text: #{$dark-text};\n --fs-color-muted: #{$dark-muted};\n --fs-color-border: #{$dark-border};\n --fs-color-surface: #{$dark-surface};\n --fs-color-subtle: #{$dark-subtle};\n --fs-color-bg-surface: var(--fs-color-surface);\n --fs-color-bg-subtle: var(--fs-color-subtle);\n --fs-color-surface-raised: var(--fs-color-surface);\n --fs-color-surface-interactive: var(--fs-color-subtle);\n --fs-color-text-primary: var(--fs-color-text);\n --fs-color-text-muted: var(--fs-color-muted);\n --fs-color-border-default: var(--fs-color-border);\n --fs-color-focus: var(--fs-color-primary);\n --fs-color-action-primary: var(--fs-color-primary);\n --fs-color-action-danger: var(--fs-color-danger);\n --fs-tooltip-bg: #{$color-gray-100};\n --fs-tooltip-text: #{$color-gray-900};\n\n @each $name, $color in $theme-colors {\n --fs-color-#{$name}: #{color.mix($color, $color-white, map.get($dark-color-weights, $name), $method: oklch)};\n --fs-alert-#{$name}-bg: #{color.mix($color, $color-gray-900, $dark-alert-bg-weight, $method: oklch)};\n --fs-alert-#{$name}-text: #{color.mix($color, $color-white, $dark-alert-text-weight, $method: oklch)};\n --fs-feedback-#{$name}-bg: #{color.mix($color, $color-gray-900, $dark-alert-bg-weight, $method: oklch)};\n }\n }\n }\n\n @media (prefers-color-scheme: dark) {\n [data-fs-theme=\"auto\"] {\n --fs-color-text: #{rgb-fallback($dark-text)};\n --fs-color-muted: #{rgb-fallback($dark-muted)};\n --fs-color-border: #{rgb-fallback($dark-border)};\n --fs-color-surface: #{rgb-fallback($dark-surface)};\n --fs-color-subtle: #{rgb-fallback($dark-subtle)};\n --fs-color-bg-surface: var(--fs-color-surface);\n --fs-color-bg-subtle: var(--fs-color-subtle);\n --fs-color-surface-raised: var(--fs-color-surface);\n --fs-color-surface-interactive: var(--fs-color-subtle);\n --fs-color-text-primary: var(--fs-color-text);\n --fs-color-text-muted: var(--fs-color-muted);\n --fs-color-border-default: var(--fs-color-border);\n --fs-color-focus: var(--fs-color-primary);\n --fs-tooltip-bg: #{rgb-fallback($color-gray-100)};\n --fs-tooltip-text: #{rgb-fallback($color-gray-900)};\n }\n }\n\n @media (forced-colors: active) {\n :root,\n [data-theme=\"dark\"],\n [data-fs-theme=\"light\"],\n [data-fs-theme=\"dark\"],\n [data-fs-theme=\"auto\"] {\n --fs-color-border: CanvasText;\n --fs-color-text: CanvasText;\n --fs-color-surface: Canvas;\n --fs-color-subtle: Canvas;\n --fs-focus-color: Highlight;\n }\n }\n}\n"]}
1
+ {"version":3,"sources":["file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/tokens/_root.scss","../../scss/entries/layout-entry.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/tokens/_semantic.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/tokens/_charts.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/base/_reset.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/base/_typography.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/base/_motion.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/base/_accessibility.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/layout/_cluster.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/layout/_containers.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/tools/_mixins.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/layout/_grid.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/layout/_sidebar.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/layout/_stack.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/themes/_brands.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/themes/_dark.scss"],"names":[],"mappings":"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I,eACE,OViwBN,CUlwBI,eACE,OVowBN,CUrwBI,eACE,OVuwBN,CUxwBI,eACE,OV0wBN,CU3wBI,eACE,OV6wBN,CU9wBI,eACE,OVgxBN,CUjxBI,eACE,OVmxBN,CUpxBI,eACE,OVsxBN,CUvxBI,eACE,OVyxBN,CU1xBI,eACE,OV4xBN,CU7xBI,gBACE,QV+xBN,CUhyBI,gBACE,QVkyBN,CUnyBI,gBACE,QVqyBN,CUjyBE,WACE,WVmyBJ,CUhyBE,gBACE,aAAA,CACA,UVkyBJ,CU9xBI,aACE,aAAA,CACA,mBVgyBN,CUlyBI,aACE,aAAA,CACA,oBVoyBN,CUtyBI,aACE,aAAA,CACA,SVwyBN,CU1yBI,aACE,aAAA,CACA,oBV4yBN,CU9yBI,aACE,aAAA,CACA,oBVgzBN,CUlzBI,aACE,aAAA,CACA,SVozBN,CUtzBI,aACE,aAAA,CACA,oBVwzBN,CU1zBI,aACE,aAAA,CACA,oBV4zBN,CU9zBI,aACE,aAAA,CACA,SVg0BN,CUl0BI,cACE,aAAA,CACA,oBVo0BN,CUt0BI,cACE,aAAA,CACA,oBVw0BN,CU10BI,cACE,aAAA,CACA,UV40BN,CACF,CSr3BE,0BCUE,uBACE,aAAA,CACA,UV82BJ,CU12BI,oBACE,aAAA,CACA,UV42BN,CU92BI,oBACE,aAAA,CACA,SVg3BN,CUl3BI,oBACE,aAAA,CACA,oBVo3BN,CUt3BI,oBACE,aAAA,CACA,SVw3BN,CU13BI,oBACE,aAAA,CACA,SV43BN,CU93BI,oBACE,aAAA,CACA,oBVg4BN,CU33BI,eACE,OV63BN,CU93BI,eACE,OVg4BN,CUj4BI,eACE,OVm4BN,CUp4BI,eACE,OVs4BN,CUv4BI,eACE,OVy4BN,CU14BI,eACE,OV44BN,CU74BI,eACE,OV+4BN,CUh5BI,eACE,OVk5BN,CUn5BI,eACE,OVq5BN,CUt5BI,eACE,OVw5BN,CUz5BI,gBACE,QV25BN,CU55BI,gBACE,QV85BN,CU/5BI,gBACE,QVi6BN,CU75BE,WACE,WV+5BJ,CU55BE,gBACE,aAAA,CACA,UV85BJ,CU15BI,aACE,aAAA,CACA,mBV45B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","file":"layout.min.css","sourcesContent":["@use \"sass:map\";\n@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n// Ordem canônica das camadas: declarada uma única vez aqui porque `tokens`\n// é sempre o primeiro `@use` de cada entry point (ver scss/entries/*.scss e\n// scss/fokus.scss) — evita repetir a declaração em cada bundle.\n@layer reset, tokens, base, layout, components, utilities, overrides;\n\n@layer tokens {\n // Bloco incondicional: fallback sRGB, aplicado em todo navegador. Os\n // valores de cor aqui vêm de `rgb-fallback()` (gamut-mapeado a partir do\n // primitivo OKLCH) — ver `tools/_mixins.scss`. É sempre sobrescrito pelo\n // bloco `@supports` abaixo em navegadores com suporte a `oklch()`; um\n // `--fs-*` de cor nunca deve ser lido só daqui em código novo.\n :root {\n --fs-color-white: #{$color-white};\n --fs-color-black: #{$color-black};\n --fs-color-text: #{rgb-fallback($color-gray-900)};\n --fs-color-muted: #{rgb-fallback($color-gray-600)};\n --fs-color-border: #{rgb-fallback($color-gray-300)};\n --fs-color-surface: #{$color-white};\n --fs-color-subtle: #{rgb-fallback($color-gray-100)};\n --fs-font-sans: #{$font-family-sans};\n --fs-font-mono: #{$font-family-mono};\n --fs-font-size-md: #{$font-size-md};\n --fs-font-size-h1: #{$font-size-h1};\n --fs-font-size-h2: #{$font-size-h2};\n --fs-font-size-h3: #{$font-size-h3};\n --fs-font-size-h4: #{$font-size-h4};\n --fs-font-size-h5: #{$font-size-h5};\n --fs-font-size-h6: #{$font-size-h6};\n --fs-font-weight-semibold: #{$font-weight-semibold};\n --fs-line-height-base: #{$line-height-base};\n --fs-line-height-heading: #{$line-height-heading};\n --fs-radius-sm: #{$radius-sm};\n --fs-radius-md: #{$radius-md};\n --fs-radius-lg: #{$radius-lg};\n --fs-gutter-x: #{map.get($spacers, 4)};\n --fs-gutter-y: 0px;\n\n @each $name, $space in $spacers {\n --fs-space-#{$name}: #{$space};\n }\n\n @each $name, $z-index in $z-indexes {\n --fs-z-#{$name}: #{$z-index};\n }\n\n --fs-control-height: 38px;\n --fs-control-height-sm: 30px;\n --fs-control-height-lg: 46px;\n --fs-control-padding-x: 12px;\n --fs-control-padding-x-sm: 8px;\n --fs-control-padding-x-lg: 16px;\n --fs-focus-width: 2px;\n --fs-focus-offset: 2px;\n --fs-focus-color: var(--fs-color-primary);\n --fs-focus-ring-size: 3px;\n --fs-focus-ring-color: color-mix(in srgb, var(--fs-focus-color) 22%, transparent);\n --fs-focus-ring-alpha: 22%;\n --fs-transition-fast: 150ms;\n --fs-transition-normal: 220ms;\n --fs-motion-duration-fast: var(--fs-transition-fast);\n --fs-motion-duration-normal: var(--fs-transition-normal);\n --fs-motion-ease-standard: var(--fs-ease-standard);\n --fs-ease-standard: cubic-bezier(0.2, 0, 0, 1);\n --fs-border-width: 1px;\n --fs-disabled-opacity: 0.5;\n --fs-safe-area-top: env(safe-area-inset-top, 0px);\n --fs-safe-area-right: env(safe-area-inset-right, 0px);\n --fs-safe-area-bottom: env(safe-area-inset-bottom, 0px);\n --fs-safe-area-left: env(safe-area-inset-left, 0px);\n --fs-component-control-height: var(--fs-control-height);\n --fs-component-overlay-backdrop: rgb(0 0 0 / 55%);\n --fs-component-panel-radius: var(--fs-radius-md);\n --fs-component-panel-shadow: var(--fs-shadow-lg);\n --fs-contrast-border-width: var(--fs-border-width);\n --fs-contrast-focus-width: var(--fs-focus-width);\n\n // Referência dos limiares usados pelos utilitários `@container` (ver\n // `packages/fokus-utilities/scss/utilities/_container-queries.scss`).\n // Só informativas: a condição de um `@container` precisa de um valor\n // literal em tempo de build, não aceita `var()` — mudar aqui não\n // recalibra as regras já compiladas, só documenta os valores usados.\n @each $name, $width in $container-breakpoints {\n --fs-cq-#{$name}: #{$width};\n }\n\n --fs-shadow-sm: 0 1px 3px rgb(0 0 0 / 15%), 0 1px 2px rgb(0 0 0 / 10%);\n --fs-shadow-md: 0 6px 12px rgb(0 0 0 / 15%), 0 3px 6px rgb(0 0 0 / 10%);\n --fs-shadow-lg: 0 15px 30px rgb(0 0 0 / 18%), 0 6px 12px rgb(0 0 0 / 12%);\n --fs-tooltip-bg: #{rgb-fallback($color-gray-900)};\n --fs-tooltip-text: #{$color-white};\n\n @each $name, $color in $theme-colors {\n --fs-color-#{$name}: #{rgb-fallback($color)};\n --fs-color-on-#{$name}: #{color-contrast($color)};\n --fs-alert-#{$name}-bg: #{rgb-fallback(tint-color($color))};\n --fs-alert-#{$name}-text: #{rgb-fallback(shade-color($color))};\n }\n\n @each $name, $bg in $theme-bg-colors {\n --fs-feedback-#{$name}-bg: #{rgb-fallback($bg)};\n }\n }\n\n // Bloco condicional: valores nativos em OKLCH. `@supports (color: oklch(0%\n // 0 0))` só passa em navegadores que entendem a função — os demais ignoram\n // o bloco inteiro e mantêm o fallback sRGB acima. Só propriedades de cor\n // entram aqui; o resto (fontes, raio, sombra, gutter) não tem equivalente\n // \"melhor\" em OKLCH e já está definido de forma incondicional.\n @supports (color: oklch(0% 0 0)) {\n :root {\n --fs-color-text: #{$color-gray-900};\n --fs-color-muted: #{$color-gray-600};\n --fs-color-border: #{$color-gray-300};\n --fs-color-subtle: #{$color-gray-100};\n --fs-tooltip-bg: #{$color-gray-900};\n\n @each $name, $color in $theme-colors {\n --fs-color-#{$name}: #{$color};\n --fs-color-on-#{$name}: #{color-contrast($color)};\n --fs-alert-#{$name}-bg: #{tint-color($color)};\n --fs-alert-#{$name}-text: #{shade-color($color)};\n }\n\n @each $name, $bg in $theme-bg-colors {\n --fs-feedback-#{$name}-bg: #{$bg};\n }\n }\n }\n\n @media (prefers-contrast: more) {\n :root {\n --fs-contrast-border-width: 2px;\n --fs-contrast-focus-width: 3px;\n --fs-focus-width: var(--fs-contrast-focus-width);\n --fs-border-width: var(--fs-contrast-border-width);\n }\n }\n}\n","@layer reset, tokens, base, layout, components, utilities, overrides;\n@layer tokens {\n :root {\n --fs-color-white: #ffffff;\n --fs-color-black: #000000;\n --fs-color-text: #1e293b;\n --fs-color-muted: #64748b;\n --fs-color-border: #e2e8f0;\n --fs-color-surface: #ffffff;\n --fs-color-subtle: #f8fafc;\n --fs-font-sans: Plus Jakarta Sans, sans-serif;\n --fs-font-mono: Source Code Pro, monospace;\n --fs-font-size-md: 0.8125rem;\n --fs-font-size-h1: 1.75rem;\n --fs-font-size-h2: 1.5rem;\n --fs-font-size-h3: 1.3125rem;\n --fs-font-size-h4: 1.125rem;\n --fs-font-size-h5: 1rem;\n --fs-font-size-h6: 0.875rem;\n --fs-font-weight-semibold: 600;\n --fs-line-height-base: 1.5;\n --fs-line-height-heading: 1.25;\n --fs-radius-sm: 4px;\n --fs-radius-md: 6px;\n --fs-radius-lg: 8px;\n --fs-gutter-x: 1.5rem;\n --fs-gutter-y: 0px;\n --fs-space-0: 0;\n --fs-space-1: 0.25rem;\n --fs-space-2: 0.5rem;\n --fs-space-3: 1rem;\n --fs-space-4: 1.5rem;\n --fs-space-5: 3rem;\n --fs-z-base: 0;\n --fs-z-dropdown: 1000;\n --fs-z-sticky: 1020;\n --fs-z-modal: 1050;\n --fs-z-offcanvas: 1060;\n --fs-z-notification: 1080;\n --fs-z-toast: 1090;\n --fs-z-tooltip: 1100;\n --fs-control-height: 38px;\n --fs-control-height-sm: 30px;\n --fs-control-height-lg: 46px;\n --fs-control-padding-x: 12px;\n --fs-control-padding-x-sm: 8px;\n --fs-control-padding-x-lg: 16px;\n --fs-focus-width: 2px;\n --fs-focus-offset: 2px;\n --fs-focus-color: var(--fs-color-primary);\n --fs-focus-ring-size: 3px;\n --fs-focus-ring-color: color-mix(in srgb, var(--fs-focus-color) 22%, transparent);\n --fs-focus-ring-alpha: 22%;\n --fs-transition-fast: 150ms;\n --fs-transition-normal: 220ms;\n --fs-motion-duration-fast: var(--fs-transition-fast);\n --fs-motion-duration-normal: var(--fs-transition-normal);\n --fs-motion-ease-standard: var(--fs-ease-standard);\n --fs-ease-standard: cubic-bezier(0.2, 0, 0, 1);\n --fs-border-width: 1px;\n --fs-disabled-opacity: 0.5;\n --fs-safe-area-top: env(safe-area-inset-top, 0px);\n --fs-safe-area-right: env(safe-area-inset-right, 0px);\n --fs-safe-area-bottom: env(safe-area-inset-bottom, 0px);\n --fs-safe-area-left: env(safe-area-inset-left, 0px);\n --fs-component-control-height: var(--fs-control-height);\n --fs-component-overlay-backdrop: rgb(0 0 0 / 55%);\n --fs-component-panel-radius: var(--fs-radius-md);\n --fs-component-panel-shadow: var(--fs-shadow-lg);\n --fs-contrast-border-width: var(--fs-border-width);\n --fs-contrast-focus-width: var(--fs-focus-width);\n --fs-cq-sm: 320px;\n --fs-cq-md: 480px;\n --fs-cq-lg: 640px;\n --fs-shadow-sm: 0 1px 3px rgb(0 0 0 / 15%), 0 1px 2px rgb(0 0 0 / 10%);\n --fs-shadow-md: 0 6px 12px rgb(0 0 0 / 15%), 0 3px 6px rgb(0 0 0 / 10%);\n --fs-shadow-lg: 0 15px 30px rgb(0 0 0 / 18%), 0 6px 12px rgb(0 0 0 / 12%);\n --fs-tooltip-bg: #1e293b;\n --fs-tooltip-text: #ffffff;\n --fs-color-primary: #1a61e6;\n --fs-color-on-primary: #ffffff;\n --fs-alert-primary-bg: rgb(220.3846532222, 232.689549371, 254.1042117072);\n --fs-alert-primary-text: rgb(4.2540793692, 32.6552622518, 88.5748738661);\n --fs-color-secondary: #64748b;\n --fs-color-on-secondary: #ffffff;\n --fs-alert-secondary-bg: rgb(230.2895610064, 233.0325853352, 236.9919508609);\n --fs-alert-secondary-text: rgb(33.9166068747, 40.6437781967, 50.3140869721);\n --fs-color-success: rgb(13, 209, 87);\n --fs-color-on-success: #000000;\n --fs-alert-success-bg: rgb(228.9046733915, 249.1514320752, 230.8709345684);\n --fs-alert-success-text: rgb(1.6574790861, 79.745461506, 28.4507801755);\n --fs-color-warning: #fab633;\n --fs-color-on-warning: #000000;\n --fs-alert-warning-bg: rgb(254.9170612621, 244.6528756631, 228.9710928247);\n --fs-alert-warning-text: rgb(96.9838380187, 68.3933599001, 13.3146447009);\n --fs-color-danger: #cc3335;\n --fs-color-on-danger: #ffffff;\n --fs-alert-danger-bg: rgb(251.9225977632, 226.389403069, 223.5618211362);\n --fs-alert-danger-text: rgb(77.6432204678, 13.3146447009, 14.1555411162);\n --fs-color-info: #5e5cc7;\n --fs-color-on-info: #ffffff;\n --fs-alert-info-bg: rgb(228.2395257626, 230.4806192824, 248.3934544766);\n --fs-alert-info-text: rgb(31.3939176289, 30.5530212136, 75.5409794297);\n --fs-feedback-primary-bg: #e6f0ff;\n --fs-feedback-secondary-bg: #f8fafc;\n --fs-feedback-success-bg: #e6fff2;\n --fs-feedback-warning-bg: #fff9e6;\n --fs-feedback-danger-bg: #fff2f3;\n --fs-feedback-info-bg: #f2f2ff;\n }\n @supports (color: oklch(0% 0 0deg)) {\n :root {\n --fs-color-text: oklch(27.9495237712% 0.0368481257 260.0309873929deg);\n --fs-color-muted: oklch(55.4391007662% 0.040717043 257.4166191214deg);\n --fs-color-border: oklch(92.876126719% 0.0126187744 255.5078854448deg);\n --fs-color-subtle: oklch(98.4151869501% 0.0034126992 247.8577745944deg);\n --fs-tooltip-bg: oklch(27.9495237712% 0.0368481257 260.0309873929deg);\n --fs-color-primary: oklch(53.5630074284% 0.2132145174 261.6264320248deg);\n --fs-color-on-primary: #ffffff;\n --fs-alert-primary-bg: oklch(93.0344511143% 0.0319821776 261.6264320248deg);\n --fs-alert-primary-text: oklch(26.7815037142% 0.1066072587 261.6264320248deg);\n --fs-color-secondary: oklch(55.4391007662% 0.040717043 257.4166191214deg);\n --fs-color-on-secondary: #ffffff;\n --fs-alert-secondary-bg: oklch(93.3158651149% 0.0061075564 257.4166191214deg);\n --fs-alert-secondary-text: oklch(27.7195503831% 0.0203585215 257.4166191214deg);\n --fs-color-success: oklch(75.151587899% 0.2146126169 148.125846236deg);\n --fs-color-on-success: #000000;\n --fs-alert-success-bg: oklch(96.2727381849% 0.0321918925 148.125846236deg);\n --fs-alert-success-text: oklch(37.5757939495% 0.1073063085 148.125846236deg);\n --fs-color-warning: oklch(81.9510815663% 0.1562613975 78.6575213966deg);\n --fs-color-on-warning: #000000;\n --fs-alert-warning-bg: oklch(97.2926622349% 0.0234392096 78.6575213966deg);\n --fs-alert-warning-text: oklch(40.9755407832% 0.0781306987 78.6575213966deg);\n --fs-color-danger: oklch(55.9653139301% 0.1897270855 25.2407937498deg);\n --fs-color-on-danger: #ffffff;\n --fs-alert-danger-bg: oklch(93.3947970895% 0.0284590628 25.2407937498deg);\n --fs-alert-danger-text: oklch(27.982656965% 0.0948635427 25.2407937498deg);\n --fs-color-info: oklch(53.3359780029% 0.1620131129 280.2231949375deg);\n --fs-color-on-info: #ffffff;\n --fs-alert-info-bg: oklch(93.0003967004% 0.0243019669 280.2231949375deg);\n --fs-alert-info-text: oklch(26.6679890014% 0.0810065564 280.2231949375deg);\n --fs-feedback-primary-bg: oklch(95.2067827456% 0.0228899025 258.359342143deg);\n --fs-feedback-secondary-bg: oklch(98.4151869501% 0.0034126992 247.8577745944deg);\n --fs-feedback-success-bg: oklch(97.8305614459% 0.0311593614 163.2740567608deg);\n --fs-feedback-warning-bg: oklch(98.17094418% 0.025708244 92.3886876566deg);\n --fs-feedback-danger-bg: oklch(97.1603097552% 0.0140720277 12.0135639679deg);\n --fs-feedback-info-bg: oklch(96.4918490239% 0.0173174767 286.0707018324deg);\n }\n }\n @media (prefers-contrast: more) {\n :root {\n --fs-contrast-border-width: 2px;\n --fs-contrast-focus-width: 3px;\n --fs-focus-width: var(--fs-contrast-focus-width);\n --fs-border-width: var(--fs-contrast-border-width);\n }\n }\n}\n@layer tokens {\n :root {\n --fs-color-bg-surface: var(--fs-color-surface);\n --fs-color-bg-subtle: var(--fs-color-subtle);\n --fs-color-text-primary: var(--fs-color-text);\n --fs-color-text-muted: var(--fs-color-muted);\n --fs-color-border-default: var(--fs-color-border);\n --fs-color-focus: var(--fs-color-primary);\n --fs-color-surface-raised: var(--fs-color-surface);\n --fs-color-surface-interactive: var(--fs-color-subtle);\n --fs-color-action-primary: var(--fs-color-primary);\n --fs-color-action-danger: var(--fs-color-danger);\n }\n}\n@layer tokens {\n :root {\n --fs-chart-series-1: var(--fs-color-primary);\n --fs-chart-series-2: var(--fs-color-success);\n --fs-chart-series-3: var(--fs-color-warning);\n --fs-chart-series-4: var(--fs-color-danger);\n --fs-chart-series-5: var(--fs-color-info);\n --fs-chart-series-6: var(--fs-color-secondary);\n --fs-chart-grid: var(--fs-color-border);\n --fs-chart-axis: var(--fs-color-muted);\n --fs-chart-tooltip-bg: var(--fs-tooltip-bg);\n --fs-chart-tooltip-text: var(--fs-tooltip-text);\n }\n}\n@layer reset {\n *,\n *::before,\n *::after {\n box-sizing: border-box;\n }\n html {\n line-height: var(--fs-line-height-base);\n text-size-adjust: 100%;\n }\n body {\n margin: 0;\n color: var(--fs-color-text);\n background-color: var(--fs-color-surface);\n }\n [hidden] {\n display: none !important;\n }\n}\n@layer base {\n body,\n button,\n input,\n select,\n textarea {\n font-family: var(--fs-font-sans);\n font-size: var(--fs-font-size-md);\n }\n code,\n kbd,\n pre,\n samp {\n font-family: var(--fs-font-mono);\n }\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-top: 0;\n font-weight: var(--fs-font-weight-semibold);\n line-height: var(--fs-line-height-heading);\n }\n h1 {\n font-size: var(--fs-font-size-h1);\n }\n h2 {\n font-size: var(--fs-font-size-h2);\n }\n h3 {\n font-size: var(--fs-font-size-h3);\n }\n h4 {\n font-size: var(--fs-font-size-h4);\n }\n h5 {\n font-size: var(--fs-font-size-h5);\n }\n h6 {\n font-size: var(--fs-font-size-h6);\n }\n}\n@layer base {\n @media (prefers-reduced-motion: reduce) {\n *,\n *::before,\n *::after {\n scroll-behavior: auto !important;\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n }\n .fs-spinner,\n .fs-progress-bar-animated,\n .fs-progress-indeterminate .fs-progress-bar {\n animation-duration: 1.5s !important;\n animation-iteration-count: infinite !important;\n }\n }\n}\n/* stylelint-disable property-no-deprecated, selector-not-notation */\n@layer reset {\n :focus-visible {\n outline: var(--fs-focus-width) solid var(--fs-focus-color);\n outline-offset: var(--fs-focus-offset);\n }\n @media (forced-colors: active) {\n :focus-visible {\n outline: 2px solid CanvasText;\n outline-offset: 2px;\n }\n button,\n [role=button],\n input,\n select,\n textarea,\n .fs-btn {\n border-color: ButtonText;\n forced-color-adjust: auto;\n }\n .fs-u-focus-ring:focus-visible {\n outline: 3px solid Highlight;\n }\n }\n}\n@layer utilities {\n .fs-u-visually-hidden:not(:focus):not(:focus-within),\n .fs-u-visually-hidden-focusable:not(:focus):not(:focus-within) {\n position: absolute !important;\n width: 1px !important;\n height: 1px !important;\n padding: 0 !important;\n margin: -1px !important;\n overflow: hidden !important;\n clip-path: inset(50%) !important;\n white-space: nowrap !important;\n border: 0 !important;\n }\n .fs-skip-link {\n position: fixed;\n z-index: 1000;\n inset-block-start: var(--fs-space-2);\n inset-inline-start: var(--fs-space-2);\n transform: translateY(-200%);\n padding: var(--fs-space-2) var(--fs-space-3);\n color: var(--fs-color-on-primary);\n background: var(--fs-color-primary);\n border-radius: var(--fs-radius-sm);\n }\n .fs-skip-link:focus {\n transform: translateY(0);\n }\n}\n@layer layout {\n .fs-cluster {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--fs-cluster-gap, 0.5rem);\n }\n .fs-cluster-gap-0 {\n --fs-cluster-gap: 0;\n }\n .fs-cluster-gap-1 {\n --fs-cluster-gap: 0.25rem;\n }\n .fs-cluster-gap-2 {\n --fs-cluster-gap: 0.5rem;\n }\n .fs-cluster-gap-3 {\n --fs-cluster-gap: 1rem;\n }\n .fs-cluster-gap-4 {\n --fs-cluster-gap: 1.5rem;\n }\n .fs-cluster-gap-5 {\n --fs-cluster-gap: 3rem;\n }\n}\n@layer layout {\n .fs-container,\n .fs-container-sm,\n .fs-container-md,\n .fs-container-lg,\n .fs-container-xl,\n .fs-container-xxl,\n .fs-container-xxxl,\n .fs-container-fluid {\n width: 100%;\n margin-right: auto;\n margin-left: auto;\n }\n @media (min-width: 640px) {\n .fs-container,\n .fs-container-sm {\n max-width: 600px;\n }\n }\n @media (min-width: 768px) {\n .fs-container,\n .fs-container-md {\n max-width: 720px;\n }\n }\n @media (min-width: 1024px) {\n .fs-container,\n .fs-container-lg {\n max-width: 960px;\n }\n }\n @media (min-width: 1280px) {\n .fs-container,\n .fs-container-xl {\n max-width: 1200px;\n }\n }\n @media (min-width: 1536px) {\n .fs-container,\n .fs-container-xxl {\n max-width: 1440px;\n }\n }\n @media (min-width: 1920px) {\n .fs-container,\n .fs-container-xxxl {\n max-width: 1800px;\n }\n }\n}\n@layer layout {\n .fs-row {\n display: flex;\n flex-wrap: wrap;\n margin-top: calc(var(--fs-gutter-y) * -1);\n margin-right: calc(var(--fs-gutter-x) / -2);\n margin-left: calc(var(--fs-gutter-x) / -2);\n }\n .fs-row > * {\n margin-top: var(--fs-gutter-y);\n padding-right: calc(var(--fs-gutter-x) / 2);\n padding-left: calc(var(--fs-gutter-x) / 2);\n }\n .fs-row-fluid {\n width: 100%;\n }\n .fs-col-fluid {\n width: 100%;\n }\n .fs-row-cols-auto > * {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-row-cols-1 > * {\n flex: 0 0 auto;\n width: 100%;\n }\n .fs-row-cols-2 > * {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-row-cols-3 > * {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-row-cols-4 > * {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-row-cols-5 > * {\n flex: 0 0 auto;\n width: 20%;\n }\n .fs-row-cols-6 > * {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-order-0 {\n order: 0;\n }\n .fs-order-1 {\n order: 1;\n }\n .fs-order-2 {\n order: 2;\n }\n .fs-order-3 {\n order: 3;\n }\n .fs-order-4 {\n order: 4;\n }\n .fs-order-5 {\n order: 5;\n }\n .fs-order-6 {\n order: 6;\n }\n .fs-order-7 {\n order: 7;\n }\n .fs-order-8 {\n order: 8;\n }\n .fs-order-9 {\n order: 9;\n }\n .fs-order-10 {\n order: 10;\n }\n .fs-order-11 {\n order: 11;\n }\n .fs-order-12 {\n order: 12;\n }\n .fs-col {\n flex: 1 0 0%;\n }\n .fs-col-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-col-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .fs-col-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-col-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-col-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-col-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .fs-col-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-col-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .fs-col-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .fs-col-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .fs-col-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .fs-col-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .fs-col-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n @media (min-width: 640px) {\n .fs-row-cols-sm-auto > * {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-row-cols-sm-1 > * {\n flex: 0 0 auto;\n width: 100%;\n }\n .fs-row-cols-sm-2 > * {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-row-cols-sm-3 > * {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-row-cols-sm-4 > * {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-row-cols-sm-5 > * {\n flex: 0 0 auto;\n width: 20%;\n }\n .fs-row-cols-sm-6 > * {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-order-sm-0 {\n order: 0;\n }\n .fs-order-sm-1 {\n order: 1;\n }\n .fs-order-sm-2 {\n order: 2;\n }\n .fs-order-sm-3 {\n order: 3;\n }\n .fs-order-sm-4 {\n order: 4;\n }\n .fs-order-sm-5 {\n order: 5;\n }\n .fs-order-sm-6 {\n order: 6;\n }\n .fs-order-sm-7 {\n order: 7;\n }\n .fs-order-sm-8 {\n order: 8;\n }\n .fs-order-sm-9 {\n order: 9;\n }\n .fs-order-sm-10 {\n order: 10;\n }\n .fs-order-sm-11 {\n order: 11;\n }\n .fs-order-sm-12 {\n order: 12;\n }\n .fs-col-sm {\n flex: 1 0 0%;\n }\n .fs-col-sm-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-col-sm-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .fs-col-sm-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-col-sm-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-col-sm-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-col-sm-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .fs-col-sm-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-col-sm-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .fs-col-sm-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .fs-col-sm-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .fs-col-sm-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .fs-col-sm-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .fs-col-sm-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n }\n @media (min-width: 768px) {\n .fs-row-cols-md-auto > * {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-row-cols-md-1 > * {\n flex: 0 0 auto;\n width: 100%;\n }\n .fs-row-cols-md-2 > * {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-row-cols-md-3 > * {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-row-cols-md-4 > * {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-row-cols-md-5 > * {\n flex: 0 0 auto;\n width: 20%;\n }\n .fs-row-cols-md-6 > * {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-order-md-0 {\n order: 0;\n }\n .fs-order-md-1 {\n order: 1;\n }\n .fs-order-md-2 {\n order: 2;\n }\n .fs-order-md-3 {\n order: 3;\n }\n .fs-order-md-4 {\n order: 4;\n }\n .fs-order-md-5 {\n order: 5;\n }\n .fs-order-md-6 {\n order: 6;\n }\n .fs-order-md-7 {\n order: 7;\n }\n .fs-order-md-8 {\n order: 8;\n }\n .fs-order-md-9 {\n order: 9;\n }\n .fs-order-md-10 {\n order: 10;\n }\n .fs-order-md-11 {\n order: 11;\n }\n .fs-order-md-12 {\n order: 12;\n }\n .fs-col-md {\n flex: 1 0 0%;\n }\n .fs-col-md-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-col-md-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .fs-col-md-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-col-md-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-col-md-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-col-md-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .fs-col-md-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-col-md-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .fs-col-md-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .fs-col-md-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .fs-col-md-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .fs-col-md-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .fs-col-md-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n }\n @media (min-width: 1024px) {\n .fs-row-cols-lg-auto > * {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-row-cols-lg-1 > * {\n flex: 0 0 auto;\n width: 100%;\n }\n .fs-row-cols-lg-2 > * {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-row-cols-lg-3 > * {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-row-cols-lg-4 > * {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-row-cols-lg-5 > * {\n flex: 0 0 auto;\n width: 20%;\n }\n .fs-row-cols-lg-6 > * {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-order-lg-0 {\n order: 0;\n }\n .fs-order-lg-1 {\n order: 1;\n }\n .fs-order-lg-2 {\n order: 2;\n }\n .fs-order-lg-3 {\n order: 3;\n }\n .fs-order-lg-4 {\n order: 4;\n }\n .fs-order-lg-5 {\n order: 5;\n }\n .fs-order-lg-6 {\n order: 6;\n }\n .fs-order-lg-7 {\n order: 7;\n }\n .fs-order-lg-8 {\n order: 8;\n }\n .fs-order-lg-9 {\n order: 9;\n }\n .fs-order-lg-10 {\n order: 10;\n }\n .fs-order-lg-11 {\n order: 11;\n }\n .fs-order-lg-12 {\n order: 12;\n }\n .fs-col-lg {\n flex: 1 0 0%;\n }\n .fs-col-lg-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-col-lg-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .fs-col-lg-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-col-lg-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-col-lg-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-col-lg-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .fs-col-lg-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-col-lg-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .fs-col-lg-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .fs-col-lg-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .fs-col-lg-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .fs-col-lg-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .fs-col-lg-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n }\n @media (min-width: 1280px) {\n .fs-row-cols-xl-auto > * {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-row-cols-xl-1 > * {\n flex: 0 0 auto;\n width: 100%;\n }\n .fs-row-cols-xl-2 > * {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-row-cols-xl-3 > * {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-row-cols-xl-4 > * {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-row-cols-xl-5 > * {\n flex: 0 0 auto;\n width: 20%;\n }\n .fs-row-cols-xl-6 > * {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-order-xl-0 {\n order: 0;\n }\n .fs-order-xl-1 {\n order: 1;\n }\n .fs-order-xl-2 {\n order: 2;\n }\n .fs-order-xl-3 {\n order: 3;\n }\n .fs-order-xl-4 {\n order: 4;\n }\n .fs-order-xl-5 {\n order: 5;\n }\n .fs-order-xl-6 {\n order: 6;\n }\n .fs-order-xl-7 {\n order: 7;\n }\n .fs-order-xl-8 {\n order: 8;\n }\n .fs-order-xl-9 {\n order: 9;\n }\n .fs-order-xl-10 {\n order: 10;\n }\n .fs-order-xl-11 {\n order: 11;\n }\n .fs-order-xl-12 {\n order: 12;\n }\n .fs-col-xl {\n flex: 1 0 0%;\n }\n .fs-col-xl-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-col-xl-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .fs-col-xl-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-col-xl-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-col-xl-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-col-xl-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .fs-col-xl-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-col-xl-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .fs-col-xl-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .fs-col-xl-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .fs-col-xl-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .fs-col-xl-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .fs-col-xl-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n }\n @media (min-width: 1536px) {\n .fs-row-cols-xxl-auto > * {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-row-cols-xxl-1 > * {\n flex: 0 0 auto;\n width: 100%;\n }\n .fs-row-cols-xxl-2 > * {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-row-cols-xxl-3 > * {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-row-cols-xxl-4 > * {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-row-cols-xxl-5 > * {\n flex: 0 0 auto;\n width: 20%;\n }\n .fs-row-cols-xxl-6 > * {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-order-xxl-0 {\n order: 0;\n }\n .fs-order-xxl-1 {\n order: 1;\n }\n .fs-order-xxl-2 {\n order: 2;\n }\n .fs-order-xxl-3 {\n order: 3;\n }\n .fs-order-xxl-4 {\n order: 4;\n }\n .fs-order-xxl-5 {\n order: 5;\n }\n .fs-order-xxl-6 {\n order: 6;\n }\n .fs-order-xxl-7 {\n order: 7;\n }\n .fs-order-xxl-8 {\n order: 8;\n }\n .fs-order-xxl-9 {\n order: 9;\n }\n .fs-order-xxl-10 {\n order: 10;\n }\n .fs-order-xxl-11 {\n order: 11;\n }\n .fs-order-xxl-12 {\n order: 12;\n }\n .fs-col-xxl {\n flex: 1 0 0%;\n }\n .fs-col-xxl-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-col-xxl-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .fs-col-xxl-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-col-xxl-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-col-xxl-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-col-xxl-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .fs-col-xxl-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-col-xxl-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .fs-col-xxl-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .fs-col-xxl-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .fs-col-xxl-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .fs-col-xxl-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .fs-col-xxl-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n }\n @media (min-width: 1920px) {\n .fs-row-cols-xxxl-auto > * {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-row-cols-xxxl-1 > * {\n flex: 0 0 auto;\n width: 100%;\n }\n .fs-row-cols-xxxl-2 > * {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-row-cols-xxxl-3 > * {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-row-cols-xxxl-4 > * {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-row-cols-xxxl-5 > * {\n flex: 0 0 auto;\n width: 20%;\n }\n .fs-row-cols-xxxl-6 > * {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-order-xxxl-0 {\n order: 0;\n }\n .fs-order-xxxl-1 {\n order: 1;\n }\n .fs-order-xxxl-2 {\n order: 2;\n }\n .fs-order-xxxl-3 {\n order: 3;\n }\n .fs-order-xxxl-4 {\n order: 4;\n }\n .fs-order-xxxl-5 {\n order: 5;\n }\n .fs-order-xxxl-6 {\n order: 6;\n }\n .fs-order-xxxl-7 {\n order: 7;\n }\n .fs-order-xxxl-8 {\n order: 8;\n }\n .fs-order-xxxl-9 {\n order: 9;\n }\n .fs-order-xxxl-10 {\n order: 10;\n }\n .fs-order-xxxl-11 {\n order: 11;\n }\n .fs-order-xxxl-12 {\n order: 12;\n }\n .fs-col-xxxl {\n flex: 1 0 0%;\n }\n .fs-col-xxxl-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-col-xxxl-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .fs-col-xxxl-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-col-xxxl-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-col-xxxl-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-col-xxxl-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .fs-col-xxxl-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-col-xxxl-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .fs-col-xxxl-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .fs-col-xxxl-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .fs-col-xxxl-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .fs-col-xxxl-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .fs-col-xxxl-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n }\n}\n@layer layout {\n .fs-sidebar {\n display: flex;\n flex-wrap: wrap;\n gap: var(--fs-sidebar-gap, 1rem);\n }\n .fs-sidebar-aside {\n flex-basis: var(--fs-sidebar-width, 16rem);\n flex-grow: 1;\n }\n .fs-sidebar-content {\n flex-basis: 0;\n flex-grow: 999;\n min-width: 50%;\n }\n .fs-sidebar-reverse {\n flex-direction: row-reverse;\n }\n .fs-sidebar-gap-0 {\n --fs-sidebar-gap: 0;\n }\n .fs-sidebar-gap-1 {\n --fs-sidebar-gap: 0.25rem;\n }\n .fs-sidebar-gap-2 {\n --fs-sidebar-gap: 0.5rem;\n }\n .fs-sidebar-gap-3 {\n --fs-sidebar-gap: 1rem;\n }\n .fs-sidebar-gap-4 {\n --fs-sidebar-gap: 1.5rem;\n }\n .fs-sidebar-gap-5 {\n --fs-sidebar-gap: 3rem;\n }\n .fs-sidebar-width-sm {\n --fs-sidebar-width: 120px;\n }\n .fs-sidebar-width-md {\n --fs-sidebar-width: 240px;\n }\n .fs-sidebar-width-lg {\n --fs-sidebar-width: 360px;\n }\n .fs-sidebar-width-xl {\n --fs-sidebar-width: 480px;\n }\n .fs-sidebar-width-xxl {\n --fs-sidebar-width: 600px;\n }\n .fs-sidebar-width-xxxl {\n --fs-sidebar-width: 720px;\n }\n}\n@layer layout {\n .fs-stack {\n display: flex;\n flex-direction: column;\n gap: var(--fs-stack-gap, 1rem);\n }\n .fs-stack-gap-0 {\n --fs-stack-gap: 0;\n }\n .fs-stack-gap-1 {\n --fs-stack-gap: 0.25rem;\n }\n .fs-stack-gap-2 {\n --fs-stack-gap: 0.5rem;\n }\n .fs-stack-gap-3 {\n --fs-stack-gap: 1rem;\n }\n .fs-stack-gap-4 {\n --fs-stack-gap: 1.5rem;\n }\n .fs-stack-gap-5 {\n --fs-stack-gap: 3rem;\n }\n}\n@layer tokens {\n [data-fs-brand=violet] {\n --fs-color-primary: #6d28d9;\n --fs-alert-primary-bg: rgb(229.8834406263, 225.8717327657, 252.5458384302);\n --fs-alert-primary-text: rgb(37.7006407433, 8.7385189481, 83.109047167);\n --fs-feedback-primary-bg: rgb(229.8834406263, 225.8717327657, 252.5458384302);\n }\n [data-fs-brand=violet][data-theme=dark],\n [data-theme=dark] [data-fs-brand=violet] {\n --fs-color-primary: rgb(114.6495158739, 57.1165361442, 219.9746158745);\n --fs-alert-primary-bg: rgb(31.4819726714, 47.0564006856, 82.6607876597);\n --fs-alert-primary-text: rgb(167.4962913963, 147.746130571, 240.0249534535);\n --fs-feedback-primary-bg: rgb(31.4819726714, 47.0564006856, 82.6607876597);\n }\n @supports (color: oklch(0% 0 0deg)) {\n [data-fs-brand=violet] {\n --fs-color-primary: oklch(49.0666497236% 0.2412317343 292.5809393311deg);\n --fs-alert-primary-bg: oklch(92.3599974585% 0.0361847601 292.5809393311deg);\n --fs-alert-primary-text: oklch(24.5333248618% 0.1206158672 292.5809393311deg);\n --fs-feedback-primary-bg: oklch(92.3599974585% 0.0361847601 292.5809393311deg);\n }\n [data-fs-brand=violet][data-theme=dark],\n [data-theme=dark] [data-fs-brand=violet] {\n --fs-color-primary: oklch(51.6133172374% 0.2291701476 292.5809393311deg);\n --fs-alert-primary-bg: oklch(31.117092664% 0.067505667 264.9134801836deg);\n --fs-alert-primary-text: oklch(71.986657348% 0.1326774539 292.5809393311deg);\n --fs-feedback-primary-bg: oklch(31.117092664% 0.067505667 264.9134801836deg);\n }\n }\n [data-fs-brand=corporate] {\n --fs-color-primary: #1d4e89;\n --fs-alert-primary-bg: rgb(219.2237954153, 227.2186121739, 237.6990809983);\n --fs-alert-primary-text: rgb(5.0598830676, 24.6667463069, 49.4731905568);\n --fs-feedback-primary-bg: rgb(219.2237954153, 227.2186121739, 237.6990809983);\n }\n [data-fs-brand=corporate][data-theme=dark],\n [data-theme=dark] [data-fs-brand=corporate] {\n --fs-color-primary: rgb(40.8593466225, 86.5224214637, 143.0926598584);\n --fs-alert-primary-bg: rgb(31.2586947979, 46.3186220749, 70.1321749545);\n --fs-alert-primary-text: rgb(127.9940036809, 155.4045223568, 190.9765129762);\n --fs-feedback-primary-bg: rgb(31.2586947979, 46.3186220749, 70.1321749545);\n }\n [data-fs-brand=vibrant] {\n --fs-color-primary: #f2542d;\n --fs-alert-primary-bg: rgb(255, 231.3637253432, 224.6456124112);\n --fs-alert-primary-text: rgb(93.6202523577, 27.1894355526, 10.7919554552);\n --fs-feedback-primary-bg: rgb(255, 231.3637253432, 224.6456124112);\n }\n [data-fs-brand=vibrant][data-theme=dark],\n [data-theme=dark] [data-fs-brand=vibrant] {\n --fs-color-primary: rgb(244.0763687777, 94.774513804, 58.7750761343);\n --fs-alert-primary-bg: rgb(48.9487024594, 50.7990197305, 85.9119190034);\n --fs-alert-primary-text: rgb(255, 166.953251087, 144.6609410048);\n --fs-feedback-primary-bg: rgb(48.9487024594, 50.7990197305, 85.9119190034);\n }\n @supports (color: oklch(0% 0 0deg)) {\n [data-fs-brand=corporate] {\n --fs-color-primary: oklch(42.3377990386% 0.1112359961 255.1073474093deg);\n --fs-alert-primary-bg: oklch(91.3506698558% 0.0166853994 255.1073474093deg);\n --fs-alert-primary-text: oklch(21.1688995193% 0.055617998 255.1073474093deg);\n --fs-feedback-primary-bg: oklch(91.3506698558% 0.0166853994 255.1073474093deg);\n }\n [data-fs-brand=corporate][data-theme=dark],\n [data-theme=dark] [data-fs-brand=corporate] {\n --fs-color-primary: oklch(45.2209090867% 0.1056741963 255.1073474093deg);\n --fs-alert-primary-bg: oklch(30.1077650613% 0.0480063062 259.2924413953deg);\n --fs-alert-primary-text: oklch(68.2857894712% 0.0611797979 255.1073474093deg);\n --fs-feedback-primary-bg: oklch(30.1077650613% 0.0480063062 259.2924413953deg);\n }\n [data-fs-brand=vibrant] {\n --fs-color-primary: oklch(65.5786741493% 0.2007639921 34.7814711243deg);\n --fs-alert-primary-bg: oklch(94.8368011224% 0.0301145988 34.7814711243deg);\n --fs-alert-primary-text: oklch(32.7893370747% 0.1003819961 34.7814711243deg);\n --fs-feedback-primary-bg: oklch(94.8368011224% 0.0301145988 34.7814711243deg);\n }\n [data-fs-brand=vibrant][data-theme=dark],\n [data-theme=dark] [data-fs-brand=vibrant] {\n --fs-color-primary: oklch(67.2997404419% 0.1907257925 34.7814711243deg);\n --fs-alert-primary-bg: oklch(33.5938963279% 0.0614355056 280.2435599526deg);\n --fs-alert-primary-text: oklch(81.0682707821% 0.1104201957 34.7814711243deg);\n --fs-feedback-primary-bg: oklch(33.5938963279% 0.0614355056 280.2435599526deg);\n }\n }\n}\n@layer overrides {\n [data-fs-brand=vibrant] .fs-btn-primary,\n [data-fs-brand=vibrant] .fs-badge-primary {\n --fs-btn-color: #000000;\n --fs-badge-color: #000000;\n }\n [data-fs-brand=vibrant] .fs-check {\n --fs-check-mark: #000000;\n }\n}\n@layer tokens {\n [data-theme=dark],\n [data-fs-theme=dark] {\n --fs-color-text: #f1f3f4;\n --fs-color-muted: #bdc1c6;\n --fs-color-border: #3c4043;\n --fs-color-surface: #202124;\n --fs-color-subtle: #2b2c2f;\n --fs-color-bg-surface: var(--fs-color-surface);\n --fs-color-bg-subtle: var(--fs-color-subtle);\n --fs-color-surface-raised: var(--fs-color-surface);\n --fs-color-surface-interactive: var(--fs-color-subtle);\n --fs-color-text-primary: var(--fs-color-text);\n --fs-color-text-muted: var(--fs-color-muted);\n --fs-color-border-default: var(--fs-color-border);\n --fs-color-focus: var(--fs-color-primary);\n --fs-color-action-primary: var(--fs-color-primary);\n --fs-color-action-danger: var(--fs-color-danger);\n --fs-shadow-sm: 0 1px 3px rgb(0 0 0 / 50%), 0 1px 2px rgb(0 0 0 / 40%);\n --fs-shadow-md: 0 6px 12px rgb(0 0 0 / 55%), 0 3px 6px rgb(0 0 0 / 45%);\n --fs-shadow-lg: 0 15px 30px rgb(0 0 0 / 60%), 0 6px 12px rgb(0 0 0 / 50%);\n --fs-tooltip-bg: #f8fafc;\n --fs-tooltip-text: #1e293b;\n --fs-color-primary: rgb(39.8728684152, 106.2372587275, 232.1894887664);\n --fs-alert-primary-bg: rgb(30.765779113, 49.9974662348, 82.3021425489);\n --fs-alert-primary-text: rgb(130.6636212695, 172.0850768824, 246.4419684583);\n --fs-feedback-primary-bg: rgb(30.765779113, 49.9974662348, 82.3021425489);\n --fs-color-secondary: rgb(114.3557068426, 129.039220146, 150.1520317181);\n --fs-alert-secondary-bg: rgb(39.6548148226, 51.4270943358, 70.2648514061);\n --fs-alert-secondary-text: rgb(166.7597509121, 176.2809684237, 189.9919576187);\n --fs-feedback-secondary-bg: rgb(39.6548148226, 51.4270943358, 70.2648514061);\n --fs-color-success: rgb(134.4501166043, 226.9563331209, 149.6185042518);\n --fs-alert-success-bg: rgb(24.8621518491, 61.9088085702, 89.0318819222);\n --fs-alert-success-text: rgb(155.0475916512, 231.7231823866, 166.1609492581);\n --fs-feedback-success-bg: rgb(24.8621518491, 61.9088085702, 89.0318819222);\n --fs-color-warning: rgb(252.9400238762, 208.7461261831, 137.9221837268);\n --fs-alert-warning-bg: rgb(59.1359779173, 56.6792370273, 88.6687774507);\n --fs-alert-warning-text: rgb(253.5439861058, 216.1213263099, 157.1705651606);\n --fs-feedback-warning-bg: rgb(59.1359779173, 56.6792370273, 88.6687774507);\n --fs-color-danger: rgb(208.1189955268, 64.9740184262, 63.4302936954);\n --fs-alert-danger-bg: rgb(44.6823973866, 47.5125073063, 81.2083778204);\n --fs-alert-danger-text: rgb(235.4050745756, 149.9650253478, 142.4924034553);\n --fs-feedback-danger-bg: rgb(44.6823973866, 47.5125073063, 81.2083778204);\n --fs-color-info: #5e5cc7;\n --fs-alert-info-bg: rgb(35.0058091619, 49.6887857769, 78.5757788254);\n --fs-alert-info-text: rgb(160.628671266, 165.881962789, 227.610600335);\n --fs-feedback-info-bg: rgb(35.0058091619, 49.6887857769, 78.5757788254);\n }\n @supports (color: oklch(0% 0 0deg)) {\n [data-theme=dark],\n [data-fs-theme=dark] {\n --fs-color-text: oklch(96.2913383165% 0.002529697 228.7848682695deg);\n --fs-color-muted: oklch(80.9268110646% 0.0083071608 253.8653061211deg);\n --fs-color-border: oklch(36.8827622528% 0.0074489239 240.018838067deg);\n --fs-color-surface: oklch(24.7936263361% 0.0058460141 271.1764187765deg);\n --fs-color-subtle: oklch(29.3286259539% 0.0055990771 271.2234269855deg);\n --fs-color-bg-surface: var(--fs-color-surface);\n --fs-color-bg-subtle: var(--fs-color-subtle);\n --fs-color-surface-raised: var(--fs-color-surface);\n --fs-color-surface-interactive: var(--fs-color-subtle);\n --fs-color-text-primary: var(--fs-color-text);\n --fs-color-text-muted: var(--fs-color-muted);\n --fs-color-border-default: var(--fs-color-border);\n --fs-color-focus: var(--fs-color-primary);\n --fs-color-action-primary: var(--fs-color-primary);\n --fs-color-action-danger: var(--fs-color-danger);\n --fs-tooltip-bg: oklch(98.4151869501% 0.0034126992 247.8577745944deg);\n --fs-tooltip-text: oklch(27.9495237712% 0.0368481257 260.0309873929deg);\n --fs-color-primary: oklch(55.884857057% 0.2025537915 261.6264320248deg);\n --fs-alert-primary-bg: oklch(31.7915463198% 0.0633030844 260.2703040876deg);\n --fs-alert-primary-text: oklch(74.4596540856% 0.1172679846 261.6264320248deg);\n --fs-feedback-primary-bg: oklch(31.7915463198% 0.0633030844 260.2703040876deg);\n --fs-color-secondary: oklch(59.8951906896% 0.0366453387 257.4166191214deg);\n --fs-alert-secondary-bg: oklch(32.0729603204% 0.0374284633 259.6388321521deg);\n --fs-alert-secondary-text: oklch(75.4915054214% 0.0223943736 257.4166191214deg);\n --fs-feedback-secondary-bg: oklch(32.0729603204% 0.0374284633 259.6388321521deg);\n --fs-color-success: oklch(83.8485321344% 0.139498201 148.125846236deg);\n --fs-alert-success-bg: oklch(35.0298333903% 0.0635127994 243.2452162193deg);\n --fs-alert-success-text: oklch(86.3333733445% 0.1180369393 148.125846236deg);\n --fs-feedback-success-bg: oklch(35.0298333903% 0.0635127994 243.2452162193deg);\n --fs-color-warning: oklch(88.2682030181% 0.1015699084 78.6575213966deg);\n --fs-alert-warning-bg: oklch(36.0497574404% 0.0547601164 286.8249674934deg);\n --fs-alert-warning-text: oklch(90.0730948615% 0.0859437686 78.6575213966deg);\n --fs-feedback-warning-bg: oklch(36.0497574404% 0.0547601164 286.8249674934deg);\n --fs-color-danger: oklch(58.1670482336% 0.1802407312 25.2407937498deg);\n --fs-alert-danger-bg: oklch(32.151892295% 0.0597799696 278.8124583464deg);\n --fs-alert-danger-text: oklch(75.7809226615% 0.104349897 25.2407937498deg);\n --fs-feedback-danger-bg: oklch(32.151892295% 0.0597799696 278.8124583464deg);\n --fs-color-info: oklch(53.3359780029% 0.1620131129 280.2231949375deg);\n --fs-alert-info-bg: oklch(31.7574919059% 0.0556228738 263.0598185246deg);\n --fs-alert-info-text: oklch(74.3347879016% 0.0891072121 280.2231949375deg);\n --fs-feedback-info-bg: oklch(31.7574919059% 0.0556228738 263.0598185246deg);\n }\n }\n @media (prefers-color-scheme: dark) {\n [data-fs-theme=auto] {\n --fs-color-text: #f1f3f4;\n --fs-color-muted: #bdc1c6;\n --fs-color-border: #3c4043;\n --fs-color-surface: #202124;\n --fs-color-subtle: #2b2c2f;\n --fs-color-bg-surface: var(--fs-color-surface);\n --fs-color-bg-subtle: var(--fs-color-subtle);\n --fs-color-surface-raised: var(--fs-color-surface);\n --fs-color-surface-interactive: var(--fs-color-subtle);\n --fs-color-text-primary: var(--fs-color-text);\n --fs-color-text-muted: var(--fs-color-muted);\n --fs-color-border-default: var(--fs-color-border);\n --fs-color-focus: var(--fs-color-primary);\n --fs-tooltip-bg: #f8fafc;\n --fs-tooltip-text: #1e293b;\n }\n }\n @media (forced-colors: active) {\n :root,\n [data-theme=dark],\n [data-fs-theme=light],\n [data-fs-theme=dark],\n [data-fs-theme=auto] {\n --fs-color-border: CanvasText;\n --fs-color-text: CanvasText;\n --fs-color-surface: Canvas;\n --fs-color-subtle: Canvas;\n --fs-focus-color: Highlight;\n }\n }\n}","// Camada semântica: nomeia tokens por PAPEL (o que a cor faz na interface),\n// não por valor. Cada token aqui é um alias `var()` de um token primitivo\n// (`_root.scss`) — não introduz nenhuma cor nova, só um vocabulário estável\n// entre o primitivo e o consumo por componente (ver `_component-buttons.scss`\n// como referência de como um componente deve consumir esta camada).\n// Por que alias e não recalcular o valor: um `var()` encadeado continua\n// resolvendo o fallback sRGB/OKLCH já decidido em `_root.scss` — não precisa\n// repetir a lógica de `@supports` aqui.\n@layer tokens {\n :root {\n // Superfícies\n --fs-color-bg-surface: var(--fs-color-surface);\n --fs-color-bg-subtle: var(--fs-color-subtle);\n\n // Texto\n --fs-color-text-primary: var(--fs-color-text);\n --fs-color-text-muted: var(--fs-color-muted);\n\n // Bordas\n --fs-color-border-default: var(--fs-color-border);\n --fs-color-focus: var(--fs-color-primary);\n --fs-color-surface-raised: var(--fs-color-surface);\n --fs-color-surface-interactive: var(--fs-color-subtle);\n\n // Ação (mapeiam para a cor de tema correspondente — existem para dar um\n // nome estável a \"a cor de ação primária\", independente de qual token\n // primitivo ela usa por baixo).\n --fs-color-action-primary: var(--fs-color-primary);\n --fs-color-action-danger: var(--fs-color-danger);\n }\n}\n","// Tokens de gráficos: agnósticos de biblioteca — não é um wrapper de\n// Chart.js/ECharts/Recharts/etc., só cores/tema que qualquer uma delas pode\n// consumir via `getComputedStyle`/CSS custom properties. Aliases da camada\n// semântica já existente (mesma técnica de `_semantic.scss`), então\n// acompanham `data-theme`/`data-fs-brand` automaticamente sem token novo por\n// tema. Ver docs/guides/charts.md.\n@layer tokens {\n :root {\n --fs-chart-series-1: var(--fs-color-primary);\n --fs-chart-series-2: var(--fs-color-success);\n --fs-chart-series-3: var(--fs-color-warning);\n --fs-chart-series-4: var(--fs-color-danger);\n --fs-chart-series-5: var(--fs-color-info);\n --fs-chart-series-6: var(--fs-color-secondary);\n --fs-chart-grid: var(--fs-color-border);\n --fs-chart-axis: var(--fs-color-muted);\n --fs-chart-tooltip-bg: var(--fs-tooltip-bg);\n --fs-chart-tooltip-text: var(--fs-tooltip-text);\n }\n}\n","@layer reset {\n *,\n *::before,\n *::after {\n box-sizing: border-box;\n }\n\n html {\n line-height: var(--fs-line-height-base);\n text-size-adjust: 100%;\n }\n\n body {\n margin: 0;\n color: var(--fs-color-text);\n background-color: var(--fs-color-surface);\n }\n\n [hidden] {\n display: none !important;\n }\n}\n","// As declarações @font-face das fontes self-hosted ficam em `_fonts.scss`,\n// distribuído à parte (dist/css/fonts.css) e fora dos bundles principais —\n// ver a nota nesse arquivo. Aqui só aplicamos as pilhas de `font-family`\n// (com fallback sans-serif/monospace, que valem mesmo sem fonts.css).\n\n@layer base {\n body,\n button,\n input,\n select,\n textarea {\n font-family: var(--fs-font-sans);\n font-size: var(--fs-font-size-md);\n }\n\n code,\n kbd,\n pre,\n samp {\n font-family: var(--fs-font-mono);\n }\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-top: 0;\n font-weight: var(--fs-font-weight-semibold);\n line-height: var(--fs-line-height-heading);\n }\n\n h1 {\n font-size: var(--fs-font-size-h1);\n }\n\n h2 {\n font-size: var(--fs-font-size-h2);\n }\n\n h3 {\n font-size: var(--fs-font-size-h3);\n }\n\n h4 {\n font-size: var(--fs-font-size-h4);\n }\n\n h5 {\n font-size: var(--fs-font-size-h5);\n }\n\n h6 {\n font-size: var(--fs-font-size-h6);\n }\n}\n","// Respeita a preferência do sistema sem remover a funcionalidade dos\n// componentes: apenas reduz transições e animações ao estado final.\n@layer base {\n @media (prefers-reduced-motion: reduce) {\n *,\n *::before,\n *::after {\n scroll-behavior: auto !important;\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n }\n\n // Spinner comunica uma operação em curso; congelá-lo o transforma em um\n // ícone ambíguo. Mantemos a animação, porém em ritmo mais lento, para\n // respeitar a preferência sem perder o significado de carregamento.\n .fs-spinner,\n .fs-progress-bar-animated,\n .fs-progress-indeterminate .fs-progress-bar {\n animation-duration: 1.5s !important;\n animation-iteration-count: infinite !important;\n }\n }\n}\n","/* stylelint-disable property-no-deprecated, selector-not-notation */\n@layer reset {\n :focus-visible {\n outline: var(--fs-focus-width) solid var(--fs-focus-color);\n outline-offset: var(--fs-focus-offset);\n }\n\n @media (forced-colors: active) {\n :focus-visible {\n outline: 2px solid CanvasText;\n outline-offset: 2px;\n }\n\n button,\n [role=\"button\"],\n input,\n select,\n textarea,\n .fs-btn {\n border-color: ButtonText;\n forced-color-adjust: auto;\n }\n\n .fs-u-focus-ring:focus-visible {\n outline: 3px solid Highlight;\n }\n }\n}\n\n@layer utilities {\n .fs-u-visually-hidden:not(:focus):not(:focus-within),\n .fs-u-visually-hidden-focusable:not(:focus):not(:focus-within) {\n position: absolute !important;\n width: 1px !important;\n height: 1px !important;\n padding: 0 !important;\n margin: -1px !important;\n overflow: hidden !important;\n clip-path: inset(50%) !important;\n white-space: nowrap !important;\n border: 0 !important;\n }\n\n .fs-skip-link {\n position: fixed;\n z-index: 1000;\n inset-block-start: var(--fs-space-2);\n inset-inline-start: var(--fs-space-2);\n transform: translateY(-200%);\n padding: var(--fs-space-2) var(--fs-space-3);\n color: var(--fs-color-on-primary);\n background: var(--fs-color-primary);\n border-radius: var(--fs-radius-sm);\n }\n\n .fs-skip-link:focus {\n transform: translateY(0);\n }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n// Agrupa itens horizontalmente com quebra de linha automática e\n// espaçamento consistente nos dois eixos — ideal para grupos de\n// tags/botões/badges que precisam \"fluir\" sem estourar o container.\n@layer layout {\n .fs-cluster {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--fs-cluster-gap, #{map.get($spacers, 2)});\n }\n\n @each $key, $value in $spacers {\n .fs-cluster-gap-#{$key} {\n --fs-cluster-gap: #{$value};\n }\n }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n@layer layout {\n .fs-container,\n .fs-container-sm,\n .fs-container-md,\n .fs-container-lg,\n .fs-container-xl,\n .fs-container-xxl,\n .fs-container-xxxl,\n .fs-container-fluid {\n width: 100%;\n margin-right: auto;\n margin-left: auto;\n }\n\n @each $breakpoint, $width in $container-max-widths {\n @include media-breakpoint-up($breakpoint) {\n .fs-container,\n .fs-container-#{$breakpoint} {\n max-width: $width;\n }\n }\n }\n}\n","@use \"sass:map\";\n@use \"sass:math\";\n@use \"sass:color\";\n@use \"../settings\" as *;\n\n@mixin fs-fluid-type($min, $max, $min-vw: 320px, $max-vw: 1280px) {\n font-size: clamp($min, calc(#{$min} + (#{ $max } - #{ $min }) * ((100vw - #{ $min-vw }) / (#{ $max-vw } - #{ $min-vw }))), $max);\n}\n\n@mixin fs-fluid-value($property, $min, $max, $min-vw: 320px, $max-vw: 1280px) {\n #{$property}: clamp($min, calc(#{$min} + (#{ $max } - #{ $min }) * ((100vw - #{ $min-vw }) / (#{ $max-vw } - #{ $min-vw }))), $max);\n}\n\n@mixin media-breakpoint-up($name) {\n $min: map.get($breakpoints, $name);\n\n @if $min == null {\n @error \"Unknown breakpoint `#{$name}`.\";\n }\n\n @if $min == 0 {\n @content;\n } @else {\n @media (min-width: $min) {\n @content;\n }\n }\n}\n\n@function breakpoint-infix($name) {\n @if $name == xs {\n @return \"\";\n }\n\n @return \"-#{$name}\";\n}\n\n@mixin focus-ring($color: var(--fs-color-primary)) {\n outline: var(--fs-focus-width) solid $color;\n outline-offset: var(--fs-focus-offset);\n border-color: $color;\n box-shadow: 0 0 0 3px color-mix(in srgb, #{$color} 22%, transparent);\n}\n\n@mixin truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n@function linearize-channel($value) {\n $c: math.div($value, 255);\n\n @if $c <= 0.0393 {\n @return math.div($c, 12.92);\n }\n\n @return math.pow(math.div($c + 0.055, 1.055), 2.4);\n}\n\n@function relative-luminance($color) {\n $r: linearize-channel(color.channel($color, \"red\", $space: rgb));\n $g: linearize-channel(color.channel($color, \"green\", $space: rgb));\n $b: linearize-channel(color.channel($color, \"blue\", $space: rgb));\n\n @return (0.2126 * $r) + (0.7152 * $g) + (0.0722 * $b);\n}\n\n@function color-contrast($background, $min-contrast: 4.5) {\n $contrast-with-white: math.div(1.05, relative-luminance($background) + 0.05);\n\n @if $contrast-with-white >= $min-contrast {\n @return $color-white;\n }\n\n @return $color-black;\n}\n\n// Razão de contraste WCAG entre duas cores (1–21). Usada pelo relatório de\n// contraste do build (`npm run contrast`, `scripts/contrast-report.scss`) —\n// ver docs/reference/contrast-report.md para os pares auditados.\n@function contrast-ratio($foreground, $background) {\n $l1: relative-luminance($foreground) + 0.05;\n $l2: relative-luminance($background) + 0.05;\n\n @if $l1 > $l2 {\n @return math.div($l1, $l2);\n }\n\n @return math.div($l2, $l1);\n}\n\n@function tint-color($color, $weight: 15%) {\n @return color.mix($color, $color-white, $weight, $method: oklch);\n}\n\n@function shade-color($color, $weight: 50%) {\n @return color.mix($color, $color-black, $weight, $method: oklch);\n}\n\n// Fallback sRGB de uma cor OKLCH para navegadores sem suporte a `oklch()`\n// (ver `@supports` em tokens/_root.scss e themes/_dark.scss). Faz gamut\n// mapping antes da conversão — misturas em OKLCH frequentemente caem fora do\n// gamut sRGB, e converter sem mapear gera `rgb()`/`hsl()` com canais\n// inválidos (saturação > 100%, etc.).\n@function rgb-fallback($color) {\n $mapped: color.to-gamut($color, $space: rgb, $method: local-minde);\n\n @return color.to-space($mapped, rgb);\n}\n","@use \"sass:math\";\n@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n@layer layout {\n $grid-columns: 12;\n\n .fs-row {\n display: flex;\n flex-wrap: wrap;\n margin-top: calc(var(--fs-gutter-y) * -1);\n margin-right: calc(var(--fs-gutter-x) / -2);\n margin-left: calc(var(--fs-gutter-x) / -2);\n }\n\n .fs-row > * {\n margin-top: var(--fs-gutter-y);\n padding-right: calc(var(--fs-gutter-x) / 2);\n padding-left: calc(var(--fs-gutter-x) / 2);\n }\n\n .fs-row-fluid {\n width: 100%;\n }\n\n .fs-col-fluid {\n width: 100%;\n }\n\n @each $breakpoint, $min in $breakpoints {\n $infix: breakpoint-infix($breakpoint);\n\n @include media-breakpoint-up($breakpoint) {\n .fs-row-cols#{$infix}-auto > * {\n flex: 0 0 auto;\n width: auto;\n }\n\n @for $count from 1 through 6 {\n .fs-row-cols#{$infix}-#{$count} > * {\n flex: 0 0 auto;\n width: math.percentage(math.div(1, $count));\n }\n }\n\n @for $order from 0 through $grid-columns {\n .fs-order#{$infix}-#{$order} {\n order: $order;\n }\n }\n\n .fs-col#{$infix} {\n flex: 1 0 0%;\n }\n\n .fs-col#{$infix}-auto {\n flex: 0 0 auto;\n width: auto;\n }\n\n @for $i from 1 through $grid-columns {\n .fs-col#{$infix}-#{$i} {\n flex: 0 0 auto;\n width: math.percentage(math.div($i, $grid-columns));\n }\n }\n }\n }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n// Um lado com largura fixa (a \"aside\") e o outro preenchendo o espaço\n// restante, quebrando para empilhado quando o container fica estreito\n// demais — sem media query: `.fs-sidebar-content` força a quebra via\n// `min-width` quando não cabe ao lado da aside na mesma linha.\n@layer layout {\n .fs-sidebar {\n display: flex;\n flex-wrap: wrap;\n gap: var(--fs-sidebar-gap, #{map.get($spacers, 3)});\n }\n\n .fs-sidebar-aside {\n flex-basis: var(--fs-sidebar-width, 16rem);\n flex-grow: 1;\n }\n\n .fs-sidebar-content {\n flex-basis: 0;\n flex-grow: 999;\n min-width: 50%;\n }\n\n .fs-sidebar-reverse {\n flex-direction: row-reverse;\n }\n\n @each $key, $value in $spacers {\n .fs-sidebar-gap-#{$key} {\n --fs-sidebar-gap: #{$value};\n }\n }\n\n @each $key, $value in $column-max-widths {\n .fs-sidebar-width-#{$key} {\n --fs-sidebar-width: #{$value};\n }\n }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n// Empilha os filhos diretos verticalmente com espaçamento consistente —\n// `gap` em vez de margin, evita o problema clássico de \"último filho não\n// deve ter margin-bottom\" sem seletor extra.\n@layer layout {\n .fs-stack {\n display: flex;\n flex-direction: column;\n gap: var(--fs-stack-gap, #{map.get($spacers, 3)});\n }\n\n @each $key, $value in $spacers {\n .fs-stack-gap-#{$key} {\n --fs-stack-gap: #{$value};\n }\n }\n}\n","@use \"sass:color\";\n@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n// Theming multi-brand: um `data-fs-brand=\"x\"` sobrescreve só a cor de AÇÃO\n// PRIMÁRIA (--fs-color-primary e os tokens derivados) — secondary/success/\n// warning/danger/info continuam universais entre marcas, porque são\n// semânticos (sucesso é sempre verde, erro sempre vermelho, independente\n// de qual marca está ativa). Composto com `data-theme=\"dark\"` do mesmo\n// jeito que `_dark.scss` faz para a paleta padrão: mistura o primitivo com\n// branco/preto em OKLCH, não recalcula do zero.\n// Limitação conhecida: `.fs-btn-primary`/`.fs-badge-primary` (preenchimento\n// sólido) calculam a cor do texto em tempo de build via `color-contrast()`\n// a partir do primary padrão (azul) — não recalculam por marca. Escolha um\n// primitivo de marca escuro o bastante pro texto branco continuar legível\n// (como o exemplo abaixo), ou sobrescreva `--fs-btn-color`/`--fs-badge-color`\n// manualmente se o primitivo da marca for muito claro. Ver\n// `docs/guides/theming.md#multi-brand`.\n@layer tokens {\n // Marca de exemplo (\"violet\") — mesmo tom usado no exemplo de\n // customização do README, só pra provar que a troca funciona em runtime\n // sem recompilar CSS. Um projeto real substitui/adiciona marcas\n // definindo o próprio primitivo antes de `@use` este arquivo.\n $brand-violet-primary: color.to-space(#6d28d9, oklch) !default;\n\n [data-fs-brand=\"violet\"] {\n --fs-color-primary: #{rgb-fallback($brand-violet-primary)};\n --fs-alert-primary-bg: #{rgb-fallback(tint-color($brand-violet-primary))};\n --fs-alert-primary-text: #{rgb-fallback(shade-color($brand-violet-primary))};\n --fs-feedback-primary-bg: #{rgb-fallback(tint-color($brand-violet-primary))};\n }\n\n [data-fs-brand=\"violet\"][data-theme=\"dark\"],\n [data-theme=\"dark\"] [data-fs-brand=\"violet\"] {\n --fs-color-primary: #{rgb-fallback(color.mix($brand-violet-primary, $color-white, 95%, $method: oklch))};\n --fs-alert-primary-bg: #{rgb-fallback(color.mix($brand-violet-primary, $color-gray-900, 15%, $method: oklch))};\n --fs-alert-primary-text: #{rgb-fallback(color.mix($brand-violet-primary, $color-white, 55%, $method: oklch))};\n --fs-feedback-primary-bg: #{rgb-fallback(color.mix($brand-violet-primary, $color-gray-900, 15%, $method: oklch))};\n }\n\n @supports (color: oklch(0% 0 0)) {\n [data-fs-brand=\"violet\"] {\n --fs-color-primary: #{$brand-violet-primary};\n --fs-alert-primary-bg: #{tint-color($brand-violet-primary)};\n --fs-alert-primary-text: #{shade-color($brand-violet-primary)};\n --fs-feedback-primary-bg: #{tint-color($brand-violet-primary)};\n }\n\n [data-fs-brand=\"violet\"][data-theme=\"dark\"],\n [data-theme=\"dark\"] [data-fs-brand=\"violet\"] {\n --fs-color-primary: #{color.mix($brand-violet-primary, $color-white, 95%, $method: oklch)};\n --fs-alert-primary-bg: #{color.mix($brand-violet-primary, $color-gray-900, 15%, $method: oklch)};\n --fs-alert-primary-text: #{color.mix($brand-violet-primary, $color-white, 55%, $method: oklch)};\n --fs-feedback-primary-bg: #{color.mix($brand-violet-primary, $color-gray-900, 15%, $method: oklch)};\n }\n }\n\n // Preset \"corporate\" — azul-marinho/steel blue, tom sóbrio para\n // aplicações internas/B2B. Mesma técnica de mistura OKLCH acima.\n $brand-corporate-primary: color.to-space(#1d4e89, oklch) !default;\n\n [data-fs-brand=\"corporate\"] {\n --fs-color-primary: #{rgb-fallback($brand-corporate-primary)};\n --fs-alert-primary-bg: #{rgb-fallback(tint-color($brand-corporate-primary))};\n --fs-alert-primary-text: #{rgb-fallback(shade-color($brand-corporate-primary))};\n --fs-feedback-primary-bg: #{rgb-fallback(tint-color($brand-corporate-primary))};\n }\n\n [data-fs-brand=\"corporate\"][data-theme=\"dark\"],\n [data-theme=\"dark\"] [data-fs-brand=\"corporate\"] {\n --fs-color-primary: #{rgb-fallback(color.mix($brand-corporate-primary, $color-white, 95%, $method: oklch))};\n --fs-alert-primary-bg: #{rgb-fallback(color.mix($brand-corporate-primary, $color-gray-900, 15%, $method: oklch))};\n --fs-alert-primary-text: #{rgb-fallback(color.mix($brand-corporate-primary, $color-white, 55%, $method: oklch))};\n --fs-feedback-primary-bg: #{rgb-fallback(color.mix($brand-corporate-primary, $color-gray-900, 15%, $method: oklch))};\n }\n\n // Preset \"vibrant\" — laranja energético, tom para produtos de consumo/\n // marketing que queiram uma ação primária mais chamativa.\n $brand-vibrant-primary: color.to-space(#f2542d, oklch) !default;\n\n [data-fs-brand=\"vibrant\"] {\n --fs-color-primary: #{rgb-fallback($brand-vibrant-primary)};\n --fs-alert-primary-bg: #{rgb-fallback(tint-color($brand-vibrant-primary))};\n --fs-alert-primary-text: #{rgb-fallback(shade-color($brand-vibrant-primary))};\n --fs-feedback-primary-bg: #{rgb-fallback(tint-color($brand-vibrant-primary))};\n }\n\n [data-fs-brand=\"vibrant\"][data-theme=\"dark\"],\n [data-theme=\"dark\"] [data-fs-brand=\"vibrant\"] {\n --fs-color-primary: #{rgb-fallback(color.mix($brand-vibrant-primary, $color-white, 95%, $method: oklch))};\n --fs-alert-primary-bg: #{rgb-fallback(color.mix($brand-vibrant-primary, $color-gray-900, 15%, $method: oklch))};\n --fs-alert-primary-text: #{rgb-fallback(color.mix($brand-vibrant-primary, $color-white, 55%, $method: oklch))};\n --fs-feedback-primary-bg: #{rgb-fallback(color.mix($brand-vibrant-primary, $color-gray-900, 15%, $method: oklch))};\n }\n\n @supports (color: oklch(0% 0 0)) {\n [data-fs-brand=\"corporate\"] {\n --fs-color-primary: #{$brand-corporate-primary};\n --fs-alert-primary-bg: #{tint-color($brand-corporate-primary)};\n --fs-alert-primary-text: #{shade-color($brand-corporate-primary)};\n --fs-feedback-primary-bg: #{tint-color($brand-corporate-primary)};\n }\n\n [data-fs-brand=\"corporate\"][data-theme=\"dark\"],\n [data-theme=\"dark\"] [data-fs-brand=\"corporate\"] {\n --fs-color-primary: #{color.mix($brand-corporate-primary, $color-white, 95%, $method: oklch)};\n --fs-alert-primary-bg: #{color.mix($brand-corporate-primary, $color-gray-900, 15%, $method: oklch)};\n --fs-alert-primary-text: #{color.mix($brand-corporate-primary, $color-white, 55%, $method: oklch)};\n --fs-feedback-primary-bg: #{color.mix($brand-corporate-primary, $color-gray-900, 15%, $method: oklch)};\n }\n\n [data-fs-brand=\"vibrant\"] {\n --fs-color-primary: #{$brand-vibrant-primary};\n --fs-alert-primary-bg: #{tint-color($brand-vibrant-primary)};\n --fs-alert-primary-text: #{shade-color($brand-vibrant-primary)};\n --fs-feedback-primary-bg: #{tint-color($brand-vibrant-primary)};\n }\n\n [data-fs-brand=\"vibrant\"][data-theme=\"dark\"],\n [data-theme=\"dark\"] [data-fs-brand=\"vibrant\"] {\n --fs-color-primary: #{color.mix($brand-vibrant-primary, $color-white, 95%, $method: oklch)};\n --fs-alert-primary-bg: #{color.mix($brand-vibrant-primary, $color-gray-900, 15%, $method: oklch)};\n --fs-alert-primary-text: #{color.mix($brand-vibrant-primary, $color-white, 55%, $method: oklch)};\n --fs-feedback-primary-bg: #{color.mix($brand-vibrant-primary, $color-gray-900, 15%, $method: oklch)};\n }\n }\n}\n\n// Ao contrário de violet/corporate, o primitivo \"vibrant\" (laranja) é claro\n// o bastante pra o texto branco padrão de `.fs-btn-primary`/`.fs-badge-primary`\n// (calculado em tempo de build a partir do primary PADRÃO, não do de marca —\n// ver nota no topo do arquivo) cair abaixo de 4.5:1 — exatamente o caso que\n// a mitigação documentada em docs/guides/theming.md#multi-brand cobre.\n// Precisa estar em `@layer overrides` (a camada de maior prioridade — ver\n// `tokens/_root.scss`): `.fs-btn-primary`/`.fs-badge-primary` setam\n// `--fs-btn-color`/`--fs-badge-color` no próprio elemento dentro de\n// `@layer components`, e cascade layers ignoram especificidade — um\n// seletor mais específico em `@layer tokens` (onde vivem os blocos acima)\n// perderia mesmo assim.\n@layer overrides {\n [data-fs-brand=\"vibrant\"] .fs-btn-primary,\n [data-fs-brand=\"vibrant\"] .fs-badge-primary {\n --fs-btn-color: #{$color-black};\n --fs-badge-color: #{$color-black};\n }\n\n [data-fs-brand=\"vibrant\"] .fs-check {\n --fs-check-mark: #{$color-black};\n }\n}\n","@use \"sass:color\";\n@use \"sass:map\";\n@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n// Peso (% da cor original mantida, ver color.mix()) de cada cor de estado no\n// tema escuro. O limite de cada uma é o quanto dá pra clarear em direção ao\n// branco antes de virar o texto branco/preto que color-contrast() já\n// pré-calculou para os preenchimentos sólidos (botões, badges) no tema claro\n// — passar do limite deixaria esse texto ilegível. `primary` e `danger` têm\n// texto branco no preenchimento, então clareiam pouco (clarear reduz o\n// contraste com o branco); `info` não tem margem e fica sem alteração (100%).\n// Misturas em `$method: oklch` (ver tools/_mixins.scss) — recalibrado e\n// revalidado com `npm run contrast` após a migração para OKLCH.\n@layer tokens {\n $dark-color-weights: (\n primary: 95%,\n secondary: 90%,\n success: 65%,\n warning: 65%,\n danger: 95%,\n info: 100%\n ) !default;\n\n $dark-text: color.to-space(#f1f3f4, oklch) !default;\n $dark-muted: color.to-space(#bdc1c6, oklch) !default;\n $dark-border: color.to-space(#3c4043, oklch) !default;\n $dark-surface: color.to-space(#202124, oklch) !default;\n $dark-subtle: color.to-space(#2b2c2f, oklch) !default;\n\n // Pesos de alert/feedback bg+text no escuro: validados por\n // `npm run contrast` para ≥4.5:1 (texto normal) em todas as 6 cores —\n // não abaixe sem reconferir o relatório.\n $dark-alert-bg-weight: 15%;\n $dark-alert-text-weight: 55%;\n\n [data-theme=\"dark\"],\n [data-fs-theme=\"dark\"] {\n --fs-color-text: #{rgb-fallback($dark-text)};\n --fs-color-muted: #{rgb-fallback($dark-muted)};\n --fs-color-border: #{rgb-fallback($dark-border)};\n --fs-color-surface: #{rgb-fallback($dark-surface)};\n --fs-color-subtle: #{rgb-fallback($dark-subtle)};\n --fs-color-bg-surface: var(--fs-color-surface);\n --fs-color-bg-subtle: var(--fs-color-subtle);\n --fs-color-surface-raised: var(--fs-color-surface);\n --fs-color-surface-interactive: var(--fs-color-subtle);\n --fs-color-text-primary: var(--fs-color-text);\n --fs-color-text-muted: var(--fs-color-muted);\n --fs-color-border-default: var(--fs-color-border);\n --fs-color-focus: var(--fs-color-primary);\n --fs-color-action-primary: var(--fs-color-primary);\n --fs-color-action-danger: var(--fs-color-danger);\n --fs-shadow-sm: 0 1px 3px rgb(0 0 0 / 50%), 0 1px 2px rgb(0 0 0 / 40%);\n --fs-shadow-md: 0 6px 12px rgb(0 0 0 / 55%), 0 3px 6px rgb(0 0 0 / 45%);\n --fs-shadow-lg: 0 15px 30px rgb(0 0 0 / 60%), 0 6px 12px rgb(0 0 0 / 50%);\n --fs-tooltip-bg: #{rgb-fallback($color-gray-100)};\n --fs-tooltip-text: #{rgb-fallback($color-gray-900)};\n\n @each $name, $color in $theme-colors {\n --fs-color-#{$name}: #{rgb-fallback(color.mix($color, $color-white, map.get($dark-color-weights, $name), $method: oklch))};\n --fs-alert-#{$name}-bg: #{rgb-fallback(color.mix($color, $color-gray-900, $dark-alert-bg-weight, $method: oklch))};\n --fs-alert-#{$name}-text: #{rgb-fallback(color.mix($color, $color-white, $dark-alert-text-weight, $method: oklch))};\n --fs-feedback-#{$name}-bg: #{rgb-fallback(color.mix($color, $color-gray-900, $dark-alert-bg-weight, $method: oklch))};\n }\n }\n\n @supports (color: oklch(0% 0 0)) {\n [data-theme=\"dark\"],\n [data-fs-theme=\"dark\"] {\n --fs-color-text: #{$dark-text};\n --fs-color-muted: #{$dark-muted};\n --fs-color-border: #{$dark-border};\n --fs-color-surface: #{$dark-surface};\n --fs-color-subtle: #{$dark-subtle};\n --fs-color-bg-surface: var(--fs-color-surface);\n --fs-color-bg-subtle: var(--fs-color-subtle);\n --fs-color-surface-raised: var(--fs-color-surface);\n --fs-color-surface-interactive: var(--fs-color-subtle);\n --fs-color-text-primary: var(--fs-color-text);\n --fs-color-text-muted: var(--fs-color-muted);\n --fs-color-border-default: var(--fs-color-border);\n --fs-color-focus: var(--fs-color-primary);\n --fs-color-action-primary: var(--fs-color-primary);\n --fs-color-action-danger: var(--fs-color-danger);\n --fs-tooltip-bg: #{$color-gray-100};\n --fs-tooltip-text: #{$color-gray-900};\n\n @each $name, $color in $theme-colors {\n --fs-color-#{$name}: #{color.mix($color, $color-white, map.get($dark-color-weights, $name), $method: oklch)};\n --fs-alert-#{$name}-bg: #{color.mix($color, $color-gray-900, $dark-alert-bg-weight, $method: oklch)};\n --fs-alert-#{$name}-text: #{color.mix($color, $color-white, $dark-alert-text-weight, $method: oklch)};\n --fs-feedback-#{$name}-bg: #{color.mix($color, $color-gray-900, $dark-alert-bg-weight, $method: oklch)};\n }\n }\n }\n\n @media (prefers-color-scheme: dark) {\n [data-fs-theme=\"auto\"] {\n --fs-color-text: #{rgb-fallback($dark-text)};\n --fs-color-muted: #{rgb-fallback($dark-muted)};\n --fs-color-border: #{rgb-fallback($dark-border)};\n --fs-color-surface: #{rgb-fallback($dark-surface)};\n --fs-color-subtle: #{rgb-fallback($dark-subtle)};\n --fs-color-bg-surface: var(--fs-color-surface);\n --fs-color-bg-subtle: var(--fs-color-subtle);\n --fs-color-surface-raised: var(--fs-color-surface);\n --fs-color-surface-interactive: var(--fs-color-subtle);\n --fs-color-text-primary: var(--fs-color-text);\n --fs-color-text-muted: var(--fs-color-muted);\n --fs-color-border-default: var(--fs-color-border);\n --fs-color-focus: var(--fs-color-primary);\n --fs-tooltip-bg: #{rgb-fallback($color-gray-100)};\n --fs-tooltip-text: #{rgb-fallback($color-gray-900)};\n }\n }\n\n @media (forced-colors: active) {\n :root,\n [data-theme=\"dark\"],\n [data-fs-theme=\"light\"],\n [data-fs-theme=\"dark\"],\n [data-fs-theme=\"auto\"] {\n --fs-color-border: CanvasText;\n --fs-color-text: CanvasText;\n --fs-color-surface: Canvas;\n --fs-color-subtle: Canvas;\n --fs-focus-color: Highlight;\n }\n }\n}\n"]}
package/docs/guides/rtl-and-system-preferences.md ADDED
@@ -0,0 +1,28 @@
1
+ # RTL e preferências do sistema
2
+
3
+ ## Visão geral
4
+
5
+ O Fokus Styles 2.4 mantém os componentes em fluxo lógico e oferece o preset
6
+ `fokus-styles/rtl.css` para documentos com `dir="rtl"`. O preset complementa
7
+ a folha principal e preserva `margin-inline`, `padding-inline`, `inset-inline`
8
+ e `border-inline-*`.
9
+
10
+ ```html
11
+ <html dir="rtl" data-fs-theme="auto">
12
+ <link rel="stylesheet" href="fokus-styles/dist/css/fokus.css">
13
+ <link rel="stylesheet" href="fokus-styles/dist/css/fokus-rtl.css">
14
+ </html>
15
+ ```
16
+
17
+ ## Estados de sistema
18
+
19
+ O framework respeita `prefers-reduced-motion`, `prefers-contrast: more`,
20
+ `forced-colors: active` e `prefers-color-scheme`. Em alto contraste, bordas e
21
+ foco passam a usar espessuras maiores; em forced colors, ações preservam
22
+ `ButtonText` e o foco usa `Highlight`.
23
+
24
+ ## A11y
25
+
26
+ O atributo `dir` deve ser aplicado ao documento ou ao contêiner que define o
27
+ fluxo de leitura. Use `dir="auto"` quando a direção do texto inserido não for
28
+ conhecida.