@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)}.modus-wc-border{border-color:var(--modus-wc-color-base-200);border-radius:1px;border-style:solid}modus-wc-date,modus-wc-number-input,modus-wc-select,modus-wc-text-input,modus-wc-textarea,modus-wc-time-input{--fallback-b1:transparent;background:transparent}[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-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}: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-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-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-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-weight-light:300;--modus-wc-font-weight-normal:400;--modus-wc-font-weight-semibold:600;--modus-wc-font-weight-bold:700;--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-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-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-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-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-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-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-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-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));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-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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-collapse:collapse;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}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[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;--tab-radius:0.5rem;--rounded-badge:0.25rem;--border-btn:1px;--btn-focus-scale:0.95;--rounded-btn:0.25rem;--rounded-box:0.5rem;--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;--tab-radius:0.5rem;--rounded-badge:0.25rem;--border-btn:1px;--btn-focus-scale:0.95;--rounded-btn:0.5rem;--rounded-box:1rem;--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}}[data-theme=modus-classic-light]{--animation-btn:0.3s;--animation-input:.2s;--tab-border:1px;--tab-radius:0.5rem;--rounded-badge:0.25rem;--border-btn:1px;--btn-focus-scale:0.95;--rounded-btn:0.25rem;--rounded-box:0.5rem;--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;--tab-radius:0.5rem;--rounded-badge:0.25rem;--border-btn:1px;--btn-focus-scale:0.95;--rounded-btn:0.25rem;--rounded-box:0.5rem;--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;--tab-radius:0.5rem;--rounded-badge:0.25rem;--border-btn:1px;--btn-focus-scale:0.95;--rounded-btn:0.5rem;--rounded-box:1rem;--p:48.6221% 0.128075 247.073947;primary-focus:#004f83;--pc:100% 0 0;--s:28.1705% 0.01025 242.054501;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-modern-dark]{--animation-btn:0.3s;--animation-input:.2s;--tab-border:1px;--tab-radius:0.5rem;--rounded-badge:0.25rem;--border-btn:1px;--btn-focus-scale:0.95;--rounded-btn:0.5rem;--rounded-box:1rem;--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)}h1,h2{font-weight:var(--modus-wc-font-weight-normal)}h2{font-size:var(--modus-wc-font-size-2xl)}h3{font-size:var(--modus-wc-font-size-xl)}h3,h4{font-weight:var(--modus-wc-font-weight-semibold)}h4{font-size:var(--modus-wc-font-size-lg)}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)}a{color:var(--modus-wc-color-highlight-blue);text-decoration-line:underline}menu{list-style-type:none}menu,ol{margin-bottom:var(--modus-wc-spacing-lg);margin-top:var(--modus-wc-spacing-lg);padding-inline-start:2.5rem}ol{list-style-type:decimal}ul{list-style-type:disc;margin-bottom:var(--modus-wc-spacing-lg);margin-top:var(--modus-wc-spacing-lg);padding-inline-start:2.5rem}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-btm-nav>.modus-wc-disabled:hover,.modus-wc-btm-nav>[disabled]:hover{--tw-border-opacity:0;--tw-bg-opacity:0.1;--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)));pointer-events:none}.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-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-shrink:0}.modus-wc-navbar-end{justify-content:flex-end;width:50%}.modus-wc-progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--fallback-bc,oklch(var(--bc)/.2));border-radius:var(--rounded-box,1rem);height:.5rem;overflow:hidden;position:relative;width:100%}.modus-wc-radial-progress{--value:0;--size:5rem;--thickness:calc(var(--size)/10);background-color:transparent;border-radius:9999px;box-sizing:content-box;display:inline-grid;height:var(--size);place-content:center;position:relative;vertical-align:middle;width:var(--size)}.modus-wc-radial-progress::-moz-progress-bar{-moz-appearance:none;appearance:none;background-color:transparent}.modus-wc-radial-progress::-webkit-progress-bar,.modus-wc-radial-progress::-webkit-progress-value{-webkit-appearance:none;appearance:none;background-color:transparent}.modus-wc-radial-progress:after,.modus-wc-radial-progress:before{border-radius:9999px;content:"";position:absolute}.modus-wc-radial-progress:before{background:radial-gradient(farthest-side,currentColor 98%,#0000) top/var(--thickness) var(--thickness) no-repeat,conic-gradient(currentColor calc(var(--value)*1%),#0000 0);inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--thickness)),#000 calc(100% - var(--thickness)));mask:radial-gradient(farthest-side,#0000 calc(99% - var(--thickness)),#000 calc(100% - var(--thickness)))}.modus-wc-radial-progress:after{background-color:currentColor;inset:calc(50% - var(--thickness)/2);transform:rotate(calc(var(--value)*3.6deg - 90deg)) translate(calc(var(--size)/2 - 50%))}.modus-wc-radio{--chkbg:var(--bc);--tw-border-opacity:0.2;-webkit-appearance:none;border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));border-radius:9999px;border-width:1px;flex-shrink:0;width:1.5rem}.modus-wc-radio,.modus-wc-range{-moz-appearance:none;appearance:none;cursor:pointer;height:1.5rem}.modus-wc-range{--range-shdw:var(--fallback-bc,oklch(var(--bc)/1));-webkit-appearance:none;background-color:transparent;border-radius:var(--rounded-box,1rem);overflow:hidden;width:100%}.modus-wc-range:focus{outline:none}.modus-wc-rating{display:inline-flex;position:relative}.modus-wc-rating :where(input){--tw-bg-opacity:1;animation:rating-pop var(--animation-input,.25s) ease-out;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));border-radius:0;cursor:pointer;height:1.5rem;width:1.5rem}.modus-wc-select{--tw-bg-opacity:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));background-image:linear-gradient(45deg,transparent 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,transparent 0);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-color:transparent;border-radius:var(--rounded-btn,.5rem);border-width:1px;cursor:pointer;display:inline-flex;font-size:.875rem;height:3rem;line-height:1.25rem;line-height:2;min-height:3rem;padding-inline-end:2.5rem;padding-inline-start:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.modus-wc-select[multiple]{height:auto}.modus-wc-steps{counter-reset:step;display:inline-grid;grid-auto-columns:1fr;grid-auto-flow:column;overflow:hidden;overflow-x:auto}.modus-wc-steps .modus-wc-step{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-columns:auto;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-rows:40px 1fr;min-width:4rem;place-items:center;text-align:center}.modus-wc-tabs{align-items:flex-end;display:grid}.modus-wc-tabs-lifted:has(.modus-wc-tab-content[class*=" rounded-"]) .modus-wc-tab:first-child:not(:is(.modus-wc-tab-active,[aria-selected=true])),.modus-wc-tabs-lifted:has(.modus-wc-tab-content[class^=rounded-]) .modus-wc-tab:first-child:not(:is(.modus-wc-tab-active,[aria-selected=true])){border-bottom-color:transparent}.modus-wc-tab{--tab-padding:1rem;--tw-text-opacity:0.5;--tab-color:var(--fallback-bc,oklch(var(--bc)/1));--tab-bg:var(--fallback-b1,oklch(var(--b1)/1));--tab-border-color:var(--fallback-b3,oklch(var(--b3)/1));align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--tab-color);cursor:pointer;display:inline-flex;flex-wrap:wrap;font-size:.875rem;grid-row-start:1;height:2rem;justify-content:center;line-height:1.25rem;line-height:2;padding-inline-end:var(--tab-padding,1rem);padding-inline-start:var(--tab-padding,1rem);position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.modus-wc-tab:is(input[type=radio]){border-bottom-left-radius:0;border-bottom-right-radius:0;width:auto}.modus-wc-tab:is(input[type=radio]):after{--tw-content:attr(aria-label);content:var(--tw-content)}.modus-wc-tab:not(input):empty{cursor:default;grid-column-start:span 9999}:checked+.modus-wc-tab-content:nth-child(2),:is(.modus-wc-tab-active,[aria-selected=true])+.modus-wc-tab-content:nth-child(2){border-start-start-radius:0}:is(.modus-wc-tab-active,[aria-selected=true])+.modus-wc-tab-content,input.modus-wc-tab:checked+.modus-wc-tab-content{display:block}.modus-wc-table{border-radius:var(--rounded-box,1rem);font-size:.875rem;line-height:1.25rem;position:relative;text-align:left;width:100%}.modus-wc-table :where(.modus-wc-table-pin-rows thead tr){--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));position:sticky;top:0;z-index:1}.modus-wc-table :where(.modus-wc-table-pin-rows tfoot tr){--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));bottom:0;position:sticky;z-index:1}.modus-wc-table :where(.modus-wc-table-pin-cols tr th){--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));left:0;position:sticky;right:0}.modus-wc-table-zebra tbody tr:nth-child(2n) :where(.modus-wc-table-pin-cols tr th){--tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)))}.modus-wc-textarea{--tw-bg-opacity:1;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:.875rem;line-height:1.25rem;line-height:2;min-height:3rem;padding:.5rem 1rem}.modus-wc-toast{display:flex;flex-direction:column;gap:.5rem;min-width:-moz-fit-content;min-width:fit-content;padding:1rem;position:fixed;white-space:nowrap}.modus-wc-toggle{--tglbg:var(--fallback-b1,oklch(var(--b1)/1));--handleoffset:1.5rem;--handleoffsetcalculator:calc(var(--handleoffset)*-1);--togglehandleborder:0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:currentColor;border-color:currentColor;border-radius:var(--rounded-badge,1.9rem);border-width:1px;box-shadow:var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset,var(--togglehandleborder);color:var(--fallback-bc,oklch(var(--bc)/.5));cursor:pointer;flex-shrink:0;height:1.5rem;transition:background,box-shadow var(--animation-input,.2s) ease-out;width:3rem}.modus-wc-alert-info{--tw-text-opacity:1;--alert-bg:var(--fallback-in,oklch(var(--in)/1));--alert-bg-mix:var(--fallback-b1,oklch(var(--b1)/1));border-color:var(--fallback-in,oklch(var(--in)/.2));color:var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}.modus-wc-alert-success{--tw-text-opacity:1;--alert-bg:var(--fallback-su,oklch(var(--su)/1));--alert-bg-mix:var(--fallback-b1,oklch(var(--b1)/1));border-color:var(--fallback-su,oklch(var(--su)/.2));color:var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}.modus-wc-alert-warning{--tw-text-opacity:1;--alert-bg:var(--fallback-wa,oklch(var(--wa)/1));--alert-bg-mix:var(--fallback-b1,oklch(var(--b1)/1));border-color:var(--fallback-wa,oklch(var(--wa)/.2));color:var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}.modus-wc-alert-error{--tw-text-opacity:1;--alert-bg:var(--fallback-er,oklch(var(--er)/1));--alert-bg-mix:var(--fallback-b1,oklch(var(--b1)/1));border-color:var(--fallback-er,oklch(var(--er)/.2));color:var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opac