fokus-styles 2.6.2 → 2.7.0

package/dist/css/layout.css

@@ -42,9 +42,26 @@
     --fs-control-height: 38px;
     --fs-control-height-sm: 30px;
     --fs-control-height-lg: 46px;
+    --fs-control-height-xs: 26px;
+    --fs-control-height-xl: 52px;
     --fs-control-padding-x: 12px;
     --fs-control-padding-x-sm: 8px;
     --fs-control-padding-x-lg: 16px;
+    --fs-control-padding-x-xs: 6px;
+    --fs-control-padding-x-xl: 20px;
+    --fs-control-border-color: var(--fs-color-border);
+    --fs-control-bg: var(--fs-color-surface);
+    --fs-control-hover-bg: var(--fs-color-subtle);
+    --fs-control-placeholder-color: var(--fs-color-muted);
+    --fs-control-focus-color: var(--fs-focus-color);
+    --fs-control-invalid-color: var(--fs-color-danger);
+    --fs-control-valid-color: var(--fs-color-success);
+    --fs-control-disabled-opacity: var(--fs-disabled-opacity);
+    --fs-control-radius: var(--fs-radius-sm);
+    --fs-control-touch-target: 44px;
+    --fs-control-transition: color var(--fs-transition-fast) var(--fs-ease-standard), background-color var(--fs-transition-fast) var(--fs-ease-standard), border-color var(--fs-transition-fast) var(--fs-ease-standard), box-shadow var(--fs-transition-fast) var(--fs-ease-standard);
+    --fs-control-option-gap: var(--fs-space-2);
+    --fs-control-addon-bg: var(--fs-color-subtle);
     --fs-focus-width: 2px;
     --fs-focus-offset: 2px;
     --fs-focus-color: var(--fs-color-primary);
@@ -107,6 +124,24 @@
     --fs-feedback-warning-bg: #fff9e6;
     --fs-feedback-danger-bg: #fff2f3;
     --fs-feedback-info-bg: #f2f2ff;
