@yesilyazilim/web.spa 1.0.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/__.npmrc +1 -0
  2. package/bootstrap-icons.3536be6d.woff2 +0 -0
  3. package/bootstrap-icons.5b9cac4e.woff +0 -0
  4. package/index.css +13674 -0
  5. package/index.css.map +1 -0
  6. package/index.js +6866 -0
  7. package/index.js.map +1 -0
  8. package/package.json +18 -0
  9. package/types.d.ts +1173 -0
  10. package/types.d.ts.map +1 -0
package/index.css.map ADDED
@@ -0,0 +1 @@
1
+ {"mappings":"0LCQA;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA;EACE;;;;;AAIF;EACE;;;;;AAIF;EACE;;;;;AAIF;EACE;;;;;AAKF;EACE;;;;;AAOF;EACE;;;;;AAOF;EACE;;;;;AAOF;EACE;;;;;AAQF;EACE;;;;;AAIF;EACE;;;;;AAIF;EACE;;;;;AAIF;EACE;;;;;AAKF;;;;;AAIA;EACE;;;;;;AAKF;EACE;;;;;;AAMF;;;;AAGA;;;;AAIA;;;;AAIA;;;;AASA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;AAKA;;;;AAWA;;;;AAIA;;;;AASA;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0GA;EACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0GF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0GA;;;;AAWA;;;;;AAOA;;;;;;AAMA;;;;;;;;;;;;;;;;AAuBA;;;;AAIA;;;;;AAIA;;;;;;;AAYA;;;;;;;;AASA;EACE;;;;;;;AAMF;EACE;;;;;AAIF;EACE;;;;;AAIF;EACE;;;;;AASF;;;;AAQA;;;;;;;;AAOA;EACE;;;;;AAIF;;;;AAOA;;;;;;;AAMA;;;;;AAQA;;;;AAKA;;;;;;;AAQA;;;;AAIA;;;;AAIA;;;;;;;;;AAkBA;;;;;;;;;;;;;;AAaA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAKA;;;;;;;;;AAcA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;AAQA;;;;AAIA;;;;AAIA;;;;;;;AAMA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;;;;AAOA;;;;;;;;;;AASA;;;;;AAKA;;;;;;AAMA;;;;;AAKA;;;;AAIA;;;;AAWA;;;;AAIA;;;;AAKA;;;;;AAKA;;;;AAIA;;;;;;AAMA;;;;AAIA;;;;AAOA;;;;;;;AAOA;;;;AAOA;;;;;;AAMA;;;;;AAKA;;;;;;;;;;;;;;;;;;;;AAuBA;;;;;;;AAUA;;;;AASA;;;;;;;AAOA;;;;;;AAMA;;;;AAMA;;;;;;AAKA;;;;;;AAKA;;;;AAKA;;;;;AAKA;;;;;AAMA;;;;AAIA;;;;AAKA;;;;AAGA;;;;AAIA;;;;;AAUA;;;;;;;;AAWA;;;;AAIA;;;;AAIA;;;;;;;AAOA;;;;AAIA;;;;AAKA;;;;AAAA;;;;AAKA;;;;;AAKA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAMA;;;;AAIA;;;;;;;AAOA;;;;;;AAOA;;;;AAMA;;;;;AASA;;;;;;;;;;;;;;;AAiBA;;;;AAKA;;;;AAKA;;;;AAMA;;;;;;;AAUA;;;;;;;;;;AASA;;;;AAGA;;;;AAGA;;;;AAGA;;;;;AAIA;;;;AAGA;;;;;AAKA;;;;AAIA;;;;;AAAA;;;;;AAAA;;;;;AASA;;;;AAMA;;;;;AAIA;;;;;;;;;;;AAWA;;;;AAIA;;;;;;;;AAQA;;;;AAQA;;;;;;;;;;;;;;AAiBA;;;;AAAA;;;;AAIA;;;;;;;;;AAWA;;;;;;;AAQA;;;;;;;;;AASA;;;;AAGA;;;;;;AAMA;;;;;;;;;;;;AAWA;;;;;AAIA;;;;;AAIA;;;;;;;;;;AASA;;;;AAGA;;;;;AAKA;;;;AAQA;;;;AAaA;;;;AAGA;;;;AAGA;;;;;AAIA;;;;;AAKA;;;;;;;;;;AASA;;;;AAIA;;;;;;;AAAA;;;;;;;AAAA;;;;;;;AAAA;;;;;;;AAAA;;;;;;;AAWA;;;;AAIA;EACE;;;;;;AASF;;;;;;;;AAOA;;;;;;;;;;;;;;;;;;;;;;;AAsBA;;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;AAuBA;;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;AAuBA;;;;;AAKA;;;;;;;AAQA;;;;;;;;;AAQA;;;;;;;;;AAQA;;;;;;;;;AAQA;;;;;;;;;;;;;AAYA;;;;;;;;;;;;;AAYA;;;;;;;;;;;;;AAYA;;;;;AAIA;;;;AAGA;;;;AAGA;;;;AAGA;;;;AAIA;;;;;;;;;AAQA;;;;;AAIA;;;;AAGA;;;;AAIA;;;;;AAKA;;;;AAGA;;;;AAOA;;;;;;;AAOA;;;;;;;;;;AAWA;;;;;AAMA;;;;AAOA;;;;;AAQA;;;;;AAKA;;;;;;;;AAUA;;;;;AAMA;;;;;;AAKA;;;;;;;;AAQA;;;;;AAIA;;;;;AAIA;;;;;AAIA;;;;;AAKA;;;;;;AASA;;;;;;;AAOA;;;;AAKA;;;;AAOA;;;;;;;AAMA;;;;;;;AAMA;;;;AAGA;;;;AAGA;;;;AAGA;;;;AAGA;;;;;;;;;;;;;;;AAcA;;;;AAGA;;;;AAGA;;;;;AAIA;;;;;AAIA;;;;AAGA;;;;AAGA;;;;AAGA;;;;AAIA;;;;AAGA;;;;;AAQA;;;;;;;;AAOA;;;;;;;AAOA;;;;;;;;AAOA;;;;;;;;AAWA;;;;AAIA;;;;;;;;;;;;;;;;;;AAqBA;;;;;AAIA;EACE;;;;;AAIF;EACE;;;;;AAIF;;;;AAIA;;;;;;AAKA;;;;AAGA;;;;AAGA;;;;AAGA;;;;AAGA;;;;;;;;;;;;;;;AAcA;;;;AAGA;;;;AAIA;;;;;;;AAMA;;;;AAIA;;;;;;AAMA;;;;;AAIA;;;;;AAKA;;;;;AAMA;;;;;;;AAOA;;;;;;;AASA;;;;;AAKA;;;;AAKA;;;;AAGA;;;;;;;AAOA;;;;AAIA;;;;AAIA;;;;;;AAKA;;;;AAGA;;;;;;;;AAOA;;;;AAGA;;;;;AAIA;;;;AAGA;;;;;;;;;AAQA;;;;;;;AAMA;;;;;;AAMA;;;;AAMA;;;;AAGA;;;;AAGA;;;;AAIA;;;;AAOA;;;;;;;;;;;;;;AAmBA;;;;;AAIA;;;;AAGA;;;;AAGA;EACE;;;;;EAIA;;;;EAGA;;;;EAMA;;;;;AAKF;;;;;;;;;;AAWA;;;;AAKA;;;;;;;;;;;;;;;;;;;;AAoBA;;;;;;;AAOA;;;;AAIA;;;;AAIA;;;;;;;;;;AAUA;;;;AAKA;;;;;;;;;;;;;;AAeA;;;;;AAIA;;;;AAGA;;;;;;;;;;;;AAWA;;;;;AAIA;;;;AAGA;;;;;AAIA;;;;;;;;;;AAaA;;;;;AAMA;;;;;AAMA;;;;AAKA;;;;;AAKA;;;;AAGA;;;;;AAIA;;;;;AAIA;;;;;AAKA;;;;AAKA;;;;;;AAKA;;;;AAIA;;;;;AAQA;;;;AAIA;;;;;;;;;;;;;;AAaA;;;;;;;AAMA;;;;AAIA;;;;AAQA;;;;;;AAQA;;;;AAGA;;;;;;AAKA;;;;;;;;;;;;;;;;;;;;;;;AAsBA;;;;;;;;;;;;AAWA;;;;;;AAKA;;;;;;AAKA;;;;;AAOA;;;;;;AAKA;;;;;AAOA;;;;;;AAKA;;;;AAGA;EACE;;;;;EAIA;;;;EAGA;;;;;EAIA;;;;EAGA;;;;;EAIA;;;;EAGA;;;;;EAIA;;;;;AAIF;;;;;;;;;;;;AAUA;;;;;;;;;;;;;;;;AAaA;;;;;;;;;;;;AAUA;;;;;;;;;;;;;;;;AAaA;;;;;;;;;;;;AAUA;;;;;;;;;;;;;;;;AAaA;;;;;;;;;;;;AAUA;;;;;;;;;;;;;;;;AAiBA;;;;AAIA;;;;AAKA;;;;AAIA;;;;;AAKA;;;;AAYA;;;;AAOA;EACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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","sources":["66671e0fb4f6ef44","src/style/theme/pico.min.css","src/style/theme/tailwind-colors.less","src/style/theme/fonts.less","src/style/theme/main.less","src/style/theme/overrides.less","src/style/helpers.less","src/elements/components/style/dialog-window.less","src/elements/components/style/indeterminateProgress.less","src/elements/components/style/message-display.less","src/elements/components/style/spinner.less","src/elements/components/style/notify.less","src/framework/components/styles/base-page.less","src/framework/components/styles/main-panel.less","src/elements/components/style/ribbon-menu.less","src/elements/components/style/button-radio.less","src/elements/components/style/tab-container.less","src/elements/components/style/dropdown-button.less","src/elements/components/style/button-list.less","src/elements/components/style/dropdown.less","src/framework/components/styles/sub-panel.less","src/elements/components/style/accordion.less","src/elements/components/style/card.less","src/elements/components/style/check-list.less","src/elements/components/style/list.less","src/elements/components/style/menu.less","src/elements/components/style/dropdown-tree.less","src/elements/components/style/treeview.less","src/elements/components/style/form.less","src/elements/components/style/groupbox.less","src/elements/components/style/messagebox.less","src/elements/components/style/options-menu.less","src/elements/components/style/radial-menu.less","src/elements/components/style/taginput.less","src/elements/components/style/toolbar.less","src/framework/components/styles/app-host.less","src/framework/components/styles/nav-header-component.less"],"sourcesContent":["@import \"2ec4313a977555f1\";\n@import \"13d42e6e590b2c76\";\n@import \"15f859fc43763836\";\n@import \"aa537d0e0d2a2856\";\n@import \"b3cef801d6bb8679\";\n@import \"d0ddcd1b173e3f93\";\n@import \"53191513ad574c59\";\n@import \"9291804e6a19381b\";\n@import \"750bc7d064312883\";\n@import \"27d0027ee0d4c753\";\n@import \"27c35cf8c5721ac4\";\n@import \"817609c4b7be7e80\";\n@import \"d1e4b9feba27608f\";\n@import \"b29612ef02d7dc40\";\n@import \"c49137b44a0fdc6f\";\n@import \"42a689017e62e7c3\";\n@import \"10b02a77ad23c23e\";\n@import \"b00d80c1f41ba5ec\";\n@import \"301c678d8eba6be4\";\n@import \"5b5bf7c414130310\";\n@import \"8a0dcca9dca7e579\";\n@import \"e5e11412dd3f4f0c\";\n@import \"a1691b0cb321b5f5\";\n@import \"cbb755612bfb02dd\";\n@import \"6b81fa5304db283a\";\n@import \"d9cbaa449c86c926\";\n@import \"2fa4f2468bd72b22\";\n@import \"855d0669f8ca1737\";\n@import \"eef831a61afafeb8\";\n@import \"7c75f5627f559a53\";\n@import \"57e79b02547da85d\";\n@import \"1e6b2ee3289c0acb\";\n@import \"c0042c4816aaacac\";\n@import \"b5392ce55839916f\";\n@import \"cbb0aefc2b447364\";\n","@charset \"UTF-8\";\r\n/*!\r\n * Pico CSS v1.5.11 (https://picocss.com)\r\n * Copyright 2019-2023 - Licensed under MIT\r\n */\r\n/**\r\n * Theme: default\r\n */\r\n:root {\r\n --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\r\n \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\r\n \"Segoe UI Symbol\", \"Noto Color Emoji\";\r\n --line-height: 1.5;\r\n --font-weight: 400;\r\n --font-size: 16px;\r\n --border-radius: 0.25rem;\r\n --border-width: 1px;\r\n --outline-width: 3px;\r\n --spacing: 1rem;\r\n --typography-spacing-vertical: 1.5rem;\r\n --block-spacing-vertical: calc(var(--spacing) * 2);\r\n --block-spacing-horizontal: var(--spacing);\r\n --grid-spacing-vertical: 0;\r\n --grid-spacing-horizontal: var(--spacing);\r\n --form-element-spacing-vertical: 0.75rem;\r\n --form-element-spacing-horizontal: 1rem;\r\n --nav-element-spacing-vertical: 1rem;\r\n --nav-element-spacing-horizontal: 0.5rem;\r\n --nav-link-spacing-vertical: 0.5rem;\r\n --nav-link-spacing-horizontal: 0.5rem;\r\n --form-label-font-weight: var(--font-weight);\r\n --transition: 0.2s ease-in-out;\r\n --modal-overlay-backdrop-filter: blur(0.25rem);\r\n}\r\n@media (min-width: 576px) {\r\n :root {\r\n --font-size: 17px;\r\n }\r\n}\r\n@media (min-width: 768px) {\r\n :root {\r\n --font-size: 18px;\r\n }\r\n}\r\n@media (min-width: 992px) {\r\n :root {\r\n --font-size: 19px;\r\n }\r\n}\r\n@media (min-width: 1200px) {\r\n :root {\r\n --font-size: 20px;\r\n }\r\n}\r\n\r\n@media (min-width: 576px) {\r\n body > header,\r\n body > main,\r\n body > footer,\r\n section {\r\n --block-spacing-vertical: calc(var(--spacing) * 2.5);\r\n }\r\n}\r\n@media (min-width: 768px) {\r\n body > header,\r\n body > main,\r\n body > footer,\r\n section {\r\n --block-spacing-vertical: calc(var(--spacing) * 3);\r\n }\r\n}\r\n@media (min-width: 992px) {\r\n body > header,\r\n body > main,\r\n body > footer,\r\n section {\r\n --block-spacing-vertical: calc(var(--spacing) * 3.5);\r\n }\r\n}\r\n@media (min-width: 1200px) {\r\n body > header,\r\n body > main,\r\n body > footer,\r\n section {\r\n --block-spacing-vertical: calc(var(--spacing) * 4);\r\n }\r\n}\r\n\r\n@media (min-width: 576px) {\r\n article {\r\n --block-spacing-horizontal: calc(var(--spacing) * 1.25);\r\n }\r\n}\r\n@media (min-width: 768px) {\r\n article {\r\n --block-spacing-horizontal: calc(var(--spacing) * 1.5);\r\n }\r\n}\r\n@media (min-width: 992px) {\r\n article {\r\n --block-spacing-horizontal: calc(var(--spacing) * 1.75);\r\n }\r\n}\r\n@media (min-width: 1200px) {\r\n article {\r\n --block-spacing-horizontal: calc(var(--spacing) * 2);\r\n }\r\n}\r\n\r\ndialog > article {\r\n --block-spacing-vertical: calc(var(--spacing) * 2);\r\n --block-spacing-horizontal: var(--spacing);\r\n}\r\n@media (min-width: 576px) {\r\n dialog > article {\r\n --block-spacing-vertical: calc(var(--spacing) * 2.5);\r\n --block-spacing-horizontal: calc(var(--spacing) * 1.25);\r\n }\r\n}\r\n@media (min-width: 768px) {\r\n dialog > article {\r\n --block-spacing-vertical: calc(var(--spacing) * 3);\r\n --block-spacing-horizontal: calc(var(--spacing) * 1.5);\r\n }\r\n}\r\n\r\na {\r\n --text-decoration: none;\r\n}\r\na.secondary, a.contrast {\r\n --text-decoration: underline;\r\n}\r\n\r\nsmall {\r\n --font-size: 0.875em;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n --font-weight: 700;\r\n}\r\n\r\nh1 {\r\n --font-size: 2rem;\r\n --typography-spacing-vertical: 3rem;\r\n}\r\n\r\nh2 {\r\n --font-size: 1.75rem;\r\n --typography-spacing-vertical: 2.625rem;\r\n}\r\n\r\nh3 {\r\n --font-size: 1.5rem;\r\n --typography-spacing-vertical: 2.25rem;\r\n}\r\n\r\nh4 {\r\n --font-size: 1.25rem;\r\n --typography-spacing-vertical: 1.874rem;\r\n}\r\n\r\nh5 {\r\n --font-size: 1.125rem;\r\n --typography-spacing-vertical: 1.6875rem;\r\n}\r\n\r\n[type=checkbox],\r\n[type=radio] {\r\n --border-width: 2px;\r\n}\r\n\r\n[type=checkbox][role=switch] {\r\n --border-width: 3px;\r\n}\r\n\r\nthead th,\r\nthead td,\r\ntfoot th,\r\ntfoot td {\r\n --border-width: 3px;\r\n}\r\n\r\n:not(thead, tfoot) > * > td {\r\n --font-size: 0.875em;\r\n}\r\n\r\npre,\r\ncode,\r\nkbd,\r\nsamp {\r\n --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\r\n \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\r\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\r\n}\r\n\r\nkbd {\r\n --font-weight: bolder;\r\n}\r\n\r\n[data-theme=light],\r\n:root:not([data-theme=dark]) {\r\n --background-color: #fff;\r\n --color: hsl(205, 20%, 32%);\r\n --h1-color: hsl(205, 30%, 15%);\r\n --h2-color: #24333e;\r\n --h3-color: hsl(205, 25%, 23%);\r\n --h4-color: #374956;\r\n --h5-color: hsl(205, 20%, 32%);\r\n --h6-color: #4d606d;\r\n --muted-color: hsl(205, 10%, 50%);\r\n --muted-border-color: hsl(205, 20%, 94%);\r\n --primary: hsl(195, 85%, 41%);\r\n --primary-hover: hsl(195, 90%, 32%);\r\n --primary-focus: rgba(16, 149, 193, 0.125);\r\n --primary-inverse: #fff;\r\n --secondary: hsl(205, 15%, 41%);\r\n --secondary-hover: hsl(205, 20%, 32%);\r\n --secondary-focus: rgba(89, 107, 120, 0.125);\r\n --secondary-inverse: #fff;\r\n --contrast: hsl(205, 30%, 15%);\r\n --contrast-hover: #000;\r\n --contrast-focus: rgba(89, 107, 120, 0.125);\r\n --contrast-inverse: #fff;\r\n --mark-background-color: #fff2ca;\r\n --mark-color: #543a26;\r\n --ins-color: #388e3c;\r\n --del-color: #c62828;\r\n --blockquote-border-color: var(--muted-border-color);\r\n --blockquote-footer-color: var(--muted-color);\r\n --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n --form-element-background-color: transparent;\r\n --form-element-border-color: hsl(205, 14%, 68%);\r\n --form-element-color: var(--color);\r\n --form-element-placeholder-color: var(--muted-color);\r\n --form-element-active-background-color: transparent;\r\n --form-element-active-border-color: var(--primary);\r\n --form-element-focus-color: var(--primary-focus);\r\n --form-element-disabled-background-color: hsl(205, 18%, 86%);\r\n --form-element-disabled-border-color: hsl(205, 14%, 68%);\r\n --form-element-disabled-opacity: 0.5;\r\n --form-element-invalid-border-color: #c62828;\r\n --form-element-invalid-active-border-color: #d32f2f;\r\n --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);\r\n --form-element-valid-border-color: #388e3c;\r\n --form-element-valid-active-border-color: #43a047;\r\n --form-element-valid-focus-color: rgba(67, 160, 71, 0.125);\r\n --switch-background-color: hsl(205, 16%, 77%);\r\n --switch-color: var(--primary-inverse);\r\n --switch-checked-background-color: var(--primary);\r\n --range-border-color: hsl(205, 18%, 86%);\r\n --range-active-border-color: hsl(205, 16%, 77%);\r\n --range-thumb-border-color: var(--background-color);\r\n --range-thumb-color: var(--secondary);\r\n --range-thumb-hover-color: var(--secondary-hover);\r\n --range-thumb-active-color: var(--primary);\r\n --table-border-color: var(--muted-border-color);\r\n --table-row-stripped-background-color: #f6f8f9;\r\n --code-background-color: hsl(205, 20%, 94%);\r\n --code-color: var(--muted-color);\r\n --code-kbd-background-color: var(--contrast);\r\n --code-kbd-color: var(--contrast-inverse);\r\n --code-tag-color: hsl(330, 40%, 50%);\r\n --code-property-color: hsl(185, 40%, 40%);\r\n --code-value-color: hsl(40, 20%, 50%);\r\n --code-comment-color: hsl(205, 14%, 68%);\r\n --accordion-border-color: var(--muted-border-color);\r\n --accordion-close-summary-color: var(--color);\r\n --accordion-open-summary-color: var(--muted-color);\r\n --card-background-color: var(--background-color);\r\n --card-border-color: var(--muted-border-color);\r\n --card-box-shadow:\r\n 0.0145rem 0.029rem 0.174rem rgba(27, 40, 50, 0.01698),\r\n 0.0335rem 0.067rem 0.402rem rgba(27, 40, 50, 0.024),\r\n 0.0625rem 0.125rem 0.75rem rgba(27, 40, 50, 0.03),\r\n 0.1125rem 0.225rem 1.35rem rgba(27, 40, 50, 0.036),\r\n 0.2085rem 0.417rem 2.502rem rgba(27, 40, 50, 0.04302),\r\n 0.5rem 1rem 6rem rgba(27, 40, 50, 0.06),\r\n 0 0 0 0.0625rem rgba(27, 40, 50, 0.015);\r\n --card-sectionning-background-color: #fbfbfc;\r\n --dropdown-background-color: #fbfbfc;\r\n --dropdown-border-color: #e1e6eb;\r\n --dropdown-box-shadow: var(--card-box-shadow);\r\n --dropdown-color: var(--color);\r\n --dropdown-hover-background-color: hsl(205, 20%, 94%);\r\n --modal-overlay-background-color: rgba(213, 220, 226, 0.7);\r\n --progress-background-color: hsl(205, 18%, 86%);\r\n --progress-color: var(--primary);\r\n --loading-spinner-opacity: 0.5;\r\n --tooltip-background-color: var(--contrast);\r\n --tooltip-color: var(--contrast-inverse);\r\n --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n --icon-chevron-button: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n --icon-chevron-button-inverse: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\r\n --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\r\n --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(198, 40, 40)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\r\n --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\r\n --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\r\n --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\r\n --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(56, 142, 60)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n color-scheme: light;\r\n}\r\n\r\n@media only screen and (prefers-color-scheme: dark) {\r\n :root:not([data-theme]) {\r\n --background-color: #11191f;\r\n --color: hsl(205, 16%, 77%);\r\n --h1-color: hsl(205, 20%, 94%);\r\n --h2-color: #e1e6eb;\r\n --h3-color: hsl(205, 18%, 86%);\r\n --h4-color: #c8d1d8;\r\n --h5-color: hsl(205, 16%, 77%);\r\n --h6-color: #afbbc4;\r\n --muted-color: hsl(205, 10%, 50%);\r\n --muted-border-color: #1f2d38;\r\n --primary: hsl(195, 85%, 41%);\r\n --primary-hover: hsl(195, 80%, 50%);\r\n --primary-focus: rgba(16, 149, 193, 0.25);\r\n --primary-inverse: #fff;\r\n --secondary: hsl(205, 15%, 41%);\r\n --secondary-hover: hsl(205, 10%, 50%);\r\n --secondary-focus: rgba(115, 130, 140, 0.25);\r\n --secondary-inverse: #fff;\r\n --contrast: hsl(205, 20%, 94%);\r\n --contrast-hover: #fff;\r\n --contrast-focus: rgba(115, 130, 140, 0.25);\r\n --contrast-inverse: #000;\r\n --mark-background-color: #d1c284;\r\n --mark-color: #11191f;\r\n --ins-color: #388e3c;\r\n --del-color: #c62828;\r\n --blockquote-border-color: var(--muted-border-color);\r\n --blockquote-footer-color: var(--muted-color);\r\n --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n --form-element-background-color: #11191f;\r\n --form-element-border-color: #374956;\r\n --form-element-color: var(--color);\r\n --form-element-placeholder-color: var(--muted-color);\r\n --form-element-active-background-color: var(--form-element-background-color);\r\n --form-element-active-border-color: var(--primary);\r\n --form-element-focus-color: var(--primary-focus);\r\n --form-element-disabled-background-color: hsl(205, 25%, 23%);\r\n --form-element-disabled-border-color: hsl(205, 20%, 32%);\r\n --form-element-disabled-opacity: 0.5;\r\n --form-element-invalid-border-color: #b71c1c;\r\n --form-element-invalid-active-border-color: #c62828;\r\n --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\r\n --form-element-valid-border-color: #2e7d32;\r\n --form-element-valid-active-border-color: #388e3c;\r\n --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\r\n --switch-background-color: #374956;\r\n --switch-color: var(--primary-inverse);\r\n --switch-checked-background-color: var(--primary);\r\n --range-border-color: #24333e;\r\n --range-active-border-color: hsl(205, 25%, 23%);\r\n --range-thumb-border-color: var(--background-color);\r\n --range-thumb-color: var(--secondary);\r\n --range-thumb-hover-color: var(--secondary-hover);\r\n --range-thumb-active-color: var(--primary);\r\n --table-border-color: var(--muted-border-color);\r\n --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\r\n --code-background-color: #18232c;\r\n --code-color: var(--muted-color);\r\n --code-kbd-background-color: var(--contrast);\r\n --code-kbd-color: var(--contrast-inverse);\r\n --code-tag-color: hsl(330, 30%, 50%);\r\n --code-property-color: hsl(185, 30%, 50%);\r\n --code-value-color: hsl(40, 10%, 50%);\r\n --code-comment-color: #4d606d;\r\n --accordion-border-color: var(--muted-border-color);\r\n --accordion-active-summary-color: var(--primary);\r\n --accordion-close-summary-color: var(--color);\r\n --accordion-open-summary-color: var(--muted-color);\r\n --card-background-color: #141e26;\r\n --card-border-color: var(--card-background-color);\r\n --card-box-shadow:\r\n 0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698),\r\n 0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024),\r\n 0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03),\r\n 0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036),\r\n 0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302),\r\n 0.5rem 1rem 6rem rgba(0, 0, 0, 0.06),\r\n 0 0 0 0.0625rem rgba(0, 0, 0, 0.015);\r\n --card-sectionning-background-color: #18232c;\r\n --dropdown-background-color: hsl(205, 30%, 15%);\r\n --dropdown-border-color: #24333e;\r\n --dropdown-box-shadow: var(--card-box-shadow);\r\n --dropdown-color: var(--color);\r\n --dropdown-hover-background-color: rgba(36, 51, 62, 0.75);\r\n --modal-overlay-background-color: rgba(36, 51, 62, 0.8);\r\n --progress-background-color: #24333e;\r\n --progress-color: var(--primary);\r\n --loading-spinner-opacity: 0.5;\r\n --tooltip-background-color: var(--contrast);\r\n --tooltip-color: var(--contrast-inverse);\r\n --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n --icon-chevron-button: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n --icon-chevron-button-inverse: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\r\n --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\r\n --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(183, 28, 28)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\r\n --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\r\n --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\r\n --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\r\n --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(46, 125, 50)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n color-scheme: dark;\r\n }\r\n}\r\n[data-theme=dark] {\r\n --background-color: #11191f;\r\n --color: hsl(205, 16%, 77%);\r\n --h1-color: hsl(205, 20%, 94%);\r\n --h2-color: #e1e6eb;\r\n --h3-color: hsl(205, 18%, 86%);\r\n --h4-color: #c8d1d8;\r\n --h5-color: hsl(205, 16%, 77%);\r\n --h6-color: #afbbc4;\r\n --muted-color: hsl(205, 10%, 50%);\r\n --muted-border-color: #1f2d38;\r\n --primary: hsl(195, 85%, 41%);\r\n --primary-hover: hsl(195, 80%, 50%);\r\n --primary-focus: rgba(16, 149, 193, 0.25);\r\n --primary-inverse: #fff;\r\n --secondary: hsl(205, 15%, 41%);\r\n --secondary-hover: hsl(205, 10%, 50%);\r\n --secondary-focus: rgba(115, 130, 140, 0.25);\r\n --secondary-inverse: #fff;\r\n --contrast: hsl(205, 20%, 94%);\r\n --contrast-hover: #fff;\r\n --contrast-focus: rgba(115, 130, 140, 0.25);\r\n --contrast-inverse: #000;\r\n --mark-background-color: #d1c284;\r\n --mark-color: #11191f;\r\n --ins-color: #388e3c;\r\n --del-color: #c62828;\r\n --blockquote-border-color: var(--muted-border-color);\r\n --blockquote-footer-color: var(--muted-color);\r\n --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n --form-element-background-color: #11191f;\r\n --form-element-border-color: #374956;\r\n --form-element-color: var(--color);\r\n --form-element-placeholder-color: var(--muted-color);\r\n --form-element-active-background-color: var(--form-element-background-color);\r\n --form-element-active-border-color: var(--primary);\r\n --form-element-focus-color: var(--primary-focus);\r\n --form-element-disabled-background-color: hsl(205, 25%, 23%);\r\n --form-element-disabled-border-color: hsl(205, 20%, 32%);\r\n --form-element-disabled-opacity: 0.5;\r\n --form-element-invalid-border-color: #b71c1c;\r\n --form-element-invalid-active-border-color: #c62828;\r\n --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\r\n --form-element-valid-border-color: #2e7d32;\r\n --form-element-valid-active-border-color: #388e3c;\r\n --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\r\n --switch-background-color: #374956;\r\n --switch-color: var(--primary-inverse);\r\n --switch-checked-background-color: var(--primary);\r\n --range-border-color: #24333e;\r\n --range-active-border-color: hsl(205, 25%, 23%);\r\n --range-thumb-border-color: var(--background-color);\r\n --range-thumb-color: var(--secondary);\r\n --range-thumb-hover-color: var(--secondary-hover);\r\n --range-thumb-active-color: var(--primary);\r\n --table-border-color: var(--muted-border-color);\r\n --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\r\n --code-background-color: #18232c;\r\n --code-color: var(--muted-color);\r\n --code-kbd-background-color: var(--contrast);\r\n --code-kbd-color: var(--contrast-inverse);\r\n --code-tag-color: hsl(330, 30%, 50%);\r\n --code-property-color: hsl(185, 30%, 50%);\r\n --code-value-color: hsl(40, 10%, 50%);\r\n --code-comment-color: #4d606d;\r\n --accordion-border-color: var(--muted-border-color);\r\n --accordion-active-summary-color: var(--primary);\r\n --accordion-close-summary-color: var(--color);\r\n --accordion-open-summary-color: var(--muted-color);\r\n --card-background-color: #141e26;\r\n --card-border-color: var(--card-background-color);\r\n --card-box-shadow:\r\n 0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698),\r\n 0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024),\r\n 0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03),\r\n 0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036),\r\n 0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302),\r\n 0.5rem 1rem 6rem rgba(0, 0, 0, 0.06),\r\n 0 0 0 0.0625rem rgba(0, 0, 0, 0.015);\r\n --card-sectionning-background-color: #18232c;\r\n --dropdown-background-color: hsl(205, 30%, 15%);\r\n --dropdown-border-color: #24333e;\r\n --dropdown-box-shadow: var(--card-box-shadow);\r\n --dropdown-color: var(--color);\r\n --dropdown-hover-background-color: rgba(36, 51, 62, 0.75);\r\n --modal-overlay-background-color: rgba(36, 51, 62, 0.8);\r\n --progress-background-color: #24333e;\r\n --progress-color: var(--primary);\r\n --loading-spinner-opacity: 0.5;\r\n --tooltip-background-color: var(--contrast);\r\n --tooltip-color: var(--contrast-inverse);\r\n --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n --icon-chevron-button: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n --icon-chevron-button-inverse: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\r\n --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\r\n --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(183, 28, 28)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\r\n --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\r\n --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\r\n --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\r\n --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(46, 125, 50)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n color-scheme: dark;\r\n}\r\n\r\nprogress,\r\n[type=checkbox],\r\n[type=radio],\r\n[type=range] {\r\n accent-color: var(--primary);\r\n}\r\n\r\n/**\r\n * Document\r\n * Content-box & Responsive typography\r\n */\r\n*,\r\n*::before,\r\n*::after {\r\n box-sizing: border-box;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n::before,\r\n::after {\r\n text-decoration: inherit;\r\n vertical-align: inherit;\r\n}\r\n\r\n:where(:root) {\r\n -webkit-tap-highlight-color: transparent;\r\n -webkit-text-size-adjust: 100%;\r\n -moz-text-size-adjust: 100%;\r\n text-size-adjust: 100%;\r\n background-color: var(--background-color);\r\n color: var(--color);\r\n font-weight: var(--font-weight);\r\n font-size: var(--font-size);\r\n line-height: var(--line-height);\r\n font-family: var(--font-family);\r\n text-rendering: optimizeLegibility;\r\n overflow-wrap: break-word;\r\n cursor: default;\r\n -moz-tab-size: 4;\r\n -o-tab-size: 4;\r\n tab-size: 4;\r\n}\r\n\r\n/**\r\n * Sectioning\r\n * Container and responsive spacings for header, main, footer\r\n */\r\nmain {\r\n display: block;\r\n}\r\n\r\nbody {\r\n width: 100%;\r\n margin: 0;\r\n}\r\nbody > header,\r\nbody > main,\r\nbody > footer {\r\n width: 100%;\r\n margin-right: auto;\r\n margin-left: auto;\r\n padding: var(--block-spacing-vertical) 0;\r\n}\r\n\r\n/**\r\n* Container\r\n*/\r\n.container,\r\n.container-fluid {\r\n width: 100%;\r\n margin-right: auto;\r\n margin-left: auto;\r\n padding-right: var(--spacing);\r\n padding-left: var(--spacing);\r\n}\r\n\r\n@media (min-width: 576px) {\r\n .container {\r\n max-width: 510px;\r\n padding-right: 0;\r\n padding-left: 0;\r\n }\r\n}\r\n@media (min-width: 768px) {\r\n .container {\r\n max-width: 700px;\r\n }\r\n}\r\n@media (min-width: 992px) {\r\n .container {\r\n max-width: 920px;\r\n }\r\n}\r\n@media (min-width: 1200px) {\r\n .container {\r\n max-width: 1130px;\r\n }\r\n}\r\n\r\n/**\r\n * Section\r\n * Responsive spacings for section\r\n */\r\nsection {\r\n margin-bottom: var(--block-spacing-vertical);\r\n}\r\n\r\n/**\r\n* Grid\r\n* Minimal grid system with auto-layout columns\r\n*/\r\n.grid {\r\n grid-column-gap: var(--grid-spacing-horizontal);\r\n grid-row-gap: var(--grid-spacing-vertical);\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n margin: 0;\r\n}\r\n@media (min-width: 992px) {\r\n .grid {\r\n grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\r\n }\r\n}\r\n.grid > * {\r\n min-width: 0;\r\n}\r\n\r\n/**\r\n * Horizontal scroller (<figure>)\r\n */\r\nfigure {\r\n display: block;\r\n margin: 0;\r\n padding: 0;\r\n overflow-x: auto;\r\n}\r\nfigure figcaption {\r\n padding: calc(var(--spacing) * 0.5) 0;\r\n color: var(--muted-color);\r\n}\r\n\r\n/**\r\n * Typography\r\n */\r\nb,\r\nstrong {\r\n font-weight: bolder;\r\n}\r\n\r\nsub,\r\nsup {\r\n position: relative;\r\n font-size: 0.75em;\r\n line-height: 0;\r\n vertical-align: baseline;\r\n}\r\n\r\nsub {\r\n bottom: -0.25em;\r\n}\r\n\r\nsup {\r\n top: -0.5em;\r\n}\r\n\r\naddress,\r\nblockquote,\r\ndl,\r\nfigure,\r\nform,\r\nol,\r\np,\r\npre,\r\ntable,\r\nul {\r\n margin-top: 0;\r\n margin-bottom: var(--typography-spacing-vertical);\r\n color: var(--color);\r\n font-style: normal;\r\n font-weight: var(--font-weight);\r\n font-size: var(--font-size);\r\n}\r\n\r\na,\r\n[role=link] {\r\n --color: var(--primary);\r\n --background-color: transparent;\r\n outline: none;\r\n background-color: var(--background-color);\r\n color: var(--color);\r\n -webkit-text-decoration: var(--text-decoration);\r\n text-decoration: var(--text-decoration);\r\n transition: background-color var(--transition), color var(--transition), box-shadow var(--transition), -webkit-text-decoration var(--transition);\r\n transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\r\n transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition), -webkit-text-decoration var(--transition);\r\n}\r\na:is([aria-current], :hover, :active, :focus),\r\n[role=link]:is([aria-current], :hover, :active, :focus) {\r\n --color: var(--primary-hover);\r\n --text-decoration: underline;\r\n}\r\na:focus,\r\n[role=link]:focus {\r\n --background-color: var(--primary-focus);\r\n}\r\na.secondary,\r\n[role=link].secondary {\r\n --color: var(--secondary);\r\n}\r\na.secondary:is([aria-current], :hover, :active, :focus),\r\n[role=link].secondary:is([aria-current], :hover, :active, :focus) {\r\n --color: var(--secondary-hover);\r\n}\r\na.secondary:focus,\r\n[role=link].secondary:focus {\r\n --background-color: var(--secondary-focus);\r\n}\r\na.contrast,\r\n[role=link].contrast {\r\n --color: var(--contrast);\r\n}\r\na.contrast:is([aria-current], :hover, :active, :focus),\r\n[role=link].contrast:is([aria-current], :hover, :active, :focus) {\r\n --color: var(--contrast-hover);\r\n}\r\na.contrast:focus,\r\n[role=link].contrast:focus {\r\n --background-color: var(--contrast-focus);\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin-top: 0;\r\n margin-bottom: var(--typography-spacing-vertical);\r\n color: var(--color);\r\n font-weight: var(--font-weight);\r\n font-size: var(--font-size);\r\n font-family: var(--font-family);\r\n}\r\n\r\nh1 {\r\n --color: var(--h1-color);\r\n}\r\n\r\nh2 {\r\n --color: var(--h2-color);\r\n}\r\n\r\nh3 {\r\n --color: var(--h3-color);\r\n}\r\n\r\nh4 {\r\n --color: var(--h4-color);\r\n}\r\n\r\nh5 {\r\n --color: var(--h5-color);\r\n}\r\n\r\nh6 {\r\n --color: var(--h6-color);\r\n}\r\n\r\n:where(address, blockquote, dl, figure, form, ol, p, pre, table, ul) ~ :is(h1, h2, h3, h4, h5, h6) {\r\n margin-top: var(--typography-spacing-vertical);\r\n}\r\n\r\nhgroup,\r\n.headings {\r\n margin-bottom: var(--typography-spacing-vertical);\r\n}\r\nhgroup > *,\r\n.headings > * {\r\n margin-bottom: 0;\r\n}\r\nhgroup > *:last-child,\r\n.headings > *:last-child {\r\n --color: var(--muted-color);\r\n --font-weight: unset;\r\n font-size: 1rem;\r\n font-family: unset;\r\n}\r\n\r\np {\r\n margin-bottom: var(--typography-spacing-vertical);\r\n}\r\n\r\nsmall {\r\n font-size: var(--font-size);\r\n}\r\n\r\n:where(dl, ol, ul) {\r\n padding-right: 0;\r\n padding-left: var(--spacing);\r\n padding-inline-start: var(--spacing);\r\n padding-inline-end: 0;\r\n}\r\n:where(dl, ol, ul) li {\r\n margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\r\n}\r\n\r\n:where(dl, ol, ul) :is(dl, ol, ul) {\r\n margin: 0;\r\n margin-top: calc(var(--typography-spacing-vertical) * 0.25);\r\n}\r\n\r\nul li {\r\n list-style: square;\r\n}\r\n\r\nmark {\r\n padding: 0.125rem 0.25rem;\r\n background-color: var(--mark-background-color);\r\n color: var(--mark-color);\r\n vertical-align: baseline;\r\n}\r\n\r\nblockquote {\r\n display: block;\r\n margin: var(--typography-spacing-vertical) 0;\r\n padding: var(--spacing);\r\n border-right: none;\r\n border-left: 0.25rem solid var(--blockquote-border-color);\r\n border-inline-start: 0.25rem solid var(--blockquote-border-color);\r\n border-inline-end: none;\r\n}\r\nblockquote footer {\r\n margin-top: calc(var(--typography-spacing-vertical) * 0.5);\r\n color: var(--blockquote-footer-color);\r\n}\r\n\r\nabbr[title] {\r\n border-bottom: 1px dotted;\r\n text-decoration: none;\r\n cursor: help;\r\n}\r\n\r\nins {\r\n color: var(--ins-color);\r\n text-decoration: none;\r\n}\r\n\r\ndel {\r\n color: var(--del-color);\r\n}\r\n\r\n::-moz-selection {\r\n background-color: var(--primary-focus);\r\n}\r\n\r\n::selection {\r\n background-color: var(--primary-focus);\r\n}\r\n\r\n/**\r\n * Embedded content\r\n */\r\n:where(audio, canvas, iframe, img, svg, video) {\r\n vertical-align: middle;\r\n}\r\n\r\naudio,\r\nvideo {\r\n display: inline-block;\r\n}\r\n\r\naudio:not([controls]) {\r\n display: none;\r\n height: 0;\r\n}\r\n\r\n:where(iframe) {\r\n border-style: none;\r\n}\r\n\r\nimg {\r\n max-width: 100%;\r\n height: auto;\r\n border-style: none;\r\n}\r\n\r\n:where(svg:not([fill])) {\r\n fill: currentColor;\r\n}\r\n\r\nsvg:not(:root) {\r\n overflow: hidden;\r\n}\r\n\r\n/**\r\n * Button\r\n */\r\nbutton {\r\n margin: 0;\r\n overflow: visible;\r\n font-family: inherit;\r\n text-transform: none;\r\n}\r\n\r\nbutton,\r\n[type=button],\r\n[type=reset],\r\n[type=submit] {\r\n -webkit-appearance: button;\r\n}\r\n\r\nbutton {\r\n display: block;\r\n width: 100%;\r\n margin-bottom: var(--spacing);\r\n}\r\n\r\n[role=button] {\r\n display: inline-block;\r\n text-decoration: none;\r\n}\r\n\r\nbutton,\r\ninput[type=submit],\r\ninput[type=button],\r\ninput[type=reset],\r\n[role=button] {\r\n --background-color: var(--primary);\r\n --border-color: var(--primary);\r\n --color: var(--primary-inverse);\r\n --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\r\n padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\r\n border: var(--border-width) solid var(--border-color);\r\n border-radius: var(--border-radius);\r\n outline: none;\r\n background-color: var(--background-color);\r\n box-shadow: var(--box-shadow);\r\n color: var(--color);\r\n font-weight: var(--font-weight);\r\n font-size: 1rem;\r\n line-height: var(--line-height);\r\n text-align: center;\r\n cursor: pointer;\r\n transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\r\n}\r\nbutton:is([aria-current], :hover, :active, :focus),\r\ninput[type=submit]:is([aria-current], :hover, :active, :focus),\r\ninput[type=button]:is([aria-current], :hover, :active, :focus),\r\ninput[type=reset]:is([aria-current], :hover, :active, :focus),\r\n[role=button]:is([aria-current], :hover, :active, :focus) {\r\n --background-color: var(--primary-hover);\r\n --border-color: var(--primary-hover);\r\n --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\r\n --color: var(--primary-inverse);\r\n}\r\nbutton:focus,\r\ninput[type=submit]:focus,\r\ninput[type=button]:focus,\r\ninput[type=reset]:focus,\r\n[role=button]:focus {\r\n --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n 0 0 0 var(--outline-width) var(--primary-focus);\r\n}\r\n\r\n:is(button, input[type=submit], input[type=button], [role=button]).secondary,\r\ninput[type=reset] {\r\n --background-color: var(--secondary);\r\n --border-color: var(--secondary);\r\n --color: var(--secondary-inverse);\r\n cursor: pointer;\r\n}\r\n:is(button, input[type=submit], input[type=button], [role=button]).secondary:is([aria-current], :hover, :active, :focus),\r\ninput[type=reset]:is([aria-current], :hover, :active, :focus) {\r\n --background-color: var(--secondary-hover);\r\n --border-color: var(--secondary-hover);\r\n --color: var(--secondary-inverse);\r\n}\r\n:is(button, input[type=submit], input[type=button], [role=button]).secondary:focus,\r\ninput[type=reset]:focus {\r\n --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n 0 0 0 var(--outline-width) var(--secondary-focus);\r\n}\r\n\r\n:is(button, input[type=submit], input[type=button], [role=button]).contrast {\r\n --background-color: var(--contrast);\r\n --border-color: var(--contrast);\r\n --color: var(--contrast-inverse);\r\n}\r\n:is(button, input[type=submit], input[type=button], [role=button]).contrast:is([aria-current], :hover, :active, :focus) {\r\n --background-color: var(--contrast-hover);\r\n --border-color: var(--contrast-hover);\r\n --color: var(--contrast-inverse);\r\n}\r\n:is(button, input[type=submit], input[type=button], [role=button]).contrast:focus {\r\n --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n 0 0 0 var(--outline-width) var(--contrast-focus);\r\n}\r\n\r\n:is(button, input[type=submit], input[type=button], [role=button]).outline,\r\ninput[type=reset].outline {\r\n --background-color: transparent;\r\n --color: var(--primary);\r\n}\r\n:is(button, input[type=submit], input[type=button], [role=button]).outline:is([aria-current], :hover, :active, :focus),\r\ninput[type=reset].outline:is([aria-current], :hover, :active, :focus) {\r\n --background-color: transparent;\r\n --color: var(--primary-hover);\r\n}\r\n\r\n:is(button, input[type=submit], input[type=button], [role=button]).outline.secondary,\r\ninput[type=reset].outline {\r\n --color: var(--secondary);\r\n}\r\n:is(button, input[type=submit], input[type=button], [role=button]).outline.secondary:is([aria-current], :hover, :active, :focus),\r\ninput[type=reset].outline:is([aria-current], :hover, :active, :focus) {\r\n --color: var(--secondary-hover);\r\n}\r\n\r\n:is(button, input[type=submit], input[type=button], [role=button]).outline.contrast {\r\n --color: var(--contrast);\r\n}\r\n:is(button, input[type=submit], input[type=button], [role=button]).outline.contrast:is([aria-current], :hover, :active, :focus) {\r\n --color: var(--contrast-hover);\r\n}\r\n\r\n:where(button, [type=submit], [type=button], [type=reset], [role=button])[disabled],\r\n:where(fieldset[disabled]) :is(button, [type=submit], [type=button], [type=reset], [role=button]),\r\na[role=button]:not([href]) {\r\n opacity: 0.5;\r\n pointer-events: none;\r\n}\r\n\r\n/**\r\n * Form elements\r\n */\r\ninput,\r\noptgroup,\r\nselect,\r\ntextarea {\r\n margin: 0;\r\n font-size: 1rem;\r\n line-height: var(--line-height);\r\n font-family: inherit;\r\n letter-spacing: inherit;\r\n}\r\n\r\ninput {\r\n overflow: visible;\r\n}\r\n\r\nselect {\r\n text-transform: none;\r\n}\r\n\r\nlegend {\r\n max-width: 100%;\r\n padding: 0;\r\n color: inherit;\r\n white-space: normal;\r\n}\r\n\r\ntextarea {\r\n overflow: auto;\r\n}\r\n\r\n[type=checkbox],\r\n[type=radio] {\r\n padding: 0;\r\n}\r\n\r\n::-webkit-inner-spin-button,\r\n::-webkit-outer-spin-button {\r\n height: auto;\r\n}\r\n\r\n[type=search] {\r\n -webkit-appearance: textfield;\r\n outline-offset: -2px;\r\n}\r\n\r\n[type=search]::-webkit-search-decoration {\r\n -webkit-appearance: none;\r\n}\r\n\r\n::-webkit-file-upload-button {\r\n -webkit-appearance: button;\r\n font: inherit;\r\n}\r\n\r\n::-moz-focus-inner {\r\n padding: 0;\r\n border-style: none;\r\n}\r\n\r\n:-moz-focusring {\r\n outline: none;\r\n}\r\n\r\n:-moz-ui-invalid {\r\n box-shadow: none;\r\n}\r\n\r\n::-ms-expand {\r\n display: none;\r\n}\r\n\r\n[type=file],\r\n[type=range] {\r\n padding: 0;\r\n border-width: 0;\r\n}\r\n\r\ninput:not([type=checkbox], [type=radio], [type=range]) {\r\n height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\r\n}\r\n\r\nfieldset {\r\n margin: 0;\r\n margin-bottom: var(--spacing);\r\n padding: 0;\r\n border: 0;\r\n}\r\n\r\nlabel,\r\nfieldset legend {\r\n display: block;\r\n margin-bottom: calc(var(--spacing) * 0.25);\r\n font-weight: var(--form-label-font-weight, var(--font-weight));\r\n}\r\n\r\ninput:not([type=checkbox], [type=radio]),\r\nselect,\r\ntextarea {\r\n width: 100%;\r\n}\r\n\r\ninput:not([type=checkbox], [type=radio], [type=range], [type=file]),\r\nselect,\r\ntextarea {\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n appearance: none;\r\n padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\r\n}\r\n\r\ninput,\r\nselect,\r\ntextarea {\r\n --background-color: var(--form-element-background-color);\r\n --border-color: var(--form-element-border-color);\r\n --color: var(--form-element-color);\r\n --box-shadow: none;\r\n border: var(--border-width) solid var(--border-color);\r\n border-radius: var(--border-radius);\r\n outline: none;\r\n background-color: var(--background-color);\r\n box-shadow: var(--box-shadow);\r\n color: var(--color);\r\n font-weight: var(--font-weight);\r\n transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\r\n}\r\n\r\ninput:not([type=submit], [type=button], [type=reset], [type=checkbox], [type=radio], [readonly]):is(:active, :focus),\r\n:where(select, textarea):is(:active, :focus) {\r\n --background-color: var(--form-element-active-background-color);\r\n}\r\n\r\ninput:not([type=submit], [type=button], [type=reset], [role=switch], [readonly]):is(:active, :focus),\r\n:where(select, textarea):is(:active, :focus) {\r\n --border-color: var(--form-element-active-border-color);\r\n}\r\n\r\ninput:not([type=submit], [type=button], [type=reset], [type=range], [type=file], [readonly]):focus,\r\nselect:focus,\r\ntextarea:focus {\r\n --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\r\n}\r\n\r\ninput:not([type=submit], [type=button], [type=reset])[disabled],\r\nselect[disabled],\r\ntextarea[disabled],\r\n:where(fieldset[disabled]) :is(input:not([type=submit], [type=button], [type=reset]), select, textarea) {\r\n --background-color: var(--form-element-disabled-background-color);\r\n --border-color: var(--form-element-disabled-border-color);\r\n opacity: var(--form-element-disabled-opacity);\r\n pointer-events: none;\r\n}\r\n\r\n:where(input, select, textarea):not([type=checkbox], [type=radio], [type=date], [type=datetime-local], [type=month], [type=time], [type=week])[aria-invalid] {\r\n padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\r\n padding-left: var(--form-element-spacing-horizontal);\r\n padding-inline-start: var(--form-element-spacing-horizontal) !important;\r\n padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\r\n background-position: center right 0.75rem;\r\n background-size: 1rem auto;\r\n background-repeat: no-repeat;\r\n}\r\n:where(input, select, textarea):not([type=checkbox], [type=radio], [type=date], [type=datetime-local], [type=month], [type=time], [type=week])[aria-invalid=false] {\r\n background-image: var(--icon-valid);\r\n}\r\n:where(input, select, textarea):not([type=checkbox], [type=radio], [type=date], [type=datetime-local], [type=month], [type=time], [type=week])[aria-invalid=true] {\r\n background-image: var(--icon-invalid);\r\n}\r\n:where(input, select, textarea)[aria-invalid=false] {\r\n --border-color: var(--form-element-valid-border-color);\r\n}\r\n:where(input, select, textarea)[aria-invalid=false]:is(:active, :focus) {\r\n --border-color: var(--form-element-valid-active-border-color) !important;\r\n --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\r\n}\r\n:where(input, select, textarea)[aria-invalid=true] {\r\n --border-color: var(--form-element-invalid-border-color);\r\n}\r\n:where(input, select, textarea)[aria-invalid=true]:is(:active, :focus) {\r\n --border-color: var(--form-element-invalid-active-border-color) !important;\r\n --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\r\n}\r\n\r\n[dir=rtl] :where(input, select, textarea):not([type=checkbox], [type=radio]):is([aria-invalid], [aria-invalid=true], [aria-invalid=false]) {\r\n background-position: center left 0.75rem;\r\n}\r\n\r\ninput::placeholder,\r\ninput::-webkit-input-placeholder,\r\ntextarea::placeholder,\r\ntextarea::-webkit-input-placeholder,\r\nselect:invalid {\r\n color: var(--form-element-placeholder-color);\r\n opacity: 1;\r\n}\r\n\r\ninput:not([type=checkbox], [type=radio]),\r\nselect,\r\ntextarea {\r\n margin-bottom: var(--spacing);\r\n}\r\n\r\nselect::-ms-expand {\r\n border: 0;\r\n background-color: transparent;\r\n}\r\nselect:not([multiple], [size]) {\r\n padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n padding-left: var(--form-element-spacing-horizontal);\r\n padding-inline-start: var(--form-element-spacing-horizontal);\r\n padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n background-image: var(--icon-chevron);\r\n background-position: center right 0.75rem;\r\n background-size: 1rem auto;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n[dir=rtl] select:not([multiple], [size]) {\r\n background-position: center left 0.75rem;\r\n}\r\n\r\n:where(input, select, textarea, .grid) + small {\r\n display: block;\r\n width: 100%;\r\n margin-top: calc(var(--spacing) * -0.75);\r\n margin-bottom: var(--spacing);\r\n color: var(--muted-color);\r\n}\r\n\r\nlabel > :where(input, select, textarea) {\r\n margin-top: calc(var(--spacing) * 0.25);\r\n}\r\n\r\n/**\r\n * Form elements\r\n * Checkboxes & Radios\r\n */\r\n[type=checkbox],\r\n[type=radio] {\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n appearance: none;\r\n width: 1.25em;\r\n height: 1.25em;\r\n margin-top: -0.125em;\r\n margin-right: 0.375em;\r\n margin-left: 0;\r\n margin-inline-start: 0;\r\n margin-inline-end: 0.375em;\r\n border-width: var(--border-width);\r\n font-size: inherit;\r\n vertical-align: middle;\r\n cursor: pointer;\r\n}\r\n[type=checkbox]::-ms-check,\r\n[type=radio]::-ms-check {\r\n display: none;\r\n}\r\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\r\n[type=radio]:checked,\r\n[type=radio]:checked:active,\r\n[type=radio]:checked:focus {\r\n --background-color: var(--primary);\r\n --border-color: var(--primary);\r\n background-image: var(--icon-checkbox);\r\n background-position: center;\r\n background-size: 0.75em auto;\r\n background-repeat: no-repeat;\r\n}\r\n[type=checkbox] ~ label,\r\n[type=radio] ~ label {\r\n display: inline-block;\r\n margin-right: 0.375em;\r\n margin-bottom: 0;\r\n cursor: pointer;\r\n}\r\n\r\n[type=checkbox]:indeterminate {\r\n --background-color: var(--primary);\r\n --border-color: var(--primary);\r\n background-image: var(--icon-minus);\r\n background-position: center;\r\n background-size: 0.75em auto;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n[type=radio] {\r\n border-radius: 50%;\r\n}\r\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\r\n --background-color: var(--primary-inverse);\r\n border-width: 0.35em;\r\n background-image: none;\r\n}\r\n\r\n[type=checkbox][role=switch] {\r\n --background-color: var(--switch-background-color);\r\n --border-color: var(--switch-background-color);\r\n --color: var(--switch-color);\r\n width: 2.25em;\r\n height: 1.25em;\r\n border: var(--border-width) solid var(--border-color);\r\n border-radius: 1.25em;\r\n background-color: var(--background-color);\r\n line-height: 1.25em;\r\n}\r\n[type=checkbox][role=switch]:focus {\r\n --background-color: var(--switch-background-color);\r\n --border-color: var(--switch-background-color);\r\n}\r\n[type=checkbox][role=switch]:checked {\r\n --background-color: var(--switch-checked-background-color);\r\n --border-color: var(--switch-checked-background-color);\r\n}\r\n[type=checkbox][role=switch]:before {\r\n display: block;\r\n width: calc(1.25em - (var(--border-width) * 2));\r\n height: 100%;\r\n border-radius: 50%;\r\n background-color: var(--color);\r\n content: \"\";\r\n transition: margin 0.1s ease-in-out;\r\n}\r\n[type=checkbox][role=switch]:checked {\r\n background-image: none;\r\n}\r\n[type=checkbox][role=switch]:checked::before {\r\n margin-left: calc(1.125em - var(--border-width));\r\n margin-inline-start: calc(1.125em - var(--border-width));\r\n}\r\n\r\n[type=checkbox][aria-invalid=false],\r\n[type=checkbox]:checked[aria-invalid=false],\r\n[type=radio][aria-invalid=false],\r\n[type=radio]:checked[aria-invalid=false],\r\n[type=checkbox][role=switch][aria-invalid=false],\r\n[type=checkbox][role=switch]:checked[aria-invalid=false] {\r\n --border-color: var(--form-element-valid-border-color);\r\n}\r\n[type=checkbox][aria-invalid=true],\r\n[type=checkbox]:checked[aria-invalid=true],\r\n[type=radio][aria-invalid=true],\r\n[type=radio]:checked[aria-invalid=true],\r\n[type=checkbox][role=switch][aria-invalid=true],\r\n[type=checkbox][role=switch]:checked[aria-invalid=true] {\r\n --border-color: var(--form-element-invalid-border-color);\r\n}\r\n\r\n/**\r\n * Form elements\r\n * Alternatives input types (Not Checkboxes & Radios)\r\n */\r\n[type=color]::-webkit-color-swatch-wrapper {\r\n padding: 0;\r\n}\r\n[type=color]::-moz-focus-inner {\r\n padding: 0;\r\n}\r\n[type=color]::-webkit-color-swatch {\r\n border: 0;\r\n border-radius: calc(var(--border-radius) * 0.5);\r\n}\r\n[type=color]::-moz-color-swatch {\r\n border: 0;\r\n border-radius: calc(var(--border-radius) * 0.5);\r\n}\r\n\r\ninput:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {\r\n --icon-position: 0.75rem;\r\n --icon-width: 1rem;\r\n padding-right: calc(var(--icon-width) + var(--icon-position));\r\n background-image: var(--icon-date);\r\n background-position: center right var(--icon-position);\r\n background-size: var(--icon-width) auto;\r\n background-repeat: no-repeat;\r\n}\r\ninput:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {\r\n background-image: var(--icon-time);\r\n}\r\n\r\n[type=date]::-webkit-calendar-picker-indicator,\r\n[type=datetime-local]::-webkit-calendar-picker-indicator,\r\n[type=month]::-webkit-calendar-picker-indicator,\r\n[type=time]::-webkit-calendar-picker-indicator,\r\n[type=week]::-webkit-calendar-picker-indicator {\r\n width: var(--icon-width);\r\n margin-right: calc(var(--icon-width) * -1);\r\n margin-left: var(--icon-position);\r\n opacity: 0;\r\n}\r\n\r\n[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {\r\n text-align: right;\r\n}\r\n\r\n@-moz-document url-prefix() {\r\n [type=date],\r\n [type=datetime-local],\r\n [type=month],\r\n [type=time],\r\n [type=week] {\r\n padding-right: var(--form-element-spacing-horizontal) !important;\r\n background-image: none !important;\r\n }\r\n}\r\n[type=file] {\r\n --color: var(--muted-color);\r\n padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\r\n border: 0;\r\n border-radius: 0;\r\n background: none;\r\n}\r\n[type=file]::file-selector-button {\r\n --background-color: var(--secondary);\r\n --border-color: var(--secondary);\r\n --color: var(--secondary-inverse);\r\n margin-right: calc(var(--spacing) / 2);\r\n margin-left: 0;\r\n margin-inline-start: 0;\r\n margin-inline-end: calc(var(--spacing) / 2);\r\n padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\r\n border: var(--border-width) solid var(--border-color);\r\n border-radius: var(--border-radius);\r\n outline: none;\r\n background-color: var(--background-color);\r\n box-shadow: var(--box-shadow);\r\n color: var(--color);\r\n font-weight: var(--font-weight);\r\n font-size: 1rem;\r\n line-height: var(--line-height);\r\n text-align: center;\r\n cursor: pointer;\r\n transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\r\n}\r\n[type=file]::file-selector-button:is(:hover, :active, :focus) {\r\n --background-color: var(--secondary-hover);\r\n --border-color: var(--secondary-hover);\r\n}\r\n[type=file]::-webkit-file-upload-button {\r\n --background-color: var(--secondary);\r\n --border-color: var(--secondary);\r\n --color: var(--secondary-inverse);\r\n margin-right: calc(var(--spacing) / 2);\r\n margin-left: 0;\r\n margin-inline-start: 0;\r\n margin-inline-end: calc(var(--spacing) / 2);\r\n padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\r\n border: var(--border-width) solid var(--border-color);\r\n border-radius: var(--border-radius);\r\n outline: none;\r\n background-color: var(--background-color);\r\n box-shadow: var(--box-shadow);\r\n color: var(--color);\r\n font-weight: var(--font-weight);\r\n font-size: 1rem;\r\n line-height: var(--line-height);\r\n text-align: center;\r\n cursor: pointer;\r\n -webkit-transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\r\n transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\r\n}\r\n[type=file]::-webkit-file-upload-button:is(:hover, :active, :focus) {\r\n --background-color: var(--secondary-hover);\r\n --border-color: var(--secondary-hover);\r\n}\r\n[type=file]::-ms-browse {\r\n --background-color: var(--secondary);\r\n --border-color: var(--secondary);\r\n --color: var(--secondary-inverse);\r\n margin-right: calc(var(--spacing) / 2);\r\n margin-left: 0;\r\n margin-inline-start: 0;\r\n margin-inline-end: calc(var(--spacing) / 2);\r\n padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\r\n border: var(--border-width) solid var(--border-color);\r\n border-radius: var(--border-radius);\r\n outline: none;\r\n background-color: var(--background-color);\r\n box-shadow: var(--box-shadow);\r\n color: var(--color);\r\n font-weight: var(--font-weight);\r\n font-size: 1rem;\r\n line-height: var(--line-height);\r\n text-align: center;\r\n cursor: pointer;\r\n -ms-transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\r\n transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\r\n}\r\n[type=file]::-ms-browse:is(:hover, :active, :focus) {\r\n --background-color: var(--secondary-hover);\r\n --border-color: var(--secondary-hover);\r\n}\r\n\r\n[type=range] {\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n appearance: none;\r\n width: 100%;\r\n height: 1.25rem;\r\n background: none;\r\n}\r\n[type=range]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 0.25rem;\r\n border-radius: var(--border-radius);\r\n background-color: var(--range-border-color);\r\n -webkit-transition: background-color var(--transition), box-shadow var(--transition);\r\n transition: background-color var(--transition), box-shadow var(--transition);\r\n}\r\n[type=range]::-moz-range-track {\r\n width: 100%;\r\n height: 0.25rem;\r\n border-radius: var(--border-radius);\r\n background-color: var(--range-border-color);\r\n -moz-transition: background-color var(--transition), box-shadow var(--transition);\r\n transition: background-color var(--transition), box-shadow var(--transition);\r\n}\r\n[type=range]::-ms-track {\r\n width: 100%;\r\n height: 0.25rem;\r\n border-radius: var(--border-radius);\r\n background-color: var(--range-border-color);\r\n -ms-transition: background-color var(--transition), box-shadow var(--transition);\r\n transition: background-color var(--transition), box-shadow var(--transition);\r\n}\r\n[type=range]::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n width: 1.25rem;\r\n height: 1.25rem;\r\n margin-top: -0.5rem;\r\n border: 2px solid var(--range-thumb-border-color);\r\n border-radius: 50%;\r\n background-color: var(--range-thumb-color);\r\n cursor: pointer;\r\n -webkit-transition: background-color var(--transition), transform var(--transition);\r\n transition: background-color var(--transition), transform var(--transition);\r\n}\r\n[type=range]::-moz-range-thumb {\r\n -webkit-appearance: none;\r\n width: 1.25rem;\r\n height: 1.25rem;\r\n margin-top: -0.5rem;\r\n border: 2px solid var(--range-thumb-border-color);\r\n border-radius: 50%;\r\n background-color: var(--range-thumb-color);\r\n cursor: pointer;\r\n -moz-transition: background-color var(--transition), transform var(--transition);\r\n transition: background-color var(--transition), transform var(--transition);\r\n}\r\n[type=range]::-ms-thumb {\r\n -webkit-appearance: none;\r\n width: 1.25rem;\r\n height: 1.25rem;\r\n margin-top: -0.5rem;\r\n border: 2px solid var(--range-thumb-border-color);\r\n border-radius: 50%;\r\n background-color: var(--range-thumb-color);\r\n cursor: pointer;\r\n -ms-transition: background-color var(--transition), transform var(--transition);\r\n transition: background-color var(--transition), transform var(--transition);\r\n}\r\n[type=range]:hover, [type=range]:focus {\r\n --range-border-color: var(--range-active-border-color);\r\n --range-thumb-color: var(--range-thumb-hover-color);\r\n}\r\n[type=range]:active {\r\n --range-thumb-color: var(--range-thumb-active-color);\r\n}\r\n[type=range]:active::-webkit-slider-thumb {\r\n transform: scale(1.25);\r\n}\r\n[type=range]:active::-moz-range-thumb {\r\n transform: scale(1.25);\r\n}\r\n[type=range]:active::-ms-thumb {\r\n transform: scale(1.25);\r\n}\r\n\r\ninput:not([type=checkbox], [type=radio], [type=range], [type=file])[type=search] {\r\n padding-inline-start: calc(var(--form-element-spacing-horizontal) + 1.75rem);\r\n border-radius: 5rem;\r\n background-image: var(--icon-search);\r\n background-position: center left 1.125rem;\r\n background-size: 1rem auto;\r\n background-repeat: no-repeat;\r\n}\r\ninput:not([type=checkbox], [type=radio], [type=range], [type=file])[type=search][aria-invalid] {\r\n padding-inline-start: calc(var(--form-element-spacing-horizontal) + 1.75rem) !important;\r\n background-position: center left 1.125rem, center right 0.75rem;\r\n}\r\ninput:not([type=checkbox], [type=radio], [type=range], [type=file])[type=search][aria-invalid=false] {\r\n background-image: var(--icon-search), var(--icon-valid);\r\n}\r\ninput:not([type=checkbox], [type=radio], [type=range], [type=file])[type=search][aria-invalid=true] {\r\n background-image: var(--icon-search), var(--icon-invalid);\r\n}\r\n\r\n[type=search]::-webkit-search-cancel-button {\r\n -webkit-appearance: none;\r\n display: none;\r\n}\r\n\r\n[dir=rtl] :where(input):not([type=checkbox], [type=radio], [type=range], [type=file])[type=search] {\r\n background-position: center right 1.125rem;\r\n}\r\n[dir=rtl] :where(input):not([type=checkbox], [type=radio], [type=range], [type=file])[type=search][aria-invalid] {\r\n background-position: center right 1.125rem, center left 0.75rem;\r\n}\r\n\r\n/**\r\n * Table\r\n */\r\n:where(table) {\r\n width: 100%;\r\n border-collapse: collapse;\r\n border-spacing: 0;\r\n text-indent: 0;\r\n}\r\n\r\nth,\r\ntd {\r\n padding: calc(var(--spacing) / 2) var(--spacing);\r\n border-bottom: var(--border-width) solid var(--table-border-color);\r\n color: var(--color);\r\n font-weight: var(--font-weight);\r\n font-size: var(--font-size);\r\n text-align: left;\r\n text-align: start;\r\n}\r\n\r\ntfoot th,\r\ntfoot td {\r\n border-top: var(--border-width) solid var(--table-border-color);\r\n border-bottom: 0;\r\n}\r\n\r\ntable[role=grid] tbody tr:nth-child(odd) {\r\n background-color: var(--table-row-stripped-background-color);\r\n}\r\n\r\n/**\r\n * Code\r\n */\r\npre,\r\ncode,\r\nkbd,\r\nsamp {\r\n font-size: 0.875em;\r\n font-family: var(--font-family);\r\n}\r\n\r\npre {\r\n -ms-overflow-style: scrollbar;\r\n overflow: auto;\r\n}\r\n\r\npre,\r\ncode,\r\nkbd {\r\n border-radius: var(--border-radius);\r\n background: var(--code-background-color);\r\n color: var(--code-color);\r\n font-weight: var(--font-weight);\r\n line-height: initial;\r\n}\r\n\r\ncode,\r\nkbd {\r\n display: inline-block;\r\n padding: 0.375rem 0.5rem;\r\n}\r\n\r\npre {\r\n display: block;\r\n margin-bottom: var(--spacing);\r\n overflow-x: auto;\r\n}\r\npre > code {\r\n display: block;\r\n padding: var(--spacing);\r\n background: none;\r\n font-size: 14px;\r\n line-height: var(--line-height);\r\n}\r\n\r\ncode b {\r\n color: var(--code-tag-color);\r\n font-weight: var(--font-weight);\r\n}\r\ncode i {\r\n color: var(--code-property-color);\r\n font-style: normal;\r\n}\r\ncode u {\r\n color: var(--code-value-color);\r\n text-decoration: none;\r\n}\r\ncode em {\r\n color: var(--code-comment-color);\r\n font-style: normal;\r\n}\r\n\r\nkbd {\r\n background-color: var(--code-kbd-background-color);\r\n color: var(--code-kbd-color);\r\n vertical-align: baseline;\r\n}\r\n\r\n/**\r\n * Miscs\r\n */\r\nhr {\r\n height: 0;\r\n border: 0;\r\n border-top: 1px solid var(--muted-border-color);\r\n color: inherit;\r\n}\r\n\r\n[hidden],\r\ntemplate {\r\n display: none !important;\r\n}\r\n\r\ncanvas {\r\n display: inline-block;\r\n}\r\n\r\n/**\r\n * Accordion (<details>)\r\n */\r\ndetails {\r\n display: block;\r\n margin-bottom: var(--spacing);\r\n padding-bottom: var(--spacing);\r\n border-bottom: var(--border-width) solid var(--accordion-border-color);\r\n}\r\ndetails summary {\r\n line-height: 1rem;\r\n list-style-type: none;\r\n cursor: pointer;\r\n transition: color var(--transition);\r\n}\r\ndetails summary:not([role]) {\r\n color: var(--accordion-close-summary-color);\r\n}\r\ndetails summary::-webkit-details-marker {\r\n display: none;\r\n}\r\ndetails summary::marker {\r\n display: none;\r\n}\r\ndetails summary::-moz-list-bullet {\r\n list-style-type: none;\r\n}\r\ndetails summary::after {\r\n display: block;\r\n width: 1rem;\r\n height: 1rem;\r\n margin-inline-start: calc(var(--spacing, 1rem) * 0.5);\r\n float: right;\r\n transform: rotate(-90deg);\r\n background-image: var(--icon-chevron);\r\n background-position: right center;\r\n background-size: 1rem auto;\r\n background-repeat: no-repeat;\r\n content: \"\";\r\n transition: transform var(--transition);\r\n}\r\ndetails summary:focus {\r\n outline: none;\r\n}\r\ndetails summary:focus:not([role=button]) {\r\n color: var(--accordion-active-summary-color);\r\n}\r\ndetails summary[role=button] {\r\n width: 100%;\r\n text-align: left;\r\n}\r\ndetails summary[role=button]::after {\r\n height: calc(1rem * var(--line-height, 1.5));\r\n background-image: var(--icon-chevron-button);\r\n}\r\ndetails summary[role=button]:not(.outline).contrast::after {\r\n background-image: var(--icon-chevron-button-inverse);\r\n}\r\ndetails[open] > summary {\r\n margin-bottom: calc(var(--spacing));\r\n}\r\ndetails[open] > summary:not([role]):not(:focus) {\r\n color: var(--accordion-open-summary-color);\r\n}\r\ndetails[open] > summary::after {\r\n transform: rotate(0);\r\n}\r\n\r\n[dir=rtl] details summary {\r\n text-align: right;\r\n}\r\n[dir=rtl] details summary::after {\r\n float: left;\r\n background-position: left center;\r\n}\r\n\r\n/**\r\n * Card (<article>)\r\n */\r\narticle {\r\n margin: var(--block-spacing-vertical) 0;\r\n padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\r\n border-radius: var(--border-radius);\r\n background: var(--card-background-color);\r\n box-shadow: var(--card-box-shadow);\r\n}\r\narticle > header,\r\narticle > footer {\r\n margin-right: calc(var(--block-spacing-horizontal) * -1);\r\n margin-left: calc(var(--block-spacing-horizontal) * -1);\r\n padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);\r\n background-color: var(--card-sectionning-background-color);\r\n}\r\narticle > header {\r\n margin-top: calc(var(--block-spacing-vertical) * -1);\r\n margin-bottom: var(--block-spacing-vertical);\r\n border-bottom: var(--border-width) solid var(--card-border-color);\r\n border-top-right-radius: var(--border-radius);\r\n border-top-left-radius: var(--border-radius);\r\n}\r\narticle > footer {\r\n margin-top: var(--block-spacing-vertical);\r\n margin-bottom: calc(var(--block-spacing-vertical) * -1);\r\n border-top: var(--border-width) solid var(--card-border-color);\r\n border-bottom-right-radius: var(--border-radius);\r\n border-bottom-left-radius: var(--border-radius);\r\n}\r\n\r\n/**\r\n * Modal (<dialog>)\r\n */\r\n:root {\r\n --scrollbar-width: 0px;\r\n}\r\n\r\ndialog {\r\n display: flex;\r\n z-index: 999;\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n align-items: center;\r\n justify-content: center;\r\n width: inherit;\r\n min-width: 100%;\r\n height: inherit;\r\n min-height: 100%;\r\n padding: var(--spacing);\r\n border: 0;\r\n -webkit-backdrop-filter: var(--modal-overlay-backdrop-filter);\r\n backdrop-filter: var(--modal-overlay-backdrop-filter);\r\n background-color: var(--modal-overlay-background-color);\r\n color: var(--color);\r\n}\r\ndialog article {\r\n max-height: calc(100vh - var(--spacing) * 2);\r\n overflow: auto;\r\n}\r\n@media (min-width: 576px) {\r\n dialog article {\r\n max-width: 510px;\r\n }\r\n}\r\n@media (min-width: 768px) {\r\n dialog article {\r\n max-width: 700px;\r\n }\r\n}\r\ndialog article > header,\r\ndialog article > footer {\r\n padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\r\n}\r\ndialog article > header .close {\r\n margin: 0;\r\n margin-left: var(--spacing);\r\n float: right;\r\n}\r\ndialog article > footer {\r\n text-align: right;\r\n}\r\ndialog article > footer [role=button] {\r\n margin-bottom: 0;\r\n}\r\ndialog article > footer [role=button]:not(:first-of-type) {\r\n margin-left: calc(var(--spacing) * 0.5);\r\n}\r\ndialog article p:last-of-type {\r\n margin: 0;\r\n}\r\ndialog article .close {\r\n display: block;\r\n width: 1rem;\r\n height: 1rem;\r\n margin-top: calc(var(--block-spacing-vertical) * -0.5);\r\n margin-bottom: var(--typography-spacing-vertical);\r\n margin-left: auto;\r\n background-image: var(--icon-close);\r\n background-position: center;\r\n background-size: auto 1rem;\r\n background-repeat: no-repeat;\r\n opacity: 0.5;\r\n transition: opacity var(--transition);\r\n}\r\ndialog article .close:is([aria-current], :hover, :active, :focus) {\r\n opacity: 1;\r\n}\r\ndialog:not([open]), dialog[open=false] {\r\n display: none;\r\n}\r\n\r\n.modal-is-open {\r\n padding-right: var(--scrollbar-width, 0px);\r\n overflow: hidden;\r\n pointer-events: none;\r\n touch-action: none;\r\n}\r\n.modal-is-open dialog {\r\n pointer-events: auto;\r\n}\r\n\r\n:where(.modal-is-opening, .modal-is-closing) dialog,\r\n:where(.modal-is-opening, .modal-is-closing) dialog > article {\r\n animation-duration: 0.2s;\r\n animation-timing-function: ease-in-out;\r\n animation-fill-mode: both;\r\n}\r\n:where(.modal-is-opening, .modal-is-closing) dialog {\r\n animation-duration: 0.8s;\r\n animation-name: modal-overlay;\r\n}\r\n:where(.modal-is-opening, .modal-is-closing) dialog > article {\r\n animation-delay: 0.2s;\r\n animation-name: modal;\r\n}\r\n\r\n.modal-is-closing dialog,\r\n.modal-is-closing dialog > article {\r\n animation-delay: 0s;\r\n animation-direction: reverse;\r\n}\r\n\r\n@keyframes modal-overlay {\r\n from {\r\n -webkit-backdrop-filter: none;\r\n backdrop-filter: none;\r\n background-color: transparent;\r\n }\r\n}\r\n@keyframes modal {\r\n from {\r\n transform: translateY(-100%);\r\n opacity: 0;\r\n }\r\n}\r\n/**\r\n * Nav\r\n */\r\n:where(nav li)::before {\r\n float: left;\r\n content: \"​\";\r\n}\r\n\r\nnav,\r\nnav ul {\r\n display: flex;\r\n}\r\n\r\nnav {\r\n justify-content: space-between;\r\n}\r\nnav ol,\r\nnav ul {\r\n align-items: center;\r\n margin-bottom: 0;\r\n padding: 0;\r\n list-style: none;\r\n}\r\nnav ol:first-of-type,\r\nnav ul:first-of-type {\r\n margin-left: calc(var(--nav-element-spacing-horizontal) * -1);\r\n}\r\nnav ol:last-of-type,\r\nnav ul:last-of-type {\r\n margin-right: calc(var(--nav-element-spacing-horizontal) * -1);\r\n}\r\nnav li {\r\n display: inline-block;\r\n margin: 0;\r\n padding: var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal);\r\n}\r\nnav li > * {\r\n --spacing: 0;\r\n}\r\nnav :where(a, [role=link]) {\r\n display: inline-block;\r\n margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);\r\n padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\r\n border-radius: var(--border-radius);\r\n text-decoration: none;\r\n}\r\nnav :where(a, [role=link]):is([aria-current], :hover, :active, :focus) {\r\n text-decoration: none;\r\n}\r\nnav[aria-label=breadcrumb] {\r\n align-items: center;\r\n justify-content: start;\r\n}\r\nnav[aria-label=breadcrumb] ul li:not(:first-child) {\r\n margin-inline-start: var(--nav-link-spacing-horizontal);\r\n}\r\nnav[aria-label=breadcrumb] ul li:not(:last-child) ::after {\r\n position: absolute;\r\n width: calc(var(--nav-link-spacing-horizontal) * 2);\r\n margin-inline-start: calc(var(--nav-link-spacing-horizontal) / 2);\r\n content: \"/\";\r\n color: var(--muted-color);\r\n text-align: center;\r\n}\r\nnav[aria-label=breadcrumb] a[aria-current] {\r\n background-color: transparent;\r\n color: inherit;\r\n text-decoration: none;\r\n pointer-events: none;\r\n}\r\nnav [role=button] {\r\n margin-right: inherit;\r\n margin-left: inherit;\r\n padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\r\n}\r\n\r\naside nav,\r\naside ol,\r\naside ul,\r\naside li {\r\n display: block;\r\n}\r\naside li {\r\n padding: calc(var(--nav-element-spacing-vertical) * 0.5) var(--nav-element-spacing-horizontal);\r\n}\r\naside li a {\r\n display: block;\r\n}\r\naside li [role=button] {\r\n margin: inherit;\r\n}\r\n\r\n[dir=rtl] nav[aria-label=breadcrumb] ul li:not(:last-child) ::after {\r\n content: \"\\\\\";\r\n}\r\n\r\n/**\r\n * Progress\r\n */\r\nprogress {\r\n display: inline-block;\r\n vertical-align: baseline;\r\n}\r\n\r\nprogress {\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n display: inline-block;\r\n appearance: none;\r\n width: 100%;\r\n height: 0.5rem;\r\n margin-bottom: calc(var(--spacing) * 0.5);\r\n overflow: hidden;\r\n border: 0;\r\n border-radius: var(--border-radius);\r\n background-color: var(--progress-background-color);\r\n color: var(--progress-color);\r\n}\r\nprogress::-webkit-progress-bar {\r\n border-radius: var(--border-radius);\r\n background: none;\r\n}\r\nprogress[value]::-webkit-progress-value {\r\n background-color: var(--progress-color);\r\n}\r\nprogress::-moz-progress-bar {\r\n background-color: var(--progress-color);\r\n}\r\n@media (prefers-reduced-motion: no-preference) {\r\n progress:indeterminate {\r\n background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\r\n animation: progress-indeterminate 1s linear infinite;\r\n }\r\n progress:indeterminate[value]::-webkit-progress-value {\r\n background-color: transparent;\r\n }\r\n progress:indeterminate::-moz-progress-bar {\r\n background-color: transparent;\r\n }\r\n}\r\n\r\n@media (prefers-reduced-motion: no-preference) {\r\n [dir=rtl] progress:indeterminate {\r\n animation-direction: reverse;\r\n }\r\n}\r\n\r\n@keyframes progress-indeterminate {\r\n 0% {\r\n background-position: 200% 0;\r\n }\r\n 100% {\r\n background-position: -200% 0;\r\n }\r\n}\r\n/**\r\n * Dropdown ([role=\"list\"])\r\n */\r\ndetails[role=list],\r\nli[role=list] {\r\n position: relative;\r\n}\r\n\r\ndetails[role=list] summary + ul,\r\nli[role=list] > ul {\r\n display: flex;\r\n z-index: 99;\r\n position: absolute;\r\n top: auto;\r\n right: 0;\r\n left: 0;\r\n flex-direction: column;\r\n margin: 0;\r\n padding: 0;\r\n border: var(--border-width) solid var(--dropdown-border-color);\r\n border-radius: var(--border-radius);\r\n border-top-right-radius: 0;\r\n border-top-left-radius: 0;\r\n background-color: var(--dropdown-background-color);\r\n box-shadow: var(--card-box-shadow);\r\n color: var(--dropdown-color);\r\n white-space: nowrap;\r\n}\r\ndetails[role=list] summary + ul li,\r\nli[role=list] > ul li {\r\n width: 100%;\r\n margin-bottom: 0;\r\n padding: calc(var(--form-element-spacing-vertical) * 0.5) var(--form-element-spacing-horizontal);\r\n list-style: none;\r\n}\r\ndetails[role=list] summary + ul li:first-of-type,\r\nli[role=list] > ul li:first-of-type {\r\n margin-top: calc(var(--form-element-spacing-vertical) * 0.5);\r\n}\r\ndetails[role=list] summary + ul li:last-of-type,\r\nli[role=list] > ul li:last-of-type {\r\n margin-bottom: calc(var(--form-element-spacing-vertical) * 0.5);\r\n}\r\ndetails[role=list] summary + ul li a,\r\nli[role=list] > ul li a {\r\n display: block;\r\n margin: calc(var(--form-element-spacing-vertical) * -0.5) calc(var(--form-element-spacing-horizontal) * -1);\r\n padding: calc(var(--form-element-spacing-vertical) * 0.5) var(--form-element-spacing-horizontal);\r\n overflow: hidden;\r\n color: var(--dropdown-color);\r\n text-decoration: none;\r\n text-overflow: ellipsis;\r\n}\r\ndetails[role=list] summary + ul li a:hover,\r\nli[role=list] > ul li a:hover {\r\n background-color: var(--dropdown-hover-background-color);\r\n}\r\n\r\ndetails[role=list] summary::after,\r\nli[role=list] > a::after {\r\n display: block;\r\n width: 1rem;\r\n height: calc(1rem * var(--line-height, 1.5));\r\n margin-inline-start: 0.5rem;\r\n float: right;\r\n transform: rotate(0deg);\r\n background-image: var(--icon-chevron);\r\n background-position: right center;\r\n background-size: 1rem auto;\r\n background-repeat: no-repeat;\r\n content: \"\";\r\n}\r\n\r\ndetails[role=list] {\r\n padding: 0;\r\n border-bottom: none;\r\n}\r\ndetails[role=list] summary {\r\n margin-bottom: 0;\r\n}\r\ndetails[role=list] summary:not([role]) {\r\n height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\r\n padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\r\n border: var(--border-width) solid var(--form-element-border-color);\r\n border-radius: var(--border-radius);\r\n background-color: var(--form-element-background-color);\r\n color: var(--form-element-placeholder-color);\r\n line-height: inherit;\r\n cursor: pointer;\r\n transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\r\n}\r\ndetails[role=list] summary:not([role]):active, details[role=list] summary:not([role]):focus {\r\n border-color: var(--form-element-active-border-color);\r\n background-color: var(--form-element-active-background-color);\r\n}\r\ndetails[role=list] summary:not([role]):focus {\r\n box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\r\n}\r\ndetails[role=list][open] summary {\r\n border-bottom-right-radius: 0;\r\n border-bottom-left-radius: 0;\r\n}\r\ndetails[role=list][open] summary::before {\r\n display: block;\r\n z-index: 1;\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n background: none;\r\n content: \"\";\r\n cursor: default;\r\n}\r\n\r\nnav details[role=list] summary,\r\nnav li[role=list] a {\r\n display: flex;\r\n direction: ltr;\r\n}\r\n\r\nnav details[role=list] summary + ul,\r\nnav li[role=list] > ul {\r\n min-width: -moz-fit-content;\r\n min-width: fit-content;\r\n border-radius: var(--border-radius);\r\n}\r\nnav details[role=list] summary + ul li a,\r\nnav li[role=list] > ul li a {\r\n border-radius: 0;\r\n}\r\n\r\nnav details[role=list] summary,\r\nnav details[role=list] summary:not([role]) {\r\n height: auto;\r\n padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\r\n}\r\nnav details[role=list][open] summary {\r\n border-radius: var(--border-radius);\r\n}\r\nnav details[role=list] summary + ul {\r\n margin-top: var(--outline-width);\r\n margin-inline-start: 0;\r\n}\r\nnav details[role=list] summary[role=link] {\r\n margin-bottom: calc(var(--nav-link-spacing-vertical) * -1);\r\n line-height: var(--line-height);\r\n}\r\nnav details[role=list] summary[role=link] + ul {\r\n margin-top: calc(var(--nav-link-spacing-vertical) + var(--outline-width));\r\n margin-inline-start: calc(var(--nav-link-spacing-horizontal) * -1);\r\n}\r\n\r\nli[role=list]:hover > ul,\r\nli[role=list] a:active ~ ul,\r\nli[role=list] a:focus ~ ul {\r\n display: flex;\r\n}\r\nli[role=list] > ul {\r\n display: none;\r\n margin-top: calc(var(--nav-link-spacing-vertical) + var(--outline-width));\r\n margin-inline-start: calc(var(--nav-element-spacing-horizontal) - var(--nav-link-spacing-horizontal));\r\n}\r\nli[role=list] > a::after {\r\n background-image: var(--icon-chevron);\r\n}\r\n\r\nlabel > details[role=list] {\r\n margin-top: calc(var(--spacing) * 0.25);\r\n margin-bottom: var(--spacing);\r\n}\r\n\r\n/**\r\n * Loading ([aria-busy=true])\r\n */\r\n[aria-busy=true] {\r\n cursor: progress;\r\n}\r\n\r\n[aria-busy=true]:not(input, select, textarea, html)::before {\r\n display: inline-block;\r\n width: 1em;\r\n height: 1em;\r\n border: 0.1875em solid currentColor;\r\n border-radius: 1em;\r\n border-right-color: transparent;\r\n content: \"\";\r\n vertical-align: text-bottom;\r\n vertical-align: -0.125em;\r\n animation: spinner 0.75s linear infinite;\r\n opacity: var(--loading-spinner-opacity);\r\n}\r\n[aria-busy=true]:not(input, select, textarea, html):not(:empty)::before {\r\n margin-right: calc(var(--spacing) * 0.5);\r\n margin-left: 0;\r\n margin-inline-start: 0;\r\n margin-inline-end: calc(var(--spacing) * 0.5);\r\n}\r\n[aria-busy=true]:not(input, select, textarea, html):empty {\r\n text-align: center;\r\n}\r\n\r\nbutton[aria-busy=true],\r\ninput[type=submit][aria-busy=true],\r\ninput[type=button][aria-busy=true],\r\ninput[type=reset][aria-busy=true],\r\na[aria-busy=true] {\r\n pointer-events: none;\r\n}\r\n\r\n@keyframes spinner {\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n/**\r\n * Tooltip ([data-tooltip])\r\n */\r\n[data-tooltip] {\r\n position: relative;\r\n}\r\n[data-tooltip]:not(a, button, input) {\r\n border-bottom: 1px dotted;\r\n text-decoration: none;\r\n cursor: help;\r\n}\r\n[data-tooltip][data-placement=top]::before, [data-tooltip][data-placement=top]::after, [data-tooltip]::before, [data-tooltip]::after {\r\n display: block;\r\n z-index: 99;\r\n position: absolute;\r\n bottom: 100%;\r\n left: 50%;\r\n padding: 0.25rem 0.5rem;\r\n overflow: hidden;\r\n transform: translate(-50%, -0.25rem);\r\n border-radius: var(--border-radius);\r\n background: var(--tooltip-background-color);\r\n content: attr(data-tooltip);\r\n color: var(--tooltip-color);\r\n font-style: normal;\r\n font-weight: var(--font-weight);\r\n font-size: 0.875rem;\r\n text-decoration: none;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n opacity: 0;\r\n pointer-events: none;\r\n}\r\n[data-tooltip][data-placement=top]::after, [data-tooltip]::after {\r\n padding: 0;\r\n transform: translate(-50%, 0rem);\r\n border-top: 0.3rem solid;\r\n border-right: 0.3rem solid transparent;\r\n border-left: 0.3rem solid transparent;\r\n border-radius: 0;\r\n background-color: transparent;\r\n content: \"\";\r\n color: var(--tooltip-background-color);\r\n}\r\n[data-tooltip][data-placement=bottom]::before, [data-tooltip][data-placement=bottom]::after {\r\n top: 100%;\r\n bottom: auto;\r\n transform: translate(-50%, 0.25rem);\r\n}\r\n[data-tooltip][data-placement=bottom]:after {\r\n transform: translate(-50%, -0.3rem);\r\n border: 0.3rem solid transparent;\r\n border-bottom: 0.3rem solid;\r\n}\r\n[data-tooltip][data-placement=left]::before, [data-tooltip][data-placement=left]::after {\r\n top: 50%;\r\n right: 100%;\r\n bottom: auto;\r\n left: auto;\r\n transform: translate(-0.25rem, -50%);\r\n}\r\n[data-tooltip][data-placement=left]:after {\r\n transform: translate(0.3rem, -50%);\r\n border: 0.3rem solid transparent;\r\n border-left: 0.3rem solid;\r\n}\r\n[data-tooltip][data-placement=right]::before, [data-tooltip][data-placement=right]::after {\r\n top: 50%;\r\n right: auto;\r\n bottom: auto;\r\n left: 100%;\r\n transform: translate(0.25rem, -50%);\r\n}\r\n[data-tooltip][data-placement=right]:after {\r\n transform: translate(-0.3rem, -50%);\r\n border: 0.3rem solid transparent;\r\n border-right: 0.3rem solid;\r\n}\r\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\r\n opacity: 1;\r\n}\r\n@media (hover: hover) and (pointer: fine) {\r\n [data-tooltip][data-placement=bottom]:focus::before, [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::before, [data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\r\n animation-duration: 0.2s;\r\n animation-name: tooltip-slide-top;\r\n }\r\n [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::after, [data-tooltip]:hover::after {\r\n animation-name: tooltip-caret-slide-top;\r\n }\r\n [data-tooltip][data-placement=bottom]:focus::before, [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover::before, [data-tooltip][data-placement=bottom]:hover::after {\r\n animation-duration: 0.2s;\r\n animation-name: tooltip-slide-bottom;\r\n }\r\n [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover::after {\r\n animation-name: tooltip-caret-slide-bottom;\r\n }\r\n [data-tooltip][data-placement=left]:focus::before, [data-tooltip][data-placement=left]:focus::after, [data-tooltip][data-placement=left]:hover::before, [data-tooltip][data-placement=left]:hover::after {\r\n animation-duration: 0.2s;\r\n animation-name: tooltip-slide-left;\r\n }\r\n [data-tooltip][data-placement=left]:focus::after, [data-tooltip][data-placement=left]:hover::after {\r\n animation-name: tooltip-caret-slide-left;\r\n }\r\n [data-tooltip][data-placement=right]:focus::before, [data-tooltip][data-placement=right]:focus::after, [data-tooltip][data-placement=right]:hover::before, [data-tooltip][data-placement=right]:hover::after {\r\n animation-duration: 0.2s;\r\n animation-name: tooltip-slide-right;\r\n }\r\n [data-tooltip][data-placement=right]:focus::after, [data-tooltip][data-placement=right]:hover::after {\r\n animation-name: tooltip-caret-slide-right;\r\n }\r\n}\r\n@keyframes tooltip-slide-top {\r\n from {\r\n transform: translate(-50%, 0.75rem);\r\n opacity: 0;\r\n }\r\n to {\r\n transform: translate(-50%, -0.25rem);\r\n opacity: 1;\r\n }\r\n}\r\n@keyframes tooltip-caret-slide-top {\r\n from {\r\n opacity: 0;\r\n }\r\n 50% {\r\n transform: translate(-50%, -0.25rem);\r\n opacity: 0;\r\n }\r\n to {\r\n transform: translate(-50%, 0rem);\r\n opacity: 1;\r\n }\r\n}\r\n@keyframes tooltip-slide-bottom {\r\n from {\r\n transform: translate(-50%, -0.75rem);\r\n opacity: 0;\r\n }\r\n to {\r\n transform: translate(-50%, 0.25rem);\r\n opacity: 1;\r\n }\r\n}\r\n@keyframes tooltip-caret-slide-bottom {\r\n from {\r\n opacity: 0;\r\n }\r\n 50% {\r\n transform: translate(-50%, -0.5rem);\r\n opacity: 0;\r\n }\r\n to {\r\n transform: translate(-50%, -0.3rem);\r\n opacity: 1;\r\n }\r\n}\r\n@keyframes tooltip-slide-left {\r\n from {\r\n transform: translate(0.75rem, -50%);\r\n opacity: 0;\r\n }\r\n to {\r\n transform: translate(-0.25rem, -50%);\r\n opacity: 1;\r\n }\r\n}\r\n@keyframes tooltip-caret-slide-left {\r\n from {\r\n opacity: 0;\r\n }\r\n 50% {\r\n transform: translate(0.05rem, -50%);\r\n opacity: 0;\r\n }\r\n to {\r\n transform: translate(0.3rem, -50%);\r\n opacity: 1;\r\n }\r\n}\r\n@keyframes tooltip-slide-right {\r\n from {\r\n transform: translate(-0.75rem, -50%);\r\n opacity: 0;\r\n }\r\n to {\r\n transform: translate(0.25rem, -50%);\r\n opacity: 1;\r\n }\r\n}\r\n@keyframes tooltip-caret-slide-right {\r\n from {\r\n opacity: 0;\r\n }\r\n 50% {\r\n transform: translate(-0.05rem, -50%);\r\n opacity: 0;\r\n }\r\n to {\r\n transform: translate(-0.3rem, -50%);\r\n opacity: 1;\r\n }\r\n}\r\n\r\n/**\r\n * Accessibility & User interaction\r\n */\r\n[aria-controls] {\r\n cursor: pointer;\r\n}\r\n\r\n[aria-disabled=true],\r\n[disabled] {\r\n cursor: not-allowed;\r\n}\r\n\r\n[aria-hidden=false][hidden] {\r\n display: initial;\r\n}\r\n\r\n[aria-hidden=false][hidden]:not(:focus) {\r\n clip: rect(0, 0, 0, 0);\r\n position: absolute;\r\n}\r\n\r\na,\r\narea,\r\nbutton,\r\ninput,\r\nlabel,\r\nselect,\r\nsummary,\r\ntextarea,\r\n[tabindex] {\r\n -ms-touch-action: manipulation;\r\n}\r\n\r\n[dir=rtl] {\r\n direction: rtl;\r\n}\r\n\r\n/**\r\n* Reduce Motion Features\r\n*/\r\n@media (prefers-reduced-motion: reduce) {\r\n *:not([aria-busy=true]),\r\n :not([aria-busy=true])::before,\r\n :not([aria-busy=true])::after {\r\n background-attachment: initial !important;\r\n animation-duration: 1ms !important;\r\n animation-delay: -1ms !important;\r\n animation-iteration-count: 1 !important;\r\n scroll-behavior: auto !important;\r\n transition-delay: 0s !important;\r\n transition-duration: 0s !important;\r\n }\r\n}\r\n\r\n/*# sourceMappingURL=pico.css.map */",":root {\r\n --black: #000;\r\n --white: #fff;\r\n\r\n --rose-50: #fff1f2;\r\n --rose-100: #ffe4e6;\r\n --rose-200: #fecdd3;\r\n --rose-300: #fda4af;\r\n --rose-400: #fb7185;\r\n --rose-500: #f43f5e;\r\n --rose-600: #e11d48;\r\n --rose-700: #be123c;\r\n --rose-800: #9f1239;\r\n --rose-900: #881337;\r\n\r\n --pink-50: #fdf2f8;\r\n --pink-100: #fce7f3;\r\n --pink-200: #fbcfe8;\r\n --pink-300: #f9a8d4;\r\n --pink-400: #f472b6;\r\n --pink-500: #ec4899;\r\n --pink-600: #db2777;\r\n --pink-700: #be185d;\r\n --pink-800: #9d174d;\r\n --pink-900: #831843;\r\n\r\n --fuchsia-50: #fdf4ff;\r\n --fuchsia-100: #fae8ff;\r\n --fuchsia-200: #f5d0fe;\r\n --fuchsia-300: #f0abfc;\r\n --fuchsia-400: #e879f9;\r\n --fuchsia-500: #d946ef;\r\n --fuchsia-600: #c026d3;\r\n --fuchsia-700: #a21caf;\r\n --fuchsia-800: #86198f;\r\n --fuchsia-900: #701a75;\r\n\r\n --purple-50: #faf5ff;\r\n --purple-100: #f3e8ff;\r\n --purple-200: #e9d5ff;\r\n --purple-300: #d8b4fe;\r\n --purple-400: #c084fc;\r\n --purple-500: #a855f7;\r\n --purple-600: #9333ea;\r\n --purple-700: #7e22ce;\r\n --purple-800: #6b21a8;\r\n --purple-900: #581c87;\r\n\r\n --violet-50: #f5f3ff;\r\n --violet-100: #ede9fe;\r\n --violet-200: #ddd6fe;\r\n --violet-300: #c4b5fd;\r\n --violet-400: #a78bfa;\r\n --violet-500: #8b5cf6;\r\n --violet-600: #7c3aed;\r\n --violet-700: #6d28d9;\r\n --violet-800: #5b21b6;\r\n --violet-900: #4c1d95;\r\n\r\n --indigo-50: #eef2ff;\r\n --indigo-100: #e0e7ff;\r\n --indigo-200: #c7d2fe;\r\n --indigo-300: #a5b4fc;\r\n --indigo-400: #818cf8;\r\n --indigo-500: #6366f1;\r\n --indigo-600: #4f46e5;\r\n --indigo-700: #4338ca;\r\n --indigo-800: #3730a3;\r\n --indigo-900: #312e81;\r\n\r\n --blue-50: #eff6ff;\r\n --blue-100: #dbeafe;\r\n --blue-200: #bfdbfe;\r\n --blue-300: #93c5fd;\r\n --blue-400: #60a5fa;\r\n --blue-500: #3b82f6;\r\n --blue-600: #2563eb;\r\n --blue-700: #1d4ed8;\r\n --blue-800: #1e40af;\r\n --blue-900: #1e3a8a;\r\n\r\n --sky-50: #f0f9ff;\r\n --sky-100: #e0f2fe;\r\n --sky-200: #bae6fd;\r\n --sky-300: #7dd3fc;\r\n --sky-400: #38bdf8;\r\n --sky-500: #0ea5e9;\r\n --sky-600: #0284c7;\r\n --sky-700: #0369a1;\r\n --sky-800: #075985;\r\n --sky-900: #0c4a6e;\r\n\r\n --cyan-50: #ecfeff;\r\n --cyan-100: #cffafe;\r\n --cyan-200: #a5f3fc;\r\n --cyan-300: #67e8f9;\r\n --cyan-400: #22d3ee;\r\n --cyan-500: #06b6d4;\r\n --cyan-600: #0891b2;\r\n --cyan-700: #0e7490;\r\n --cyan-800: #155e75;\r\n --cyan-900: #164e63;\r\n\r\n --teal-50: #f0fdfa;\r\n --teal-100: #ccfbf1;\r\n --teal-200: #99f6e4;\r\n --teal-300: #5eead4;\r\n --teal-400: #2dd4bf;\r\n --teal-500: #14b8a6;\r\n --teal-600: #0d9488;\r\n --teal-700: #0f766e;\r\n --teal-800: #115e59;\r\n --teal-900: #134e4a;\r\n\r\n --emerald-50: #ecfdf5;\r\n --emerald-100: #d1fae5;\r\n --emerald-200: #a7f3d0;\r\n --emerald-300: #6ee7b7;\r\n --emerald-400: #34d399;\r\n --emerald-500: #10b981;\r\n --emerald-600: #059669;\r\n --emerald-700: #047857;\r\n --emerald-800: #065f46;\r\n --emerald-900: #064e3b;\r\n\r\n --green-50: #f0fdf4;\r\n --green-100: #dcfce7;\r\n --green-200: #bbf7d0;\r\n --green-300: #86efac;\r\n --green-400: #4ade80;\r\n --green-500: #22c55e;\r\n --green-600: #16a34a;\r\n --green-700: #15803d;\r\n --green-800: #166534;\r\n --green-900: #14532d;\r\n\r\n --lime-50: #f7fee7;\r\n --lime-100: #ecfccb;\r\n --lime-200: #d9f99d;\r\n --lime-300: #bef264;\r\n --lime-400: #a3e635;\r\n --lime-500: #84cc16;\r\n --lime-600: #65a30d;\r\n --lime-700: #4d7c0f;\r\n --lime-800: #3f6212;\r\n --lime-900: #365314;\r\n\r\n --yellow-50: #fefce8;\r\n --yellow-100: #fef9c3;\r\n --yellow-200: #fef08a;\r\n --yellow-300: #fde047;\r\n --yellow-400: #facc15;\r\n --yellow-500: #eab308;\r\n --yellow-600: #ca8a04;\r\n --yellow-700: #a16207;\r\n --yellow-800: #854d0e;\r\n --yellow-900: #713f12;\r\n\r\n --amber-50: #fffbeb;\r\n --amber-100: #fef3c7;\r\n --amber-200: #fde68a;\r\n --amber-300: #fcd34d;\r\n --amber-400: #fbbf24;\r\n --amber-500: #f59e0b;\r\n --amber-600: #d97706;\r\n --amber-700: #b45309;\r\n --amber-800: #92400e;\r\n --amber-900: #78350f;\r\n\r\n --orange-50: #fff7ed;\r\n --orange-100: #ffedd5;\r\n --orange-200: #fed7aa;\r\n --orange-300: #fdba74;\r\n --orange-400: #fb923c;\r\n --orange-500: #f97316;\r\n --orange-600: #ea580c;\r\n --orange-700: #c2410c;\r\n --orange-800: #9a3412;\r\n --orange-900: #7c2d12;\r\n\r\n --red-50: #fef2f2;\r\n --red-100: #fee2e2;\r\n --red-200: #fecaca;\r\n --red-300: #fca5a5;\r\n --red-400: #f87171;\r\n --red-500: #ef4444;\r\n --red-600: #dc2626;\r\n --red-700: #b91c1c;\r\n --red-800: #991b1b;\r\n --red-900: #7f1d1d;\r\n\r\n --stone-50: #fafaf9;\r\n --stone-100: #f5f5f4;\r\n --stone-200: #e7e5e4;\r\n --stone-300: #d6d3d1;\r\n --stone-400: #a8a29e;\r\n --stone-500: #78716c;\r\n --stone-600: #57534e;\r\n --stone-700: #44403c;\r\n --stone-800: #292524;\r\n --stone-900: #1c1917;\r\n\r\n --neutral-50: #fafafa;\r\n --neutral-100: #f5f5f5;\r\n --neutral-200: #e5e5e5;\r\n --neutral-300: #d4d4d4;\r\n --neutral-400: #a3a3a3;\r\n --neutral-500: #737373;\r\n --neutral-600: #525252;\r\n --neutral-700: #404040;\r\n --neutral-800: #262626;\r\n --neutral-900: #171717;\r\n\r\n --zinc-50: #fafafa;\r\n --zinc-100: #f4f4f5;\r\n --zinc-200: #e4e4e7;\r\n --zinc-300: #d4d4d8;\r\n --zinc-400: #a1a1aa;\r\n --zinc-500: #71717a;\r\n --zinc-600: #52525b;\r\n --zinc-700: #3f3f46;\r\n --zinc-800: #27272a;\r\n --zinc-900: #18181b;\r\n\r\n --gray-50: #f9fafb;\r\n --gray-100: #f3f4f6;\r\n --gray-200: #e5e7eb;\r\n --gray-300: #d1d5db;\r\n --gray-400: #9ca3af;\r\n --gray-500: #6b7280;\r\n --gray-600: #4b5563;\r\n --gray-700: #374151;\r\n --gray-800: #1f2937;\r\n --gray-900: #111827;\r\n \r\n --slate-50: #f8fafc;\r\n --slate-100: #f1f5f9;\r\n --slate-200: #e2e8f0;\r\n --slate-300: #cbd5e1;\r\n --slate-400: #94a3b8;\r\n --slate-500: #64748b;\r\n --slate-600: #475569;\r\n --slate-700: #334155;\r\n --slate-800: #1e293b;\r\n --slate-900: #0f172a;\r\n }"," /* latin-ext */\r\n @font-face {\r\n font-family: 'Roboto';\r\n font-style: italic;\r\n font-weight: 100;\r\n font-display: swap;\r\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEz4dL_nz.woff2) format('woff2');\r\n unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\r\n }\r\n /* latin */\r\n @font-face {\r\n font-family: 'Roboto';\r\n font-style: italic;\r\n font-weight: 100;\r\n font-display: swap;\r\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEzAdLw.woff2) format('woff2');\r\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n }\r\n \r\n /* latin-ext */\r\n @font-face {\r\n font-family: 'Roboto';\r\n font-style: italic;\r\n font-weight: 300;\r\n font-display: swap;\r\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc0CsTKlA.woff2) format('woff2');\r\n unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\r\n }\r\n /* latin */\r\n @font-face {\r\n font-family: 'Roboto';\r\n font-style: italic;\r\n font-weight: 300;\r\n font-display: swap;\r\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc6CsQ.woff2) format('woff2');\r\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n }\r\n /* latin-ext */\r\n @font-face {\r\n font-family: 'Roboto';\r\n font-style: italic;\r\n font-weight: 400;\r\n font-display: swap;\r\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2');\r\n unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\r\n }\r\n /* latin */\r\n @font-face {\r\n font-family: 'Roboto';\r\n font-style: italic;\r\n font-weight: 400;\r\n font-display: swap;\r\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2');\r\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n }\r\n /* latin-ext */\r\n @font-face {\r\n font-family: 'Roboto';\r\n font-style: italic;\r\n font-weight: 500;\r\n font-display: swap;\r\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc0CsTKlA.woff2) format('woff2');\r\n unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\r\n }\r\n /* latin */\r\n @font-face {\r\n font-family: 'Roboto';\r\n font-style: italic;\r\n font-weight: 500;\r\n font-display: swap;\r\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.woff2) format('woff2');\r\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n }\r\n /* latin-ext */\r\n @font-face {\r\n font-family: 'Roboto';\r\n font-style: italic;\r\n font-weight: 700;\r\n font-display: swap;\r\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format('woff2');\r\n unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\r\n }\r\n /* latin */\r\n @font-face {\r\n font-family: 'Roboto';\r\n font-style: italic;\r\n font-weight: 700;\r\n font-display: swap;\r\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2) format('woff2');\r\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n }\r\n /* latin-ext */\r\n @font-face {\r\n font-family: 'Roboto';\r\n font-style: italic;\r\n font-weight: 900;\r\n font-display: swap;\r\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBCc0CsTKlA.woff2) format('woff2');\r\n unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\r\n }\r\n /* latin */\r\n @font-face {\r\n font-family: 'Roboto';\r\n font-style: italic;\r\n font-weight: 900;\r\n font-display: swap;\r\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBCc6CsQ.woff2) format('woff2');\r\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n }\r\n \r\n /* latin-ext */\r\n @font-face {\r\n font-family: 'Roboto';\r\n font-style: normal;\r\n font-weight: 100;\r\n font-display: swap;\r\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format('woff2');\r\n unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\r\n }\r\n /* latin */\r\n @font-face {\r\n font-family: 'Roboto';\r\n font-style: normal;\r\n font-weight: 100;\r\n font-display: swap;\r\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format('woff2');\r\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n }\r\n \r\n /* latin-ext */\r\n @font-face {\r\n font-family: 'Roboto';\r\n font-style: normal;\r\n font-weight: 300;\r\n font-display: swap;\r\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');\r\n unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\r\n }\r\n /* latin */\r\n @font-face {\r\n font-family: 'Roboto';\r\n font-style: normal;\r\n font-weight: 300;\r\n font-display: swap;\r\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');\r\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n }\r\n \r\n /* latin-ext */\r\n @font-face {\r\n font-family: 'Roboto';\r\n font-style: normal;\r\n font-weight: 400;\r\n font-display: swap;\r\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');\r\n unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\r\n }\r\n /* latin */\r\n @font-face {\r\n font-family: 'Roboto';\r\n font-style: normal;\r\n font-weight: 400;\r\n font-display: swap;\r\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');\r\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n }\r\n \r\n /* latin-ext */\r\n @font-face {\r\n font-family: 'Roboto';\r\n font-style: normal;\r\n font-weight: 500;\r\n font-display: swap;\r\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');\r\n unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\r\n }\r\n /* latin */\r\n @font-face {\r\n font-family: 'Roboto';\r\n font-style: normal;\r\n font-weight: 500;\r\n font-display: swap;\r\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');\r\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n }\r\n \r\n /* latin-ext */\r\n @font-face {\r\n font-family: 'Roboto';\r\n font-style: normal;\r\n font-weight: 700;\r\n font-display: swap;\r\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');\r\n unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\r\n }\r\n /* latin */\r\n @font-face {\r\n font-family: 'Roboto';\r\n font-style: normal;\r\n font-weight: 700;\r\n font-display: swap;\r\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');\r\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n }\r\n \r\n /* latin-ext */\r\n @font-face {\r\n font-family: 'Roboto';\r\n font-style: normal;\r\n font-weight: 900;\r\n font-display: swap;\r\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');\r\n unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\r\n }\r\n /* latin */\r\n @font-face {\r\n font-family: 'Roboto';\r\n font-style: normal;\r\n font-weight: 900;\r\n font-display: swap;\r\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2');\r\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n }","@import './tailwind-colors.less';\r\n@import './fonts.less';\r\n//@import './pico.min.css';\r\n\r\n\r\n:root {\r\n --font-family: 'Roboto';\r\n --scrollbar-width: 0px;\r\n --line-height: 1;\r\n --font-weight: 400;\r\n --font-size: 13px !important;\r\n --border-radius: 4px;\r\n --border-width: 1px;\r\n --outline-width: 2px;\r\n --spacing: 6px;\r\n --spacing-half: 3px;\r\n --spacing-2x: 12px;\r\n --typography-spacing-vertical: 20px;\r\n --block-spacing-vertical: calc(var(--spacing) * 2);\r\n --block-spacing-horizontal: var(--spacing);\r\n --grid-spacing-vertical: 0;\r\n --grid-spacing-horizontal: var(--spacing);\r\n --form-element-spacing-vertical: var(--spacing);\r\n --form-element-spacing-horizontal: var(--spacing);\r\n --nav-element-spacing-vertical: var(--spacing-2x);\r\n --nav-element-spacing-horizontal: var(--spacing);\r\n --nav-link-spacing-vertical: var(--spacing);\r\n --nav-link-spacing-horizontal: var(--spacing);\r\n --form-label-font-weight: var(--font-weight);\r\n --transition: 0.2s ease-in;\r\n --modal-overlay-backdrop-filter: blur(var(--spacing-half));\r\n\r\n accent-color: var(--primary) !important;\r\n}\r\n\r\n:root:not([data-theme=\"dark\"]),\r\n[data-theme=\"light\"] {\r\n //--primary: #336699;\r\n --main-color: hsl(205, 20%, 32%);\r\n --main-backgroundcolor: var(--white);\r\n --primary: var(--blue-500);\r\n --primary-hover: var(--blue-600); //color-mix(in srgb, var(--primary), #FFF 10%);\r\n --primary-focus: color-mix(in srgb, var(--primary) 25%, transparent);\r\n --primary-50: var(--blue-100); //color-mix(in srgb, var(--primary), #FFF 90%);\r\n --primary-200: var(--blue-200); //color-mix(in srgb, var(--primary), #FFF 60%);\r\n --primary-900: var(--blue-900); //color-mix(in srgb, var(--primary), #000 80%);\r\n --primary-dark: var(--blue-500);\r\n\r\n --active: var(--blue-400);\r\n\r\n --secondary: var(--stone-500);\r\n --secondary-hover: var(--stone-600);\r\n --secondary-focus: var(--stone-700);\r\n\r\n --primary-gray: var(--zinc-500);\r\n --primary-gray-dark: var(--zinc-700);\r\n --primary-gray-darker: var(--zinc-800);\r\n --primary-gray-light: var(--zinc-400);\r\n --primary-gray-lighter: var(--zinc-300);\r\n --primary-gray-ghost: var(--zinc-200);\r\n\r\n --danger: var(--red-600);\r\n --warning: var(--amber-500);\r\n --success: var(--lime-600);\r\n --info: var(--cyan-500);\r\n\r\n --danger-hover: var(--red-700);\r\n --warning-hover: var(--amber-600);\r\n --success-hover: var(--lime-700);\r\n --info-hover: var(--cyan-600);\r\n\r\n --danger-light: var(--red-200);\r\n --warning-light: var(--amber-300);\r\n --success-light: var(--lime-200);\r\n --info-light: var(--cyan-200);\r\n\r\n --modal-overlay-backdrop-filter: blur(.1rem);\r\n --modal-overlay-background-color: color-mix(in srgb, var(--primary-gray-lighter), transparent 90%);\r\n --drop-shadow-color:#00000040;\r\n\r\n --menu-border-color: hsl(205, 14%, 90%);\r\n}\r\n\r\n@import './overrides.less';","* {\r\n position: relative;\r\n}\r\n\r\n\r\nhtml,\r\nbody {\r\n width: 100%;\r\n margin: 0;\r\n height: 100%;\r\n padding: 0px;\r\n}\r\n\r\n:root {\r\n --z-dropdown: 1000;\r\n --z-notify: 2000;\r\n}\r\n\r\n[type=checkbox],\r\n[type=radio] {\r\n --border-width: 1px;\r\n margin-bottom: var(--spacing);\r\n}\r\n\r\n// [type=\"date\"],\r\n// [type=\"datetime-local\"],\r\n// [type=\"month\"],\r\n// [type=\"time\"],\r\n// [type=\"week\"] {\r\n// padding-right: var(--spacing) !important;\r\n// background-image: none !important;\r\n// }\r\n\r\n::-webkit-calendar-picker-indicator {\r\n width: var(--icon-width) !important;\r\n margin-right: calc(var(--icon-width) * -1) !important;\r\n margin-left: var(--icon-position) !important;\r\n color: var(--primary) !important;\r\n opacity: 0 !important;\r\n}\r\n\r\n*::-webkit-scrollbar {\r\n width: 8px;\r\n height: 8px;\r\n}\r\n\r\n*::-webkit-scrollbar-thumb {\r\n border-radius: 100px;\r\n background-color: var(--form-element-border-color);\r\n transition: .5s background-color ease;\r\n}\r\n\r\n*::-webkit-scrollbar-thumb:hover {\r\n border-radius: 100px;\r\n background-color: var(--muted-color);\r\n}\r\n\r\n\r\n\r\nselect,\r\ninput,\r\noption,\r\ninput[type=radio],\r\ninput[type=range],\r\nprogress {\r\n accent-color: var(--primary) !important;\r\n}\r\n\r\n*::-webkit-selection {\r\n background: var(--primary);\r\n}\r\n\r\noption:hover,\r\noption:focus,\r\noption:active {\r\n background-color: var(--primary-hover) !important;\r\n color: var(--primary-inverse) !important;\r\n}\r\n\r\noption:checked {\r\n background-color: var(--primary) !important;\r\n color: var(--primary-inverse) !important;\r\n}\r\n\r\nselect:focus {\r\n >option:hover {\r\n background-color: var(--primary-hover) !important;\r\n }\r\n}\r\n\r\nbutton {\r\n --form-element-spacing-vertical: 8px;\r\n --form-element-spacing-horizontal: 8px;\r\n\r\n margin-bottom: 0;\r\n width: fit-content;\r\n display: inline-flex;\r\n flex-direction: row;\r\n align-items: center;\r\n\r\n span {\r\n padding: 0 var(--spacing);\r\n }\r\n\r\n &[active] {\r\n outline: var(--active) solid 1px;\r\n outline-offset: -2px;\r\n z-index: 1;\r\n\r\n &::after {\r\n content: \"\";\r\n z-index: 2;\r\n background: var(--primary-focus);\r\n width: 100%;\r\n height: 100%;\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n }\r\n }\r\n\r\n &.success {\r\n --background-color: var(--success);\r\n --border-color: var(--success);\r\n --color: var(--primary-inverse);\r\n\r\n &:hover {\r\n --background-color: var(--success-hover);\r\n --border-color: var(--success-hover);\r\n }\r\n }\r\n\r\n &.danger {\r\n --background-color: var(--danger);\r\n --border-color: var(--danger);\r\n --color: var(--primary-inverse);\r\n\r\n &:hover {\r\n --background-color: var(--danger-hover);\r\n --border-color: var(--danger-hover);\r\n }\r\n }\r\n\r\n &.error {\r\n --background-color: var(--danger);\r\n --border-color: var(--danger);\r\n --color: var(--primary-inverse);\r\n\r\n &:hover {\r\n --background-color: var(--danger-hover);\r\n --border-color: var(--danger-hover);\r\n }\r\n }\r\n\r\n &.info {\r\n --background-color: var(--info);\r\n --border-color: var(--info);\r\n --color: var(--primary-inverse);\r\n\r\n &:hover {\r\n --background-color: var(--info-hover);\r\n --border-color: var(--info-hover);\r\n }\r\n }\r\n\r\n &.warning {\r\n --background-color: var(--warning);\r\n --border-color: var(--warning);\r\n --color: var(--primary-inverse);\r\n\r\n &:hover {\r\n --background-color: var(--warning-hover);\r\n --border-color: var(--warning-hover);\r\n }\r\n }\r\n\r\n &.secondary {\r\n --background-color: var(--secondary);\r\n --border-color: var(--secondary);\r\n --color: var(--secondary-inverse);\r\n\r\n &:hover {\r\n --background-color: var(--secondary-hover);\r\n --border-color: var(--secondary-hover);\r\n }\r\n }\r\n\r\n &.mini {\r\n --background-color: var(--background-color);\r\n border: none;\r\n --color: var(--color);\r\n\r\n >span {\r\n display: none;\r\n }\r\n\r\n &:hover {\r\n --background-color: var(--primary-gray-ghost);\r\n }\r\n\r\n //width: 24px;\r\n //height: 24px;\r\n padding: 0;\r\n }\r\n}\r\n\r\nspan {\r\n user-select: none;\r\n}",".hide {\r\n display: none !important;\r\n}\r\n\r\n[disabled],\r\n.disabled {\r\n opacity: 0.5 !important;\r\n pointer-events: none !important;\r\n cursor: not-allowed !important;\r\n\r\n * {\r\n pointer-events: none;\r\n }\r\n}\r\n\r\n[active] {\r\n outline: 1px solid var(--active);\r\n}\r\n\r\n.clickable {\r\n opacity: 1;\r\n transition: .5s opacity ease;\r\n\r\n &:hover {\r\n cursor: pointer;\r\n opacity: 0.8;\r\n }\r\n}\r\n\r\n.wh-100 {\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.w-100 {\r\n width: 100%;\r\n}\r\n\r\n.h-100 {\r\n height: 100%;\r\n}\r\n\r\n.grid-100 {\r\n display: grid;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.grid-100-of {\r\n display: grid;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n}\r\n\r\n.flex-v {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.flex-h {\r\n display: flex;\r\n flex-direction: row;\r\n}\r\n\r\n.gap {\r\n gap: var(--spacing);\r\n}\r\n\r\n.centerContent {\r\n display: flex;\r\n place-items: center;\r\n place-content: center;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.comp-busy-cont {\r\n z-index: 1000;\r\n cursor: wait;\r\n background: #ffffffc0;\r\n align-content: center;\r\n justify-items: center;\r\n align-items: center;\r\n justify-content: center;\r\n display: flex;\r\n flex-flow: column;\r\n flex-wrap: wrap;\r\n position: absolute;\r\n inset: 0;\r\n overflow: hidden;\r\n gap: 10px;\r\n\r\n >.comp-busy-spin {\r\n width: 24px;\r\n height: 24px;\r\n content: \"\";\r\n opacity: var(--loading-spinner-opacity);\r\n border: 3px solid;\r\n border-right-color: #0000;\r\n border-radius: 40px;\r\n animation: .75s linear infinite spinner;\r\n display: inline-block;\r\n }\r\n\r\n >label {}\r\n\r\n}\r\n\r\n\r\n.fg-danger {\r\n color: var(--danger);\r\n}\r\n\r\n.fg-warning {\r\n color: var(--warning);\r\n}\r\n\r\n.fg-success {\r\n color: var(--success);\r\n}\r\n\r\n.fg-info {\r\n color: var(--info);\r\n}\r\n\r\n.fg-primary {\r\n color: var(--primary);\r\n}\r\n\r\n.fg-secondary {\r\n color: var(--secondary);\r\n}\r\n\r\n.bg-danger {\r\n background-color: var(--danger);\r\n color: var(--primary-inverse);\r\n}\r\n\r\n.bg-warning {\r\n background-color: var(--warning);\r\n color: var(--primary-inverse);\r\n}\r\n\r\n.bg-success {\r\n background-color: var(--success);\r\n color: var(--primary-inverse);\r\n}\r\n\r\n.bg-info {\r\n background-color: var(--info);\r\n color: var(--primary-inverse);\r\n}\r\n\r\n.bg-primary {\r\n background-color: var(--primary);\r\n color: var(--primary-inverse);\r\n}\r\n\r\n.bg-secondary {\r\n background-color: var(--secondary);\r\n color: var(--primary-inverse);\r\n}","app-dialog-content {\r\n position: absolute;\r\n z-index: 5000;\r\n display: grid;\r\n grid-template-rows: auto 1fr;\r\n //box-shadow: 0px 6px 20px 0px rgba(30, 30, 30, 0.3);\r\n box-shadow: 0px 3px 24px 3px var(--drop-shadow-color);\r\n // background-color: #eceff1;\r\n border-radius: var(--border-radius);\r\n //overflow: hidden;\r\n //border: 1px solid var(--primary-gray-lighter);\r\n\r\n >.dialog-header {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n background-color: var(--primary);\r\n color: var(--primary-inverse);\r\n\r\n >.dialog-title-bar {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n padding: var(--spacing);\r\n user-select: none;\r\n align-items: center;\r\n\r\n >.title {\r\n font-weight: 500;\r\n }\r\n }\r\n\r\n >.dialog-close-button {\r\n padding: 2px 6px;\r\n margin: 0 !important;\r\n background: none;\r\n //border: none;\r\n //color: var(--primary);\r\n border: 1px solid #00000000;\r\n\r\n &:hover {\r\n opacity: 0.8;\r\n }\r\n }\r\n }\r\n\r\n\r\n >.dialog-body {\r\n padding: var(--spacing);\r\n overflow: auto;\r\n background-color: var(--background-color);\r\n }\r\n\r\n >.dialog-resizer {\r\n position: absolute;\r\n bottom: 2px;\r\n right: 2px;\r\n width: 0;\r\n height: 0;\r\n border-style: solid;\r\n border-width: 0 0 12px 12px;\r\n border-color: transparent transparent var(--primary) transparent;\r\n opacity: 0.1;\r\n cursor: nwse-resize;\r\n &:hover{\r\n opacity: 0.3;\r\n }\r\n }\r\n}","app-indeterminate-progress {\r\n display: block;\r\n width: 100%;\r\n height: 2px;\r\n background-color: var(--primary-gray-ghost);\r\n overflow: hidden;\r\n\r\n &.bottom {\r\n position: absolute;\r\n bottom: 0;\r\n }\r\n\r\n &.top {\r\n position: absolute;\r\n top: 0;\r\n }\r\n\r\n .indeterminate-progress-bar {\r\n width: 50%;\r\n height: 100%;\r\n background: linear-gradient(.25turn, transparent, var(--primary-dark));\r\n position: absolute;\r\n left: -50%;\r\n\r\n &.animating {\r\n animation: indeterminate 1.5s linear infinite;\r\n }\r\n }\r\n\r\n @keyframes indeterminate {\r\n 0% {\r\n left: -50%;\r\n }\r\n\r\n 100% {\r\n left: 100%;\r\n }\r\n }\r\n}","app-message-display {\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n gap: var(--spacing);\r\n align-items: center;\r\n justify-content: center;\r\n background-color: var(--background-color);\r\n position: absolute;\r\n z-index: 1;\r\n\r\n .msg-icon {\r\n grid-area: ga-icon;\r\n font-size: 36px;\r\n justify-self: end;\r\n }\r\n\r\n .message-container {\r\n grid-area: ga-msg;\r\n }\r\n\r\n --msg-border-size : 5px;\r\n\r\n &.error {\r\n border: var(--msg-border-size) solid var(--danger);\r\n\r\n .msg-icon {\r\n color: var(--danger);\r\n }\r\n }\r\n\r\n &.warning {\r\n border: var(--msg-border-size) solid var(--warning);\r\n\r\n .msg-icon {\r\n color: var(--warning);\r\n }\r\n }\r\n\r\n &.info {\r\n border: var(--msg-border-size) solid var(--info);\r\n\r\n .msg-icon {\r\n color: var(--info);\r\n }\r\n }\r\n\r\n &.success {\r\n border: var(--msg-border-size) solid var(--success);\r\n\r\n .msg-icon {\r\n color: var(--success);\r\n }\r\n }\r\n}","app-spinner {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(var(--background-color), 0.1);\r\n gap: var(--spacing);\r\n\r\n .spinner {\r\n height: 100%;\r\n max-height: 50px;\r\n min-height: 20px;\r\n aspect-ratio: 1;\r\n border: 4px solid var(--primary-gray-ghost);\r\n border-top-color: var(--active);\r\n border-radius: 50%;\r\n animation: spin 1.2s linear infinite;\r\n }\r\n\r\n .message {}\r\n\r\n @keyframes spin {\r\n 0% {\r\n transform: rotate(0deg);\r\n }\r\n\r\n 100% {\r\n transform: rotate(360deg);\r\n }\r\n }\r\n}","@keyframes toasting {\r\n 0% {\r\n transform: translate3d(400px, 0, 0);\r\n opacity: 0;\r\n }\r\n\r\n 50% {\r\n opacity: 1;\r\n }\r\n\r\n 80% {\r\n transform: translate3d(-15px, 0, 0);\r\n }\r\n\r\n 100% {\r\n transform: translate3d(0, 0, 0);\r\n }\r\n}\r\n\r\n@keyframes toastingFadeOut {\r\n 0% {\r\n transform: translate3d(0, 0, 0);\r\n }\r\n\r\n 15% {\r\n transform: translate3d(-15px, 0, 0);\r\n }\r\n\r\n 40% {\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n transform: translate3d(400px, 0, 0);\r\n opacity: 0;\r\n max-height: 250px;\r\n }\r\n\r\n 100% {\r\n transform: translate3d(400px, 0, 0);\r\n opacity: 0;\r\n max-height: 0;\r\n }\r\n}\r\n\r\n#notify-container {\r\n -moz-tab-size: 4;\r\n -o-tab-size: 4;\r\n tab-size: 4;\r\n line-height: 1.15;\r\n -webkit-text-size-adjust: 100%;\r\n top: 0;\r\n right: 0;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end;\r\n position: fixed;\r\n width: auto;\r\n z-index: var(--z-notify);\r\n pointer-events: none;\r\n gap: var(--spacing);\r\n padding: var(--spacing);\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n &::before {\r\n box-sizing: border-box;\r\n }\r\n\r\n &::after {\r\n box-sizing: border-box;\r\n }\r\n\r\n app-notify {\r\n align-self: flex-end;\r\n display: inline-block;\r\n overflow: auto;\r\n animation-duration: .3s;\r\n animation-name: toasting;\r\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\r\n pointer-events: all;\r\n box-shadow: 3px 6px 12px 3px var(--drop-shadow-color);\r\n border-radius: var(--spacing-2x); \r\n\r\n a {\r\n color: #549edb !important;\r\n text-decoration: none !important;\r\n\r\n &:hover {\r\n color: #549edb !important;\r\n text-decoration: none !important;\r\n }\r\n }\r\n\r\n >div {\r\n background-color: #fff;\r\n min-width: 200px;\r\n max-width: 400px;\r\n padding: var(--spacing-2x);\r\n border-radius: var(--spacing-2x); \r\n position: relative;\r\n cursor: pointer;\r\n overflow-y: hidden;\r\n\r\n .title {\r\n font-weight: 700;\r\n font-size: 15px;\r\n color: #616161;\r\n }\r\n\r\n .message {\r\n font-size: 14px;\r\n line-height: 20px;\r\n font-size: 14px;\r\n font-weight: 400;\r\n color: #616161;\r\n }\r\n\r\n .icon {\r\n top: 50%;\r\n left: 15px;\r\n font-size: 32px;\r\n color: white;\r\n opacity: 0.5;\r\n position: absolute;\r\n transform: translateY(-50%);\r\n\r\n .comp-busy-cont {\r\n width: 64px;\r\n height: 64px;\r\n translate: -16px -50%;\r\n background: none !important;\r\n cursor: pointer;\r\n\r\n .comp-busy-spin {\r\n border-radius: 40px;\r\n width: 40px;\r\n height: 40px;\r\n opacity: 1;\r\n }\r\n }\r\n }\r\n }\r\n\r\n >div.withImage {\r\n padding: 15px 15px 15px 60px;\r\n }\r\n\r\n >div.success {\r\n background-color: var(--success);\r\n\r\n .title {\r\n color: #fff;\r\n }\r\n\r\n .message {\r\n color: #fff;\r\n }\r\n }\r\n\r\n >div.warning {\r\n background-color: var(--warning);\r\n\r\n .title {\r\n color: #fff;\r\n }\r\n\r\n .message {\r\n color: #fff;\r\n }\r\n }\r\n\r\n >div.error {\r\n background-color: var(--danger);\r\n\r\n .title {\r\n color: #fff;\r\n }\r\n\r\n .message {\r\n color: #fff;\r\n }\r\n }\r\n\r\n >div.info {\r\n background-color: var(--info);\r\n\r\n .title {\r\n color: #fff;\r\n }\r\n\r\n .message {\r\n color: #fff;\r\n }\r\n }\r\n }\r\n\r\n .fadeOut {\r\n animation-name: toastingFadeOut;\r\n animation-duration: .6s;\r\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\r\n animation-fill-mode: forwards;\r\n overflow: hidden;\r\n }\r\n}",".page {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n\r\n &.pageshow {\r\n animation-duration: .5s;\r\n animation-name: pageShow;\r\n animation-timing-function: ease-in;\r\n z-index: 1;\r\n }\r\n\r\n &.pagehide {\r\n animation-duration: .5s;\r\n animation-name: pageHide;\r\n animation-timing-function: ease-in;\r\n z-index: 0;\r\n }\r\n}\r\n\r\n.partContainerPage {\r\n display: grid;\r\n grid-template-columns: auto 1fr;\r\n\r\n >.pcp-left-side {\r\n background-color: var(--primary-gray-dark);\r\n box-shadow: 2px 0px 12px 0px var(--primary-gray-dark);\r\n grid-template-rows: auto 1fr;\r\n min-width: 200px;\r\n display: grid;\r\n\r\n >.pcp-menu {\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n\r\n >.pcp-menu-item {\r\n width: 100%;\r\n padding: 10px;\r\n color: var(--secondary-inverse);\r\n cursor: pointer;\r\n transition: .5s ease background-color;\r\n\r\n >label {\r\n pointer-events: none;\r\n }\r\n\r\n &:hover {\r\n background-color: var(--gray-700);\r\n }\r\n\r\n &.active {\r\n background-color: var(--primary);\r\n cursor: inherit;\r\n pointer-events: none;\r\n }\r\n }\r\n }\r\n }\r\n\r\n >.pcp-part-side {\r\n width: 100%;\r\n height: 100%;\r\n display: grid;\r\n grid-template-rows: 1fr;\r\n\r\n >.pcp-part-container {\r\n width: 100%;\r\n height: 100%;\r\n padding: 0;\r\n overflow: auto;\r\n\r\n >.pagePart {\r\n position: absolute;\r\n opacity: 0;\r\n z-index: 0;\r\n\r\n transition-property: opacity;\r\n transition-duration: .5s;\r\n transition-timing-function: ease-in;\r\n\r\n &.partshow {\r\n opacity: 1;\r\n z-index: 1;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n@keyframes pageShow {\r\n from {\r\n opacity: 0;\r\n transform: translateX(-100%);\r\n overflow: hidden;\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateX(0%);\r\n overflow: hidden;\r\n }\r\n}\r\n\r\n@keyframes pageHide {\r\n from {\r\n opacity: 1;\r\n transform: translateX(0%);\r\n overflow: hidden;\r\n }\r\n\r\n to {\r\n opacity: 0;\r\n transform: translateX(100%);\r\n overflow: hidden;\r\n }\r\n}\r\n\r\n@keyframes partShow {\r\n from {\r\n opacity: 0;\r\n transform: scale(0%);\r\n overflow: hidden;\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: scale(0%);\r\n overflow: hidden;\r\n }\r\n}\r\n\r\n@keyframes partHide {\r\n from {\r\n opacity: 1;\r\n transform: scale(0%);\r\n overflow: hidden;\r\n }\r\n\r\n to {\r\n opacity: 0;\r\n transform: scale(100%);\r\n overflow: hidden;\r\n }\r\n}","app-main-panel {\r\n width: 100%;\r\n height: 100%;\r\n\r\n >.mp-cover {\r\n display: grid;\r\n width: 100%;\r\n height: 100%;\r\n grid-template-rows: auto 1fr;\r\n grid-template-areas: \"ga_header\" \"ga_panels\";\r\n\r\n >app-ribbon-container {\r\n grid-area: ga_header;\r\n }\r\n\r\n >.mp-panels {\r\n display: grid;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n\r\n grid-area: ga_panels;\r\n\r\n grid-template-columns: auto 1fr auto;\r\n grid-template-areas: \"ga_left ga_middle ga_right\";\r\n gap: 3px;\r\n\r\n .mp-middle {\r\n display: grid;\r\n width: 100%;\r\n height: 100%;\r\n\r\n gap: 3px;\r\n grid-area: ga_middle;\r\n\r\n grid-template-rows: 1fr auto;\r\n grid-template-areas: \"ga_center\" \"ga_bottom\";\r\n }\r\n }\r\n }\r\n\r\n >app-main-panel-drag-window {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n margin-left: -200px;\r\n margin-top: -150px;\r\n z-index: 100;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: auto;\r\n height: auto;\r\n\r\n // background: rgba(255, 255, 255, 0.33);\r\n // border-radius: 16px;\r\n // box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\r\n // backdrop-filter: blur(8.3px);\r\n // -webkit-backdrop-filter: blur(8.3px);\r\n\r\n >.mp-dp-container {\r\n width: 400px;\r\n height: 300px;\r\n\r\n display: grid;\r\n grid-template-columns: 1fr 2fr 1fr;\r\n grid-template-rows: 2fr 1fr;\r\n grid-template-areas: \"d_left d_center d_right\" \"d_left d_bottom d_right\";\r\n gap: var(--spacing);\r\n\r\n .mp-drag-panel {\r\n border: 1px solid rgba(128, 128, 128, 0.5);\r\n background: color-mix(in srgb, var(--background-color) 75%, transparent);\r\n border-radius: var(--border-radius);\r\n box-shadow: 0 12px 20px rgba(128, 128, 128, 0.5);\r\n backdrop-filter: blur(8.3px);\r\n -webkit-backdrop-filter: blur(8.3px);\r\n\r\n &.left {\r\n grid-area: d_left\r\n }\r\n\r\n &.right {\r\n grid-area: d_right\r\n }\r\n\r\n &.center {\r\n grid-area: d_center\r\n }\r\n\r\n &.bottom {\r\n grid-area: d_bottom\r\n }\r\n\r\n &.blocked {\r\n background: color-mix(in srgb, var(--primary-gray-light) 75%, transparent);\r\n }\r\n\r\n &[dragok=\"true\"] {\r\n background: color-mix(in srgb, var(--active) 75%, transparent);\r\n }\r\n }\r\n }\r\n }\r\n}","app-ribbon {\r\n --tab-header-background: var(--primary-gray) !important; //var(--background-color);\r\n --tab-header-foreground: var(--primary-inverse) !important; //var(--color);\r\n --tab-accent-color: var(--background-color) !important; //var(--primary);\r\n\r\n >app-tab-container {\r\n height: inherit;\r\n .RibbonTabContent {\r\n display: flex;\r\n gap: calc(var(--spacing)/2);\r\n --text-color: var(--primary-900);\r\n\r\n .RibbonTabGroup {\r\n display: grid;\r\n grid-template-rows: 1fr auto;\r\n gap: calc(var(--spacing)/2);\r\n\r\n .RibbonTabGroupBody {\r\n display: flex;\r\n gap: calc(var(--spacing)/2);\r\n\r\n .disabled {\r\n opacity: .5;\r\n pointer-events: none;\r\n cursor: not-allowed;\r\n }\r\n\r\n .active {\r\n outline: 3px solid var(--active);\r\n outline-offset: -3px;\r\n }\r\n\r\n &>button {\r\n --border-color: var(--primary-gray-light);\r\n display: flex;\r\n flex-flow: column;\r\n align-items: center;\r\n width: auto;\r\n max-width: 100px;\r\n min-width: 50px;\r\n justify-content: space-between;\r\n background: var(--primary-inverse);\r\n margin-bottom: 0;\r\n padding: var(--spacing);\r\n gap: var(--spacing);\r\n\r\n >i {\r\n font-size: 24px;\r\n }\r\n\r\n >span {\r\n font-size: 11px;\r\n color: var(--text-color);\r\n padding: 0;\r\n }\r\n\r\n &:hover {\r\n box-shadow: 0px 4px 4px -1px var(--primary-gray-light);\r\n }\r\n }\r\n\r\n >app-radio-button {\r\n display: grid;\r\n grid-auto-flow: column;\r\n grid-template-rows: auto auto;\r\n gap: 2px;\r\n align-content: center;\r\n border: 1px solid var(--primary-gray-light);\r\n border-radius: var(--border-radius);\r\n //align-self: flex-start;\r\n background-color: white;\r\n padding: 2px;\r\n\r\n >button {\r\n margin-bottom: 0;\r\n border-radius: 0;\r\n background-color: white;\r\n border: none;\r\n padding: 4px 8px;\r\n align-items: center;\r\n\r\n >i {\r\n color: var(--primary);\r\n }\r\n\r\n >span {\r\n font-size: 11px;\r\n color: var(--text-color);\r\n }\r\n\r\n\r\n\r\n &:hover {\r\n box-shadow: 0px 0px 2px 1px var(--primary-gray-lighter);\r\n z-index: 1;\r\n position: relative;\r\n }\r\n\r\n &[checked] {\r\n outline: 1px solid var(--active);\r\n outline-offset: -1px;\r\n }\r\n }\r\n }\r\n\r\n >.ribbonElementContainer {\r\n display: flex;\r\n flex-direction: column-reverse;\r\n gap: 3px;\r\n\r\n >select {\r\n --border-color: var(--primary-gray-light) !important;\r\n --color: var(--text-color) !important;\r\n background-color: white;\r\n min-width: 100px;\r\n margin: 0;\r\n font-size: 11px;\r\n line-height: 1rem;\r\n\r\n option {\r\n font-size: 11px;\r\n }\r\n }\r\n\r\n >input {\r\n background-color: #fff;\r\n min-width: 100px;\r\n margin: 0;\r\n --border-color: var(--primary-gray-light) !important;\r\n --color: var(--text-color) !important;\r\n line-height: 1rem;\r\n }\r\n\r\n >label {\r\n text-align: center;\r\n color: var(--muted-color);\r\n font-size: 10px;\r\n }\r\n }\r\n\r\n }\r\n\r\n .RibbonTabGroupTitle {\r\n text-align: center;\r\n font-size: 11px;\r\n color: var(--muted-color);\r\n }\r\n }\r\n\r\n .RibbonGroupSeperator {\r\n box-sizing: border-box;\r\n width: 1px;\r\n background-color: var(--form-element-border-color);\r\n height: 100%;\r\n }\r\n }\r\n\r\n >.appTabContainerHeader {\r\n z-index: 1;\r\n }\r\n\r\n .appTabContainerBody {\r\n border-top: none !important;\r\n background: var(--primary-gray-ghost);\r\n border-top-left-radius: 0;\r\n border-top-right-radius: 0;\r\n\r\n top: 0;\r\n transition: .5s ease top;\r\n\r\n app-tab {\r\n padding: var(--spacing-half);\r\n }\r\n }\r\n }\r\n}","app-radio-button {\r\n position: relative;\r\n display: flex;\r\n flex-direction: row;\r\n\r\n >button {\r\n border-top-left-radius: 0;\r\n border-bottom-left-radius: 0;\r\n border-top-right-radius: 0;\r\n border-bottom-right-radius: 0;\r\n\r\n &[checked] {\r\n //outline: var(--active) solid 5px;\r\n //outline-offset: -5px;\r\n //z-index: 1;\r\n background-color: var(--active);\r\n\r\n // &::after {\r\n // content: \"\";\r\n // z-index: 2;\r\n // //background: var(--active);\r\n // width: 100%;\r\n // height: 100%;\r\n // position: absolute;\r\n // bottom: 0;\r\n // left: 0;\r\n // opacity: 0.5;\r\n // }\r\n }\r\n\r\n &:first-child {\r\n border-top-left-radius: var(--border-radius);\r\n border-bottom-left-radius: var(--border-radius);\r\n border-top-right-radius: 0;\r\n border-bottom-right-radius: 0;\r\n }\r\n\r\n &:last-child {\r\n border-top-left-radius: 0;\r\n border-bottom-left-radius: 0;\r\n border-top-right-radius: var(--border-radius);\r\n border-bottom-right-radius: var(--border-radius);\r\n }\r\n }\r\n}",":root {\r\n --tab-header-background: var(--background-color);\r\n --tab-header-foreground: var(--color);\r\n --tab-accent-color: var(--primary);\r\n --tab-accent-hover: var(--range-border-color);\r\n --tab-body: var(--background-color);\r\n --tab-border-h: 3px;\r\n}\r\n\r\napp-tab-container {\r\n width: 100%;\r\n height: 100%;\r\n overflow-y: hidden;\r\n\r\n .appTabContainerHeader {\r\n width: 100%;\r\n overflow: hidden;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n gap: 3px;\r\n padding: 0px 5px;\r\n color: var(--tab-header-foreground);\r\n background-color: var(--tab-header-background);\r\n\r\n app-tab-header {\r\n min-width: 60px;\r\n position: relative;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n align-items: center;\r\n border-bottom: var(--tab-border-h) solid var(--tab-header-background);\r\n gap: 3px;\r\n\r\n &:hover {\r\n border-bottom: var(--tab-border-h) solid var(--tab-accent-hover);\r\n cursor: pointer;\r\n }\r\n\r\n &.active {\r\n border-bottom: var(--tab-border-h) solid var(--tab-accent-color);\r\n\r\n &:hover {\r\n border-bottom: var(--tab-border-h) solid var(--tab-accent-color);\r\n cursor: default;\r\n }\r\n }\r\n\r\n .title {\r\n padding: 3px;\r\n text-align: center;\r\n transition: opacity var(--transition);\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n max-width: 150px;\r\n overflow: hidden;\r\n }\r\n\r\n .closeButton {\r\n display: block;\r\n width: 1rem;\r\n height: 1rem;\r\n background-image: var(--icon-close);\r\n background-position: center;\r\n background-size: auto 1rem;\r\n background-repeat: no-repeat;\r\n opacity: .5;\r\n transition: opacity var(--transition);\r\n cursor: pointer;\r\n\r\n &:hover {\r\n opacity: 1;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .appTabContainerBody {\r\n display: grid;\r\n border: 1px solid var(--form-element-border-color);\r\n overflow-y: auto;\r\n background: var(--tab-body);\r\n\r\n app-tab {\r\n display: flex;\r\n padding: 0;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n }\r\n }\r\n}","app-dropdown-button {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n padding: 0 !important;\r\n position: relative;\r\n\r\n app-dropdown {\r\n button {\r\n color: var(--background-color);\r\n background-color: var(--primary-inverse);\r\n border: none;\r\n }\r\n }\r\n\r\n .mainButton {\r\n width: 100%;\r\n border-top-right-radius: 0;\r\n border-bottom-right-radius: 0;\r\n }\r\n\r\n .iconButton {\r\n border-top-left-radius: 0;\r\n border-bottom-left-radius: 0;\r\n\r\n i::before {\r\n transition: .5s ease rotate;\r\n }\r\n\r\n &.up {\r\n i::before {\r\n rotate: 180deg;\r\n }\r\n }\r\n }\r\n}","app-button-list {\r\n display: flex;\r\n\r\n >button {\r\n margin-bottom: 0;\r\n border-radius: 0;\r\n align-items: center;\r\n height: 100%;\r\n }\r\n\r\n &:not(.toolbar).vertical {\r\n >button {\r\n width: 100%;\r\n border-bottom: 1px solid var(--form-element-border-color);\r\n }\r\n\r\n >button:last-child {\r\n border-bottom: none;\r\n }\r\n }\r\n\r\n &:not(.toolbar).horizonal {\r\n >button {\r\n border-right: 1px solid var(--form-element-border-color);\r\n width: auto;\r\n }\r\n\r\n >button:last-child {\r\n border-right: none;\r\n }\r\n }\r\n\r\n &.toolbar {\r\n background-color: var(--primary-gray-ghost);\r\n padding: var(--spacing-half);\r\n //border-radius: var(--border-radius);\r\n\r\n >button {\r\n background-color: var(--primary-inverse);\r\n color: var(--h5-color);\r\n border: 1px solid var(--form-element-border-color);\r\n width: auto;\r\n padding: var(--spacing);\r\n\r\n >span {\r\n display: none;\r\n }\r\n\r\n &:hover {\r\n color: var(--primary);\r\n }\r\n }\r\n\r\n &.horizonal {\r\n >button {\r\n border-left: none;\r\n\r\n &:last-child {\r\n border-top-right-radius: var(--border-radius);\r\n border-bottom-right-radius: var(--border-radius);\r\n }\r\n\r\n &:first-child {\r\n border-left: 1px solid var(--form-element-border-color);\r\n border-top-left-radius: var(--border-radius);\r\n border-bottom-left-radius: var(--border-radius);\r\n }\r\n }\r\n }\r\n\r\n &.vertical {\r\n width: auto;\r\n height: 100%;\r\n justify-self: flex-start;\r\n align-self: flex-start;\r\n\r\n >button {\r\n border-top: none;\r\n\r\n &:last-child {\r\n border-bottom-left-radius: var(--border-radius);\r\n border-bottom-right-radius: var(--border-radius);\r\n }\r\n\r\n &:first-child {\r\n border-top: 1px solid var(--form-element-border-color);\r\n border-top-left-radius: var(--border-radius);\r\n border-top-right-radius: var(--border-radius);\r\n }\r\n }\r\n }\r\n }\r\n}","app-dropdown {\r\n position: absolute;\r\n width: 100%;\r\n top: 100%;\r\n z-index: var(--z-dropdown);\r\n border-radius: var(--border-radius);\r\n box-shadow: 0px 6px 6px 0px var(--drop-shadow-color);\r\n background: var(--background-color);\r\n\r\n >.ddBody {\r\n display: grid;\r\n grid-template-rows: 0fr;\r\n transition: 0.3s grid-template-rows ease;\r\n\r\n >* {\r\n overflow: hidden;\r\n }\r\n\r\n &:has(app-menu.drop) {\r\n >* {\r\n overflow: visible;\r\n }\r\n }\r\n }\r\n\r\n\r\n &.open {\r\n >.ddBody {\r\n grid-template-rows: 1fr;\r\n }\r\n }\r\n\r\n}","app-sub-panel {\r\n position: relative;\r\n overflow: hidden;\r\n\r\n &.Pos-Center {\r\n grid-area: ga_center;\r\n\r\n >app-tab-container {\r\n >.appTabContainerBody {\r\n >app-tab {\r\n padding: 0;\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.Pos-Left {\r\n grid-area: ga_left;\r\n width: min(250px, 20vw);\r\n min-width: 100px !important;\r\n }\r\n\r\n &.Pos-Right {\r\n grid-area: ga_right;\r\n width: min(250px, 20vw);\r\n min-width: 100px !important;\r\n }\r\n\r\n &.Pos-Bottom {\r\n grid-area: ga_bottom;\r\n height: min(200px, 20vh);\r\n min-height: 100px !important;\r\n }\r\n\r\n .panel-resizer {\r\n // background-color: var(--background-color);\r\n position: absolute;\r\n z-index: 100;\r\n\r\n &:hover {\r\n background-color: var(--range-border-color);\r\n }\r\n }\r\n\r\n .panel-resizer.panel-resizer-b {\r\n cursor: row-resize;\r\n width: 100%;\r\n height: 3px;\r\n top: 0;\r\n\r\n &:hover {\r\n height: 5px;\r\n }\r\n }\r\n\r\n .panel-resizer.panel-resizer-l {\r\n cursor: col-resize;\r\n height: 100%;\r\n width: 3px;\r\n right: 0;\r\n top: 0;\r\n\r\n &:hover {\r\n width: 5px;\r\n }\r\n }\r\n\r\n .panel-resizer.panel-resizer-r {\r\n cursor: col-resize;\r\n height: 100%;\r\n width: 3px;\r\n left: 0;\r\n top: 0;\r\n\r\n &:hover {\r\n width: 5px;\r\n }\r\n }\r\n}","app-accordion {\r\n\r\n color: var(--color);\r\n background-color: var(--background-color);\r\n border-radius: var(--border-radius);\r\n overflow: hidden;\r\n border: 1px solid var(--primary-gray-ghost);\r\n\r\n .accordion-header {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n align-items: center;\r\n padding: 10px 15px;\r\n cursor: pointer;\r\n background-color: var(--primary-gray-ghost);\r\n transition: background-color 0.3s ease;\r\n }\r\n\r\n .accordion-header:hover {\r\n background-color: var(--primary-gray-lighter);\r\n }\r\n\r\n .accordion-body {\r\n //border-top: none;\r\n //border: 1px solid rgba(0, 0, 0, .125);\r\n font-size: 1rem;\r\n line-height: 1.5;\r\n // border-bottom-right-radius: 0.25rem;\r\n // border-bottom-left-radius: 0.25rem;\r\n transition: height 0.5s ease;\r\n overflow: hidden;\r\n }\r\n\r\n .accordion-content {\r\n text-align: justify;\r\n }\r\n\r\n .arrow {\r\n transition: transform 0.5s ease;\r\n display: inline-block;\r\n }\r\n\r\n .arrow.rotated {\r\n transform: rotate(180deg);\r\n }\r\n}\r\n\r\napp-accordion-container {\r\n display: flex;\r\n flex-direction: column;\r\n\r\n app-accordion {\r\n border-radius: 0;\r\n\r\n &:first-child {\r\n border-top-left-radius: var(--border-radius);\r\n border-top-right-radius: var(--border-radius);\r\n }\r\n \r\n &:last-child {\r\n border-bottom-left-radius: var(--border-radius);\r\n border-bottom-right-radius: var(--border-radius);\r\n }\r\n }\r\n\r\n \r\n}","app-card {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-items: center;\r\n border: 1px solid var(--form-element-border-color);\r\n border-radius: 0.5rem;\r\n padding: var(--spacing);\r\n gap: var(--spacing);\r\n\r\n .card-image {\r\n max-width: 200px;\r\n }\r\n\r\n .card-title {\r\n text-align: center;\r\n width: 100%;\r\n font-size: large;\r\n font-weight: 600;\r\n }\r\n\r\n .card-content {\r\n text-align: center;\r\n }\r\n\r\n}","app-check-list {\r\n display: grid;\r\n grid-template-rows: 1fr;\r\n\r\n >app-list {\r\n overflow: auto;\r\n\r\n .ListItemContainer {\r\n flex-wrap: wrap;\r\n flex-direction: row;\r\n justify-content: flex-start;\r\n\r\n .checkListItem {\r\n width: auto;\r\n display: flex;\r\n flex-flow: row;\r\n align-items: center;\r\n flex: 1 100%;\r\n max-width: 130px;\r\n\r\n >input {\r\n margin-bottom: 0;\r\n min-width: 18px;\r\n }\r\n\r\n >label {\r\n cursor: pointer;\r\n }\r\n }\r\n }\r\n }\r\n}","app-list {\r\n display: grid;\r\n grid-template-rows: auto 1fr;\r\n gap: 3px;\r\n\r\n .ListItemContainer {\r\n padding: var(--spacing) 0;\r\n display: flex;\r\n flex-direction: column;\r\n overflow-y: auto;\r\n gap: var(--spacing);\r\n\r\n >* {\r\n width: 100%;\r\n }\r\n\r\n >.selected {\r\n outline: var(--primary);\r\n outline-width: 1px;\r\n }\r\n\r\n >.filtered {\r\n display: none !important;\r\n }\r\n\r\n\r\n }\r\n}","app-menu {\r\n display: flex;\r\n border: 1px solid var(--menu-border-color);\r\n border-radius: var(--border-radius);\r\n border-collapse: separate;\r\n padding: var(--spacing);\r\n min-width: 120px;\r\n --menu-z-index: 0;\r\n\r\n &.context-menu {\r\n position: fixed;\r\n box-shadow: 0px 4px 12px 0px #80808080;\r\n background-color: var(--background-color);\r\n }\r\n\r\n &.submenu {\r\n width: 100%;\r\n padding: 0;\r\n grid-column: 2/4;\r\n border: none;\r\n border-radius: var(--border-radius);\r\n }\r\n\r\n &.drop {\r\n min-width: 120px;\r\n padding: 0;\r\n\r\n &.submenu {\r\n position: absolute !important;\r\n z-index: var(--menu-z-index);\r\n left: 100%;\r\n box-shadow: 0px 4px 12px 0px #80808080;\r\n overflow: hidden;\r\n }\r\n }\r\n\r\n >.menu-item {\r\n\r\n --hoverBackgrundColor: var(--primary-50);\r\n width: 100%;\r\n height: 100%;\r\n margin-bottom: 0;\r\n //border-radius: 0;\r\n //border-bottom: 1px solid var(--menu-border-color);\r\n\r\n display: grid;\r\n align-items: baseline;\r\n gap: var(--spacing);\r\n grid-template-columns: auto 1fr auto;\r\n grid-template-areas: \"menu-ga-icon menu-ga-title menu-ga-caret\";\r\n\r\n padding: 8px;\r\n\r\n background: var(--background-color);\r\n transition: .5s background ease;\r\n\r\n &:hover {\r\n cursor: pointer;\r\n background: var(--hoverBackgrundColor);\r\n }\r\n\r\n // &:last-child {\r\n // border-bottom: none;\r\n // }\r\n\r\n >i {\r\n grid-area: menu-ga-icon;\r\n }\r\n\r\n >label {\r\n grid-area: menu-ga-title;\r\n pointer-events: none;\r\n margin-bottom: 0;\r\n }\r\n\r\n >.caret {\r\n grid-area: menu-ga-caret;\r\n transition: .5s ease rotate;\r\n }\r\n\r\n &.open {\r\n .caret {\r\n rotate: 180deg;\r\n }\r\n }\r\n\r\n &:has(.submenu) {\r\n --hoverBackgrundColor: var(--background-color);\r\n }\r\n\r\n }\r\n\r\n >.seperator {\r\n height: 1px;\r\n background: var(--menu-border-color);\r\n margin: 2px 2px; //y x\r\n }\r\n\r\n\r\n}","app-dropdown-tree {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n padding: 0 !important;\r\n position: relative;\r\n\r\n border: 1px solid var(--form-element-border-color);\r\n border-radius: var(--border-radius);\r\n\r\n .screen {\r\n width: 100%;\r\n display: inline-flex;\r\n align-items: center;\r\n padding: 0 var(--spacing);\r\n cursor: pointer;\r\n }\r\n\r\n .iconButton {\r\n border-top-left-radius: 0;\r\n border-bottom-left-radius: 0;\r\n\r\n color: var(--background-color);\r\n background-color: var(--primary-inverse);\r\n border: none;\r\n\r\n i::before {\r\n transition: .5s ease rotate;\r\n }\r\n\r\n &.up {\r\n i::before {\r\n rotate: 180deg;\r\n }\r\n }\r\n }\r\n\r\n app-dropdown {\r\n margin-top: 1px;\r\n }\r\n}",":root {\r\n --treeviewSpacing: 8px;\r\n}\r\n\r\n:root.mobile {\r\n app-treeview {\r\n --treeviewSpacing: 16px;\r\n }\r\n}\r\n\r\napp-treeview {\r\n display: flex;\r\n flex-direction: column;\r\n\r\n app-treeview-item {\r\n display: flex;\r\n flex-direction: column;\r\n padding-left: calc(var(--treeviewSpacing) / 2);\r\n\r\n >app-treeview-item-header {\r\n display: grid;\r\n grid-template-columns: 16px auto auto auto 1fr;\r\n grid-template-areas: \"ga-tw-expicon ga-tw-check ga-tw-itemicon ga-tw-title ga-tw-actions\";\r\n width: 100%;\r\n align-items: center;\r\n // grid-template-rows: auto 1fr;\r\n gap: calc(var(--treeviewSpacing) / 2);\r\n height: 24px;\r\n\r\n >.expIcon {\r\n grid-area: ga-tw-expicon;\r\n color: var(--primary-hover);\r\n font-size: 16px;\r\n\r\n &::before {\r\n transition: .5s ease rotate;\r\n }\r\n }\r\n\r\n >input[type=\"checkbox\"] {\r\n grid-area: ga-tw-check;\r\n margin-right: 0;\r\n margin-bottom: inherit;\r\n margin-top: inherit;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n >.itemIcon {\r\n grid-area: ga-tw-itemicon;\r\n margin: 0 var(--spacing-half);\r\n }\r\n\r\n >label {\r\n grid-area: ga-tw-title;\r\n display: flex;\r\n align-items: center;\r\n gap: calc(var(--treeviewSpacing) / 2);\r\n }\r\n\r\n >.actionsContainer {\r\n grid-area: ga-tw-actions;\r\n align-items: center;\r\n gap: var(--spacing);\r\n display: none;\r\n\r\n >app-button-list {\r\n >button {\r\n padding: 0;\r\n }\r\n }\r\n\r\n >.inputActions {\r\n display: flex;\r\n flex-direction: column;\r\n height: 1rem;\r\n }\r\n }\r\n\r\n &.expanded {\r\n >.expIcon {\r\n &::before {\r\n rotate: 90deg;\r\n }\r\n }\r\n }\r\n\r\n &:hover>.actionsContainer {\r\n display: flex;\r\n }\r\n }\r\n\r\n >.treeItemBody {\r\n display: grid;\r\n grid-template-rows: 0fr;\r\n transition: 0.3s grid-template-rows ease;\r\n\r\n >.treeItemContainer {\r\n display: flex;\r\n gap: calc(var(--treeviewSpacing) / 2);\r\n padding-left: 16px;\r\n flex-direction: column;\r\n overflow: hidden;\r\n opacity: 0;\r\n transition: 0.5s linear opacity;\r\n }\r\n }\r\n\r\n &.open {\r\n >.treeItemBody {\r\n grid-template-rows: 1fr;\r\n >.treeItemContainer{\r\n opacity: 1;\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.desc {\r\n flex-direction: column-reverse;\r\n\r\n app-treeview-item {\r\n >.treeItemContainer {\r\n flex-direction: column-reverse;\r\n }\r\n }\r\n }\r\n}\r\n\r\n// @keyframes treeShow {\r\n// from {\r\n// transform: scaleY(-100%);\r\n// }\r\n\r\n// to {\r\n// transform: scaleY(0%);\r\n// }\r\n// }\r\n\r\n// @keyframes treeHide {\r\n// from {\r\n// transform: scaleY(0%);\r\n// overflow: hidden;\r\n// }\r\n\r\n// to {\r\n// transform: scaleY(100%);\r\n// overflow: hidden;\r\n// }\r\n// }","app-form {\r\n display: grid;\r\n position: relative;\r\n grid-template-columns: minmax(auto, 100px) 1fr 24px;\r\n gap: var(--spacing);\r\n align-items: center;\r\n padding: 10px;\r\n border: 1px solid var(--blue-grey-200);\r\n border-radius: var(--border-radius);\r\n background: var(--background-color);\r\n\r\n app-form-line {\r\n display: contents;\r\n\r\n >label {\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n padding: 3px 0px;\r\n }\r\n\r\n >.inputContainer {\r\n border: none;\r\n\r\n >input {\r\n margin-bottom: 0;\r\n }\r\n\r\n >select {\r\n margin-bottom: 0;\r\n }\r\n }\r\n\r\n >i {\r\n visibility: collapse;\r\n }\r\n\r\n &.val-error {\r\n >.inputContainer {\r\n border-bottom: 1px solid var(--danger);\r\n }\r\n\r\n >i {\r\n visibility: visible;\r\n color: var(--danger);\r\n }\r\n }\r\n\r\n &.val-success {\r\n >.inputContainer {\r\n border-bottom: 1px solid var(--success);\r\n }\r\n }\r\n }\r\n}","app-groupbox {\r\n border: 1px solid var(--form-element-border-color);\r\n border-radius: var(--border-radius);\r\n flex-direction: column;\r\n display: flex;\r\n position: relative;\r\n background: var(--background-color);\r\n overflow: hidden;\r\n\r\n // &::before{\r\n // content: attr(data-caption);\r\n // border-bottom: 1px solid var(--form-element-border-color);\r\n // text-align: center;\r\n // margin-bottom: 15px;\r\n // padding: 6px 6px 6px;\r\n // margin-left: -6px;\r\n // margin-right: -6px;\r\n // margin-top: -6px;\r\n // background: var(--primary-gray-ghost);\r\n // user-select: none;\r\n // }\r\n\r\n .groupbox-caption {\r\n border-bottom: 1px solid var(--form-element-border-color);\r\n text-align: center;\r\n padding: 6px 6px 6px;\r\n background: var(--primary-gray-ghost);\r\n user-select: none;\r\n }\r\n\r\n .groupbox-body {\r\n display: flex;\r\n flex-direction: column;\r\n padding: var(--spacing);\r\n gap: var(--spacing);\r\n }\r\n}","@keyframes dialogMessageBoxOpen {\r\n from {\r\n opacity: 0;\r\n transform: scale(0);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n}\r\n\r\ndialog.MessageBox {\r\n --messagebox-border-color: var(--primary);\r\n --messagebox-accent-color: var(--grey-400);\r\n\r\n &.success {\r\n --messagebox-border-color: var(--success);\r\n //--messagebox-accent-color: var(--success-light);\r\n }\r\n\r\n &.error {\r\n --messagebox-border-color: var(--danger);\r\n //--messagebox-accent-color: var(--danger-light);\r\n }\r\n\r\n &.info {\r\n --messagebox-border-color: var(--info);\r\n //--messagebox-accent-color: var(--info-light);\r\n }\r\n\r\n &.warning {\r\n --messagebox-border-color: var(--warning);\r\n //--messagebox-accent-color: var(--warning-light);\r\n }\r\n\r\n &::backdrop {\r\n background: var(--modal-overlay-background-color);\r\n }\r\n\r\n &[open] {\r\n >app-msgbox-content {\r\n transform: none;\r\n }\r\n }\r\n\r\n >app-msgbox-content {\r\n display: grid;\r\n grid-template-rows: auto 1fr auto;\r\n // border: 1px solid var(--messagebox-border-color);\r\n border-radius: var(--border-radius);\r\n background: var(--background-color);\r\n min-width: 10vw;\r\n // box-shadow: 0 3px 15px 0px gray;\r\n box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;\r\n\r\n transform: scale(0);\r\n animation: dialogMessageBoxOpen .2s ease-in;\r\n\r\n >.title {\r\n text-align: center;\r\n //font-weight: bold;\r\n font-size: 1.1rem;\r\n background-color: var(--messagebox-border-color);\r\n color: var(--primary-inverse);\r\n width: 100%;\r\n padding: 8px 5px;\r\n min-height: 24px;\r\n // border-bottom: 1px solid var(--messagebox-accent-color);\r\n }\r\n\r\n >.contentContainer {\r\n max-width: 80vw;\r\n max-height: 60vh;\r\n overflow-y: auto;\r\n padding: 10px;\r\n\r\n >.textContent {\r\n text-align: center;\r\n word-wrap: normal;\r\n padding: 10px;\r\n }\r\n }\r\n\r\n >.buttons {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n align-items: center;\r\n gap: 10px;\r\n justify-content: center;\r\n padding: var(--spacing);\r\n // border-top: 1px solid var(--messagebox-accent-color);\r\n\r\n >button {\r\n margin-bottom: 0;\r\n padding: var(--spacing) calc(var(--spacing) * 2);\r\n }\r\n\r\n >.okButton {\r\n width: auto;\r\n }\r\n\r\n >.cancelButton {\r\n width: auto;\r\n }\r\n }\r\n }\r\n}","app-optionsmenu {\r\n width: auto;\r\n\r\n >.iconButton {\r\n width: auto;\r\n border: none;\r\n padding: 0;\r\n }\r\n\r\n >app-dropdown {\r\n width: auto;\r\n visibility: hidden;\r\n\r\n &.open{\r\n visibility: visible;\r\n }\r\n\r\n // app-menu {\r\n // min-width: 120px;\r\n // padding: 0;\r\n\r\n // &.submenu {\r\n // position: absolute !important;\r\n // left: 100%;\r\n // }\r\n // }\r\n }\r\n\r\n &.right {\r\n right: 0;\r\n place-self: center end;\r\n\r\n >app-dropdown {\r\n right: 0;\r\n\r\n app-menu {\r\n &.submenu {\r\n right: 100%;\r\n }\r\n }\r\n }\r\n }\r\n}","app-rad-menu {\r\n --size: 150px;\r\n --stripSize: calc(var(--size) / 4);\r\n --stripIconSize: 1.5rem;\r\n --iconY: calc((var(--stripSize) + (var(--stripSize) - var(--stripIconSize)) / 2)*-1);\r\n\r\n position: fixed;\r\n width: var(--size);\r\n height: var(--size);\r\n visibility: hidden;\r\n z-index: -1;\r\n overflow: hidden;\r\n\r\n &.on {\r\n visibility: visible;\r\n z-index: 10000;\r\n }\r\n\r\n &:has([data-chosen=\"true\"]) {\r\n cursor: pointer;\r\n }\r\n\r\n &::after {\r\n content: '';\r\n width: 5px;\r\n height: 5px;\r\n border-radius: 50%;\r\n background-color: var(--active);\r\n opacity: 0.5;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n }\r\n\r\n .arc {\r\n position: absolute;\r\n rotate: var(--rotation);\r\n width: 100%;\r\n aspect-ratio: 1;\r\n padding: var(--stripSize);\r\n box-sizing: border-box;\r\n border-radius: 50%;\r\n background-color: var(--primary); //#c0d860;\r\n mask: linear-gradient(#0000 0 0) content-box intersect, conic-gradient(#000 var(--sizeAng), #0000 0);\r\n transition: .5s ease;\r\n transition-property: background-color opacity;\r\n pointer-events: none;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n opacity: 0.5;\r\n\r\n &[data-chosen=\"true\"] {\r\n //padding: calc(var(--stripSize) + 5px);\r\n //padding: var(--stripSize);\r\n opacity: 1;\r\n //background-color: var(--active);\r\n //margin-bottom: 10px;\r\n }\r\n\r\n &.empty {\r\n background-color: var(--primary-gray-lighter);\r\n opacity: 1;\r\n }\r\n\r\n i {\r\n color: var(--background-color);\r\n opacity: 0.8;\r\n position: absolute;\r\n font-size: var(--stripIconSize);\r\n z-index: 1;\r\n transform: rotate(var(--halfSizeAng)) translate(0, calc(var(--iconY) - 50%));\r\n }\r\n }\r\n}","app-taginput {\r\n display: flex;\r\n position: relative;\r\n flex-wrap: wrap;\r\n margin-bottom: var(--spacing);\r\n appearance: none;\r\n padding: 0 var(--form-element-spacing-horizontal);\r\n width: 100%;\r\n min-height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\r\n --background-color: var(--form-element-background-color);\r\n --border-color: var(--form-element-border-color);\r\n --color: var(--form-element-color);\r\n --box-shadow: none;\r\n border: var(--border-width) solid var(--border-color);\r\n border-radius: var(--border-radius);\r\n background-color: var(--background-color);\r\n box-shadow: var(--box-shadow);\r\n color: var(--color);\r\n font-weight: var(--font-weight);\r\n transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\r\n outline: 0;\r\n\r\n\r\n &.focused {\r\n --border-color: var(--form-element-active-border-color) !important;\r\n --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color) !important;\r\n }\r\n\r\n >.ti-container {\r\n margin-right: 3px;\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: 3px;\r\n padding: 2px 0;\r\n\r\n >app-taginput-item {\r\n display: flex;\r\n flex-direction: row;\r\n background-color: var(--primary-gray-ghost);\r\n border: 1px solid var(--primary-gray-light);\r\n border-radius: var(--border-radius);\r\n padding: 2px;\r\n\r\n >span {}\r\n\r\n >.closeButton {\r\n display: block;\r\n width: 1rem;\r\n height: 1rem;\r\n background-image: var(--icon-close);\r\n background-position: center;\r\n background-size: auto 1rem;\r\n background-repeat: no-repeat;\r\n opacity: .5;\r\n transition: opacity var(--transition);\r\n cursor: pointer;\r\n\r\n &:hover {\r\n opacity: 1;\r\n }\r\n }\r\n }\r\n }\r\n\r\n >input {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n height: inherit !important;\r\n border: none !important;\r\n width: auto !important;\r\n\r\n &::-webkit-outer-spin-button,\r\n &::-webkit-inner-spin-button {\r\n -webkit-appearance: none;\r\n margin: 0;\r\n }\r\n\r\n &:focus {\r\n border: none;\r\n box-shadow: none;\r\n }\r\n }\r\n}","app-toolbar {\r\n display: flex;\r\n background-color: var(--primary-gray-ghost);\r\n padding: var(--spacing-half);\r\n\r\n >button {\r\n margin-bottom: 0;\r\n border-radius: 0;\r\n align-items: center;\r\n background-color: var(--primary-inverse);\r\n color: var(--h5-color);\r\n border: 1px solid var(--form-element-border-color);\r\n width: auto;\r\n padding: var(--spacing);\r\n\r\n >span {\r\n display: none;\r\n }\r\n }\r\n\r\n &.horizonal {\r\n >button {\r\n border-left: none;\r\n height: 100%;\r\n\r\n &:last-child {\r\n border-top-right-radius: var(--border-radius);\r\n border-bottom-right-radius: var(--border-radius);\r\n }\r\n\r\n &:first-child {\r\n border-left: 1px solid var(--form-element-border-color);\r\n border-top-left-radius: var(--border-radius);\r\n border-bottom-left-radius: var(--border-radius);\r\n }\r\n\r\n &:hover {\r\n box-shadow: 0px 2px 4px -1px var(--primary-gray-light);\r\n }\r\n }\r\n }\r\n\r\n &.vertical {\r\n width: auto;\r\n height: 100%;\r\n justify-self: flex-start;\r\n align-self: flex-start;\r\n\r\n >button {\r\n border-top: none;\r\n\r\n &:last-child {\r\n border-bottom-left-radius: var(--border-radius);\r\n border-bottom-right-radius: var(--border-radius);\r\n }\r\n\r\n &:first-child {\r\n border-top: 1px solid var(--form-element-border-color);\r\n border-top-left-radius: var(--border-radius);\r\n border-top-right-radius: var(--border-radius);\r\n }\r\n\r\n &:hover {\r\n box-shadow: 2px 0px 4px -1px var(--primary-gray-light);\r\n }\r\n }\r\n }\r\n}","// .ApplicationHostElement {\r\n// width: 100%;\r\n// height: 100%;\r\n// margin: 0;\r\n// padding: 0;\r\n// position: relative;\r\n// overflow: hidden;\r\n\r\n// display: grid;\r\n// grid-template-rows: auto 1fr;\r\n\r\n// .AppPageRootElement {\r\n// width: 100%;\r\n// height: 100%;\r\n// }\r\n// }\r\n\r\napp-host {\r\n width: 100%;\r\n height: 100%;\r\n margin: 0px;\r\n padding: 0px;\r\n position: relative;\r\n overflow: hidden;\r\n\r\n >nav-host {\r\n width: 100%;\r\n height: 100%;\r\n margin: 0px;\r\n padding: 0px;\r\n position: relative;\r\n overflow: hidden;\r\n display: grid;\r\n grid-template-rows: auto 1fr;\r\n }\r\n}","nav-header {\r\n position: relative;\r\n display: grid;\r\n grid-template-columns: auto 1fr auto;\r\n background: var(--primary-gray-dark);\r\n color: white;\r\n -webkit-user-drag: none;\r\n height: 2rem;\r\n\r\n .iconButton {\r\n border: none;\r\n width: auto;\r\n padding: 0;\r\n }\r\n\r\n button {\r\n margin-bottom: 0 !important;\r\n border-radius: 0 !important;\r\n border: none;\r\n color: var(--grey-300);\r\n\r\n &:hover {\r\n background-color: var(--grey-700);\r\n }\r\n\r\n i {\r\n font-size: 1.2rem;\r\n transition: .3s ease scale;\r\n\r\n &:hover {\r\n scale: 1.4;\r\n }\r\n }\r\n }\r\n\r\n >.header-left {\r\n display: flex;\r\n flex-flow: row;\r\n\r\n >.HeaderNavContainer {\r\n display: flex;\r\n flex-flow: row;\r\n align-items: center;\r\n padding-left: var(--spacing);\r\n\r\n >.HeaderNavButton {\r\n width: 2rem;\r\n padding: 0;\r\n\r\n &.active {\r\n color: var(--active);\r\n pointer-events: none;\r\n }\r\n }\r\n\r\n >.CurrentPageTitle {\r\n margin-left: var(--spacing);\r\n min-width: 100px;\r\n }\r\n }\r\n }\r\n\r\n >.header-center {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n >.header-right {\r\n display: flex;\r\n flex-flow: row;\r\n align-items: center;\r\n gap: var(--spacing);\r\n padding: 0 var(--spacing);\r\n\r\n .HeaderUserName {\r\n text-wrap: nowrap;\r\n padding: 0px 3px;\r\n color: var(--grey-500);\r\n }\r\n\r\n app-menu {\r\n --menu-border-color: var(--primary-gray);\r\n\r\n .menu-item {\r\n --hoverBackgrundColor: var(--primary-gray);\r\n background: var(--primary-gray-dark);\r\n\r\n &:hover {\r\n background: var(--primary-gray);\r\n }\r\n }\r\n }\r\n }\r\n}"],"names":[],"version":3,"file":"index.css.map"}