@trimble-oss/moduswebcomponents/modus-wc-styles.css

Modus Web Components is a modern, accessible UI library built with Stencil JS that provides reusable web components following Trimble's Modus design system. This updated version focuses on improved flexibility, enhanced theming options, comprehensive cust

@supports (color:oklch(0% 0 0)){:root{--fallback-p:var(--modus-wc-color-primary);--fallback-pc:var(--modus-wc-color-primary-content);--fallback-s:var(--modus-wc-color-secondary);--fallback-sc:var(--modus-wc-color-secondary-content);--fallback-a:var(--modus-wc-color-accent);--fallback-ac:var(--modus-wc-color-accent-content);--fallback-n:var(--modus-wc-color-neutral);--fallback-nc:var(--modus-wc-color-neutral-content);--fallback-b1:var(--modus-wc-color-base-100);--fallback-b2:var(--modus-wc-color-base-200);--fallback-b3:var(--modus-wc-color-base-300);--fallback-in:var(--modus-wc-color-info);--fallback-inc:var(--modus-wc-color-info-content);--fallback-su:var(--modus-wc-color-success);--fallback-suc:var(--modus-wc-color-success-content);--fallback-wa:var(--modus-wc-color-warning);--fallback-wac:var(--modus-wc-color-warning-content);--fallback-er:var(--modus-wc-color-error);--fallback-erc:var(--modus-wc-color-error-content)}}*,:after,:before{font-family:var(--modus-wc-font-family),sans-serif}body{background-color:var(--modus-wc-color-base-page)}:root:has(:is(.modus-wc-modal-open,.modus-wc-modal:target,.modus-wc-modal-toggle:checked+.modus-wc-modal,.modus-wc-modal[open])){scrollbar-gutter:auto!important}.modus-wc-border{border-color:var(--modus-wc-color-base-200);border-radius:1px;border-style:solid}modus-wc-date .modus-wc-date,modus-wc-text-input .modus-wc-text-input,modus-wc-textarea .modus-wc-textarea,modus-wc-time-input .modus-wc-time-input{--fallback-b1:transparent;background:transparent;padding:0 var(--modus-wc-spacing-sm)}modus-wc-number-input .modus-wc-number-input,modus-wc-select{--fallback-b1:transparent;background:transparent}.modus-wc-utility-panel-push-target{transition:margin-inline-end var(--modus-wc-utility-panel-transition-duration,.3s) ease-out}.modus-wc-utility-panel-push-target.modus-wc-utility-panel-pushed{margin-inline-end:var(--modus-wc-utility-panel-width,312px)}[data-theme=modus-modern-light]:root{--modus-wc-color-base-page:#fff;--modus-wc-color-base-100:var(--modus-wc-color-gray-light);--modus-wc-color-base-200:var(--modus-wc-color-gray-0);--modus-wc-color-base-300:var(--modus-wc-color-gray-1);--modus-wc-color-base-content:var(--modus-wc-color-gray-10);--modus-wc-color-primary:var(--modus-wc-color-trimble-blue);--modus-wc-color-primary-content:var(--modus-wc-color-white);color-scheme:light}[data-theme=modus-modern-dark]:root{--modus-wc-color-base-page:#000;--modus-wc-color-base-100:var(--modus-wc-color-trimble-gray);--modus-wc-color-base-200:var(--modus-wc-color-gray-9);--modus-wc-color-base-300:var(--modus-wc-color-gray-10);--modus-wc-color-base-content:var(--modus-wc-color-gray-1);--modus-wc-color-primary:var(--modus-wc-color-highlight-blue);--modus-wc-color-primary-content:var(--modus-wc-color-black);color-scheme:dark}[data-theme=modus-classic-light]:root{--modus-wc-color-base-page:#fff;--modus-wc-color-base-100:var(--modus-wc-color-gray-light);--modus-wc-color-base-200:var(--modus-wc-color-gray-1);--modus-wc-color-base-300:var(--modus-wc-color-gray-2);--modus-wc-color-base-content:var(--modus-wc-color-gray-10);--modus-wc-color-info:var(--modus-wc-color-trimble-blue);--modus-wc-color-success:var(--modus-wc-color-green);--modus-wc-color-error:var(--modus-wc-color-red);--modus-wc-color-warning:var(--modus-wc-color-yellow);color-scheme:light}[data-theme=modus-classic-dark]:root{--modus-wc-color-base-page:#000;--modus-wc-color-base-100:var(--modus-wc-color-trimble-gray);--modus-wc-color-base-200:var(--modus-wc-color-gray-8);--modus-wc-color-base-300:var(--modus-wc-color-gray-9);--modus-wc-color-base-content:var(--modus-wc-color-gray-1);--modus-wc-color-info:var(--modus-wc-color-trimble-blue);--modus-wc-color-success:var(--modus-wc-color-green);--modus-wc-color-error:var(--modus-wc-color-red);--modus-wc-color-warning:var(--modus-wc-color-yellow);color-scheme:dark}[data-theme=connect-light]:root{--modus-wc-color-base-page:#fff;--modus-wc-color-base-100:var(--modus-wc-color-gray-light);--modus-wc-color-base-200:var(--modus-wc-color-gray-1);--modus-wc-color-base-300:var(--modus-wc-color-gray-2);--modus-wc-color-base-content:var(--modus-wc-color-gray-10);color-scheme:light}[data-theme=connect-dark]:root{--modus-wc-color-base-page:#000;--modus-wc-color-base-100:var(--modus-wc-color-trimble-gray);--modus-wc-color-base-200:var(--modus-wc-color-gray-8);--modus-wc-color-base-300:var(--modus-wc-color-9);--modus-wc-color-base-content:var(--modus-wc-color-gray-1);color-scheme:dark}:root{--modus-wc-color-white:#fff;--modus-wc-color-gray-light:#f1f1f6;--modus-wc-color-gray-0:#e0e1e9;--modus-wc-color-gray-1:#cbcdd6;--modus-wc-color-gray-2:#b7b9c3;--modus-wc-color-gray-3:#a3a6b1;--modus-wc-color-gray-4:#90939f;--modus-wc-color-gray-5:#7d808d;--modus-wc-color-gray-6:#6a6e79;--modus-wc-color-gray-7:#585c65;--modus-wc-color-gray-8:#464b52;--modus-wc-color-gray-9:#353a40;--modus-wc-color-gray-10:#171c1e;--modus-wc-color-trimble-gray:#252a2e;--modus-wc-color-black:#000;--modus-wc-color-blue-pale:#dcedf9;--modus-wc-color-highlight-blue:#019aeb;--modus-wc-color-blue-light:#217cbb;--modus-wc-color-trimble-blue:#0063a3;--modus-wc-color-blue-dark:#0e416c;--modus-wc-color-info-blue:#004f83;--modus-wc-color-highlight-blue-pale:rgba(1,154,235,.5);--modus-wc-color-yellow-pale:#fff5e4;--modus-wc-color-yellow-light:#fec157;--modus-wc-color-yellow:#fbad26;--modus-wc-color-yellow-dark:#e49325;--modus-wc-color-red-pale:#fbd4d7;--modus-wc-color-red-light:#e86363;--modus-wc-color-red:#da212c;--modus-wc-color-red-dark:#ab1f26;--modus-wc-color-green-pale:#e0eccf;--modus-wc-color-green-light:#4ea646;--modus-wc-color-green:#1e8a44;--modus-wc-color-green-dark:#006638;--modus-wc-in-field-success-dark-bg:#00fe00;--modus-wc-in-field-success-light-bg:#00d22f;--modus-wc-in-field-warning:#ff8b00;--modus-wc-in-field-error:#da212c;--modus-wc-in-field-info:#019aeb;--modus-wc-in-field-avoidance:#df4eb2;--modus-wc-in-field-black:#000;--modus-wc-border-width-xs:1px;--modus-wc-border-width-sm:2px;--modus-wc-border-width-md:3px;--modus-wc-border-width-lg:4px;--modus-wc-border-width-xl:8px;--modus-wc-border-width-2xl:12px;--modus-wc-border-width-3xl:24px;--modus-wc-border-radius-sm:2px;--modus-wc-border-radius-md:4px;--modus-wc-border-radius-lg:8px;--modus-wc-border-radius-xl:12px;--modus-wc-border-radius-2xl:16px;--modus-wc-border-radius-3xl:24px;--modus-wc-border-radius-rounded:1000px;--modus-wc-line-height-xs:0.5rem;--modus-wc-line-height-sm:1rem;--modus-wc-line-height-md:1.5rem;--modus-wc-line-height-lg:2rem;--modus-wc-line-height-xl:3rem;--modus-wc-line-height-h6:1.125rem;--modus-wc-line-height-h3:1.6875rem;--modus-wc-line-height-h2:1.875rem;--modus-wc-line-height-h1:2.25rem;--modus-wc-font-family:"Open Sans","Segoe UI","Noto Sans","San Francisco","Helvetica","Arial",sans-serif;--modus-wc-font-size-2xs:0.5rem;--modus-wc-font-size-xs:0.625rem;--modus-wc-font-size-sm:0.75rem;--modus-wc-font-size-md:0.875rem;--modus-wc-font-size-lg:1rem;--modus-wc-font-size-xl:1.125rem;--modus-wc-font-size-2xl:1.25rem;--modus-wc-font-size-3xl:1.5rem;--modus-wc-font-size-4xl:1.875rem;--modus-wc-font-weight-light:300;--modus-wc-font-weight-normal:400;--modus-wc-font-weight-semibold:600;--modus-wc-font-weight-bold:700;--modus-wc-size-xxs:0.75rem;--modus-wc-size-xs:1.5rem;--modus-wc-size-sm:2rem;--modus-wc-size-md:2.5rem;--modus-wc-size-lg:3rem;--modus-wc-size-xl:3.5rem;--modus-wc-size-xxl:4.5rem;--modus-wc-spacing-2xs:0.125rem;--modus-wc-spacing-xs:0.25rem;--modus-wc-spacing-sm:0.5rem;--modus-wc-spacing-md:0.75rem;--modus-wc-spacing-lg:1rem;--modus-wc-spacing-xl:1.5rem;--modus-wc-spacing-2xl:2rem;--modus-wc-spacing-3xl:3rem;--modus-wc-input-height-sm:1.5rem;--modus-wc-input-height-md:2rem;--modus-wc-input-height-lg:3rem;--modus-wc-border-radius-badge:var(--modus-wc-border-radius-md);--modus-wc-border-radius-btn:var(--modus-wc-border-radius-lg);--modus-wc-border-radius-box:var(--modus-wc-border-radius-2xl);--modus-wc-border-radius-tab:var(--modus-wc-border-radius-lg);--modus-wc-border-radius-input:var(--modus-wc-border-radius-lg);--modus-wc-border-radius-table:var(--modus-wc-border-radius-2xl);--modus-wc-border-radius-chip:var(--modus-wc-border-radius-lg);--modus-wc-border-radius-alert:var(--modus-wc-border-radius-md);--modus-wc-color-base-page:light-dark(var(--modus-wc-color-white),var(--modus-wc-color-black));--modus-wc-color-base-100:light-dark(var(--modus-wc-color-gray-light),var(--modus-wc-color-trimble-gray));--modus-wc-color-base-200:light-dark(var(--modus-wc-color-gray-1),var(--modus-wc-color-gray-10));--modus-wc-color-base-300:light-dark(var(--modus-wc-color-gray-2),var(--modus-wc-color-gray-9));--modus-wc-color-base-content:light-dark(var(--modus-wc-color-gray-10),var(--modus-wc-color-gray-1));--modus-wc-color-base-content-low-contrast:light-dark(var(--modus-wc-color-gray-8),var(--modus-wc-color-gray-3));--modus-wc-color-base-content-hight-contrast:light-dark(var(--modus-wc-color-black),var(--modus-wc-color-white));--modus-wc-color-base-inverted:light-dark(var(--modus-wc-color-gray-10),var(--modus-wc-color-gray-light));--modus-wc-color-primary:light-dark(var(--modus-wc-color-trimble-blue),var(--modus-wc-color-highlight-blue));--modus-wc-color-primary-content:light-dark(var(--modus-wc-color-white),var(--modus-wc-color-black));--modus-wc-color-primary-pale:light-dark(var(--modus-wc-color-blue-pale),var(--modus-wc-color-highlight-blue-pale));--modus-wc-color-secondary:light-dark(var(--modus-wc-color-yellow),var(--modus-wc-color-yellow-light));--modus-wc-color-secondary-content:light-dark(var(--modus-wc-color-black),var(--modus-wc-color-black));--modus-wc-color-secondary-pale:light-dark(var(--modus-wc-color-yellow-pale),var(--modus-wc-color-yellow-pale));--modus-wc-color-accent:light-dark(var(--modus-wc-color-gray-6),var(--modus-wc-color-gray-4));--modus-wc-color-accent-content:light-dark(var(--modus-wc-color-white),var(--modus-wc-color-black));--modus-wc-color-accent-pale:light-dark(var(--modus-wc-color-gray-6),var(--modus-wc-color-gray-4));--modus-wc-color-neutral:light-dark(var(--modus-wc-color-base-100),var(--modus-wc-color-base-100));--modus-wc-color-neutral-content:light-dark(var(--modus-wc-color-base-content),var(--modus-wc-color-base-content));--modus-wc-color-neutral-pale:light-dark(var(--modus-wc-color-base-100),var(--modus-wc-color-base-100));--modus-wc-color-info:light-dark(var(--modus-wc-color-blue-dark),var(--modus-wc-color-blue-light));--modus-wc-color-info-content:light-dark(var(--modus-wc-color-white),var(--modus-wc-color-white));--modus-wc-color-info-pale:light-dark(var(--modus-wc-color-blue-pale),var(--modus-wc-color-blue-pale));--modus-wc-color-success:light-dark(var(--modus-wc-color-green),var(--modus-wc-color-green-light));--modus-wc-color-success-content:light-dark(var(--modus-wc-color-white),var(--modus-wc-color-black));--modus-wc-color-success-pale:light-dark(var(--modus-wc-color-green-pale),var(--modus-wc-color-green-pale));--modus-wc-color-warning:light-dark(var(--modus-wc-color-yellow-dark),var(--modus-wc-color-yellow-light));--modus-wc-color-warning-content:light-dark(var(--modus-wc-color-black),var(--modus-wc-color-black));--modus-wc-color-warning-pale:light-dark(var(--modus-wc-color-yellow-pale),var(--modus-wc-color-yellow-pale));--modus-wc-color-error:light-dark(var(--modus-wc-color-red),var(--modus-wc-color-red-light));--modus-wc-color-error-content:light-dark(var(--modus-wc-color-white),var(--modus-wc-color-black));--modus-wc-color-error-pale:light-dark(var(--modus-wc-color-red-pale),var(--modus-wc-color-red-pale));color-scheme:light dark}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }

/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af}input::placeholder,textarea::placeholder{color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:root,[data-theme]{background-color:var(--fallback-b1,oklch(var(--b1)/1));color:var(--fallback-bc,oklch(var(--bc)/1))}@supports not (color:oklch(0% 0 0)){:root{--fallback-p:#491eff;--fallback-pc:#d4dbff;--fallback-s:#ff41c7;--fallback-sc:#fff9fc;--fallback-a:#00cfbd;--fallback-ac:#00100d;--fallback-n:#2b3440;--fallback-nc:#d7dde4;--fallback-b1:#fff;--fallback-b2:#e5e6e6;--fallback-b3:#e5e6e6;--fallback-bc:#1f2937;--fallback-in:#00b3f0;--fallback-inc:#000;--fallback-su:#00ca92;--fallback-suc:#000;--fallback-wa:#ffc22d;--fallback-wac:#000;--fallback-er:#ff6f70;--fallback-erc:#000;color-scheme:light}@media (prefers-color-scheme:dark){:root{--fallback-p:#7582ff;--fallback-pc:#050617;--fallback-s:#ff71cf;--fallback-sc:#190211;--fallback-a:#00c7b5;--fallback-ac:#000e0c;--fallback-n:#2a323c;--fallback-nc:#a6adbb;--fallback-b1:#1d232a;--fallback-b2:#191e24;--fallback-b3:#15191e;--fallback-bc:#a6adbb;--fallback-in:#00b3f0;--fallback-inc:#000;--fallback-su:#00ca92;--fallback-suc:#000;--fallback-wa:#ffc22d;--fallback-wac:#000;--fallback-er:#ff6f70;--fallback-erc:#000;color-scheme:dark}}}html{-webkit-tap-highlight-color:transparent}*{scrollbar-color:color-mix(in oklch,currentColor 35%,transparent) transparent}:hover{scrollbar-color:color-mix(in oklch,currentColor 60%,transparent) transparent}:root{--animation-btn:0.3s;--animation-input:.2s;--tab-border:1px;--rounded-badge:0.25rem;--border-btn:1px;--btn-focus-scale:0.98;--rounded-btn:0.25rem;--rounded-box:0.5rem;--tab-radius:0.25rem;--alert-border-left-width:0.5rem;--alert-border-width:1px;--alert-border-radius:0.5rem;--input-bottom-border-width:1px;--p:48.6221% 0.128075 247.073947;primary-focus:#004f83;--pc:100% 0 0;--s:53.8572% 0.017812 269.820069;secondary-focus:#464b52;--sc:100% 0 0;--a:53.8572% 0.017812 269.820069;accent-focus:#464b52;--ac:100% 0 0;--n:84.9436% 0.012605 276.068713;neutral-focus:#a3a6b1;--nc:28.1705% 0.01025 242.054501;--b1:100% 0 0;--b2:84.9436% 0.012605 276.068713;--b3:78.7221% 0.014241 277.004909;--bc:28.1705% 0.01025 242.054501;--in:48.6221% 0.128075 247.073947;--inc:100% 0 0;--su:55.824% 0.14148 150.027193;--suc:100% 0 0;--wa:80.3357% 0.161017 74.410202;--wac:28.1705% 0.01025 242.054501;--er:57.1169% 0.215546 25.349404;--erc:100% 0 0}@media (prefers-color-scheme:dark){:root{--animation-btn:0.3s;--animation-input:.2s;--tab-border:1px;--rounded-badge:0.25rem;--border-btn:1px;--btn-focus-scale:0.98;--rounded-btn:0.5rem;--rounded-box:1rem;--tab-radius:0.25rem;--alert-border-left-width:0.5rem;--alert-border-width:1px;--alert-border-radius:0.5rem;--input-bottom-border-width:1px;--p:65.9524% 0.159801 243.168715;primary-focus:#004f83;--pc:0% 0 0;--s:84.7174% 0.139742 78.603787;secondary-focus:#e49325;--sc:0% 0 0;--a:53.8572% 0.017812 269.820069;accent-focus:#464b52;--ac:100% 0 0;--n:34.6043% 0.012501 252.973394;neutral-focus:#171c1e;--nc:100% 0 0;--b1:22.215% 0.008445 223.858126;--b2:34.6043% 0.012501 252.973394;--b3:41.0842% 0.013405 256.755726;--bc:100% 0 0;--in:56.5592% 0.127092 244.53102;--inc:100% 0 0;--su:64.9048% 0.158119 142.023063;--suc:0% 0 0;--wa:84.7174% 0.139742 78.603787;--wac:28.1705% 0.01025 242.054501;--er:66.6026% 0.165819 22.664876;--erc:0% 0 0}}[data-theme=modus-classic-light]{--animation-btn:0.3s;--animation-input:.2s;--tab-border:1px;--rounded-badge:0.25rem;--border-btn:1px;--btn-focus-scale:0.98;--rounded-btn:0.25rem;--rounded-box:0.5rem;--tab-radius:0.25rem;--alert-border-left-width:0.5rem;--alert-border-width:1px;--alert-border-radius:0.5rem;--input-bottom-border-width:1px;--p:48.6221% 0.128075 247.073947;primary-focus:#004f83;--pc:100% 0 0;--s:53.8572% 0.017812 269.820069;secondary-focus:#464b52;--sc:100% 0 0;--a:53.8572% 0.017812 269.820069;accent-focus:#464b52;--ac:100% 0 0;--n:84.9436% 0.012605 276.068713;neutral-focus:#a3a6b1;--nc:28.1705% 0.01025 242.054501;--b1:100% 0 0;--b2:84.9436% 0.012605 276.068713;--b3:78.7221% 0.014241 277.004909;--bc:28.1705% 0.01025 242.054501;--in:48.6221% 0.128075 247.073947;--inc:100% 0 0;--su:55.824% 0.14148 150.027193;--suc:100% 0 0;--wa:80.3357% 0.161017 74.410202;--wac:28.1705% 0.01025 242.054501;--er:57.1169% 0.215546 25.349404;--erc:100% 0 0}[data-theme=modus-classic-dark]{--animation-btn:0.3s;--animation-input:.2s;--tab-border:1px;--rounded-badge:0.25rem;--border-btn:1px;--btn-focus-scale:0.98;--rounded-btn:0.25rem;--rounded-box:0.5rem;--tab-radius:0.25rem;--alert-border-left-width:0.5rem;--alert-border-width:1px;--alert-border-radius:0.5rem;--input-bottom-border-width:1px;--p:48.6221% 0.128075 247.073947;primary-focus:#004f83;--pc:100% 0 0;--s:80.3357% 0.161017 74.410202;secondary-focus:#e49325;--sc:28.1705% 0.01025 242.054501;--a:53.8572% 0.017812 269.820069;accent-focus:#464b52;--ac:100% 0 0;--n:34.6043% 0.012501 252.973394;neutral-focus:#171c1e;--nc:100% 0 0;--b1:22.215% 0.008445 223.858126;--b2:34.6043% 0.012501 252.973394;--b3:41.0842% 0.013405 256.755726;--bc:100% 0 0;--in:48.6221% 0.128075 247.073947;--inc:100% 0 0;--su:55.824% 0.14148 150.027193;--suc:100% 0 0;--wa:80.3357% 0.161017 74.410202;--wac:28.1705% 0.01025 242.054501;--er:57.1169% 0.215546 25.349404;--erc:100% 0 0}[data-theme=modus-modern-light]{--animation-btn:0.3s;--animation-input:.2s;--tab-border:1px;--rounded-badge:0.25rem;--border-btn:1px;--btn-focus-scale:0.98;--rounded-btn:0.5rem;--rounded-box:1rem;--tab-radius:0.25rem;--alert-border-left-width:0.5rem;--alert-border-width:1px;--alert-border-radius:0.5rem;--input-bottom-border-width:1px;--p:48.6221% 0.128075 247.073947;primary-focus:#004f83;--pc:100% 0 0;--s:80.3357% 0.161017 74.410202;secondary-focus:#e49325;--sc:0% 0 0;--a:53.8572% 0.017812 269.820069;accent-focus:#464b52;--ac:100% 0 0;--n:84.9436% 0.012605 276.068713;neutral-focus:#a3a6b1;--nc:28.1705% 0.01025 242.054501;--b1:100% 0 0;--b2:84.9436% 0.012605 276.068713;--b3:78.7221% 0.014241 277.004909;--bc:28.1705% 0.01025 242.054501;--in:48.6221% 0.128075 247.073947;--inc:100% 0 0;--su:55.824% 0.14148 150.027193;--suc:100% 0 0;--wa:72.9405% 0.149372 67.994075;--wac:28.1705% 0.01025 242.054501;--er:57.1169% 0.215546 25.349404;--erc:100% 0 0}[data-theme=modus-modern-dark]{--animation-btn:0.3s;--animation-input:.2s;--tab-border:1px;--rounded-badge:0.25rem;--border-btn:1px;--btn-focus-scale:0.98;--rounded-btn:0.5rem;--rounded-box:1rem;--tab-radius:0.25rem;--alert-border-left-width:0.5rem;--alert-border-width:1px;--alert-border-radius:0.5rem;--input-bottom-border-width:1px;--p:65.9524% 0.159801 243.168715;primary-focus:#004f83;--pc:0% 0 0;--s:84.7174% 0.139742 78.603787;secondary-focus:#e49325;--sc:0% 0 0;--a:53.8572% 0.017812 269.820069;accent-focus:#464b52;--ac:100% 0 0;--n:34.6043% 0.012501 252.973394;neutral-focus:#171c1e;--nc:100% 0 0;--b1:22.215% 0.008445 223.858126;--b2:34.6043% 0.012501 252.973394;--b3:41.0842% 0.013405 256.755726;--bc:100% 0 0;--in:56.5592% 0.127092 244.53102;--inc:100% 0 0;--su:64.9048% 0.158119 142.023063;--suc:0% 0 0;--wa:84.7174% 0.139742 78.603787;--wac:28.1705% 0.01025 242.054501;--er:66.6026% 0.165819 22.664876;--erc:0% 0 0}[data-theme=connect-light]{--animation-btn:0.3s;--animation-input:.2s;--tab-border:1px;--rounded-badge:2px;--border-btn:1px;--btn-focus-scale:1;--rounded-btn:2px;--rounded-box:0;--tab-radius:0;--alert-border-left-width:0;--alert-border-width:0;--alert-border-radius:4px;--input-bottom-border-width:2px;--input-radius:2px;--p:47.3235% 0.12603 247.547196;primary-focus:#00437b;--pc:100% 0 0;--s:52.6234% 0.020228 289.216784;secondary-focus:#474655;--sc:100% 0 0;--a:53.8572% 0.017812 269.820069;accent-focus:#464b52;--ac:100% 0 0;--n:84.9436% 0.012605 276.068713;neutral-focus:#a3a6b1;--nc:28.1705% 0.01025 242.054501;--b1:100% 0 0;--b2:84.9436% 0.012605 276.068713;--b3:78.7221% 0.014241 277.004909;--bc:28.1705% 0.01025 242.054501;--in:48.6221% 0.128075 247.073947;--inc:100% 0 0;--su:66.4599% 0.13954 132.331914;--suc:100% 0 0;--wa:83.8398% 0.172209 83.573967;--wac:28.1705% 0.01025 242.054501;--er:56.8372% 0.205089 24.549972;--erc:100% 0 0}[data-theme=connect-dark]{--animation-btn:0.3s;--animation-input:.2s;--tab-border:1px;--rounded-badge:2px;--border-btn:1px;--btn-focus-scale:1;--rounded-btn:2px;--rounded-box:0;--tab-radius:0;--alert-border-left-width:0;--alert-border-width:0;--alert-border-radius:4px;--input-bottom-border-width:2px;--input-radius:2px;--p:65.9524% 0.159801 243.168715;primary-focus:#004f83;--pc:0% 0 0;--s:95.9569% 0.006653 286.273689;secondary-focus:#e49325;--sc:0% 0 0;--a:53.8572% 0.017812 269.820069;accent-focus:#464b52;--ac:100% 0 0;--n:34.6043% 0.012501 252.973394;neutral-focus:#171c1e;--nc:100% 0 0;--b1:22.215% 0.008445 223.858126;--b2:34.6043% 0.012501 252.973394;--b3:41.0842% 0.013405 256.755726;--bc:100% 0 0;--in:56.5592% 0.127092 244.53102;--inc:100% 0 0;--su:64.9048% 0.158119 142.023063;--suc:0% 0 0;--wa:84.7174% 0.139742 78.603787;--wac:28.1705% 0.01025 242.054501;--er:66.6026% 0.165819 22.664876;--erc:0% 0 0}h1{font-size:var(--modus-wc-font-size-3xl);line-height:var(--modus-wc-line-height-h1)}h1,h2{font-weight:var(--modus-wc-font-weight-normal)}h2{font-size:var(--modus-wc-font-size-2xl);line-height:var(--modus-wc-line-height-h2)}h3{font-size:var(--modus-wc-font-size-xl);line-height:var(--modus-wc-line-height-h3)}h3,h4{font-weight:var(--modus-wc-font-weight-semibold)}h4{font-size:var(--modus-wc-font-size-lg)}h4,h5{line-height:var(--modus-wc-line-height-md)}h5{font-size:var(--modus-wc-font-size-md)}h5,h6{font-weight:var(--modus-wc-font-weight-bold)}h6{font-size:var(--modus-wc-font-size-sm);line-height:var(--modus-wc-line-height-h6)}blockquote{border-color:var(--modus-wc-color-base-200);border-inline-start-width:var(--modus-wc-border-width-lg);margin-bottom:var(--modus-wc-spacing-lg);margin-top:var(--modus-wc-spacing-lg)}hr{background-color:var(--modus-wc-color-base-200);border:0;height:var(--modus-wc-border-width-xs);margin-bottom:var(--modus-wc-spacing-xl);margin-top:var(--modus-wc-spacing-xl)}b,strong{font-weight:var(--modus-wc-font-weight-bold)}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}dl,figure,pre{margin-bottom:var(--modus-wc-spacing-lg)}table{border-collapse:collapse;width:100%}td,th{border-color:var(--modus-wc-color-base-200);border-width:1px;text-align:left}th{font-weight:var(--modus-wc-font-weight-semibold)}a{color:var(--modus-wc-color-primary)}a:active{color:var(--modus-wc-color-primary-content)}a:focus{outline:auto}input,select,textarea{background-color:transparent;border-radius:var(--modus-wc-border-radius-md);color:inherit;font-family:inherit}input:focus,select:focus,textarea:focus{border-color:transparent;outline:2px solid var(--modus-wc-color-primary);outline-offset:1px}input:disabled,select:disabled,textarea:disabled{background-color:var(--modus-wc-color-base-100);opacity:.5}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--modus-wc-color-gray-4);opacity:1}input::placeholder,textarea::placeholder{color:var(--modus-wc-color-gray-4);opacity:1}menu{list-style-type:none}ol{list-style-type:decimal}ul{list-style-type:disc}li{display:list-item}.modus-wc-alert{--tw-border-opacity:1;--tw-text-opacity:1;--alert-bg:var(--fallback-b2,oklch(var(--b2)/1));--alert-bg-mix:var(--fallback-b1,oklch(var(--b1)/1));align-content:flex-start;align-items:center;background-color:var(--alert-bg);border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));border-radius:var(--rounded-box,1rem);border-width:1px;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));display:grid;gap:1rem;grid-auto-flow:row;justify-items:center;padding:1rem;text-align:center;width:100%}@media (min-width:640px){.modus-wc-alert{grid-auto-flow:column;grid-template-columns:auto minmax(auto,1fr);justify-items:start;text-align:start}}.modus-wc-avatar{display:inline-flex;position:relative}.modus-wc-avatar>div{aspect-ratio:1/1;display:block;overflow:hidden}.modus-wc-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.modus-wc-avatar.modus-wc-placeholder>div{align-items:center;display:flex;justify-content:center}.modus-wc-badge{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));border-radius:var(--rounded-badge,1.9rem);border-width:1px;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));display:inline-flex;font-size:.875rem;height:1.25rem;justify-content:center;line-height:1.25rem;padding-left:.563rem;padding-right:.563rem;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1);width:-moz-fit-content;width:fit-content}.modus-wc-breadcrumbs{max-width:100%;overflow-x:auto;padding-bottom:.5rem;padding-top:.5rem}.modus-wc-breadcrumbs>ol,.modus-wc-breadcrumbs>ul{align-items:center;display:flex;min-height:-moz-min-content;min-height:min-content;white-space:nowrap}.modus-wc-breadcrumbs>ol>li,.modus-wc-breadcrumbs>ul>li{align-items:center;display:flex}.modus-wc-breadcrumbs>ol>li>a,.modus-wc-breadcrumbs>ul>li>a{align-items:center;cursor:pointer;display:flex}@media (hover:hover){.modus-wc-breadcrumbs>ol>li>a:hover,.modus-wc-breadcrumbs>ul>li>a:hover{text-decoration-line:underline}.modus-wc-menu li>:not(ul,.modus-wc-menu-title,details,.modus-wc-btn).modus-wc-active,.modus-wc-menu li>:not(ul,.modus-wc-menu-title,details,.modus-wc-btn):active,.modus-wc-menu li>details>summary:active{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}.modus-wc-tab:hover{--tw-text-opacity:1}.modus-wc-tabs-boxed :is(.modus-wc-tab-active,[aria-selected=true]):not(.modus-wc-tab-disabled):not([disabled]):hover,.modus-wc-tabs-boxed :is(input:checked):hover{--tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}.modus-wc-table tr.modus-wc-hover:hover,.modus-wc-table tr.modus-wc-hover:nth-child(2n):hover{--tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)))}.modus-wc-table-zebra tr.modus-wc-hover:hover,.modus-wc-table-zebra tr.modus-wc-hover:nth-child(2n):hover{--tw-bg-opacity:1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))}}.modus-wc-btn{--tw-text-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);--tw-bg-opacity:1;--tw-border-opacity:1;align-items:center;background-color:oklch(var(--btn-color,var(--b2))/var(--tw-bg-opacity));border-color:transparent;border-color:oklch(var(--btn-color,var(--b2))/var(--tw-border-opacity));border-radius:var(--rounded-btn,.5rem);border-width:var(--border-btn,1px);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));cursor:pointer;display:inline-flex;flex-shrink:0;flex-wrap:wrap;font-size:.875rem;font-weight:600;gap:.5rem;height:3rem;justify-content:center;line-height:1em;min-height:3rem;outline-color:var(--fallback-bc,oklch(var(--bc)/1));padding-left:1rem;padding-right:1rem;text-align:center;text-decoration-line:none;transition-duration:.2s;transition-property:color,background-color,border-color,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(0,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.modus-wc-btn-disabled,.modus-wc-btn:disabled,.modus-wc-btn[disabled]{pointer-events:none}.modus-wc-btn-circle,.modus-wc-btn-square{height:3rem;padding:0;width:3rem}.modus-wc-btn-circle{border-radius:9999px}:where(.modus-wc-btn:is(input[type=checkbox])),:where(.modus-wc-btn:is(input[type=radio])){-webkit-appearance:none;-moz-appearance:none;appearance:none;width:auto}.modus-wc-btn:is(input[type=checkbox]):after,.modus-wc-btn:is(input[type=radio]):after{--tw-content:attr(aria-label);content:var(--tw-content)}.modus-wc-card{border-radius:var(--rounded-box,1rem);display:flex;flex-direction:column;position:relative}.modus-wc-card:focus{outline:2px solid transparent;outline-offset:2px}.modus-wc-card-body{display:flex;flex:1 1 auto;flex-direction:column;gap:.5rem;padding:var(--padding-card,2rem)}.modus-wc-card-body :where(p){flex-grow:1}.modus-wc-card-actions{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem}.modus-wc-card figure{align-items:center;display:flex;justify-content:center}.modus-wc-card.modus-wc-image-full{display:grid}.modus-wc-card.modus-wc-image-full:before{--tw-bg-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));border-radius:var(--rounded-box,1rem);content:"";opacity:.75;position:relative;z-index:10}.modus-wc-card.modus-wc-image-full:before,.modus-wc-card.modus-wc-image-full>*{grid-column-start:1;grid-row-start:1}.modus-wc-card.modus-wc-image-full>figure img{height:100%;-o-object-fit:cover;object-fit:cover}.modus-wc-card.modus-wc-image-full>.modus-wc-card-body{--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));position:relative;z-index:20}.modus-wc-checkbox{--chkbg:var(--fallback-bc,oklch(var(--bc)/1));--chkfg:var(--fallback-b1,oklch(var(--b1)/1));--tw-border-opacity:0.2;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));border-radius:var(--rounded-btn,.5rem);border-width:1px;cursor:pointer;flex-shrink:0;height:1.5rem;width:1.5rem}.modus-wc-collapse:not(td):not(tr):not(colgroup){visibility:visible}.modus-wc-collapse{border-radius:var(--rounded-box,1rem);display:grid;grid-template-rows:max-content 0fr;overflow:hidden;position:relative;transition:grid-template-rows .2s;width:100%}.modus-wc-collapse-content,.modus-wc-collapse-title,.modus-wc-collapse>input[type=checkbox],.modus-wc-collapse>input[type=radio]{grid-column-start:1;grid-row-start:1}.modus-wc-collapse>input[type=checkbox],.modus-wc-collapse>input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0}:where(.modus-wc-collapse>input[type=checkbox]),:where(.modus-wc-collapse>input[type=radio]){height:100%;width:100%;z-index:1}.modus-wc-collapse-content{cursor:unset;grid-column-start:1;grid-row-start:2;min-height:0;padding-left:1rem;padding-right:1rem;transition:visibility .2s;transition:padding .2s ease-out,background-color .2s ease-out;visibility:hidden}.modus-wc-collapse-open,.modus-wc-collapse:focus:not(.modus-wc-collapse-close),.modus-wc-collapse[open]{grid-template-rows:max-content 1fr}.modus-wc-collapse:not(.modus-wc-collapse-close):has(>input[type=checkbox]:checked),.modus-wc-collapse:not(.modus-wc-collapse-close):has(>input[type=radio]:checked){grid-template-rows:max-content 1fr}.modus-wc-collapse-open>.modus-wc-collapse-content,.modus-wc-collapse:focus:not(.modus-wc-collapse-close)>.modus-wc-collapse-content,.modus-wc-collapse:not(.modus-wc-collapse-close)>input[type=checkbox]:checked~.modus-wc-collapse-content,.modus-wc-collapse:not(.modus-wc-collapse-close)>input[type=radio]:checked~.modus-wc-collapse-content,.modus-wc-collapse[open]>.modus-wc-collapse-content{min-height:-moz-fit-content;min-height:fit-content;visibility:visible}.modus-wc-divider{align-items:center;align-self:stretch;display:flex;flex-direction:row;height:1rem;margin-bottom:1rem;margin-top:1rem;white-space:nowrap}.modus-wc-divider:after,.modus-wc-divider:before{--tw-content:"";background-color:var(--fallback-bc,oklch(var(--bc)/.1));content:var(--tw-content);flex-grow:1;height:.125rem;width:100%}.modus-wc-divider-end:after,.modus-wc-divider-start:before{display:none}@media (hover:hover){.modus-wc-btn:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));border-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)))}@supports (color:color-mix(in oklab,black,black)){.modus-wc-btn:hover{background-color:color-mix(in oklab,oklch(var(--btn-color,var(--b2))/var(--tw-bg-opacity,1)) 90%,#000);border-color:color-mix(in oklab,oklch(var(--btn-color,var(--b2))/var(--tw-border-opacity,1)) 90%,#000)}}@supports not (color:oklch(0% 0 0)){.modus-wc-btn:hover{background-color:var(--btn-color,var(--fallback-b2));border-color:var(--btn-color,var(--fallback-b2))}}.modus-wc-btn.modus-wc-glass:hover{--glass-opacity:25%;--glass-border-opacity:15%}.modus-wc-btn-outline:hover{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));color:var(--fallback-b1,oklch(var(--b1)/var(--tw-text-opacity)))}.modus-wc-btn-outline.modus-wc-btn-primary:hover{--tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}@supports (color:color-mix(in oklab,black,black)){.modus-wc-btn-outline.modus-wc-btn-primary:hover{background-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,#000)}}.modus-wc-btn-outline.modus-wc-btn-secondary:hover{--tw-text-opacity:1;color:var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))}@supports (color:color-mix(in oklab,black,black)){.modus-wc-btn-outline.modus-wc-btn-secondary:hover{background-color:color-mix(in oklab,var(--fallback-s,oklch(var(--s)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-s,oklch(var(--s)/1)) 90%,#000)}}.modus-wc-btn-outline.modus-wc-btn-accent:hover{--tw-text-opacity:1;color:var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)))}@supports (color:color-mix(in oklab,black,black)){.modus-wc-btn-outline.modus-wc-btn-accent:hover{background-color:color-mix(in oklab,var(--fallback-a,oklch(var(--a)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-a,oklch(var(--a)/1)) 90%,#000)}}.modus-wc-btn-outline.modus-wc-btn-success:hover{--tw-text-opacity:1;color:var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}@supports (color:color-mix(in oklab,black,black)){.modus-wc-btn-outline.modus-wc-btn-success:hover{background-color:color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 90%,#000)}}.modus-wc-btn-outline.modus-wc-btn-info:hover{--tw-text-opacity:1;color:var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}@supports (color:color-mix(in oklab,black,black)){.modus-wc-btn-outline.modus-wc-btn-info:hover{background-color:color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 90%,#000)}}.modus-wc-btn-outline.modus-wc-btn-warning:hover{--tw-text-opacity:1;color:var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}@supports (color:color-mix(in oklab,black,black)){.modus-wc-btn-outline.modus-wc-btn-warning:hover{background-color:color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 90%,#000)}}.modus-wc-btn-outline.modus-wc-btn-error:hover{--tw-text-opacity:1;color:var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}@supports (color:color-mix(in oklab,black,black)){.modus-wc-btn-outline.modus-wc-btn-error:hover{background-color:color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 90%,#000)}}.modus-wc-btn-disabled:hover,.modus-wc-btn:disabled:hover,.modus-wc-btn[disabled]:hover{--tw-border-opacity:0;--tw-bg-opacity:0.2;--tw-text-opacity:0.2;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}@supports (color:color-mix(in oklab,black,black)){.modus-wc-btn:is(input[type=checkbox]:checked):hover,.modus-wc-btn:is(input[type=radio]:checked):hover{background-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,#000)}}:where(.modus-wc-menu li:not(.modus-wc-menu-title,.modus-wc-disabled)>:not(ul,details,.modus-wc-menu-title)):not(.modus-wc-active,.modus-wc-btn):hover,:where(.modus-wc-menu li:not(.modus-wc-menu-title,.modus-wc-disabled)>details>summary:not(.modus-wc-menu-title)):not(.modus-wc-active,.modus-wc-btn):hover{cursor:pointer;outline:2px solid transparent;outline-offset:2px}@supports (color:oklch(0% 0 0)){:where(.modus-wc-menu li:not(.modus-wc-menu-title,.modus-wc-disabled)>:not(ul,details,.modus-wc-menu-title)):not(.modus-wc-active,.modus-wc-btn):hover,:where(.modus-wc-menu li:not(.modus-wc-menu-title,.modus-wc-disabled)>details>summary:not(.modus-wc-menu-title)):not(.modus-wc-active,.modus-wc-btn):hover{background-color:var(--fallback-bc,oklch(var(--bc)/.1))}}.modus-wc-tab[disabled],.modus-wc-tab[disabled]:hover{--tw-text-opacity:0.2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));cursor:not-allowed}}.modus-wc-file-input{--tw-border-opacity:0;--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));border-radius:var(--rounded-btn,.5rem);border-width:1px;flex-shrink:1;font-size:1rem;height:3rem;line-height:2;line-height:1.5rem;overflow:hidden;padding-inline-end:1rem}.modus-wc-file-input::file-selector-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;animation:button-pop var(--animation-btn,.25s) ease-out;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));border-color:var(--fallback-n,oklch(var(--n)/var(--tw-border-opacity)));border-style:solid;border-width:var(--border-btn,1px);color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));cursor:pointer;display:inline-flex;flex-shrink:0;flex-wrap:wrap;font-size:.875rem;font-weight:600;height:100%;justify-content:center;line-height:1.25rem;line-height:1em;margin-inline-end:1rem;padding-left:1rem;padding-right:1rem;text-align:center;text-decoration-line:none;text-transform:uppercase;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.modus-wc-input{--tw-bg-opacity:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));border-color:transparent;border-radius:var(--rounded-btn,.5rem);border-width:1px;flex-shrink:1;font-size:1rem;height:3rem;line-height:2;line-height:1.5rem;padding-left:1rem;padding-right:1rem}.modus-wc-input-md[type=number]::-webkit-inner-spin-button,.modus-wc-input[type=number]::-webkit-inner-spin-button{margin-bottom:-1rem;margin-top:-1rem;margin-inline-end:-1rem}.modus-wc-input-xs[type=number]::-webkit-inner-spin-button{margin-bottom:-.25rem;margin-top:-.25rem;margin-inline-end:0}.modus-wc-input-sm[type=number]::-webkit-inner-spin-button{margin-bottom:0;margin-top:0;margin-inline-end:0}.modus-wc-input-lg[type=number]::-webkit-inner-spin-button{margin-bottom:-1.5rem;margin-top:-1.5rem;margin-inline-end:-1.5rem}.modus-wc-join{align-items:stretch;border-radius:var(--rounded-btn,.5rem);display:inline-flex}.modus-wc-join :where(.modus-wc-join-item){border-end-end-radius:0;border-end-start-radius:0;border-start-end-radius:0;border-start-start-radius:0}.modus-wc-join .modus-wc-join-item:not(:first-child):not(:last-child),.modus-wc-join :not(:first-child):not(:last-child) .modus-wc-join-item{border-end-end-radius:0;border-end-start-radius:0;border-start-end-radius:0;border-start-start-radius:0}.modus-wc-join .modus-wc-join-item:first-child:not(:last-child),.modus-wc-join :first-child:not(:last-child) .modus-wc-join-item{border-end-end-radius:0;border-start-end-radius:0}.modus-wc-join .modus-wc-dropdown .modus-wc-join-item:first-child:not(:last-child),.modus-wc-join :first-child:not(:last-child) .modus-wc-dropdown .modus-wc-join-item{border-end-end-radius:inherit;border-start-end-radius:inherit}.modus-wc-join :where(.modus-wc-join-item:first-child:not(:last-child)),.modus-wc-join :where(:first-child:not(:last-child) .modus-wc-join-item){border-end-start-radius:inherit;border-start-start-radius:inherit}.modus-wc-join .modus-wc-join-item:last-child:not(:first-child),.modus-wc-join :last-child:not(:first-child) .modus-wc-join-item{border-end-start-radius:0;border-start-start-radius:0}.modus-wc-join :where(.modus-wc-join-item:last-child:not(:first-child)),.modus-wc-join :where(:last-child:not(:first-child) .modus-wc-join-item){border-end-end-radius:inherit;border-start-end-radius:inherit}@supports not selector(:has(*)){:where(.modus-wc-join *){border-radius:inherit}}@supports selector(:has(*)){:where(.modus-wc-join :has(.modus-wc-join-item)){border-radius:inherit}}.modus-wc-mask{-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.modus-wc-mask-half-1{-webkit-mask-position:left;mask-position:left;-webkit-mask-size:200%;mask-size:200%}.modus-wc-mask-half-1:where([dir=rtl],[dir=rtl] *){-webkit-mask-position:right;mask-position:right}.modus-wc-mask-half-2{-webkit-mask-position:right;mask-position:right;-webkit-mask-size:200%;mask-size:200%}.modus-wc-mask-half-2:where([dir=rtl],[dir=rtl] *){-webkit-mask-position:left;mask-position:left}.modus-wc-menu{display:flex;flex-direction:column;flex-wrap:wrap;font-size:.875rem;line-height:1.25rem;padding:.5rem}.modus-wc-menu :where(li ul){margin-inline-start:1rem;padding-inline-start:.5rem;position:relative;white-space:nowrap}.modus-wc-menu :where(li:not(.modus-wc-menu-title)>:not(ul,details,.modus-wc-menu-title,.modus-wc-btn)),.modus-wc-menu :where(li:not(.modus-wc-menu-title)>details>summary:not(.modus-wc-menu-title)){align-content:flex-start;align-items:center;display:grid;gap:.5rem;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.modus-wc-menu li.modus-wc-disabled{color:var(--fallback-bc,oklch(var(--bc)/.3));cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.modus-wc-menu :where(li>.modus-wc-menu-dropdown:not(.modus-wc-menu-dropdown-show)){display:none}:where(.modus-wc-menu li){align-items:stretch;display:flex;flex-direction:column;flex-shrink:0;flex-wrap:wrap;position:relative}:where(.modus-wc-menu li) .modus-wc-badge{justify-self:end}.modus-wc-modal{background-color:transparent;color:inherit;display:grid;height:100%;inset:0;justify-items:center;margin:0;max-height:none;max-width:none;opacity:0;overflow-y:hidden;overscroll-behavior:contain;padding:0;pointer-events:none;position:fixed;transition-duration:.2s;transition-property:transform,opacity,visibility;transition-timing-function:cubic-bezier(0,0,.2,1);width:100%;z-index:999}:where(.modus-wc-modal){align-items:center}.modus-wc-modal-box{--tw-scale-x:.9;--tw-scale-y:.9;--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));border-bottom-left-radius:var(--rounded-box,1rem);border-bottom-right-radius:var(--rounded-box,1rem);border-top-left-radius:var(--rounded-box,1rem);border-top-right-radius:var(--rounded-box,1rem);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);grid-column-start:1;grid-row-start:1;max-height:calc(100vh - 5em);max-width:32rem;overflow-y:auto;overscroll-behavior:contain;padding:1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1);width:91.666667%}.modus-wc-modal-open,.modus-wc-modal-toggle:checked+.modus-wc-modal,.modus-wc-modal:target,.modus-wc-modal[open]{opacity:1;pointer-events:auto;visibility:visible}.modus-wc-modal-action{display:flex;justify-content:flex-end;margin-top:1.5rem}:root:has(:is(.modus-wc-modal-open,.modus-wc-modal:target,.modus-wc-modal-toggle:checked+.modus-wc-modal,.modus-wc-modal[open])){overflow:hidden;scrollbar-gutter:stable}.modus-wc-navbar{align-items:center;display:flex;min-height:4rem;padding:var(--navbar-padding,.5rem);width:100%}:where(.modus-wc-navbar>:not(script,style)){align-items:center;display:inline-flex}.modus-wc-navbar-start{justify-content:flex-start;width:50%}.modus-wc-navbar-center{flex-shrin