+    --fs-color-primary-bg-subtle: var(--fs-feedback-primary-bg);
+    --fs-color-primary-border-subtle: var(--fs-color-primary);
+    --fs-color-primary-text-emphasis: var(--fs-alert-primary-text);
+    --fs-color-secondary-bg-subtle: var(--fs-feedback-secondary-bg);
+    --fs-color-secondary-border-subtle: var(--fs-color-secondary);
+    --fs-color-secondary-text-emphasis: var(--fs-alert-secondary-text);
+    --fs-color-success-bg-subtle: var(--fs-feedback-success-bg);
+    --fs-color-success-border-subtle: var(--fs-color-success);
+    --fs-color-success-text-emphasis: var(--fs-alert-success-text);
+    --fs-color-warning-bg-subtle: var(--fs-feedback-warning-bg);
+    --fs-color-warning-border-subtle: var(--fs-color-warning);
+    --fs-color-warning-text-emphasis: var(--fs-alert-warning-text);
+    --fs-color-danger-bg-subtle: var(--fs-feedback-danger-bg);
+    --fs-color-danger-border-subtle: var(--fs-color-danger);
+    --fs-color-danger-text-emphasis: var(--fs-alert-danger-text);
+    --fs-color-info-bg-subtle: var(--fs-feedback-info-bg);
+    --fs-color-info-border-subtle: var(--fs-color-info);
+    --fs-color-info-text-emphasis: var(--fs-alert-info-text);
   }
   @supports (color: oklch(0% 0 0deg)) {
     :root {
@@ -1473,6 +1508,13 @@
     --fs-color-focus: var(--fs-color-primary);
     --fs-color-action-primary: var(--fs-color-primary);
     --fs-color-action-danger: var(--fs-color-danger);
+    --fs-control-bg: var(--fs-color-surface);
+    --fs-control-border-color: var(--fs-color-border);
+    --fs-control-hover-bg: var(--fs-color-subtle);
+    --fs-control-placeholder-color: var(--fs-color-muted);
+    --fs-control-invalid-color: var(--fs-color-danger);
+    --fs-control-valid-color: var(--fs-color-success);
+    --fs-control-addon-bg: var(--fs-color-subtle);
     --fs-shadow-sm: 0 1px 3px rgb(0 0 0 / 50%), 0 1px 2px rgb(0 0 0 / 40%);
     --fs-shadow-md: 0 6px 12px rgb(0 0 0 / 55%), 0 3px 6px rgb(0 0 0 / 45%);
     --fs-shadow-lg: 0 15px 30px rgb(0 0 0 / 60%), 0 6px 12px rgb(0 0 0 / 50%);

package/dist/css/layout.min.css

@@ -1,2 +1,2 @@
-@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}}}
+@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-height-xs:26px;--fs-control-height-xl:52px;--fs-control-padding-x:12px;--fs-control-padding-x-sm:8px;--fs-control-padding-x-lg:16px;--fs-control-padding-x-xs:6px;--fs-control-padding-x-xl:20px;--fs-control-border-color:var(--fs-color-border);--fs-control-bg:var(--fs-color-surface);--fs-control-hover-bg:var(--fs-color-subtle);--fs-control-placeholder-color:var(--fs-color-muted);--fs-control-focus-color:var(--fs-focus-color);--fs-control-invalid-color:var(--fs-color-danger);--fs-control-valid-color:var(--fs-color-success);--fs-control-disabled-opacity:var(--fs-disabled-opacity);--fs-control-radius:var(--fs-radius-sm);--fs-control-touch-target:44px;--fs-control-transition:color var(--fs-transition-fast) var(--fs-ease-standard),background-color var(--fs-transition-fast) var(--fs-ease-standard),border-color var(--fs-transition-fast) var(--fs-ease-standard),box-shadow var(--fs-transition-fast) var(--fs-ease-standard);--fs-control-option-gap:var(--fs-space-2);--fs-control-addon-bg:var(--fs-color-subtle);--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;--fs-color-primary-bg-subtle:var(--fs-feedback-primary-bg);--fs-color-primary-border-subtle:var(--fs-color-primary);--fs-color-primary-text-emphasis:var(--fs-alert-primary-text);--fs-color-secondary-bg-subtle:var(--fs-feedback-secondary-bg);--fs-color-secondary-border-subtle:var(--fs-color-secondary);--fs-color-secondary-text-emphasis:var(--fs-alert-secondary-text);--fs-color-success-bg-subtle:var(--fs-feedback-success-bg);--fs-color-success-border-subtle:var(--fs-color-success);--fs-color-success-text-emphasis:var(--fs-alert-success-text);--fs-color-warning-bg-subtle:var(--fs-feedback-warning-bg);--fs-color-warning-border-subtle:var(--fs-color-warning);--fs-color-warning-text-emphasis:var(--fs-alert-warning-text);--fs-color-danger-bg-subtle:var(--fs-feedback-danger-bg);--fs-color-danger-border-subtle:var(--fs-color-danger);--fs-color-danger-text-emphasis:var(--fs-alert-danger-text);--fs-color-info-bg-subtle:var(--fs-feedback-info-bg);--fs-color-info-border-subtle:var(--fs-color-info);--fs-color-info-text-emphasis:var(--fs-alert-info-text)}@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-control-bg:var(--fs-color-surface);--fs-control-border-color:var(--fs-color-border);--fs-control-hover-bg:var(--fs-color-subtle);--fs-control-placeholder-color:var(--fs-color-muted);--fs-control-invalid-color:var(--fs-color-danger);--fs-control-valid-color:var(--fs-color-success);--fs-control-addon-bg:var(--fs-color-subtle);--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}}}
 /*# sourceMappingURL=layout.min.css.map */

package/dist/js/fokus.js

@@ -117,8 +117,8 @@ var FokusStyles = (() => {
     const viewportWidth = document.documentElement.clientWidth;
     const viewportHeight = document.documentElement.clientHeight;
     const candidates = [...new Set(fallbackPlacements != null ? fallbackPlacements : [placement, OPPOSITE_PLACEMENT[placement], "bottom", "top", "right", "left"])].filter(Boolean);
-    const primaryCandidates = candidates.slice(0, 2);
-    const finalPlacement = (_a = primaryCandidates.find((candidate) => fitsPlacement(candidate, referenceRect, floatingRect, offset, viewportWidth, viewportHeight))) != null ? _a : placement;
+    const placementCandidates = fallbackPlacements ? candidates : candidates.slice(0, 2);
+    const finalPlacement = (_a = placementCandidates.find((candidate) => fitsPlacement(candidate, referenceRect, floatingRect, offset, viewportWidth, viewportHeight))) != null ? _a : placement;
     let top;
     let left;
     if (finalPlacement === "top" || finalPlacement === "bottom") {
@@ -412,18 +412,26 @@ var FokusStyles = (() => {
       this._originalParent = this.menuEl.parentNode;
       this._originalNextSibling = this.menuEl.nextSibling;
       document.body.appendChild(this.menuEl);
+      if (!this.toggleEl.id) this.toggleEl.id = `fs-dropdown-toggle-${Math.random().toString(36).slice(2)}`;
       this.toggleEl.setAttribute("aria-haspopup", "menu");
       this.toggleEl.setAttribute("aria-expanded", "false");
       this.toggleEl.setAttribute("aria-controls", this.menuEl.id || `fs-dropdown-${Math.random().toString(36).slice(2)}`);
       if (!this.menuEl.id) this.menuEl.id = this.toggleEl.getAttribute("aria-controls");
-      this.menuEl.setAttribute("role", "menu");
+      if (!this.menuEl.hasAttribute("role")) this.menuEl.setAttribute("role", "menu");
+      this.menuEl.setAttribute("aria-orientation", "vertical");
+      this.menuEl.setAttribute("aria-labelledby", this.toggleEl.id || this.toggleEl.getAttribute("aria-controls"));
       this.menuEl.querySelectorAll(".fs-dropdown-item").forEach((item) => {
         if (!item.hasAttribute("role")) item.setAttribute("role", "menuitem");
+        if (this._isDisabled(item)) item.setAttribute("aria-disabled", "true");
       });
+      this.menuEl.querySelectorAll(".fs-dropdown-divider").forEach((divider) => divider.setAttribute("role", "separator"));
+      this.menuEl.querySelectorAll(".fs-dropdown-header").forEach((header) => header.setAttribute("role", "presentation"));
       this._handleToggleClick = this._handleToggleClick.bind(this);
+      this._handleToggleKeydown = this._handleToggleKeydown.bind(this);
       this._handleMenuKeydown = this._handleMenuKeydown.bind(this);
       this._handleMenuClick = this._handleMenuClick.bind(this);
       this.toggleEl.addEventListener("click", this._handleToggleClick);
+      this.toggleEl.addEventListener("keydown", this._handleToggleKeydown);
       this.menuEl.addEventListener("keydown", this._handleMenuKeydown);
       this.menuEl.addEventListener("click", this._handleMenuClick);
       this._removeEscapeListener = onEscapeKey(() => {
@@ -455,15 +463,23 @@ var FokusStyles = (() => {
       event.preventDefault();
       this.toggle();
     }
+    _handleToggleKeydown(event) {
+      var _a;
+      if (event.key !== "ArrowDown" && event.key !== "ArrowUp") return;
+      event.preventDefault();
+      if (!this.isOpen) this.show();
+      const items = this._items();
+      (_a = event.key === "ArrowUp" ? items.at(-1) : items[0]) == null ? void 0 : _a.focus();
+    }
     _handleMenuClick(event) {
-      if (event.target.closest(".fs-dropdown-item")) {
+      if (event.target.closest(".fs-dropdown-item, [data-fs-dropdown-dismiss]")) {
         this.hide();
         this.toggleEl.focus();
       }
     }
     _handleMenuKeydown(event) {
       var _a, _b, _c, _d;
-      const items = Array.from(this.menuEl.querySelectorAll(".fs-dropdown-item:not(.is-disabled)"));
+      const items = this._items();
       const currentIndex = items.indexOf(document.activeElement);
       if (event.key === "ArrowDown") {
         event.preventDefault();
@@ -487,7 +503,8 @@ var FokusStyles = (() => {
       var _a;
       if (this.isOpen) return;
       this.isOpen = true;
-      const theme = (_a = this.toggleEl.closest("[data-theme]")) == null ? void 0 : _a.getAttribute("data-theme");
+      const themeRoot = this.toggleEl.closest("[data-theme], [data-fs-theme]");
+      const theme = (_a = themeRoot == null ? void 0 : themeRoot.getAttribute("data-theme")) != null ? _a : themeRoot == null ? void 0 : themeRoot.getAttribute("data-fs-theme");
       if (theme) {
         this.menuEl.setAttribute("data-theme", theme);
       } else {
@@ -500,13 +517,15 @@ var FokusStyles = (() => {
         offset: 4
       });
       applyPosition(this.menuEl, position);
+      this.menuEl.dataset.placement = position.placement;
+      this.menuEl.dataset.align = this.align;
       this._positionCleanup = watchPosition(this.toggleEl, this.menuEl, {
         placement: this.placement,
         align: this.align,
         offset: 4
       });
       this.toggleEl.setAttribute("aria-expanded", "true");
-      const firstItem = this.menuEl.querySelector(".fs-dropdown-item:not(.is-disabled)");
+      const firstItem = this._items()[0];
       firstItem == null ? void 0 : firstItem.focus();
       this._outsideClickCleanup = onClickOutside(this.menuEl, (event) => {
         if (this.toggleEl.contains(event.target)) return;
@@ -523,6 +542,8 @@ var FokusStyles = (() => {
       this.menuEl.style.removeProperty("position");
       this.menuEl.style.removeProperty("top");
       this.menuEl.style.removeProperty("left");
+      delete this.menuEl.dataset.placement;
+      delete this.menuEl.dataset.align;
       this.toggleEl.setAttribute("aria-expanded", "false");
       (_a = this._outsideClickCleanup) == null ? void 0 : _a.call(this);
       this._outsideClickCleanup = null;
@@ -538,10 +559,17 @@ var FokusStyles = (() => {
         this.show();
       }
     }
+    _isDisabled(item) {
+      return item.classList.contains("is-disabled") || item.disabled || item.getAttribute("aria-disabled") === "true";
+    }
+    _items() {
+      return Array.from(this.menuEl.querySelectorAll(".fs-dropdown-item")).filter((item) => !this._isDisabled(item));
+    }
     dispose() {
       this.hide();
       this._removeEscapeListener();
       this.toggleEl.removeEventListener("click", this._handleToggleClick);
+      this.toggleEl.removeEventListener("keydown", this._handleToggleKeydown);
       this.menuEl.removeEventListener("keydown", this._handleMenuKeydown);
       this.menuEl.removeEventListener("click", this._handleMenuClick);
       if (this._originalParent) {
@@ -552,6 +580,16 @@ var FokusStyles = (() => {
   };
   autoInit("dropdown", Dropdown);
 
+  // packages/fokus-js/js/core/theme.js
+  function applyThemeContext(targetEl, sourceEl) {
+    var _a;
+    targetEl.removeAttribute("data-theme");
+    targetEl.removeAttribute("data-fs-theme");
+    const themeAttr = sourceEl.hasAttribute("data-fs-theme") ? "data-fs-theme" : "data-theme";
+    const theme = (_a = sourceEl.closest(`[${themeAttr}]`)) == null ? void 0 : _a.getAttribute(themeAttr);
+    if (theme) targetEl.setAttribute(themeAttr, theme);
+  }
+
   // packages/fokus-js/js/tooltip.js
   var instances2 = createInstanceRegistry();
   var idCounter = 0;
@@ -664,18 +702,12 @@ var FokusStyles = (() => {
       this._hideTimer = setTimeout(() => this.hide(), delay);
     }
     show() {
-      var _a;
       this._clearTimers();
       if (this.isOpen) return;
       if (openInstance && openInstance !== this) openInstance.hide(true);
       openInstance = this;
       this.isOpen = true;
-      const theme = (_a = this.referenceEl.closest("[data-theme]")) == null ? void 0 : _a.getAttribute("data-theme");
-      if (theme) {
-        this.tooltipEl.setAttribute("data-theme", theme);
-      } else {
-        this.tooltipEl.removeAttribute("data-theme");
-      }
+      applyThemeContext(this.tooltipEl, this.referenceEl);
       this.tooltipEl.classList.add("is-open");
       const position = computePosition(this.referenceEl, this.tooltipEl, { placement: this.placement, align: this.align, offset: this.offset });
       applyPosition(this.tooltipEl, position);
@@ -840,15 +872,9 @@ var FokusStyles = (() => {
       }
     }
     show() {
-      var _a;
       if (this.isOpen) return;
       this.isOpen = true;
-      const theme = (_a = this.triggerEl.closest("[data-theme]")) == null ? void 0 : _a.getAttribute("data-theme");
-      if (theme) {
-        this.popoverEl.setAttribute("data-theme", theme);
-      } else {
-        this.popoverEl.removeAttribute("data-theme");
-      }
+      applyThemeContext(this.popoverEl, this.triggerEl);
       this.popoverEl.classList.add("is-open");
       openPopovers.forEach((popover) => {
         if (popover !== this) popover.hide();
@@ -1367,6 +1393,10 @@ var FokusStyles = (() => {
     static getInstance(el) {
       return instances8.get(el);
     }
+    get isOpen() {
+      var _a, _b;
+      return (_b = (_a = this.dropdown) == null ? void 0 : _a.isOpen) != null ? _b : false;
+    }
     _buildMarkup() {
       const wrapper = document.createElement("div");
       wrapper.className = "fs-dropdown fs-form-select-dropdown";
@@ -1572,7 +1602,7 @@ var FokusStyles = (() => {
   var Tabs = class _Tabs {
     constructor(tablistEl) {
       this.tablistEl = tablistEl;
-      this.tabs = Array.from(tablistEl.querySelectorAll(".fs-nav-link"));
+      this.tabs = Array.from(tablistEl.querySelectorAll(".fs-nav-link, [role=tab], [data-fs-tab-target]"));
       this.manualActivation = tablistEl.getAttribute("data-tabs-activation") === "manual";
       tablistEl.setAttribute("role", "tablist");
       this.tabs.forEach((tab) => {
@@ -1582,7 +1612,7 @@ var FokusStyles = (() => {
         tab.setAttribute("role", "tab");
         tab.setAttribute("aria-selected", String(isActive));
         tab.setAttribute("tabindex", isActive ? "0" : "-1");
-        const paneSelector = tab.getAttribute("data-fs-target");
+        const paneSelector = tab.getAttribute("data-fs-target") || tab.getAttribute("data-fs-tab-target");
         const pane = paneSelector ? document.querySelector(paneSelector) : null;
         if (pane) {
           pane.setAttribute("role", "tabpanel");
@@ -1612,7 +1642,7 @@ var FokusStyles = (() => {
       return (_a = this.getInstance(el)) == null ? void 0 : _a.dispose();
     }
     _handleClick(event) {
-      const tab = event.target.closest(".fs-nav-link:not(.is-disabled)");
+      const tab = event.target.closest(".fs-nav-link:not(.is-disabled), [role=tab]:not(.is-disabled), [data-fs-tab-target]:not(.is-disabled)");
       if (!tab || !this.tabs.includes(tab)) return;
       this.show(tab);
     }
@@ -1638,7 +1668,7 @@ var FokusStyles = (() => {
         otherTab.classList.toggle("is-active", isActive);
         otherTab.setAttribute("aria-selected", String(isActive));
         otherTab.setAttribute("tabindex", isActive ? "0" : "-1");
-        const paneSelector = otherTab.getAttribute("data-fs-target");
+        const paneSelector = otherTab.getAttribute("data-fs-target") || otherTab.getAttribute("data-fs-tab-target");
         const pane = paneSelector ? document.querySelector(paneSelector) : null;
         pane == null ? void 0 : pane.classList.toggle("is-active", isActive);
         if (pane) pane.hidden = !isActive;
@@ -2469,15 +2499,9 @@ var FokusStyles = (() => {
       }
     }
     open() {
-      var _a;
       if (this.isOpen) return;
       this.isOpen = true;
-      const theme = (_a = this.triggerEl.closest("[data-theme]")) == null ? void 0 : _a.getAttribute("data-theme");
-      if (theme) {
-        this.panelEl.setAttribute("data-theme", theme);
-      } else {
-        this.panelEl.removeAttribute("data-theme");
-      }
+      applyThemeContext(this.panelEl, this.triggerEl);
       this.panelEl.classList.add("is-open");
       const position = computePosition(this.triggerEl, this.panelEl, {
         placement: "bottom",
@@ -2728,15 +2752,10 @@ var FokusStyles = (() => {
       }
     }
     show() {
-      var _a, _b;
+      var _a;
       if (this.isOpen) return;
       this.isOpen = true;
-      const theme = (_a = this.toggleEl.closest("[data-theme]")) == null ? void 0 : _a.getAttribute("data-theme");
-      if (theme) {
-        this.rootMenu.setAttribute("data-theme", theme);
-      } else {
-        this.rootMenu.removeAttribute("data-theme");
-      }
+      applyThemeContext(this.rootMenu, this.toggleEl);
       this.rootMenu.classList.add("is-open");
       const position = computePosition(this.toggleEl, this.rootMenu, {
         placement: this.placement,
@@ -2745,7 +2764,7 @@ var FokusStyles = (() => {
       });
       applyPosition(this.rootMenu, position);
       this.toggleEl.setAttribute("aria-expanded", "true");
-      (_b = levelItems(this.rootMenu)[0]) == null ? void 0 : _b.focus();
+      (_a = levelItems(this.rootMenu)[0]) == null ? void 0 : _a.focus();
       this._outsideClickCleanup = onClickOutside(this.rootMenu, (event) => {
         if (this.toggleEl.contains(event.target)) return;
         this.hide();
@@ -2923,15 +2942,9 @@ var FokusStyles = (() => {
       this._selectOption(option);
     }
     show() {
-      var _a;
       if (this.isOpen) return;
       this.isOpen = true;
-      const theme = (_a = this.inputEl.closest("[data-theme]")) == null ? void 0 : _a.getAttribute("data-theme");
-      if (theme) {
-        this.listboxEl.setAttribute("data-theme", theme);
-      } else {
-        this.listboxEl.removeAttribute("data-theme");
-      }
+      applyThemeContext(this.listboxEl, this.inputEl);
       this.listboxEl.classList.add("is-open");
       this.listboxEl.style.width = `${this.inputEl.offsetWidth}px`;
       const position = computePosition(this.inputEl, this.listboxEl, {
@@ -3012,6 +3025,11 @@ var FokusStyles = (() => {
   function isSameDay(a, b) {
     return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
   }
+  function addMonthsClamped(date, months) {
+    const target = new Date(date.getFullYear(), date.getMonth() + months, 1);
+    const lastDay = new Date(target.getFullYear(), target.getMonth() + 1, 0).getDate();
+    return new Date(target.getFullYear(), target.getMonth(), Math.min(date.getDate(), lastDay));
+  }
   function buildMonthCells(viewDate) {
     const year = viewDate.getFullYear();
     const month = viewDate.getMonth();
@@ -3170,10 +3188,10 @@ var FokusStyles = (() => {
           nextDate.setDate(nextDate.getDate() + (6 - nextDate.getDay()));
           break;
         case "PageUp":
-          nextDate = event.shiftKey ? new Date(currentDate.getFullYear() - 1, currentDate.getMonth(), currentDate.getDate()) : new Date(currentDate.getFullYear(), currentDate.getMonth() - 1, currentDate.getDate());
+          nextDate = event.shiftKey ? addMonthsClamped(currentDate, -12) : addMonthsClamped(currentDate, -1);
           break;
         case "PageDown":
-          nextDate = event.shiftKey ? new Date(currentDate.getFullYear() + 1, currentDate.getMonth(), currentDate.getDate()) : new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, currentDate.getDate());
+          nextDate = event.shiftKey ? addMonthsClamped(currentDate, 12) : addMonthsClamped(currentDate, 1);
           break;
         case "Enter":
         case " ":
@@ -3232,7 +3250,7 @@ var FokusStyles = (() => {
           if (cell.outside) classes.push("is-outside");
           if (isToday) classes.push("is-today");
           if (isSelected) classes.push("is-selected");
-          return `<button type="button" class="${classes.join(" ")}" role="gridcell" tabindex="${isTabbable ? "0" : "-1"}" aria-selected="${isSelected}" data-year="${cell.year}" data-month="${cell.month}" data-day="${cell.day}">${cell.day}</button>`;
+          return `<button type="button" class="${classes.join(" ")}" role="gridcell" tabindex="${isTabbable ? "0" : "-1"}" aria-selected="${isSelected}" ${isToday ? 'aria-current="date" ' : ""}data-year="${cell.year}" data-month="${cell.month}" data-day="${cell.day}">${cell.day}</button>`;
         }).join("");
         return `<div class="fs-datepicker-week" role="row">${rowHtml}</div>`;
       }).join("");
@@ -3242,7 +3260,8 @@ var FokusStyles = (() => {
       var _a, _b;
       if (this.isOpen) return;
       this.isOpen = true;
-      const theme = (_a = this.inputEl.closest("[data-theme]")) == null ? void 0 : _a.getAttribute("data-theme");
+      const themeRoot = this.inputEl.closest("[data-theme], [data-fs-theme]");
+      const theme = (_a = themeRoot == null ? void 0 : themeRoot.getAttribute("data-theme")) != null ? _a : themeRoot == null ? void 0 : themeRoot.getAttribute("data-fs-theme");
       if (theme) {
         this.panelEl.setAttribute("data-theme", theme);
       } else {
@@ -3333,6 +3352,7 @@ var FokusStyles = (() => {
   }
   var DataTable = class {
     constructor(rootEl, options = {}) {
+      var _a, _b;
       const tableEl = rootEl.querySelector(".fs-table");
       if (!tableEl) {
         throw new Error("FokusStyles.DataTable: tabela n\xE3o encontrada (.fs-table).");
@@ -3345,7 +3365,8 @@ var FokusStyles = (() => {
       this.tableEl = tableEl;
       this.theadEl = tableEl.querySelector("thead");
       this.tbodyEl = tbodyEl;
-      this.pageSize = Number(rootEl.getAttribute("data-fs-page-size")) || options.pageSize || 10;
+      const configuredPageSize = Number((_b = (_a = rootEl.getAttribute("data-fs-page-size")) != null ? _a : options.pageSize) != null ? _b : 10);
+      this.pageSize = Number.isFinite(configuredPageSize) && configuredPageSize > 0 ? Math.floor(configuredPageSize) : 10;
       this.filterInput = rootEl.querySelector("[data-fs-datatable-filter]");
       this.emptyEl = rootEl.querySelector("[data-fs-datatable-empty]");
       this.loadingEl = rootEl.querySelector("[data-fs-datatable-loading]");
@@ -3468,7 +3489,8 @@ var FokusStyles = (() => {
     }
     goToPage(page) {
       const pageCount = this.pageCount;
-      const next = Math.min(Math.max(1, page), pageCount);
+      const requested = Number(page);
+      const next = Number.isFinite(requested) ? Math.min(Math.max(1, Math.floor(requested)), pageCount) : 1;
       if (next === this.currentPage) return;
       this.currentPage = next;
       this._render();
@@ -3772,15 +3794,9 @@ var FokusStyles = (() => {
       this.toggle();
     }
     show() {
-      var _a;
       if (this.isOpen) return;
       this.isOpen = true;
-      const theme = (_a = this.triggerEl.closest("[data-theme]")) == null ? void 0 : _a.getAttribute("data-theme");
-      if (theme) {
-        this.paletteEl.setAttribute("data-theme", theme);
-      } else {
-        this.paletteEl.removeAttribute("data-theme");
-      }
+      applyThemeContext(this.paletteEl, this.triggerEl);
       this.paletteEl.classList.add("is-open");
       lockScroll();
       this.inputEl.value = "";
@@ -4363,13 +4379,13 @@ var FokusStyles = (() => {
   var Pagination = class _Pagination {
     constructor(element) {
       this.element = element;
-      this.current = Number(element.getAttribute("data-fs-page")) || 1;
-      this.total = Number(element.getAttribute("data-fs-pages")) || element.querySelectorAll("[data-fs-page]").length || 1;
+      this.total = Math.max(1, this._normalizePage(element.getAttribute("data-fs-pages"), element.querySelectorAll("[data-fs-page]").length || 1));
+      this.current = Math.min(this.total, this._normalizePage(element.getAttribute("data-fs-page"), 1));
       this._click = (event) => {
         const button = event.target.closest("[data-fs-page]");
         if (!button || !this.element.contains(button)) return;
         event.preventDefault();
-        this.goTo(Number(button.getAttribute("data-fs-page")));
+        this.goTo(button.getAttribute("data-fs-page"));
       };
       element.addEventListener("click", this._click);
       instances30.set(element, this);
@@ -4383,20 +4399,26 @@ var FokusStyles = (() => {
       return (_a = this.getInstance(el)) != null ? _a : new _Pagination(el);
     }
     goTo(page) {
-      const next = Math.max(1, Math.min(this.total, page));
-      if (next === this.current) return;
-      this.current = next;
-      this.element.setAttribute("data-fs-page", String(next));
+      const next = this._normalizePage(page, this.current);
+      const bounded = Math.max(1, Math.min(this.total, next));
+      if (bounded === this.current) return;
+      this.current = bounded;
+      this.element.setAttribute("data-fs-page", String(bounded));
       this._render();
-      this.element.dispatchEvent(new CustomEvent("fs:pagination:change", { bubbles: true, detail: { page: next, total: this.total } }));
+      this.element.dispatchEvent(new CustomEvent("fs:pagination:change", { bubbles: true, detail: { page: bounded, total: this.total } }));
     }
     _render() {
       this.element.querySelectorAll("[data-fs-page]").forEach((item) => {
         const active = Number(item.getAttribute("data-fs-page")) === this.current;
         item.classList.toggle("is-active", active);
-        item.setAttribute("aria-current", active ? "page" : "false");
+        if (active) item.setAttribute("aria-current", "page");
+        else item.removeAttribute("aria-current");
       });
     }
+    _normalizePage(value, fallback) {
+      const parsed = Number(value);
+      return Number.isFinite(parsed) && parsed >= 1 ? Math.floor(parsed) : fallback;
+    }
     dispose() {
       this.element.removeEventListener("click", this._click);
       instances30.delete(this.element);