From 655644ef0f38befd32070856660007341ab2bebe Mon Sep 17 00:00:00 2001
From: Adam Laki <info@adamlaki.com>
Date: Wed, 1 Nov 2023 17:11:44 +0100
Subject: [PATCH] Data table WIP

---
 dist/categories/index.html                 |   12 +-
 dist/css/main.css                          | 4375 +++++++++++++++++++-
 dist/customers/index.html                  |   12 +-
 dist/index.html                            |   12 +-
 dist/js/data-table.js                      |   37 +-
 dist/js/data.js                            |    4 +-
 dist/orders/index.html                     |   12 +-
 dist/products/index.html                   |   12 +-
 src/_includes/partial/card/data-table.html |    7 +-
 src/_includes/partial/pagination.html      |   30 -
 src/css/main.css                           |    2 +-
 src/js/data-table.js                       |   37 +-
 src/js/data.js                             |    4 +-
 13 files changed, 4456 insertions(+), 100 deletions(-)
 delete mode 100644 src/_includes/partial/pagination.html

diff --git a/dist/categories/index.html b/dist/categories/index.html
index 10e861e..09b5579 100644
--- a/dist/categories/index.html
+++ b/dist/categories/index.html
@@ -595,10 +595,10 @@ <h1 class="app-heading__title">Categories</h1>
                         <div class="app-card__body">
                             <div class="data-table">
                                 <div class="alert alert--info data-table-alert" x-show="selectedItems.length">
-                                    <span x-text="`${selectedItems.length} items are selected`"></span>
+                                    <span x-text="`${selectedItems.length > total ? total : selectedItems.length} items are selected`"></span>
                                     <div class="data-table-alert__actions">
                                         <div class="data-table-alert__column">
-                                            <button @click="selectAllCheckbox($event);" class="btn btn--primary btn--sm" x-text="`Select all ${items.length}`"></button>
+                                            <button @click="selectAllCheckbox($event);" class="btn btn--primary btn--sm" x-text="`Select all ${items.length > total ? total : items.length}`"></button>
                                             <button @click="deselectAllCheckbox($event);" class="btn btn--primary btn--sm">
                                                 Deselect all
                                             </button>
@@ -652,16 +652,14 @@ <h1 class="app-heading__title">Categories</h1>
                                         <tbody>
                                             <template x-if="!items">
                                                 <tr>
-                                                    <td colspan="4">
-                                                        <i>Loading...</i>
-                                                    </td>
+                                                    <td colspan="4">Loading...</td>
                                                 </tr>
                                             </template>
                                             <template x-for="(item, index) in pagedItems" :key="item.id">
                                                 <tr>
                                                     <td>
-                                                        <label class="form-check" :aria-label=`Select ${item.name}`>
-                                                            <input :name="item.id" class="form-check__control" type="checkbox" value="1" x-model="item.selected" />
+                                                        <label class="form-check" :aria-label="`Select ${item.name}`">
+                                                            <input :name="item.id" class="form-check__control" type="checkbox" value="1" x-model="item.selected" :change="updateSelectAllStatus()" />
                                                         </label>
                                                     </td>
                                                     <td>
diff --git a/dist/css/main.css b/dist/css/main.css
index 27c4387..1caed0f 100644
--- a/dist/css/main.css
+++ b/dist/css/main.css
@@ -1 +1,4374 @@
-@font-face{font-display:swap;font-family:"Manrope";font-style:normal;font-weight:400;src:url("../../font/manrope-v14-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Manrope";font-style:normal;font-weight:500;src:url("../../font/manrope-v14-latin-500.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Manrope";font-style:normal;font-weight:600;src:url("../../font/manrope-v14-latin-600.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Manrope";font-style:normal;font-weight:700;src:url("../../font/manrope-v14-latin-800.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Open Sans";font-style:normal;font-weight:400;src:url("../../font/open-sans-v35-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Open Sans";font-style:normal;font-weight:700;src:url("../../font/open-sans-v35-latin-700.woff2") format("woff2")}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;block-size:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-inline-size:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{block-size:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--root-alert-color-danger: hsl(0, 71%, 51%);--root-alert-color-info: hsl(195, 100%, 42%);--root-alert-color-success: hsl(150, 100%, 33%);--root-alert-color-warning: hsl(48, 89%, 55%)}:root{--root-base-color-background: hsl(0, 0%, 100%);--root-base-color-blockquote-border: hsl(214, 98%, 49%);--root-base-color-border: hsl(215, 100%, 96%);--root-base-color-code-background: #f0f6ff;--root-base-color-code-foreground: hsl(205, 100%, 2%);--root-base-color-heading: hsl(205, 100%, 2%);--root-base-color-link: hsl(214, 98%, 49%);--root-base-color-link-hover: #0257c6;--root-base-color-mark-background: hsl(50, 100%, 80%);--root-base-color-mark-foreground: hsl(205, 100%, 2%);--root-base-color-marker: hsl(214, 98%, 49%);--root-base-color-primary: hsl(214, 98%, 49%);--root-base-color-secondary: hsl(160, 89%, 46%);--root-base-color-text: hsl(208, 9%, 42%);--root-base-color-primary-lightest: hsl(210, 60%, 98%)}:root{--root-btn-color-primary-background: hsl(214, 98%, 49%);--root-btn-color-primary-background-hover: #0256c5;--root-btn-color-primary-foreground: hsl(0, 0%, 100%);--root-btn-color-primary-shadow: #aed1fe;--root-btn-color-secondary-background: hsl(160, 89%, 46%);--root-btn-color-secondary-background-hover: #0aae77;--root-btn-color-secondary-foreground: hsl(0, 0%, 100%);--root-btn-color-secondary-shadow: #a3fadd;--root-btn-color-dark-background: hsl(205, 100%, 2%);--root-btn-color-dark-background-hover: hsl(205, 100%, 5%);--root-btn-color-dark-foreground: hsl(0, 0%, 100%);--root-btn-color-dark-outline-border: hsl(260, 4%, 70%);--root-btn-color-dark-outline-foreground: hsl(205, 100%, 2%);--root-btn-color-dark-outline-foreground-hover: hsl(0, 0%, 100%);--root-btn-color-dark-outline-background-hover: hsl(205, 100%, 2%);--root-btn-color-dark-outline-focus-ring: hsl(205, 100%, 2%);--root-btn-color-light-background: hsl(210, 60%, 98%);--root-btn-color-light-background-hover: hsl(214, 98%, 49%);--root-btn-color-light-focus-ring: hsl(214, 98%, 49%);--root-btn-color-light-foreground: hsl(214, 98%, 49%);--root-btn-color-light-foreground-hover: hsl(0, 0%, 100%);--root-btn-color-delete-background: #fceeee;--root-btn-color-delete-background-hover: hsl(0, 71%, 51%);--root-btn-color-delete-focus-ring: hsl(0, 71%, 51%);--root-btn-color-delete-foreground: hsl(0, 71%, 51%);--root-btn-color-delete-foreground-hover: hsl(0, 0%, 100%);--root-btn-color-primary-outline-foreground: hsl(214, 98%, 49%)}:root{--root-form-color-background: hsl(0, 0%, 100%);--root-form-color-background-disabled: hsl(0, 0%, 95%);--root-form-color-border: hsl(260, 4%, 75%);--root-form-color-border-disabled: hsl(215, 63%, 93%);--root-form-color-border-focus: hsl(214, 98%, 49%);--root-form-color-check-background: hsl(214, 98%, 49%);--root-form-color-check-focus-ring: hsl(214, 98%, 49%);--root-form-color-check-foreground: hsl(0, 0%, 100%);--root-form-color-group-label-background: hsl(210, 60%, 98%);--root-form-color-group-label-foreground: hsl(208, 9%, 42%);--root-form-color-invalid: hsl(0, 71%, 51%);--root-form-color-invalid-focus-ring: rgba(219, 41, 41, 0.25);--root-form-color-label: hsl(205, 100%, 2%);--root-form-color-legend: hsl(205, 100%, 2%);--root-form-color-placeholder: hsl(208, 7%, 40%);--root-form-color-range-thumb-background: hsl(214, 98%, 49%);--root-form-color-range-thumb-focus-ring: hsl(214, 98%, 49%);--root-form-color-range-track-background: hsl(215, 63%, 93%);--root-form-color-ring-focus: rgba(2, 109, 247, 0.25);--root-form-color-select-foreground: hsl(205, 100%, 2%);--root-form-color-text: hsl(208, 9%, 42%);--root-form-color-valid: hsl(150, 100%, 33%);--root-form-color-valid-focus-ring: rgba(0, 168, 84, 0.25)}:root{--root-selection-color-foreground: hsl(0, 0%, 100%);--root-selection-color-background: hsl(214, 98%, 49%)}:root{--root-scrollbar-color-thumb-background: hsla(0, 0%, 0%, 0.15);--root-scrollbar-color-thumb-background-hover: hsla(0, 0%, 0%, 0.25);--root-scrollbar-color-track-background: hsla(0, 0%, 0%, 0.05)}:root{--root-table-color-border: hsl(215, 63%, 93%);--root-table-color-caption: hsl(208, 9%, 42%);--root-table-color-heading: hsl(205, 100%, 2%);--root-table-color-hover: hsl(210, 60%, 98%);--root-table-color-stripe: hsl(210, 60%, 98%);--root-table-color-text: hsl(208, 9%, 42%)}:root{--root-breadcrumb-color-separator: hsl(0, 0%, 80%)}:root{--root-combobox-color-item-background: hsl(210, 60%, 98%);--root-combobox-color-item-foreground: hsl(214, 98%, 49%)}:root{--root-data-table-color-icon: hsl(0, 0%, 80%)}:root{--root-header-color-background: hsla(0, 0%, 100%, 0.95)}:root{--root-navigation-color-arrow: hsla(0, 0%, 0%, 0.15)}:root{--root-main-color-background: hsl(210, 60%, 98%)}:root{--root-media-color-background: hsl(210, 60%, 98%);--root-media-color-dropzone-background: hsla(214, 98%, 49%, 0.75);--root-media-color-dropzone-border: hsl(214, 98%, 40%);--root-media-color-icon: hsl(214, 98%, 49%)}:root{--root-modal-color-background: hsla(210, 60%, 98%, 0.9)}:root{--root-search-color-icon: hsla(229, 26%, 48%, 0.25)}:root{--root-prism-color-color: hsl(243, 14%, 29%);--root-prism-color-background: hsl(0, 0%, 98%);--root-prism-color-comment: hsl(225, 14%, 46%);--root-prism-color-punctuation: hsl(279, 50%, 53%);--root-prism-color-namespace: hsl(173, 100%, 24%);--root-prism-color-deleted: hsla(1, 83%, 63%, 0.56);--root-prism-color-boolean: hsl(0, 44%, 53%);--root-prism-color-number: hsl(315, 90%, 35%);--root-prism-color-constant: hsl(221, 57%, 52%);--root-prism-color-class-name: hsl(0, 0%, 7%);--root-prism-color-regex: hsl(1, 48%, 59%)}:root{--root-widget-color-icon-background: #f5f9ff}:root{--root-font-family-base: Open Sans, sans-serif;--root-font-family-cursive: ui-monospace, Cascadia Code, Source Code Pro, Menlo, Consolas, DejaVu Sans Mono, monospace;--root-font-family-heading: Manrope, sans-serif;--root-font-size-base: 0.938rem;--root-font-size-lead: clamp(1.15rem, 2vw, 1.35rem);--root-font-size-lg: 1.125rem;--root-font-size-ratio: 1.25;--root-font-size-sm: 0.875rem;--root-font-weight-heading: 600;--root-inline-border-radius: 0.45rem;--root-inline-padding: 0.1em 0.3em;--root-line-height-base: 1.8;--root-line-height-heading: calc(2px + 2ex + 2px);--root-line-height-lg: 1.8;--root-line-height-md: 1.5;--root-line-height-sm: 1.2;--root-border-radius-lg: 0.725rem;--root-border-radius-sm: 0.45rem;--root-container-inline-size: 84rem;--root-page-margin: 2cm;--root-hidden-elements: header, footer, aside, nav, form, iframe, [class^="aspect-ratio"]}@media(prefers-reduced-motion: no-preference){:root{--root-duration: 0.15s;--root-timing-function: ease-in-out}}.sr-only{block-size:1px !important;border:0 !important;clip:rect(0, 0, 0, 0) !important;inline-size:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important}[tabindex="-1"]:focus{outline:none !important}::selection{background-color:var(--root-selection-color-background);color:var(--root-selection-color-foreground);text-shadow:none}html{box-sizing:border-box}@media(prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}*,::before,::after{box-sizing:inherit}body{background:var(--root-base-color-background);color:var(--root-base-color-text)}a{color:var(--root-base-color-link);text-decoration:underline;transition-duration:var(--root-duration);transition-property:color;transition-timing-function:var(--root-timing-function)}a:hover{color:var(--root-base-color-link-hover)}button{color:inherit}a,button{touch-action:manipulation}hr{border:0;border-block-start:1px solid var(--root-base-color-border)}img{block-size:auto;display:block;max-inline-size:100%;user-select:none}iframe{block-size:100%;display:block;inline-size:100%}figure{margin-inline:0}figure figcaption{margin-block-start:.5rem;text-align:center}.table-responsive{--inline-size: 40rem;-webkit-overflow-scrolling:touch;overflow-x:auto}.table-responsive table{min-inline-size:var(--inline-size)}.table{--root-line-height: 1.5;--root-padding: 1rem;--root-responsive-inline-size: 40rem;border-collapse:collapse;color:var(--root-table-color-text);inline-size:100%}.table caption{color:var(--root-table-color-caption);margin-block-end:1rem}.table th,.table td{border-block-end:1px solid var(--root-table-color-border);line-height:var(--root-line-height);padding:var(--root-padding)}.table th{color:var(--root-table-color-heading);text-align:inherit;text-align:-webkit-match-parent}.table--striped>tbody>tr:nth-child(odd){background-color:var(--root-table-color-stripe)}.table--hover>tbody>tr:hover{background:var(--root-table-color-hover)}.table--clear-border th,.table--clear-border td{border:0}.table--in-line th:first-child,.table--in-line td:first-child{padding-inline-start:0}.table--in-line th:last-child,.table--in-line td:last-child{padding-inline-end:0}.table--sm{--root-padding: 0.5rem}.table--sm th,.table--sm td{padding:var(--root-padding)}.table--rounded th:first-child,.table--rounded td:first-child{border-end-start-radius:var(--root-border-radius-sm);border-start-start-radius:var(--root-border-radius-sm)}.table--rounded th:last-child,.table--rounded td:last-child{border-end-end-radius:var(--root-border-radius-sm);border-start-end-radius:var(--root-border-radius-sm)}html{-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:var(--root-font-family-base);font-size:var(--root-font-size-base);line-height:var(--root-line-height-base)}p,li,h1,h2,h3,h4,h5,h6{hyphens:auto;overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{color:var(--root-base-color-heading);font-family:var(--root-font-family-heading);font-weight:var(--root-font-weight-heading);line-height:var(--root-line-height-heading)}h1{font-size:clamp(1.9465332031rem, 2vw + 1rem, 2.2900390625rem)}h2{font-size:clamp(1.5572265625rem, 2vw + 1rem, 1.83203125rem)}h3{font-size:clamp(1.24578125rem, 2vw + 1rem, 1.465625rem)}h4{font-size:clamp(0.996625rem, 2vw + 1rem, 1.1725rem)}h5{font-size:.938rem}h6{font-size:.938rem}ul,ol{list-style-position:inside}ul>*,ol>*{margin-block-end:0;margin-block-start:0}ul>*+*,ol>*+*{margin-block-start:.25rem}ul li,ol li{list-style-position:outside}ul li::marker,ol li::marker{color:var(--root-base-color-marker)}li>ul,li>ol{margin-block-start:.25rem}dl dt{color:var(--root-base-color-heading);font-weight:bold}dl dd{margin:0}dl dd+dt{margin-block-start:1rem}.quote{border-inline-start:.5rem solid var(--root-base-color-blockquote-border);padding-inline-start:1.5rem}.quote>*{margin-block-end:0;margin-block-start:0}.quote>*+*{margin-block-start:.5rem}.quote blockquote{border-inline-start:0;padding-inline-start:0}.quote figcaption{text-align:start}blockquote{border-inline-start:.5rem solid var(--root-base-color-blockquote-border);margin-inline-start:0;padding-inline-start:1.5rem}blockquote>*{margin-block-end:0;margin-block-start:0}blockquote>*+*{margin-block-start:.5rem}abbr[title]{border-block-end:1px dotted;cursor:help;text-decoration:none}mark{background-color:var(--root-base-color-mark-background);border-radius:var(--root-inline-border-radius);color:var(--root-base-color-mark-foreground);padding:var(--root-inline-padding)}code,kbd,samp{background-color:var(--root-base-color-code-background);border-radius:var(--root-inline-border-radius);color:var(--root-base-color-code-foreground);padding:var(--root-inline-padding)}.lead{font-size:var(--root-font-size-lead)}.hidden,[hidden]{display:none !important}.h1{font-size:clamp(1.9465332031rem, 2vw + 1rem, 2.2900390625rem)}.h2{font-size:clamp(1.5572265625rem, 2vw + 1rem, 1.83203125rem)}.h3{font-size:clamp(1.24578125rem, 2vw + 1rem, 1.465625rem)}.h4{font-size:clamp(0.996625rem, 2vw + 1rem, 1.1725rem)}.h5{font-size:.938rem}.h6{font-size:.938rem}.btn{--root-border-radius: 0.45rem;--root-border-width: 1px;--root-font-family: Manrope, sans-serif;--root-font-size: 0.938rem;--root-font-weight: 600;--root-gap: 0.5rem;--root-icon-padding: 0.75em;--root-icon-size: 1em;--root-padding: 0.75em 1em;--root-shadow-size: 0.25rem;align-items:center;border-radius:var(--root-border-radius);border-style:solid;border-width:var(--root-border-width);cursor:pointer;display:inline-flex;font-family:var(--root-font-family);font-size:var(--root-font-size);font-weight:var(--root-font-weight);gap:var(--root-gap);justify-content:center;line-height:1;padding:var(--root-padding);text-align:start;text-decoration:none;transition-duration:var(--root-duration);transition-property:background-color,border-color,box-shadow,color;transition-timing-function:var(--root-timing-function)}.btn:focus{outline-color:rgba(0,0,0,0);outline-style:solid}.btn:disabled{opacity:.5;pointer-events:none}.btn--icon{padding:var(--root-icon-padding)}.btn--icon.btn--sm{padding:var(--root-icon-padding)}.btn--icon.btn--lg{padding:var(--root-icon-padding)}.btn__icon{block-size:var(--root-icon-size);flex-shrink:0;inline-size:var(--root-icon-size);pointer-events:none}.btn__icon--sm{block-size:var(--root-icon-size);inline-size:var(--root-icon-size)}.btn--sm{--root-font-size: 0.8rem;--root-gap: 0.25rem;--root-icon-padding: 0.5em;--root-icon-size: 0.8rem;--root-padding: 0.5em 0.75em;font-size:var(--root-font-size);gap:var(--root-gap);padding:var(--root-padding)}.btn--lg{--root-font-size: 1rem;--root-gap: 0.5rem;--root-icon-padding: 0.9em;--root-padding: 0.9em 1.15em}.btn--block{inline-size:100%}.btn--primary{background-color:var(--root-btn-color-primary-background);border-color:var(--root-btn-color-primary-background);color:var(--root-btn-color-primary-foreground)}.btn--primary:focus-visible{outline:2px solid var(--root-btn-color-primary-background);outline-offset:2px}.btn--primary:hover{background-color:var(--root-btn-color-primary-background-hover);border-color:var(--root-btn-color-primary-background-hover);color:var(--root-btn-color-primary-foreground)}.btn--primary-shadow{box-shadow:0 .55em 1em -0.2em var(--root-btn-color-primary-shadow),0 .15em .35em -0.185em var(--root-btn-color-primary-shadow)}.btn--secondary{background-color:var(--root-btn-color-secondary-background);border-color:var(--root-btn-color-secondary-background);color:var(--root-btn-color-secondary-foreground)}.btn--secondary:focus-visible{outline:2px solid var(--root-btn-color-secondary-background);outline-offset:2px}.btn--secondary:hover{background-color:var(--root-btn-color-secondary-background-hover);border-color:var(--root-btn-color-secondary-background-hover);color:var(--root-btn-color-secondary-foreground)}.btn--secondary-shadow{box-shadow:0 .55em 1em -0.2em var(--root-btn-color-secondary-shadow),0 .15em .35em -0.185em var(--root-btn-color-secondary-shadow)}.btn--outline-primary{background-color:rgba(0,0,0,0);border-color:var(--root-btn-color-primary-background);color:var(--root-btn-color-primary-outline-foreground)}.btn--outline-primary:focus-visible{outline:2px solid var(--root-btn-color-primary-background);outline-offset:2px}.btn--outline-primary:hover{background-color:var(--root-btn-color-primary-background);border-color:var(--root-btn-color-primary-background);color:var(--root-btn-color-primary-foreground)}.btn--outline-secondary{background-color:rgba(0,0,0,0);border-color:var(--root-btn-color-secondary-background);color:var(--root-btn-color-secondary-background)}.btn--outline-secondary:focus-visible{outline:2px solid var(--root-btn-color-secondary-background);outline-offset:2px}.btn--outline-secondary:hover{background-color:var(--root-btn-color-secondary-background);border-color:var(--root-btn-color-secondary-background);color:var(--root-btn-color-secondary-foreground)}.form-file::file-selector-button{--root-border-radius: 0.45rem;--root-border-width: 1px;--root-font-family: Manrope, sans-serif;--root-font-size: 0.938rem;--root-font-weight: 600;--root-gap: 0.5rem;--root-icon-padding: 0.75em;--root-icon-size: 1em;--root-padding: 0.75em 1em;--root-shadow-size: 0.25rem;align-items:center;border-radius:var(--root-border-radius);border-style:solid;border-width:var(--root-border-width);cursor:pointer;display:inline-flex;font-family:var(--root-font-family);font-size:var(--root-font-size);font-weight:var(--root-font-weight);gap:var(--root-gap);justify-content:center;line-height:1;padding:var(--root-padding);text-align:start;text-decoration:none;transition-duration:var(--root-duration);transition-property:background-color,border-color,box-shadow,color;transition-timing-function:var(--root-timing-function)}.form-file:focus{outline-color:rgba(0,0,0,0);outline-style:solid}.form-file:disabled{opacity:.5;pointer-events:none}.form-file--sm::file-selector-button{--root-font-size: 0.8rem;--root-gap: 0.25rem;--root-icon-padding: 0.5em;--root-icon-size: 0.8rem;--root-padding: 0.5em 0.75em;font-size:var(--root-font-size);gap:var(--root-gap);padding:var(--root-padding)}.form-file--lg::file-selector-button{--root-font-size: 1rem;--root-gap: 0.5rem;--root-icon-padding: 0.9em;--root-padding: 0.9em 1.15em}.form-file--block::file-selector-button{inline-size:100%}.form-file{display:block}.form-file:focus{outline:revert}.form-file:focus-within::file-selector-button{background-color:var(--root-btn-color-primary-background-hover)}.form-file::file-selector-button{background-color:var(--root-btn-color-primary-background);border-color:var(--root-btn-color-primary-background);color:var(--root-btn-color-primary-foreground);margin-inline-end:1rem}.form-file::file-selector-button:hover{background-color:var(--root-btn-color-primary-background-hover);border-color:var(--root-btn-color-primary-background-hover);color:var(--root-btn-color-primary-foreground)}.form-file::file-selector-button-shadow{box-shadow:0 .55em 1em -0.2em var(--root-btn-color-primary-shadow),0 .15em .35em -0.185em var(--root-btn-color-primary-shadow)}.form-label{color:var(--root-form-color-label);font-family:Manrope, sans-serif;font-weight:600;line-height:1.5;text-align:start}.form-control{--webkit-date-line-height: 1.375;--root-border-radius: 0.45rem;--root-border-width: 1px;--root-font-size: 0.938rem;--root-line-height: 1.5;--root-padding: 0.5em 0.75em;--root-textarea-block-size: 6rem;appearance:none;background-color:var(--root-form-color-background);border:var(--root-border-width) solid var(--root-form-color-border);border-radius:var(--root-border-radius);box-sizing:border-box;color:var(--root-form-color-text);display:block;font-size:var(--root-font-size);inline-size:100%;line-height:var(--root-line-height);padding:var(--root-padding);transition-duration:var(--root-duration);transition-property:border,box-shadow;transition-timing-function:var(--root-timing-function)}.form-control::placeholder{color:var(--root-form-color-placeholder)}.form-control::-webkit-datetime-edit{line-height:var(--webkit-date-line-height)}.form-control:focus{border-color:var(--root-form-color-border-focus);box-shadow:0 0 0 .25rem var(--root-form-color-ring-focus);outline:2px solid rgba(0,0,0,0)}.form-control[type=color]{--root-aspect-ratio: 1;--root-block-size: 100%;--root-inline-size: 2.625rem;--root-padding: 0.5em;aspect-ratio:var(--root-aspect-ratio);block-size:var(--root-block-size);inline-size:var(--root-inline-size);padding:var(--root-padding)}.form-control[type=color]::-webkit-color-swatch-wrapper{padding:0}.form-control[type=color]::-moz-color-swatch{border:0;border-radius:var(--root-border-radius)}.form-control[type=color]::-webkit-color-swatch{border:0;border-radius:var(--root-border-radius)}.form-control[disabled],.form-control[disabled=true]{background-color:var(--root-form-color-background-disabled);border-color:var(--root-form-color-border-disabled);cursor:not-allowed}textarea.form-control{block-size:var(--root-textarea-block-size);min-block-size:var(--root-textarea-block-size);resize:vertical}.form-control--valid,.form-control--invalid{background-position:center right .5em;background-repeat:no-repeat;background-size:1.25em auto;padding-inline-end:2em}html[dir=rtl] .form-control--valid,html[dir=rtl] .form-control--invalid{background-position:center left .5em}.form-control--valid{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"%3e%3cpath d="M12,2c5.519,0 10,4.481 10,10c0,5.519 -4.481,10 -10,10c-5.519,0 -10,-4.481 -10,-10c0,-5.519 4.481,-10 10,-10Zm0,1.667c4.599,-0 8.333,3.734 8.333,8.333c0,4.599 -3.734,8.333 -8.333,8.333c-4.599,0 -8.333,-3.734 -8.333,-8.333c-0,-4.599 3.734,-8.333 8.333,-8.333Zm-1.476,10.182l-2.984,-2.984c-0.065,-0.065 -0.17,-0.065 -0.235,0l-0.943,0.943c-0.065,0.065 -0.065,0.171 -0,0.236l4.043,4.042c0.033,0.033 0.076,0.05 0.119,0.049c0.044,0.001 0.087,-0.016 0.12,-0.049l6.994,-6.994c0.065,-0.065 0.065,-0.17 0,-0.235l-0.943,-0.943c-0.065,-0.065 -0.17,-0.065 -0.235,-0l-5.936,5.935Z" style="fill:hsl%28150, 100%, 33%%29;"/%3e%3c/svg%3e');border-color:var(--root-alert-color-success)}.form-control--valid:focus{border-color:var(--root-form-color-valid);box-shadow:0 0 0 .25rem var(--root-form-color-valid-focus-ring);outline:2px solid rgba(0,0,0,0)}.form-control--invalid{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"%3e%3cpath d="M12,2c5.519,0 10,4.481 10,10c0,5.519 -4.481,10 -10,10c-5.519,0 -10,-4.481 -10,-10c0,-5.519 4.481,-10 10,-10Zm0,1.667c4.599,-0 8.333,3.734 8.333,8.333c0,4.599 -3.734,8.333 -8.333,8.333c-4.599,0 -8.333,-3.734 -8.333,-8.333c-0,-4.599 3.734,-8.333 8.333,-8.333Zm0.813,11.649c-0,-0.081 -0.065,-0.146 -0.146,-0.146l-1.334,0c-0.081,0 -0.146,0.065 -0.146,0.146l0,1.169c0,0.08 0.065,0.146 0.146,0.146l1.334,-0c0.081,-0 0.146,-0.066 0.146,-0.146l-0,-1.169Zm-0,-7.784c-0,-0.09 -0.073,-0.163 -0.163,-0.163l-1.3,0c-0.09,0 -0.163,0.073 -0.163,0.163l0,6.351c0,0.09 0.073,0.163 0.163,0.163l1.3,-0c0.09,-0 0.163,-0.073 0.163,-0.163l-0,-6.351Z" style="fill:hsl%280, 71%, 51%%29;"/%3e%3c/svg%3e');border-color:var(--root-alert-color-danger)}.form-control--invalid:focus{border-color:var(--root-form-color-invalid);box-shadow:0 0 0 .25rem var(--root-form-color-invalid-focus-ring);outline:2px solid rgba(0,0,0,0)}.form-control--sm{--webkit-date-line-height: 1.36;--root-border-radius: 0.35em;--root-padding: 0.1em 0.45em}.form-control--sm[type=color]{--root-aspect-ratio: 1;--root-block-size: 100%;--root-inline-size: 1.925rem;--root-padding: 0.25em}.form-control--lg{--webkit-date-line-height: 1.387;--root-padding: 0.65em 1em}.form-control--lg[type=color]{--root-aspect-ratio: 1;--root-block-size: 100%;--root-inline-size: 3.204rem;--root-padding: 0.5em}select.form-control:not([multiple]):not([size]){background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M12,12.507l-3.816,-3.815c-0.171,-0.172 -0.45,-0.172 -0.622,-0l-0.933,0.933c-0.172,0.172 -0.172,0.451 0,0.623l5.06,5.06c0.172,0.172 0.45,0.172 0.622,0l5.06,-5.06c0.172,-0.172 0.172,-0.451 -0,-0.623l-0.933,-0.933c-0.172,-0.172 -0.451,-0.172 -0.622,-0l-3.816,3.815Z" style="fill:hsl%28205, 100%, 2%%29;"/%3e%3c/svg%3e');background-position:center right .5em;background-repeat:no-repeat;background-size:1.25em auto;padding-inline-end:2em}html[dir=rtl] select.form-control:not([multiple]):not([size]){background-position:center left .5em}.form-check{--root-border-radius: 0.45rem;--root-border-width: 1px;--root-font-size: 1.125rem;--root-font-weight: 400;--root-line-height: 1.5;--root-margin-block: 0.1em;--root-vertical-alignment: center;align-items:var(--root-vertical-alignment);display:inline-flex;gap:.5rem}.form-check--vertical-center{align-items:center}.form-check--vertical-start{align-items:flex-start}.form-check--sm{--root-border-radius: 0.35em;--root-padding: 0.1em 0.45em}.form-check--sm .form-check__control{font-size:var(--root-font-size)}.form-check--lg{--root-padding: 0.65em 1em}.form-check__control{appearance:none;background-color:var(--root-form-color-background);background-position:center;background-repeat:no-repeat;background-size:contain;block-size:1em;border:var(--root-border-width) solid var(--root-form-color-border);flex-shrink:0;font-size:var(--root-font-size);font-weight:var(--root-font-weight);inline-size:1em;line-height:1;margin-block:var(--root-margin-block);transition-duration:var(--root-duration);transition-property:border,box-shadow;transition-timing-function:var(--root-timing-function)}.form-check__control[type=radio]{border-radius:50%}.form-check__control[type=checkbox]{border-radius:var(--root-border-radius)}.form-check__control:focus-visible{outline:2px solid var(--root-form-color-check-focus-ring);outline-offset:2px}.form-check__control:checked{background-color:var(--root-form-color-check-background);border-color:var(--root-form-color-check-background)}.form-check__control:checked[type=radio]{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3ccircle cx="12" cy="12" r="6" style="fill:hsl%280, 0%, 100%%29;"/%3e%3c/svg%3e')}.form-check__control:checked[type=checkbox]{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M9.525,13.777l-2.411,-2.412c-0.234,-0.233 -0.613,-0.233 -0.846,0l-1.27,1.27c-0.233,0.233 -0.233,0.612 0,0.846l4.104,4.103c0.116,0.117 0.269,0.175 0.422,0.175l0.003,0c0.152,0 0.305,-0.058 0.421,-0.175l9.054,-9.053c0.233,-0.234 0.233,-0.613 -0,-0.846l-1.27,-1.269c-0.233,-0.234 -0.612,-0.234 -0.846,-0l-7.361,7.361Z" style="fill:hsl%280, 0%, 100%%29;"/%3e%3c/svg%3e')}.form-check__control:indeterminate[type=checkbox]{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M19.5,11.1c-0,-0.331 -0.269,-0.6 -0.6,-0.6l-13.8,0c-0.331,0 -0.6,0.269 -0.6,0.6l0,1.8c0,0.331 0.269,0.6 0.6,0.6l13.8,0c0.331,0 0.6,-0.269 0.6,-0.6l-0,-1.8Z" style="fill:hsl%280, 0%, 100%%29;"/%3e%3c/svg%3e');background-color:var(--root-form-color-check-background);border-color:var(--root-form-color-check-background)}.form-check__control:disabled,.form-check__control.disabled{background-color:var(--root-form-color-background-disabled);border-color:var(--root-form-color-border-disabled);cursor:not-allowed}.form-check__control:disabled+.form-check__label,.form-check__control.disabled+.form-check__label{opacity:.5}.form-check__label{font-weight:var(--root-font-weight);line-height:var(--root-line-height)}.form-switch{--root-border-width: 1px;--root-font-size: 1.125rem;--root-font-weight: 600;--root-line-height: 1.5;--root-margin-block: 0.15em;--root-vertical-alignment: center;align-items:var(--root-vertical-alignment);display:inline-flex;gap:.5rem}.form-switch--block{inline-size:100%;justify-content:space-between}.form-switch--vertical-center{align-items:center}.form-switch--vertical-start{align-items:flex-start}.form-switch--sm{--root-font-size: 0.938rem}.form-switch--lg{--root-font-size: clamp(1.15rem, 2vw, 1.35rem)}.form-switch__control{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3ccircle cx="12" cy="12" r="8.5" style="fill:hsl%28260, 4%, 75%%29;"/%3e%3c/svg%3e');appearance:none;background-color:var(--root-form-color-background);background-position:left center;background-repeat:no-repeat;background-size:contain;block-size:1em;border:var(--root-border-width) solid var(--root-form-color-border);border-radius:2em;flex-shrink:0;font-size:var(--root-font-size);inline-size:2em;line-height:1;margin-block:var(--root-margin-block);transition-duration:var(--root-duration);transition-property:background-position,border,box-shadow;transition-timing-function:var(--root-timing-function)}.form-switch__control:checked{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3ccircle cx="12" cy="12" r="8.5" style="fill:hsl%280, 0%, 100%%29;"/%3e%3c/svg%3e');background-color:var(--root-form-color-check-background);background-position:right center;border-color:var(--root-form-color-check-background)}.form-switch__control:disabled{background-color:var(--root-form-color-background-disabled);border-color:var(--root-form-color-border-disabled);cursor:not-allowed}.form-switch__control:disabled+.form-switch__label{opacity:.5}[dir=rtl] .form-switch__control{background-position:right center}[dir=rtl] .form-switch__control:checked{background-position:left center}.form-switch__label{font-weight:var(--root-font-weight);line-height:var(--root-line-height)}fieldset{--root-layout-gap: 1rem;--root-legend-font-size: 0.938rem;--root-legend-font-weight: 600;--root-gap: 0.5rem;border:0;margin:0;padding:0}fieldset>*{margin-block-end:0;margin-block-start:0}fieldset>*+*{margin-block-start:var(--root-layout-gap)}fieldset+fieldset{margin-block-start:3rem}legend{color:var(--root-form-color-legend);font-size:var(--root-legend-font-size);font-weight:var(--root-legend-font-weight)}.form-group-label{--root-border-radius: 0.45rem;--root-border-width: 1px;align-items:center;background-color:var(--root-form-color-group-label-background);border:var(--root-border-width) solid var(--root-form-color-border);border-radius:var(--root-border-radius);color:var(--root-form-color-group-label-foreground);display:flex;padding-inline:1rem}.form-group{--root-gap: 0.5rem;--root-row-container-inline-size: 40rem;display:flex;flex-direction:column;gap:var(--root-gap)}.form-group--horizontal-check{--root-gap: 1rem;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--root-gap)}.form-group--vertical-check{--root-gap: 1rem;align-items:start;flex-direction:column;gap:var(--root-gap)}.form-group--row{--root-container-inline-size: 38rem;--root-gap: 0.25rem 1rem;--root-label-inline-size: 10rem;--root-vertical-alignment: center;align-items:var(--root-vertical-alignment);display:grid;gap:var(--root-gap);grid-template-columns:minmax(0, 1fr)}.form-group--row\:vertical-center{align-items:center}.form-group--row\:vertical-start{align-items:flex-start}@container form-group-container (inline-size > 38rem){.form-group--row{grid-template-columns:minmax(0, var(--root-label-inline-size)) minmax(0, 1fr)}}@container form-group-container (inline-size > 38rem){.form-group--row .form-description,.form-group--row .field-feedback{grid-column-start:2}}.form-group--stacked{display:flex}.form-group--stacked>*+*{border-radius:0;margin-inline-start:-1px}.form-group--stacked>*:first-child{border-start-end-radius:0;border-start-start-radius:var(--root-border-radius);border-end-end-radius:0;border-end-start-radius:var(--root-border-radius)}.form-group--stacked>*:last-child{border-start-end-radius:var(--root-border-radius);border-start-start-radius:0;border-end-end-radius:var(--root-border-radius);border-end-start-radius:0}.form-group--stacked>*:only-child{border-radius:var(--root-border-radius)}.form-group--stacked>*:focus{z-index:2}.form-group-container{container:form-group-container/inline-size}.form-row--mixed{--inline-size: 20ch;display:flex;flex-wrap:wrap;gap:1rem}.form-row--mixed>*{flex:1 1 var(--inline-size)}.field-feedback{display:block;line-height:1.5}.field-feedback--valid{color:var(--root-alert-color-success)}.field-feedback--invalid{color:var(--root-alert-color-danger)}.form-range{--root-focus-ring-box-shadow-type: outside;--root-focus-ring-offset: 2px;--root-focus-ring-size: 2px;--root-focus-ring-type: outline;--root-thumb-block-size: 1rem;--root-thumb-border-radius: 0.5rem;--root-thumb-inline-size: 1rem;--root-track-block-size: 0.25rem;--root-track-border-radius: 0.15rem;appearance:none;margin-block-start:calc(var(--root-thumb-block-size) / 2 - var(--root-track-block-size) / 2)}.form-range:focus-visible{outline:none}.form-range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--root-form-color-range-thumb-focus-ring);outline-offset:2px}.form-range:focus-visible::-moz-range-thumb{outline:2px solid var(--root-form-color-range-thumb-focus-ring);outline-offset:2px}.form-range::-webkit-slider-runnable-track{background-color:var(--root-form-color-range-track-background);block-size:var(--root-track-block-size);border-radius:var(--root-track-border-radius)}.form-range::-moz-range-track{background-color:var(--root-form-color-range-track-background);block-size:var(--root-track-block-size);border-radius:var(--root-track-border-radius)}.form-range::-webkit-slider-thumb{appearance:none;background-color:var(--root-form-color-range-thumb-background);block-size:var(--root-thumb-block-size);border-radius:var(--root-thumb-border-radius);inline-size:var(--root-thumb-inline-size);margin-block-start:calc(var(--root-track-block-size) / 2 - var(--root-thumb-block-size) / 2)}.form-range::-moz-range-thumb{background-color:var(--root-form-color-range-thumb-background);block-size:var(--root-thumb-block-size);border:0;border-radius:var(--root-thumb-border-radius);inline-size:var(--root-thumb-inline-size)}.form-range:disabled{cursor:not-allowed;opacity:.5}.form-description{--root-font-size: 1em;--root-font-weight: 400;color:var(--root-form-color-text);display:block;font-size:var(--root-font-size);font-weight:var(--root-font-weight);line-height:var(--root-line-height-md)}:root[data-theme-mode=dark]{--root-base-color-background: hsl(240, 30%, 14%);--root-base-color-blockquote-border: hsl(211, 99%, 46%);--root-base-color-border: hsla(0, 0%, 100%, 0.04);--root-base-color-card-border: hsl(207, 90%, 13%);--root-base-color-code-background: hsl(207, 64%, 21%);--root-base-color-code-foreground: hsl(0, 0%, 95%);--root-base-color-footer-background: hsla(0, 0%, 0%, 0.15);--root-base-color-heading: hsl(0, 0%, 95%);--root-base-color-link-hover: hsl(205, 100%, 62%);--root-base-color-link: hsl(205, 100%, 56%);--root-base-color-mark-background: hsl(50, 100%, 80%);--root-base-color-mark-foreground: hsl(240, 30%, 14%);--root-base-color-marker: hsl(211, 99%, 46%);--root-base-color-primary: hsl(211, 99%, 46%);--root-base-color-primary-lightest: hsl(240, 30%, 16%);--root-base-color-secondary: hsl(160, 89%, 46%);--root-base-color-text: hsl(0, 0%, 97%)}:root[data-theme-mode=dark]{--root-breadcrumb-color-arrow: hsla(0, 0%, 100%, 0.1)}:root[data-theme-mode=dark]{--root-btn-color-dark-background: hsl(0, 0%, 100%);--root-btn-color-dark-background-hover: hsl(0, 0%, 95%);--root-btn-color-dark-foreground: hsl(205, 100%, 5%);--root-btn-color-dark-outline-border: hsla(0, 0%, 100%, 0.15);--root-btn-color-dark-outline-foreground: hsl(0, 0%, 100%);--root-btn-color-dark-outline-foreground-hover: hsl(205, 100%, 2%);--root-btn-color-dark-outline-background-hover: hsl(0, 0%, 100%);--root-btn-color-dark-outline-focus-ring: hsl(0, 0%, 100%);--root-btn-color-light-background: hsl(240, 30%, 12%);--root-btn-color-light-background-hover: hsl(211, 99%, 46%);--root-btn-color-light-focus-ring: hsl(211, 99%, 46%);--root-btn-color-light-foreground: hsl(211, 99%, 46%);--root-btn-color-light-foreground-hover: hsl(0, 0%, 100%);--root-btn-color-primary-background: hsl(211, 99%, 46%);--root-btn-color-primary-background-hover: #208bfe;--root-btn-color-primary-foreground: hsl(0, 0%, 100%);--root-btn-color-primary-shadow: #01346b;--root-btn-color-primary-outline-foreground: hsl(211, 99%, 60%);--root-btn-color-secondary-background: hsl(160, 89%, 46%);--root-btn-color-secondary-background-hover: #13f1a7;--root-btn-color-secondary-foreground: hsl(0, 0%, 95%)}:root[data-theme-mode=dark]{--root-card-color-background: hsl(240, 30%, 14%)}:root[data-theme-mode=dark]{--root-combobox-color-item-background: hsl(240, 30%, 12%);--root-combobox-color-item-foreground: hsl(211, 99%, 46%)}:root[data-theme-mode=dark]{--root-data-table-color-icon: hsla(0, 0%, 100%, 0.1)}:root[data-theme-mode=dark]{--root-form-color-background: #21213d;--root-form-color-background-disabled: hsl(240, 30%, 14%);--root-form-color-border-disabled: hsla(0, 0%, 100%, 0.04);--root-form-color-border-focus: hsl(211, 99%, 46%);--root-form-color-border: hsla(0, 0%, 100%, 0.12);--root-form-color-check-background: hsl(211, 99%, 46%);--root-form-color-check-foreground: hsl(240, 30%, 14%);--root-form-color-group-label-background: #1d1d36;--root-form-color-group-label-foreground: hsl(0, 0%, 97%);--root-form-color-invalid: hsl(0, 71%, 51%);--root-form-color-invalid-shadow: rgba(219, 41, 41, 0.25);--root-form-color-label: hsl(0, 0%, 95%);--root-form-color-legend: hsl(0, 0%, 95%);--root-form-color-placeholder: hsl(0, 0%, 90%);--root-form-color-select-foreground: hsl(0, 0%, 100%);--root-form-color-shadow-focus: rgba(1, 113, 233, 0.25);--root-form-color-text: hsl(0, 0%, 97%);--root-form-color-valid: hsl(150, 100%, 33%);--root-form-color-valid-shadow: rgba(0, 168, 84, 0.25)}:root[data-theme-mode=dark]{--root-header-color-background: hsla(240, 30%, 12%, 0.95)}:root[data-theme-mode=dark]{--root-navigation-color-arrow: hsla(0, 0%, 100%, 0.15);--root-navigation-color-icon-background: hsl(245, 38%, 10%);--root-navigation-color-icon-background-hover: hsl(211, 99%, 46%);--root-navigation-color-icon-foreground: hsl(211, 99%, 46%);--root-navigation-color-icon-foreground-hover: hsl(186, 100%, 5%)}:root[data-theme-mode=dark]{--root-main-color-background: hsl(240, 30%, 13%)}:root[data-theme-mode=dark]{--root-media-color-background: hsl(240, 30%, 12%);--root-media-color-dropzone-background: hsla(214, 98%, 49%, 0.75);--root-media-color-dropzone-border: hsl(214, 98%, 40%);--root-media-color-icon: hsl(211, 99%, 46%)}:root[data-theme-mode=dark]{--root-modal-color-background: hsla(240, 3%, 7%, 0.9)}:root[data-theme-mode=dark]{--root-prism-color-color: hsl(217, 34%, 88%);--root-prism-color-background: hsl(245, 38%, 7%);--root-prism-color-comment: hsl(180, 9%, 55%);--root-prism-color-punctuation: hsl(276, 68%, 75%);--root-prism-color-namespace: hsl(197, 31%, 77%);--root-prism-color-deleted: hsla(1, 83%, 63%, 0.56);--root-prism-color-boolean: hsl(350, 100%, 67%);--root-prism-color-number: hsl(14, 90%, 70%);--root-prism-color-constant: hsl(221, 100%, 75%);--root-prism-color-class-name: hsl(33, 100%, 77%);--root-prism-color-regex: hsl(217, 34%, 88%)}:root[data-theme-mode=dark]{--root-table-color-border: hsla(0, 0%, 100%, 0.04);--root-table-color-caption: hsl(0, 0%, 97%);--root-table-color-heading: hsl(0, 0%, 95%);--root-table-color-hover: hsla(0, 0%, 100%, 0.02);--root-table-color-stripe: hsla(0, 0%, 100%, 0.025);--root-table-color-text: hsl(0, 0%, 97%)}:root[data-theme-mode=dark]{--root-selection-color-background: hsl(211, 99%, 46%);--root-selection-color-foreground: hsl(0, 0%, 100%)}:root[data-theme-mode=dark]{--root-search-color-icon: hsla(0, 0%, 100%, 0.25)}:root[data-theme-mode=dark]{--root-scrollbar-color-thumb-background: hsla(0, 0%, 100%, 0.15);--root-scrollbar-color-thumb-background-hover: hsla(0, 0%, 100%, 0.25);--root-scrollbar-color-track-background: hsla(0, 0%, 100%, 0.05)}:root[data-theme-mode=dark]{--root-widget-color-icon-background: #22223f}[data-theme-mode=dark]{color-scheme:dark}[data-theme-mode=dark] select.form-control:not([multiple]):not([size]),[data-theme-mode=dark] .combobox__control{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M12,12.507l-3.816,-3.815c-0.171,-0.172 -0.45,-0.172 -0.622,-0l-0.933,0.933c-0.172,0.172 -0.172,0.451 0,0.623l5.06,5.06c0.172,0.172 0.45,0.172 0.622,0l5.06,-5.06c0.172,-0.172 0.172,-0.451 -0,-0.623l-0.933,-0.933c-0.172,-0.172 -0.451,-0.172 -0.622,-0l-3.816,3.815Z" style="fill:hsl%280, 0%, 100%%29;"/%3e%3c/svg%3e')}.container{--inline-size: var(--root-container-inline-size);--gap: var(--root-container-gap);margin-inline:auto;max-inline-size:var(--inline-size);padding-inline:var(--gap)}.container--wide{--inline-size: 100%}.container--narrow{--inline-size: 50rem}.l-row{align-items:start;display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr)}@media(min-width: 32em){.l-row--column\:xs\:1{grid-template-columns:repeat(1, minmax(0, 1fr))}}@media(min-width: 32em){.l-row--column\:xs\:2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 32em){.l-row--column\:xs\:3{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(min-width: 32em){.l-row--column\:xs\:4{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(min-width: 48em){.l-row--column\:sm\:1{grid-template-columns:repeat(1, minmax(0, 1fr))}}@media(min-width: 48em){.l-row--column\:sm\:2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 48em){.l-row--column\:sm\:3{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(min-width: 48em){.l-row--column\:sm\:4{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(min-width: 64em){.l-row--column\:md\:1{grid-template-columns:repeat(1, minmax(0, 1fr))}}@media(min-width: 64em){.l-row--column\:md\:2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 64em){.l-row--column\:md\:3{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(min-width: 64em){.l-row--column\:md\:4{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(min-width: 80em){.l-row--column\:lg\:1{grid-template-columns:repeat(1, minmax(0, 1fr))}}@media(min-width: 80em){.l-row--column\:lg\:2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 80em){.l-row--column\:lg\:3{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(min-width: 80em){.l-row--column\:lg\:4{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(min-width: 90em){.l-row--column\:xl\:1{grid-template-columns:repeat(1, minmax(0, 1fr))}}@media(min-width: 90em){.l-row--column\:xl\:2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 90em){.l-row--column\:xl\:3{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(min-width: 90em){.l-row--column\:xl\:4{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(min-width: 110em){.l-row--column\:xxl\:1{grid-template-columns:repeat(1, minmax(0, 1fr))}}@media(min-width: 110em){.l-row--column\:xxl\:2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 110em){.l-row--column\:xxl\:3{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(min-width: 110em){.l-row--column\:xxl\:4{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(min-width: 80em){.l-row--sidebar{grid-template-columns:minmax(0, 1fr) minmax(0, 20rem)}}.l-row__column{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr)}.l-main{display:flex;position:relative}.l-main__sidebar{background-color:var(--root-base-color-background);display:none;inline-size:var(--root-sidebar-inline-size);inset-block:0;inset-inline:0 auto;position:fixed;z-index:20}@media(min-width: 64em){.l-main__sidebar{display:block}}.l-main__sidebar--open{display:block}.l-main__body{background-color:var(--root-main-color-background);inline-size:100%;min-block-size:100lvh}@media(min-width: 64em){.l-main__body{inline-size:calc(100% - var(--root-sidebar-inline-size));margin-inline-start:var(--root-sidebar-inline-size)}}.l-auth__inner{background-attachment:fixed;display:flex;flex-direction:column;min-block-size:100vh;text-align:center}@media(min-width: 64em){.l-auth__inner{align-items:center;flex-direction:row;text-align:start}}.l-auth__sidebar{background-image:url("/img/auth-background.png");background-position:center;background-size:cover;border-radius:2rem;margin-block-end:clamp(1.5rem, 5vw, 3rem);margin-inline:clamp(1.5rem, 5vw, 3rem);min-block-size:10rem}@media(min-width: 64em){.l-auth__sidebar{block-size:calc(100% - 2 * 3rem);inline-size:calc(50% - 3rem);inset-block:3rem;inset-inline:50% 3rem;margin:0;position:fixed}}.l-auth__form{align-items:center;block-size:100%;display:flex;flex-direction:column;gap:3rem;justify-content:center;padding-block:3rem;padding-inline:clamp(1.5rem, 5vw, 3rem)}@media(min-width: 64em){.l-auth__form{inline-size:50%;margin-inline-start:0;min-block-size:100vh}}.l-auth__logo{align-self:center;block-size:1.5rem;display:inline-flex}@media(min-width: 64em){.l-auth__logo{align-self:flex-start}}.l-auth__logo img{block-size:100%;inline-size:auto}.l-auth__footer{inline-size:100%}.l-auth__footer p{margin-block:0}.l-auth .auth-form{inline-size:100%;max-inline-size:25rem}@media(min-width: 64em){.l-auth .auth-form{padding-block-end:1.5rem}}.alert{align-items:center;border:1px solid;border-left:.4rem solid;border-radius:var(--root-border-radius-sm);display:flex;gap:1.5rem;justify-content:space-between;line-height:var(--root-line-height-md);padding:.65em 1em}.alert--danger{background-color:#fdf4f4;color:#9c1a1a}.alert--danger .alert__close{background-color:#9c1a1a;color:#fbeaea}.alert--info{background-color:#f0fbff;color:#007096}.alert--info .alert__close{background-color:#007096;color:#e1f8ff}.alert--success{background-color:#eefff6;color:#00763b}.alert--success .alert__close{background-color:#00763b;color:#dfe}.alert--warning{background-color:#fefcf4;color:#ba970b}.alert--warning .alert__close{background-color:#ba970b;color:#fefae9}[data-theme-mode=dark] .alert--danger{background-color:rgba(0,0,0,0);border-color:#9c1a1a;color:var(--root-base-color-text)}[data-theme-mode=dark] .alert--info{background-color:rgba(0,0,0,0);border-color:#007096;color:var(--root-base-color-text)}[data-theme-mode=dark] .alert--success{background-color:rgba(0,0,0,0);border-color:#00763b;color:var(--root-base-color-text)}[data-theme-mode=dark] .alert--warning{background-color:rgba(0,0,0,0);border-color:#ba970b;color:var(--root-base-color-text)}.alert__caption>*{margin-block-end:0;margin-block-start:0}.alert__caption>*+*{margin-block-start:.25rem}.alert__close{--dimension: 1.5rem;background:none;border:0;color:inherit;cursor:pointer;font:inherit;outline:inherit;padding:0;transition-duration:var(--root-duration);transition-property:all;transition-timing-function:var(--root-timing-function);align-items:center;block-size:var(--dimension);border-radius:var(--root-border-radius-sm);display:flex;flex-shrink:0;inline-size:var(--dimension);justify-content:center}.alert__close:hover,.alert__close:focus{opacity:.75}.alert__close svg{--dimension: 0.85rem;block-size:var(--dimension);inline-size:var(--dimension)}.auth-form{margin-block:auto}.auth-form>*{margin-block-end:0;margin-block-start:0}.auth-form>*+*{margin-block-start:1rem}.auth-form__title{font-weight:700}.auth-form .or-separator{margin-block-start:1.5rem}.form-group-stacked>*,.social-logins>*{margin-block-end:0;margin-block-start:0}.form-group-stacked>*+*,.social-logins>*+*{margin-block-start:1rem}.form-label--space-between{display:flex;justify-content:space-between}.trending{align-items:center;border-radius:2rem;display:inline-flex;font-family:var(--root-font-family-heading);font-size:var(--root-font-size-sm);font-weight:600;gap:.25rem;line-height:1;padding:.35em .55em}.trending--up{background:#dbffed;color:#008241}.trending--down{background:#fceeee;color:#c92222}.trending__icon{--dimension: 0.95em;block-size:var(--dimension);inline-size:var(--dimension)}.status{align-items:center;display:inline-flex;gap:.5rem;line-height:1;position:relative;white-space:nowrap}.status--danger::before{background-color:var(--root-alert-color-danger)}.status--info::before{background-color:var(--root-alert-color-info)}.status--success::before{background-color:var(--root-alert-color-success)}.status--warning::before{background-color:var(--root-alert-color-warning)}.status::before{--dimension: 0.55em;block-size:var(--dimension);border-radius:50%;content:"";flex-shrink:0;inline-size:var(--dimension)}.block-navigation{position:relative;display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}.block-navigation__toggle::before{content:"";inset:0;position:absolute}.block-navigation__title{align-items:center;color:var(--root-base-color-heading);display:flex;font-size:var(--root-font-size-base);font-weight:700;justify-content:space-between;margin-block:0}.block-navigation__toggle[aria-expanded=true] svg{rotate:180deg}.block-navigation__toggle svg{pointer-events:none}.block-navigation__menu[data-state=closed]{display:none}.block-navigation__menu[data-state=open]{display:block}.block-navigation__menu ul{list-style:none;margin:0;padding:0}.block-navigation__menu a{align-items:center;color:var(--root-base-color-text);display:flex;gap:.75em;padding-block:.35em;padding-inline:.75em;position:relative;text-decoration:none}.block-navigation__menu a:hover:not([aria-current=page])::before{background-color:var(--root-base-color-primary-lightest)}.block-navigation__menu a::before{border-radius:var(--root-border-radius-sm);content:"";inset-block:0;inset-inline:0;position:absolute;z-index:-1}.block-navigation__menu a[aria-current=page]{color:#fff}.block-navigation__menu a[aria-current=page]::before{background-color:var(--root-base-color-primary)}.block-navigation__menu a[aria-current=page] svg{color:#fff}.block-navigation__menu a svg{--dimension: 1.15em;block-size:var(--dimension);color:var(--root-base-color-primary);inline-size:var(--dimension)}.block-navigation__menu--breakout a{padding-block:.35em;padding-inline:0}.block-navigation__menu--breakout a::before{inset-inline:-0.75rem -0.35em}.breadcrumb-list{list-style:none;margin:0;padding:0;align-items:center;display:flex;max-inline-size:100%;overflow-x:auto;white-space:nowrap}.breadcrumb-list>li{align-items:center;display:inline-flex;margin-block:0}.breadcrumb-list>li+li::before{block-size:.4em;border-block-end:2px solid var(--root-breadcrumb-color-separator);border-inline-end:2px solid var(--root-breadcrumb-color-separator);content:"";display:inline-flex;inline-size:.4em;margin-inline:.75em;transform:rotate(-45deg)}[dir=rtl] .breadcrumb-list>li+li::before{transform:rotate(45deg)}.breadcrumb-list a{text-decoration:none}.breadcrumb-list [aria-current=page]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-inline-size:20ch;text-align:start}.app-card{background-color:var(--root-base-color-background);border:1px solid var(--root-base-color-border);border-radius:var(--root-border-radius-sm);box-shadow:0 0 .25rem rgba(23,101,143,.05)}.app-card:focus-within{z-index:5}.app-card--edit .app-card__header{padding-inline:1.5rem}.app-card--edit .app-card__body{padding:1.5rem}.app-card--setting .app-card__body{padding:1.5rem}.app-card--setting .app-card__body>*{margin-block-end:0;margin-block-start:0}.app-card--setting .app-card__body>*+*{margin-block-start:.75rem}.app-card--setting .app-card__content>*{margin-block-end:0;margin-block-start:0}.app-card--setting .app-card__content>*+*{margin-block-start:.5rem}.app-card--sidebar{display:grid;gap:clamp(1.5rem, 5vw, 3rem);grid-template-columns:minmax(0, 1fr);padding:1.5rem}@media(min-width: 64em){.app-card--sidebar{grid-template-columns:minmax(0, 13.5rem) minmax(0, 1fr)}}.app-card--sidebar>.app-card__body{padding:0}.app-card--sidebar>.app-card__body>*{margin-block-end:0;margin-block-start:0}.app-card--sidebar>.app-card__body>*+*{margin-block-start:1.5rem}.app-card--info{box-shadow:none}.app-card--info .app-card__header{border-block-end:0;min-block-size:0;padding-block:1.5rem 0;padding-inline:1.5rem}.app-card--info .app-card__body{padding:1.5rem}.app-card__header{align-items:center;border-block-end:1px solid var(--root-base-color-border);display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between;min-block-size:3.4rem;padding:.75rem 1rem}.app-card__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-inline-start:auto}.app-card__title{font-size:clamp(0.996625rem, 2vw + 1rem, 1.1725rem);font-weight:600;margin-block:0}.app-card__body{padding:1rem}.app-card__body--plain{align-items:center;display:flex;justify-content:space-between;padding:0}.context-menu{--inset-block-start: calc(100% + 1rem);--inline-size: 10rem;list-style:none;margin:0;padding:0;transition-duration:var(--root-duration);transition-property:all;transition-timing-function:var(--root-timing-function);background-color:var(--root-base-color-background);border:1px solid var(--root-base-color-border);border-radius:var(--root-border-radius-sm);box-shadow:0 0 .25rem rgba(23,101,143,.05);inline-size:var(--inline-size);opacity:0;position:absolute;scale:.85;visibility:hidden;z-index:10}.context-menu--inline-start{inset:var(--inset-block-start) auto auto 0}.context-menu--inline-end{inset:var(--inset-block-start) 0 auto auto}.context-menu[data-state=open]{opacity:1;scale:1;visibility:visible}.context-menu>li{display:flex;flex-direction:column}.context-menu>li+li{border-block-start:1px solid var(--root-base-color-border);margin-block-start:0}.context-menu__item{align-items:center;background:none;block-size:2.25rem;border:0;border-radius:var(--root-border-radius-sm);color:var(--root-base-color-text);display:flex;justify-content:space-between;line-height:var(--root-line-height-md);margin:.15em;padding-block:.25em;padding-inline:.6em;text-decoration:none}.context-menu__item:hover:not([aria-current=page],:has(.theme-switcher)){background-color:var(--root-base-color-primary-lightest)}.context-menu__item[aria-current=page]{color:var(--root-base-color-primary)}.data-group>*{margin-block-end:0;margin-block-start:0}.data-group>*+*{margin-block-start:.25rem}.data-group__content{overflow:hidden;text-overflow:ellipsis;white-space:inherit;color:var(--root-base-color-heading);font-family:var(--root-font-family-heading);font-weight:600;line-height:var(--root-line-height-heading)}@supports(-webkit-line-clamp: 2){.data-group__content{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2}}.data-table{overflow:hidden;position:relative}.data-table__image{--dimension: 2.25rem;block-size:var(--dimension);border-radius:50%;inline-size:var(--dimension)}.data-table__actions{align-items:center;display:flex;gap:.5rem;justify-content:end}.data-table__footer{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-block:1.5rem 1rem}.data-table__footer-column{display:flex;flex-wrap:wrap;gap:1rem}.data-table__footer-column>*{margin-block:0}.data-table-alert{border-width:1px;flex-wrap:wrap;gap:.5rem 1rem;padding-inline-end:.65em}.data-table-alert__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}.data-table-alert__actions .form-control{inline-size:auto}.data-table-alert__column{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.data-table-filter{position:relative}.data-table-filter__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.data-table-filter .context-menu{--inline-size: 16rem;padding:1rem}.sort-btn{background:none;border:0;color:inherit;cursor:pointer;font:inherit;outline:inherit;padding:0;align-items:center;display:flex;gap:.5rem;white-space:nowrap}.sort-btn svg{--dimension: 0.85em;block-size:var(--dimension);color:var(--root-data-table-color-icon);inline-size:var(--dimension)}.data-table-deleted{color:var(--root-alert-color-danger)}.btn-dropdown{display:inline-flex;position:relative;z-index:10}.combobox{--root-border-radius: 0.45rem;--root-border-width: 1px;display:flex;flex-direction:column;gap:.5rem}.combobox__inner{position:relative}.combobox__selected-items{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.combobox__toggle{inset:0 0 0 auto;pointer-events:none;position:absolute}.combobox__reset{align-self:start}.combobox__no-results{padding-inline:.5rem}.combobox__control{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M12,12.507l-3.816,-3.815c-0.171,-0.172 -0.45,-0.172 -0.622,-0l-0.933,0.933c-0.172,0.172 -0.172,0.451 0,0.623l5.06,5.06c0.172,0.172 0.45,0.172 0.622,0l5.06,-5.06c0.172,-0.172 0.172,-0.451 -0,-0.623l-0.933,-0.933c-0.172,-0.172 -0.451,-0.172 -0.622,-0l-3.816,3.815Z" style="fill:hsl%28205, 100%, 2%%29;"/%3e%3c/svg%3e');background-position:center right .5em;background-repeat:no-repeat;background-size:1.25em auto;padding-inline-end:2em}.combobox__dropdown{background-color:var(--root-form-color-background);border:var(--root-border-width) solid var(--root-form-color-border);border-radius:var(--root-border-radius);inset:calc(100% + 0.5rem) 0 auto 0;padding:.5rem;position:absolute;z-index:5}.combobox [role=listbox]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;max-block-size:10rem;overflow-y:auto;padding-inline-end:.5rem}.combobox [role=listbox]::-webkit-scrollbar{block-size:.5rem;inline-size:.5rem}.combobox [role=listbox]::-webkit-scrollbar-thumb{background:var(--root-scrollbar-color-thumb-background);border-radius:var(--root-border-radius-sm)}.combobox [role=listbox]::-webkit-scrollbar-thumb:hover{background:var(--root-scrollbar-color-thumb-background-hover)}.combobox [role=listbox]::-webkit-scrollbar-track{background:var(--root-scrollbar-color-track-background);border-radius:var(--root-border-radius-sm)}.combobox [role=listbox]>*{margin-block-start:0}.combobox [role=option]{align-items:center;border-radius:var(--root-border-radius);display:flex;justify-content:space-between;padding-block:.25rem;padding-inline:.5rem;user-select:none}.combobox [role=option][aria-selected=true]{background-color:var(--root-btn-color-light-background);color:var(--root-btn-color-light-foreground)}.combobox [role=option]:hover,.combobox [role=option]:focus,.combobox [role=option].highlighted{background-color:var(--root-btn-color-primary-background);color:var(--root-btn-color-primary-foreground)}.combobox [role=option] svg{--dimension: 0.85em;block-size:var(--dimension);inline-size:var(--dimension)}.combobox-item{align-items:center;background-color:var(--root-combobox-color-item-background);border-radius:1em;color:var(--root-combobox-color-item-foreground);display:flex;font-size:var(--root-font-size-sm);gap:.25rem;line-height:1;padding-block:.25rem;padding-inline:.5rem .25rem}.combobox-item .btn--sm{--root-icon-padding:0.25em;--root-border-radius:1em}.editor{--root-block-size:18rem;transition-duration:var(--root-duration);transition-property:all;transition-timing-function:var(--root-timing-function);block-size:var(--root-block-size);border:1px solid var(--root-form-color-border);border-radius:var(--root-border-radius-sm);display:flex;flex-direction:column;grid-template-rows:auto 1fr;overflow:hidden}.editor:focus-within{border-color:var(--root-form-color-border-focus);box-shadow:0 0 0 .25rem var(--root-form-color-ring-focus);outline:2px solid rgba(0,0,0,0)}.editor__controls{align-items:center;border-block-end:1px solid var(--root-base-color-border);display:flex;flex-wrap:wrap;gap:.5rem 1rem;padding:.5rem}.editor__controls .form-control{inline-size:auto}.editor__group{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem}.editor__body{flex:1 1 auto;margin:.25rem;overflow-x:hidden;overflow-y:auto;padding:1rem}.editor__body::-webkit-scrollbar{block-size:.5rem;inline-size:.5rem}.editor__body::-webkit-scrollbar-thumb{background:var(--root-scrollbar-color-thumb-background);border-radius:var(--root-border-radius-sm)}.editor__body::-webkit-scrollbar-thumb:hover{background:var(--root-scrollbar-color-thumb-background-hover)}.editor__body::-webkit-scrollbar-track{background:var(--root-scrollbar-color-track-background);border-radius:var(--root-border-radius-sm)}.editor__body>[contenteditable=true]{outline:0}.editor__body>[contenteditable=true]>*{margin-block-end:0;margin-block-start:0}.editor__body>[contenteditable=true]>*+*{margin-block-start:.5rem}.file-group-container{container:file-group-container/inline-size}.file-group{--root-border-radius: 0.45rem;--root-border-width: 1px;align-items:center;border:var(--root-border-width) solid var(--root-form-color-border);border-radius:var(--root-border-radius);display:flex;gap:1.5rem;overflow:hidden;padding:1rem}@container file-group-container (inline-size < 30rem){.file-group{flex-direction:column}}.file-group:has([style*=background-image]) .file-group__remove{display:inline-flex}.file-group__preview{align-items:center;aspect-ratio:1;background-color:var(--root-base-color-primary-lightest);background-position:center;background-size:cover;border-radius:var(--root-border-radius);display:flex;flex-shrink:0;flex-wrap:wrap;inline-size:9rem;justify-content:center}@container file-group-container (inline-size < 30rem){.file-group__preview{aspect-ratio:16/9;inline-size:100%}}.file-group__preview[style*=background-image] .file-group__icon{display:none}.file-group__body{display:flex;flex-direction:column;gap:.25rem;inline-size:100%}.file-group__body>*{margin-block:0}.file-group__icon{--dimension: 2rem;block-size:var(--dimension);color:var(--root-base-color-primary);inline-size:var(--dimension)}.file-group__title{color:var(--root-base-color-heading);font-family:var(--root-font-family-heading);font-weight:700}.file-group__meta{list-style:none;padding-inline-start:0}.file-group__meta>*+*{margin-block-start:0}.file-group__action{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-start:.5rem}.file-group__remove{display:none}.file-group__input{flex:1}.file-list{--root-border-radius: 0.45rem;--root-border-width: 1px;display:flex;flex-direction:column;gap:1rem}.file-list__items{list-style:none;margin:0;padding:0;border:var(--root-border-width) solid var(--root-form-color-border);border-radius:var(--root-border-radius);padding:.5rem}.file-list__items>li+li{border-block-start:var(--root-border-width) solid var(--root-base-color-border);margin-block-start:.5rem;padding-block-start:.5rem}.file-list-item{align-items:center;display:flex;gap:1rem;justify-content:space-between}.file-list-item__icon{align-items:center;aspect-ratio:1;background-color:var(--root-media-color-background);border-radius:var(--root-border-radius-sm);display:flex;inline-size:2.5rem;justify-content:center}.file-list-item__icon svg{--size: 1rem;block-size:var(--size);color:var(--root-media-color-icon);inline-size:var(--size)}.file-list-item__column{align-items:center;display:flex;gap:1rem}.file-list-item__thumbnail{aspect-ratio:1;border-radius:var(--root-border-radius-sm);inline-size:2.5rem}.file-list-item__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-inline-size:25ch}.file-list-item__actions{align-items:center;display:flex;gap:.25rem}.repeater-container>*{margin-block-end:0;margin-block-start:0}.repeater-container>*+*{margin-block-start:1rem}.repeater{--root-border-radius: 0.45rem;--root-border-width: 1px;border:var(--root-border-width) solid var(--root-form-color-border);border-radius:var(--root-border-radius);padding:1rem}.repeater__heading{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.repeater__body{border-block-start:1px solid var(--root-base-color-border);margin-block-start:1rem;padding-block-start:1rem}.repeater__column{align-items:center;display:flex;gap:1rem}.repeater__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--root-font-size-base);margin-block:0;max-inline-size:20ch}.repeater__actions{align-items:center;display:flex;gap:.25rem}.repeater__toggle[aria-expanded=true] .vertical-line{display:none}.search-form{--root-border-radius: 0.45rem;--root-border-width: 1px;--root-font-size: 0.938rem;--root-line-height: 1.5;--root-padding: 0.5em 0.75em;transition-duration:var(--root-duration);transition-property:all;transition-timing-function:var(--root-timing-function);align-items:center;background-color:var(--root-form-color-background);border:var(--root-border-width) solid var(--root-form-color-border);border-radius:var(--root-border-radius);box-sizing:border-box;display:flex;gap:.5rem;padding:var(--root-padding)}.search-form:focus-within{border-color:var(--root-form-color-border-focus);box-shadow:0 0 0 .25rem var(--root-form-color-ring-focus);outline:2px solid rgba(0,0,0,0)}.search-form__control{border:0;background-color:rgba(0,0,0,0);color:var(--root-form-color-text);flex-grow:2;font-size:var(--root-font-size);line-height:var(--root-line-height);outline:0}.search-form__icon{color:var(--root-form-color-border);display:flex;grid-column:1/2;grid-row:1;justify-content:center}.search-form__icon svg{--dimension: 0.9rem;block-size:var(--dimension);inline-size:var(--dimension)}.search-form__helper{background-color:var(--root-btn-color-light-background);border-radius:.45rem;color:var(--root-btn-color-light-foreground);font-weight:600;justify-self:center;line-height:1;padding:.25rem .5rem;pointer-events:none}.open-search{position:relative;align-items:center;display:flex;gap:.5rem}.open-search__btn::before{content:"";inset:0;position:absolute}.open-search__icon{--dimension: 1rem;block-size:var(--dimension);color:var(--root-search-color-icon);inline-size:var(--dimension)}.or-separator{align-items:center;display:flex;font-size:var(--root-font-size-sm);gap:1rem;text-transform:uppercase}.or-separator::before,.or-separator::after{background-color:var(--root-base-color-border);block-size:1px;content:"";display:flex;inline-size:100%}.pagination__links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.pagination__links>*+*{margin-block-start:0}.pagination [aria-current=page]{background-color:var(--root-btn-color-primary-background);color:var(--root-btn-color-primary-foreground)}.preloader--circle{--color: currentColor;--border-width: 0.25em;--size: 1.5rem;--animation-duration: 1s;block-size:var(--size);inline-size:var(--size)}.preloader--circle::after{animation:rotation var(--animation-duration) linear infinite;block-size:var(--size);border:var(--border-width) solid var(--color);border-color:var(--color) rgba(0,0,0,0) var(--color) rgba(0,0,0,0);border-radius:50%;content:"";display:flex;inline-size:var(--size)}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}code[class*=language-],pre[class*=language-]{border-radius:var(--root-border-radius-lg);color:var(--root-prism-color-color);font-family:var(--root-font-family-cursive);font-size:var(--root-font-size-base);hyphens:none;line-height:1.5;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal;word-wrap:normal}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{display:grid;overflow:auto;padding:1.5rem}pre[class*=language-] code{background-color:rgba(0,0,0,0);padding:0}:not(pre)>code[class*=language-],pre[class*=language-]{background:var(--root-prism-color-background);overflow-x:auto}:not(pre)>code[class*=language-]::-webkit-scrollbar,pre[class*=language-]::-webkit-scrollbar{block-size:.5rem;inline-size:.5rem}:not(pre)>code[class*=language-]::-webkit-scrollbar-thumb,pre[class*=language-]::-webkit-scrollbar-thumb{background:var(--root-scrollbar-color-thumb-background);border-radius:var(--root-border-radius-sm)}:not(pre)>code[class*=language-]::-webkit-scrollbar-thumb:hover,pre[class*=language-]::-webkit-scrollbar-thumb:hover{background:var(--root-scrollbar-color-thumb-background-hover)}:not(pre)>code[class*=language-]::-webkit-scrollbar-track,pre[class*=language-]::-webkit-scrollbar-track{background:var(--root-scrollbar-color-track-background);border-radius:var(--root-border-radius-sm)}.token.comment,.token.prolog,.token.cdata{color:var(--root-prism-color-comment);font-style:italic}.token.punctuation{color:var(--root-prism-color-punctuation)}.namespace{color:var(--root-prism-color-namespace)}.token.deleted{color:var(--root-prism-color-deleted);font-style:italic}.token.symbol,.token.operator,.token.keyword,.token.property{color:var(--root-prism-color-namespace)}.token.tag{color:var(--root-prism-color-punctuation)}.token.boolean{color:var(--root-prism-color-boolean)}.token.number{color:var(--root-prism-color-number)}.token.constant,.token.builtin,.token.string,.token.url,.token.entity,.language-css .token.string,.style .token.string,.token.char{color:var(--root-prism-color-constant)}.token.selector,.token.function,.token.doctype{color:var(--root-prism-color-punctuation);font-style:italic}.token.attr-name,.token.inserted{color:var(--root-prism-color-constant);font-style:italic}.token.class-name,.token.atrule{color:var(--root-prism-color-class-name)}.token.regex,.token.important,.token.variable{color:var(--root-prism-color-regex)}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.range-group{display:flex;flex-direction:column;gap:.25rem}.range-group .form-label{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.range-group__inner{align-items:center;display:flex;gap:.5rem}.range-group__inner .form-range{flex-grow:1;margin-block-start:0}.range-group__inner .form-range-control{flex-shrink:0}.skip-link{inset:-50vh auto auto 1.5rem;position:fixed}.skip-link:focus{inset-block-start:1.5rem}.no-transition *{transition:none !important}.theme-switcher{color:var(--root-base-color-text);display:inline-flex;position:relative}.theme-switcher[data-theme-mode=system] .theme-switcher__system-mode{display:flex}.theme-switcher[data-theme-mode=light] .theme-switcher__light-mode{display:flex}.theme-switcher[data-theme-mode=dark] .theme-switcher__dark-mode{display:flex}.theme-switcher button{display:none}.theme-switcher button>*{pointer-events:none}.user-menu{position:relative;align-items:center;display:flex;gap:clamp(0.5rem, 1vw, 1rem);position:relative}.user-menu__toggle::before{content:"";inset:0;position:absolute}.user-menu__avatar{--dimension: 2.1rem;block-size:var(--dimension);border-radius:50%;inline-size:var(--dimension)}.user-menu__caption{display:none;flex-direction:column;font-size:var(--root-font-size-base);gap:.25rem;line-height:1}@media(min-width: 64em){.user-menu__caption{display:flex}}.user-menu__role{font-size:var(--root-font-size-sm)}.user-menu__display-name{color:var(--root-base-color-heading);font-weight:700}.user-menu__toggle{background:none;border:0;cursor:pointer;display:flex;padding:0}.user-menu__toggle svg{--dimension: 1em;block-size:var(--dimension);inline-size:var(--dimension)}.modal-backdrop{align-items:start;background-color:var(--root-modal-color-background);display:flex;inset:0;justify-content:center;overflow-y:auto;position:fixed;z-index:25}.modal{--root-inline-size:34rem;background-color:var(--root-base-color-background);border:1px solid var(--root-base-color-border);border-radius:var(--root-border-radius-sm);box-shadow:0 0 .25rem rgba(23,101,143,.05);inline-size:var(--root-inline-size);margin:1.5rem;max-inline-size:100%;outline:0;position:relative}.modal--media{display:flex;flex-direction:column;inline-size:auto;inset:0;position:fixed}.modal--media .modal__body{flex-grow:1;overflow-y:auto}.modal--media .modal__body::-webkit-scrollbar{block-size:.5rem;inline-size:.5rem}.modal--media .modal__body::-webkit-scrollbar-thumb{background:var(--root-scrollbar-color-thumb-background);border-radius:var(--root-border-radius-sm)}.modal--media .modal__body::-webkit-scrollbar-thumb:hover{background:var(--root-scrollbar-color-thumb-background-hover)}.modal--media .modal__body::-webkit-scrollbar-track{background:var(--root-scrollbar-color-track-background);border-radius:var(--root-border-radius-sm)}.modal--media .modal__header-caption{order:1}.modal--media .modal__close{order:2}@media(min-width: 64em){.modal--media .modal__close{order:3}}.modal--media .modal__filter{inline-size:100%;order:3}@media(min-width: 64em){.modal--media .modal__filter{inline-size:auto;margin-inline-start:auto;order:2}}.modal--dropzone::before{background-color:var(--root-media-color-dropzone-background);border:2px solid var(--root-media-color-dropzone-border);border-radius:var(--root-border-radius-sm);content:"";inset:0;pointer-events:none;position:absolute;z-index:2}.modal--dropzone::after{align-items:center;color:#fff;content:attr(data-dropzone);display:flex;font-size:clamp(1.5572265625rem, 2vw + 1rem, 1.83203125rem);inset:0;justify-content:center;line-height:var(--root-line-height-md);padding:1.5rem;position:absolute;text-align:center;z-index:3}.modal__header{align-items:center;border-block-end:1px solid var(--root-base-color-border);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem clamp(1rem, 5vw, 1.5rem)}.modal__header-caption>*{margin-block-end:0;margin-block-start:0}.modal__header-caption>*+*{margin-block-start:0}.modal__title{font-size:clamp(1.24578125rem, 2vw + 1rem, 1.465625rem);font-weight:600;margin-block:0}.modal__body{padding:clamp(1rem, 5vw, 1.5rem)}.modal__body>*{margin-block-end:0;margin-block-start:0}.modal__body>*+*{margin-block-start:1rem}.modal__footer{align-items:center;border-block-start:1px solid var(--root-base-color-border);display:flex;flex-wrap:wrap;gap:1rem;justify-content:end;padding:1rem clamp(1rem, 5vw, 1.5rem)}.modal__footer--space-between{justify-content:space-between}.modal__footer input{flex-grow:1;max-inline-size:25rem}.modal__filter{align-items:center;display:flex;gap:1rem;margin-inline:calc(0.5rem * -1);-ms-overflow-style:none;overflow-x:auto;padding:.5rem;scrollbar-width:none}@media(min-width: 64em){.modal__filter{margin-inline:0;overflow:initial;padding:0}}.modal__filter::-webkit-scrollbar{display:none}.modal__filter select,.modal__filter input{inline-size:auto;min-inline-size:10rem}.modal__column{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.app-notification{position:relative}.app-notification__header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.app-notification__title{font-size:clamp(0.996625rem, 2vw + 1rem, 1.1725rem);font-weight:600;margin-block:0}.app-notification__list{max-block-size:25rem;overflow-y:auto;overscroll-behavior:contain}.app-notification__list::-webkit-scrollbar{block-size:.5rem;inline-size:.5rem}.app-notification__list::-webkit-scrollbar-thumb{background:var(--root-scrollbar-color-thumb-background);border-radius:var(--root-border-radius-sm)}.app-notification__list::-webkit-scrollbar-thumb:hover{background:var(--root-scrollbar-color-thumb-background-hover)}.app-notification__list::-webkit-scrollbar-track{background:var(--root-scrollbar-color-track-background);border-radius:var(--root-border-radius-sm)}.app-notification__list>*+*{border-block-start:1px solid var(--root-base-color-border);margin-block-start:1rem;padding-block-start:1rem}.app-notification .context-menu{--inline-size: 20rem;display:flex;flex-direction:column;gap:1rem;inset:var(--inset-block-start) -4.75rem auto auto;padding:1rem}@media(min-width: 48em){.app-notification .context-menu{inset:var(--inset-block-start) 0 auto auto}}@media(min-width: 64em){.app-notification .context-menu{--inline-size: 26rem}}.notification-card{position:relative;display:flex;gap:1rem}.notification-card__link::before{content:"";inset:0;position:absolute}.notification-card--read{opacity:.5}.notification-card__icon{--size: 2.5rem;align-items:center;block-size:var(--size);border-radius:var(--root-border-radius-sm);display:flex;flex-shrink:0;inline-size:var(--size);justify-content:center}.notification-card__icon--info{background-color:#f0fbff;color:var(--root-alert-color-info)}.notification-card__icon--warning{background-color:#fefaec;color:var(--root-alert-color-warning)}.notification-card__icon--danger{background-color:#fdf4f4;color:var(--root-alert-color-danger)}.notification-card__icon--success{background-color:#ebfff5;color:var(--root-alert-color-success)}.notification-card__icon svg{--size: 1rem;block-size:var(--size);inline-size:var(--size)}.notification-card__caption{line-height:var(--root-line-height-md);padding-inline-end:1rem}.notification-card__caption>*{margin-block-end:0;margin-block-start:0}.notification-card__caption>*+*{margin-block-start:.25rem}.notification-card__title{font-size:var(--root-font-size-base)}.notification-card__link{color:var(--root-base-color-heading);text-decoration:none}.notification-card__link:hover,.notification-card__link:focus{color:var(--root-base-color-link)}.media-list{--column: 2;list-style:none;margin:0;padding:0;display:grid;gap:1.5rem;grid-template-columns:repeat(var(--column), minmax(0, 1fr))}@media(min-width: 32em){.media-list{--column: 3}}@media(min-width: 48em){.media-list{--column: 4}}@media(min-width: 64em){.media-list{--column: 6}}@media(min-width: 80em){.media-list{--column: 8}}.media-list>*+*{margin-block-start:0}.media-item{border-radius:var(--root-border-radius-lg);line-height:var(--root-line-height-md);position:relative}.media-item[aria-checked=true],.media-item:focus-visible{outline:3px solid var(--root-btn-color-primary-background);outline-offset:3px}.media-item__background{align-items:center;aspect-ratio:1;background-color:var(--root-media-color-background);border-radius:var(--root-border-radius-lg);display:flex;flex-direction:column;gap:.25rem;justify-content:center;padding:1rem}.media-item__icon{--size: 1.5rem;block-size:var(--size);color:var(--root-media-color-icon);inline-size:var(--size)}.media-item__name{overflow:hidden;text-overflow:ellipsis;white-space:inherit;max-inline-size:100%;text-align:center}@supports(-webkit-line-clamp: 2){.media-item__name{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2}}.media-item__selected{--size: 1.5rem;align-items:center;background-color:var(--root-btn-color-primary-background);block-size:var(--size);border-radius:var(--root-border-radius-sm);color:var(--root-btn-color-primary-foreground);display:flex;inline-size:var(--size);inset:.5rem .5rem auto auto;justify-content:center;position:absolute}.media-item__selected svg{--size: 1rem;block-size:var(--size);inline-size:var(--size)}.media-item .progressbar{margin-block-start:1rem}.media-item img{aspect-ratio:1;border-radius:var(--root-border-radius-lg);inline-size:100%;object-fit:cover}.search-modal{display:flex;flex-direction:column;gap:1rem}.search-results{list-style:none;margin:0;padding:0;max-block-size:20rem;overflow-y:auto;padding-inline-end:1rem}.search-results::-webkit-scrollbar{block-size:.5rem;inline-size:.5rem}.search-results::-webkit-scrollbar-thumb{background:var(--root-scrollbar-color-thumb-background);border-radius:var(--root-border-radius-sm)}.search-results::-webkit-scrollbar-thumb:hover{background:var(--root-scrollbar-color-thumb-background-hover)}.search-results::-webkit-scrollbar-track{background:var(--root-scrollbar-color-track-background);border-radius:var(--root-border-radius-sm)}.search-results>li+li{border-block-start:1px dashed var(--root-base-color-border);margin-block-start:.5rem;padding-block-start:.5rem}.search-result-item{align-items:center;color:var(--root-base-color-text);display:flex;flex-wrap:wrap;gap:.5rem;text-decoration:none}.search-result-item__icon{--size: 1em;block-size:var(--size);color:var(--root-base-color-primary);inline-size:var(--size)}.app-widget{align-items:center;background-color:var(--root-base-color-background);border:1px solid var(--root-base-color-border);border-radius:var(--root-border-radius-sm);box-shadow:0 0 .25rem rgba(23,101,143,.05);display:flex;justify-content:space-between}.app-widget--primary{background-color:var(--root-base-color-primary);border:0}.app-widget--primary .app-widget__title,.app-widget--primary .app-widget__data{color:#fff}.app-widget--secondary{background-color:var(--root-base-color-primary);border:0}.app-widget--secondary .app-widget__title,.app-widget--secondary .app-widget__data{color:#fff}.app-widget--summary{gap:1.5rem;justify-content:start;padding:1.5rem}.app-widget--summary .app-widget__column{padding:0}.app-widget--small-data .app-widget__data{font-size:clamp(0.996625rem, 2vw + 1rem, 1.1725rem)}.app-widget__icon{--dimension: 4rem;align-items:center;background-color:var(--root-widget-color-icon-background);block-size:var(--dimension);border-radius:var(--root-border-radius-lg);color:var(--root-base-color-primary);display:flex;flex-shrink:0;inline-size:var(--dimension);justify-content:center}.app-widget__icon svg{--dimension: 1.5rem;block-size:var(--dimension);inline-size:var(--dimension)}.app-widget__title{font-size:.938rem;font-weight:600;margin-block:0}.app-widget__data-row{align-items:center;display:flex;gap:1rem}.app-widget__data{line-height:var(--root-line-height-heading);margin-block:0}.app-widget__column{align-items:start;color:var(--root-base-color-heading);display:flex;flex-direction:column;font-size:clamp(1.9465332031rem, 2vw + 1rem, 2.2900390625rem);font-weight:700;line-height:var(--root-line-height-heading);padding:1.5rem}.app-widget__column .app-widget__trending{margin-block-start:.25rem}.app-widget__chart{max-inline-size:65%}.app-widget__chart foreignObject{padding-block:1rem}.app-sidebar{block-size:100%;border-inline-end:1px solid var(--root-base-color-border);display:flex;flex-direction:column;gap:1.5rem;padding-block:0 1.5rem}.app-sidebar__logo{block-size:1.25rem;display:inline-flex}.app-sidebar__search{display:none}@media(min-width: 64em){.app-sidebar__search{display:flex}}.app-sidebar__header{align-items:center;block-size:var(--root-header-block-size);border-block-end:1px solid var(--root-base-color-border);display:flex;flex-shrink:0;justify-content:space-between;margin-inline:1.5rem}.app-sidebar__body{flex-grow:1;margin-inline:calc(1.5rem / 2);overflow-y:auto;padding-inline:calc(1.5rem / 2)}.app-sidebar__body::-webkit-scrollbar{block-size:.5rem;inline-size:.5rem}.app-sidebar__body::-webkit-scrollbar-thumb{background:var(--root-scrollbar-color-thumb-background);border-radius:.15em}.app-sidebar__body::-webkit-scrollbar-thumb:hover{background:var(--root-scrollbar-color-thumb-background-hover)}.app-sidebar__body::-webkit-scrollbar-track{background:var(--root-scrollbar-color-track-background);border-radius:.15em}.app-sidebar__body>*+*{border-block-start:1px solid var(--root-base-color-border);margin-block-start:1rem;padding-block-start:1rem}.app-header{backdrop-filter:saturate(180%) blur(0.25rem);background-color:var(--root-header-color-background);border-block-end:1px solid var(--root-base-color-border);inset-block-start:0;inset-block-start:0;position:sticky;position:sticky;z-index:15}.app-header__inner{align-items:center;block-size:var(--root-header-block-size);display:flex;flex-wrap:wrap;gap:clamp(1rem, 5vw, 3rem);justify-content:space-between;margin-inline:var(--root-container-gap)}.app-header__column{align-items:center;display:flex;flex-grow:1;gap:clamp(1rem, 5vw, 1.5rem)}.app-header__actions{align-items:center;display:flex;gap:clamp(1rem, 5vw, 1.5rem)}.app-header__actions--secondary{gap:1rem}.app-header__logo{block-size:1.25rem;display:inline-flex}@media(min-width: 64em){.app-header__logo{display:none}}.app-header__breadcrumb{display:none}@media(min-width: 64em){.app-header__breadcrumb{display:flex}}.app-heading{padding-block:clamp(1.5rem, 5vw, 3rem)}.app-heading__inner{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;justify-content:space-between}.app-heading__inner--column{flex-direction:column}.app-heading__caption>*{margin-block-end:0;margin-block-start:0}.app-heading__caption>*+*{margin-block-start:.5rem}.app-heading__title{font-weight:700}.app-heading__description{align-items:center;display:flex;flex-wrap:wrap;font-size:1rem;gap:.5rem 1.5rem}.app-heading__description>*{margin-block-end:0;margin-block-start:0}.app-heading__description>*+*{margin-block-start:.25rem}.app-heading__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:end}.app-body{display:flex;flex-direction:column;gap:1.5rem}.app-actions{justify-content:space-between}@media(min-width: 80em){.app-actions--sidebar{margin-inline-end:calc(20rem + 1.5rem)}}.app-actions,.app-actions__column{display:flex;flex-wrap:wrap;gap:1.5rem}.app-footer{padding-block:clamp(1.5rem, 5vw, 3rem);text-align:center}.app-footer__created-with{margin-block:0}.btn--light{background-color:var(--root-btn-color-light-background);border-color:var(--root-btn-color-light-background);color:var(--root-btn-color-light-foreground)}.btn--light:focus-visible{outline:2px solid var(--root-btn-color-light-focus-ring);outline-offset:2px}.btn--light:hover{background-color:var(--root-btn-color-light-background-hover);border-color:var(--root-btn-color-light-background-hover);color:var(--root-btn-color-light-foreground-hover)}.btn--light.btn--active{background-color:var(--root-btn-color-light-background-hover);border-color:var(--root-btn-color-light-background-hover);color:var(--root-btn-color-light-foreground-hover)}.btn--delete{background-color:var(--root-btn-color-delete-background);border-color:var(--root-btn-color-delete-background);color:var(--root-btn-color-delete-foreground)}.btn--delete:focus-visible{outline:2px solid var(--root-btn-color-delete-focus-ring);outline-offset:2px}.btn--delete:hover{background-color:var(--root-btn-color-delete-background-hover);border-color:var(--root-btn-color-delete-background-hover);color:var(--root-btn-color-delete-foreground-hover)}.btn--dark{background-color:var(--root-btn-color-dark-background);border-color:var(--root-btn-color-dark-background);color:var(--root-btn-color-dark-foreground)}.btn--dark:focus-visible{outline:2px solid var(--root-btn-color-dark-background);outline-offset:2px}.btn--dark:hover{background-color:var(--root-btn-color-dark-background-hover);border-color:var(--root-btn-color-dark-background-hover);color:var(--root-btn-color-dark-foreground)}.btn--outline-dark{background-color:rgba(0,0,0,0);border-color:var(--root-btn-color-dark-outline-border);color:var(--root-btn-color-dark-outline-foreground)}.btn--outline-dark:focus-visible{outline:2px solid var(--root-btn-color-dark-outline-focus-ring);outline-offset:2px}.btn--outline-dark:hover{background-color:var(--root-btn-color-dark-outline-background-hover);border-color:var(--root-btn-color-dark-outline-background-hover);color:var(--root-btn-color-dark-outline-foreground-hover)}.btn--counter{position:relative}.btn__counter{background-color:var(--root-alert-color-danger);border-radius:var(--root-border-radius-sm);color:var(--root-btn-color-primary-foreground);font-size:.6375rem;inset:-0.5em -0.5em auto auto;min-inline-size:1.25rem;padding:.45em;position:absolute;text-align:center}.apexcharts-legend-series{align-items:center;display:flex !important;gap:.25rem}.apexcharts-legend{display:flex;gap:1rem}.apexcharts-legend>*{margin:0 !important}.apexcharts-text,.apexcharts-legend-text{color:var(--root-base-color-text) !important;fill:var(--root-base-color-text)}.apexcharts-tooltip,.apexcharts-tooltip-title{background:var(--root-base-color-background) !important;border-color:var(--root-base-color-border) !important}.apexcharts-tooltip-title{line-height:1;padding-block:.75em !important}.apexcharts-xaxis-tick,.apexcharts-gridline,.apexcharts-grid-borders line:last-child{stroke:var(--root-base-color-border)}.form-group-stack>*{margin-block-end:0;margin-block-start:0}.form-group-stack>*+*{margin-block-start:1rem}.form-group-stack--bordered>*+*{border-block-start:1px solid var(--root-base-color-border);padding-block-start:1rem}legend{font-family:var(--root-font-family-heading)}.form-control[type=color]{--root-border-radius:clamp(1.5rem, 5vw, 3rem)}.required-marker{color:var(--root-alert-color-danger)}.progressbar{display:flex;flex-direction:column;gap:.5rem;inline-size:100%}.progressbar__inner{background-color:var(--root-form-color-background);block-size:.5rem;border-radius:var(--root-border-radius-sm);box-shadow:inset 0 0 0 1px var(--root-form-color-border);position:relative}.progressbar__indicator{background-color:var(--root-base-color-primary);block-size:100%;border-radius:var(--root-border-radius-sm);inset:0 auto 0 0;position:absolute}.progressbar__indicator:not([style*=inline-size]){animation:1s progress infinite linear alternate;inline-size:20%}.progressbar__caption{text-align:center}@keyframes progress{0%{inset-inline-start:0%}100%{inset-inline-start:80%}}@media(min-width: 32em){.display--flex\:xs{display:flex !important}}@media(min-width: 48em){.display--flex\:sm{display:flex !important}}@media(min-width: 64em){.display--flex\:md{display:flex !important}}@media(min-width: 80em){.display--flex\:lg{display:flex !important}}@media(min-width: 90em){.display--flex\:xl{display:flex !important}}@media(min-width: 110em){.display--flex\:xxl{display:flex !important}}@media(min-width: 32em){.display--none\:xs{display:none !important}}@media(min-width: 48em){.display--none\:sm{display:none !important}}@media(min-width: 64em){.display--none\:md{display:none !important}}@media(min-width: 80em){.display--none\:lg{display:none !important}}@media(min-width: 90em){.display--none\:xl{display:none !important}}@media(min-width: 110em){.display--none\:xxl{display:none !important}}.m-block\:0{margin-block:0 !important}:root{--root-sidebar-inline-size:20rem;--root-header-block-size:4.5rem;--root-container-gap:clamp(1.5rem, 5vw, 3rem)}[x-cloak]{visibility:hidden !important}
+@font-face {
+  font-display: swap;
+  font-family: "Manrope";
+  font-style: normal;
+  font-weight: 400;
+  src: url("../../font/manrope-v14-latin-regular.woff2") format("woff2");
+}
+@font-face {
+  font-display: swap;
+  font-family: "Manrope";
+  font-style: normal;
+  font-weight: 500;
+  src: url("../../font/manrope-v14-latin-500.woff2") format("woff2");
+}
+@font-face {
+  font-display: swap;
+  font-family: "Manrope";
+  font-style: normal;
+  font-weight: 600;
+  src: url("../../font/manrope-v14-latin-600.woff2") format("woff2");
+}
+@font-face {
+  font-display: swap;
+  font-family: "Manrope";
+  font-style: normal;
+  font-weight: 700;
+  src: url("../../font/manrope-v14-latin-800.woff2") format("woff2");
+}
+@font-face {
+  font-display: swap;
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  src: url("../../font/open-sans-v35-latin-regular.woff2") format("woff2");
+}
+@font-face {
+  font-display: swap;
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 700;
+  src: url("../../font/open-sans-v35-latin-700.woff2") format("woff2");
+}
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+/* Document
+  ========================================================================== */
+/**
+* 1. Correct the line height in all browsers.
+* 2. Prevent adjustments of font size after orientation changes in iOS.
+*/
+html {
+  line-height: 1.15; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+  ========================================================================== */
+/**
+* Remove the margin in all browsers.
+*/
+body {
+  margin: 0;
+}
+
+/**
+* Render the `main` element consistently in IE.
+*/
+main {
+  display: block;
+}
+
+/**
+* Correct the font size and margin on `h1` elements within `section` and
+* `article` contexts in Chrome, Firefox, and Safari.
+*/
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/* Grouping content
+  ========================================================================== */
+/**
+* 1. Add the correct box sizing in Firefox.
+* 2. Show the overflow in Edge and IE.
+*/
+hr {
+  box-sizing: content-box; /* 1 */
+  block-size: 0; /* 1 */
+  overflow: visible; /* 2 */
+}
+
+/**
+* 1. Correct the inheritance and scaling of font size in all browsers.
+* 2. Correct the odd `em` font sizing in all browsers.
+*/
+pre {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+  ========================================================================== */
+/**
+* Remove the gray background on active links in IE 10.
+*/
+a {
+  background-color: transparent;
+}
+
+/**
+* 1. Remove the bottom border in Chrome 57-
+* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+*/
+abbr[title] {
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
+  text-decoration: underline dotted; /* 2 */
+}
+
+/**
+* Add the correct font weight in Chrome, Edge, and Safari.
+*/
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+* 1. Correct the inheritance and scaling of font size in all browsers.
+* 2. Correct the odd `em` font sizing in all browsers.
+*/
+code,
+kbd,
+samp {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+* Add the correct font size in all browsers.
+*/
+small {
+  font-size: 80%;
+}
+
+/**
+* Prevent `sub` and `sup` elements from affecting the line height in
+* all browsers.
+*/
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/* Embedded content
+  ========================================================================== */
+/**
+* Remove the border on images inside links in IE 10.
+*/
+img {
+  border-style: none;
+}
+
+/* Forms
+  ========================================================================== */
+/**
+* 1. Change the font styles in all browsers.
+* 2. Remove the margin in Firefox and Safari.
+*/
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+* Show the overflow in IE.
+* 1. Show the overflow in Edge.
+*/
+button,
+input { /* 1 */
+  overflow: visible;
+}
+
+/**
+* Remove the inheritance of text transform in Edge, Firefox, and IE.
+* 1. Remove the inheritance of text transform in Firefox.
+*/
+button,
+select { /* 1 */
+  text-transform: none;
+}
+
+/**
+* Correct the inability to style clickable types in iOS and Safari.
+*/
+button,
+[type=button],
+[type=reset],
+[type=submit] {
+  -webkit-appearance: button;
+}
+
+/**
+* Remove the inner border and padding in Firefox.
+*/
+button::-moz-focus-inner,
+[type=button]::-moz-focus-inner,
+[type=reset]::-moz-focus-inner,
+[type=submit]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+* Restore the focus styles unset by the previous rule.
+*/
+button:-moz-focusring,
+[type=button]:-moz-focusring,
+[type=reset]:-moz-focusring,
+[type=submit]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+* Correct the padding in Firefox.
+*/
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+* 1. Correct the text wrapping in Edge and IE.
+* 2. Correct the color inheritance from `fieldset` elements in IE.
+* 3. Remove the padding so developers are not caught out when they zero out
+*    `fieldset` elements in all browsers.
+*/
+legend {
+  box-sizing: border-box; /* 1 */
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-inline-size: 100%; /* 1 */
+  padding: 0; /* 3 */
+  white-space: normal; /* 1 */
+}
+
+/**
+* Add the correct vertical alignment in Chrome, Firefox, and Opera.
+*/
+progress {
+  vertical-align: baseline;
+}
+
+/**
+* Remove the default vertical scrollbar in IE 10+.
+*/
+textarea {
+  overflow: auto;
+}
+
+/**
+* 1. Add the correct box sizing in IE 10.
+* 2. Remove the padding in IE 10.
+*/
+[type=checkbox],
+[type=radio] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+* Correct the cursor style of increment and decrement buttons in Chrome.
+*/
+[type=number]::-webkit-inner-spin-button,
+[type=number]::-webkit-outer-spin-button {
+  block-size: auto;
+}
+
+/**
+* 1. Correct the odd appearance in Chrome and Safari.
+* 2. Correct the outline style in Safari.
+*/
+[type=search] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+* Remove the inner padding in Chrome and Safari on macOS.
+*/
+[type=search]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+* 1. Correct the inability to style clickable types in iOS and Safari.
+* 2. Change font properties to `inherit` in Safari.
+*/
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/* Interactive
+  ========================================================================== */
+/*
+* Add the correct display in Edge, IE 10+, and Firefox.
+*/
+details {
+  display: block;
+}
+
+/*
+* Add the correct display in all browsers.
+*/
+summary {
+  display: list-item;
+}
+
+/* Misc
+  ========================================================================== */
+/**
+* Add the correct display in IE 10+.
+*/
+template {
+  display: none;
+}
+
+/**
+* Add the correct display in IE 10.
+*/
+[hidden] {
+  display: none;
+}
+
+:root {
+  --root-alert-color-danger: hsl(0, 71%, 51%);
+  --root-alert-color-info: hsl(195, 100%, 42%);
+  --root-alert-color-success: hsl(150, 100%, 33%);
+  --root-alert-color-warning: hsl(48, 89%, 55%);
+}
+
+:root {
+  --root-base-color-background: hsl(0, 0%, 100%);
+  --root-base-color-blockquote-border: hsl(214, 98%, 49%);
+  --root-base-color-border: hsl(215, 100%, 96%);
+  --root-base-color-code-background: #f0f6ff;
+  --root-base-color-code-foreground: hsl(205, 100%, 2%);
+  --root-base-color-heading: hsl(205, 100%, 2%);
+  --root-base-color-link: hsl(214, 98%, 49%);
+  --root-base-color-link-hover: #0257c6;
+  --root-base-color-mark-background: hsl(50, 100%, 80%);
+  --root-base-color-mark-foreground: hsl(205, 100%, 2%);
+  --root-base-color-marker: hsl(214, 98%, 49%);
+  --root-base-color-primary: hsl(214, 98%, 49%);
+  --root-base-color-secondary: hsl(160, 89%, 46%);
+  --root-base-color-text: hsl(208, 9%, 42%);
+  --root-base-color-primary-lightest: hsl(210, 60%, 98%);
+}
+
+:root {
+  --root-btn-color-primary-background: hsl(214, 98%, 49%);
+  --root-btn-color-primary-background-hover: #0256c5;
+  --root-btn-color-primary-foreground: hsl(0, 0%, 100%);
+  --root-btn-color-primary-shadow: #aed1fe;
+  --root-btn-color-secondary-background: hsl(160, 89%, 46%);
+  --root-btn-color-secondary-background-hover: #0aae77;
+  --root-btn-color-secondary-foreground: hsl(0, 0%, 100%);
+  --root-btn-color-secondary-shadow: #a3fadd;
+  --root-btn-color-dark-background: hsl(205, 100%, 2%);
+  --root-btn-color-dark-background-hover: hsl(205, 100%, 5%);
+  --root-btn-color-dark-foreground: hsl(0, 0%, 100%);
+  --root-btn-color-dark-outline-border: hsl(260, 4%, 70%);
+  --root-btn-color-dark-outline-foreground: hsl(205, 100%, 2%);
+  --root-btn-color-dark-outline-foreground-hover: hsl(0, 0%, 100%);
+  --root-btn-color-dark-outline-background-hover: hsl(205, 100%, 2%);
+  --root-btn-color-dark-outline-focus-ring: hsl(205, 100%, 2%);
+  --root-btn-color-light-background: hsl(210, 60%, 98%);
+  --root-btn-color-light-background-hover: hsl(214, 98%, 49%);
+  --root-btn-color-light-focus-ring: hsl(214, 98%, 49%);
+  --root-btn-color-light-foreground: hsl(214, 98%, 49%);
+  --root-btn-color-light-foreground-hover: hsl(0, 0%, 100%);
+  --root-btn-color-delete-background: #fceeee;
+  --root-btn-color-delete-background-hover: hsl(0, 71%, 51%);
+  --root-btn-color-delete-focus-ring: hsl(0, 71%, 51%);
+  --root-btn-color-delete-foreground: hsl(0, 71%, 51%);
+  --root-btn-color-delete-foreground-hover: hsl(0, 0%, 100%);
+  --root-btn-color-primary-outline-foreground: hsl(214, 98%, 49%);
+}
+
+:root {
+  --root-form-color-background: hsl(0, 0%, 100%);
+  --root-form-color-background-disabled: hsl(0, 0%, 95%);
+  --root-form-color-border: hsl(260, 4%, 75%);
+  --root-form-color-border-disabled: hsl(215, 63%, 93%);
+  --root-form-color-border-focus: hsl(214, 98%, 49%);
+  --root-form-color-check-background: hsl(214, 98%, 49%);
+  --root-form-color-check-focus-ring: hsl(214, 98%, 49%);
+  --root-form-color-check-foreground: hsl(0, 0%, 100%);
+  --root-form-color-group-label-background: hsl(210, 60%, 98%);
+  --root-form-color-group-label-foreground: hsl(208, 9%, 42%);
+  --root-form-color-invalid: hsl(0, 71%, 51%);
+  --root-form-color-invalid-focus-ring: rgba(219, 41, 41, 0.25);
+  --root-form-color-label: hsl(205, 100%, 2%);
+  --root-form-color-legend: hsl(205, 100%, 2%);
+  --root-form-color-placeholder: hsl(208, 7%, 40%);
+  --root-form-color-range-thumb-background: hsl(214, 98%, 49%);
+  --root-form-color-range-thumb-focus-ring: hsl(214, 98%, 49%);
+  --root-form-color-range-track-background: hsl(215, 63%, 93%);
+  --root-form-color-ring-focus: rgba(2, 109, 247, 0.25);
+  --root-form-color-select-foreground: hsl(205, 100%, 2%);
+  --root-form-color-text: hsl(208, 9%, 42%);
+  --root-form-color-valid: hsl(150, 100%, 33%);
+  --root-form-color-valid-focus-ring: rgba(0, 168, 84, 0.25);
+}
+
+:root {
+  --root-selection-color-foreground: hsl(0, 0%, 100%);
+  --root-selection-color-background: hsl(214, 98%, 49%);
+}
+
+:root {
+  --root-scrollbar-color-thumb-background: hsla(0, 0%, 0%, 0.15);
+  --root-scrollbar-color-thumb-background-hover: hsla(0, 0%, 0%, 0.25);
+  --root-scrollbar-color-track-background: hsla(0, 0%, 0%, 0.05);
+}
+
+:root {
+  --root-table-color-border: hsl(215, 63%, 93%);
+  --root-table-color-caption: hsl(208, 9%, 42%);
+  --root-table-color-heading: hsl(205, 100%, 2%);
+  --root-table-color-hover: hsl(210, 60%, 98%);
+  --root-table-color-stripe: hsl(210, 60%, 98%);
+  --root-table-color-text: hsl(208, 9%, 42%);
+}
+
+:root {
+  --root-breadcrumb-color-separator: hsl(0, 0%, 80%);
+}
+
+:root {
+  --root-combobox-color-item-background: hsl(210, 60%, 98%);
+  --root-combobox-color-item-foreground: hsl(214, 98%, 49%);
+}
+
+:root {
+  --root-data-table-color-icon: hsl(0, 0%, 80%);
+}
+
+:root {
+  --root-header-color-background: hsla(0, 0%, 100%, 0.95);
+}
+
+:root {
+  --root-navigation-color-arrow: hsla(0, 0%, 0%, 0.15);
+}
+
+:root {
+  --root-main-color-background: hsl(210, 60%, 98%);
+}
+
+:root {
+  --root-media-color-background: hsl(210, 60%, 98%);
+  --root-media-color-dropzone-background: hsla(214, 98%, 49%, 0.75);
+  --root-media-color-dropzone-border: hsl(214, 98%, 40%);
+  --root-media-color-icon: hsl(214, 98%, 49%);
+}
+
+:root {
+  --root-modal-color-background: hsla(210, 60%, 98%, 0.9);
+}
+
+:root {
+  --root-search-color-icon: hsla(229, 26%, 48%, 0.25);
+}
+
+:root {
+  --root-prism-color-color: hsl(243, 14%, 29%);
+  --root-prism-color-background: hsl(0, 0%, 98%);
+  --root-prism-color-comment: hsl(225, 14%, 46%);
+  --root-prism-color-punctuation: hsl(279, 50%, 53%);
+  --root-prism-color-namespace: hsl(173, 100%, 24%);
+  --root-prism-color-deleted: hsla(1, 83%, 63%, 0.56);
+  --root-prism-color-boolean: hsl(0, 44%, 53%);
+  --root-prism-color-number: hsl(315, 90%, 35%);
+  --root-prism-color-constant: hsl(221, 57%, 52%);
+  --root-prism-color-class-name: hsl(0, 0%, 7%);
+  --root-prism-color-regex: hsl(1, 48%, 59%);
+}
+
+:root {
+  --root-widget-color-icon-background: #f5f9ff;
+}
+
+:root {
+  --root-font-family-base: Open Sans, sans-serif;
+  --root-font-family-cursive: ui-monospace, Cascadia Code, Source Code Pro, Menlo, Consolas, DejaVu Sans Mono, monospace;
+  --root-font-family-heading: Manrope, sans-serif;
+  --root-font-size-base: 0.938rem;
+  --root-font-size-lead: clamp(1.15rem, 2vw, 1.35rem);
+  --root-font-size-lg: 1.125rem;
+  --root-font-size-ratio: 1.25;
+  --root-font-size-sm: 0.875rem;
+  --root-font-weight-heading: 600;
+  --root-inline-border-radius: 0.45rem;
+  --root-inline-padding: 0.1em 0.3em;
+  --root-line-height-base: 1.8;
+  --root-line-height-heading: calc(2px + 2ex + 2px);
+  --root-line-height-lg: 1.8;
+  --root-line-height-md: 1.5;
+  --root-line-height-sm: 1.2;
+  --root-border-radius-lg: 0.725rem;
+  --root-border-radius-sm: 0.45rem;
+  --root-container-inline-size: 84rem;
+  --root-page-margin: 2cm;
+  --root-hidden-elements: header, footer, aside, nav, form, iframe, [class^="aspect-ratio"];
+}
+@media (prefers-reduced-motion: no-preference) {
+  :root {
+    --root-duration: 0.15s;
+    --root-timing-function: ease-in-out;
+  }
+}
+
+.sr-only {
+  block-size: 1px !important;
+  border: 0 !important;
+  clip: rect(0, 0, 0, 0) !important;
+  inline-size: 1px !important;
+  margin: -1px !important;
+  overflow: hidden !important;
+  padding: 0 !important;
+  position: absolute !important;
+  white-space: nowrap !important;
+}
+
+[tabindex="-1"]:focus {
+  outline: none !important;
+}
+
+::selection {
+  background-color: var(--root-selection-color-background);
+  color: var(--root-selection-color-foreground);
+  text-shadow: none;
+}
+
+html {
+  box-sizing: border-box;
+}
+@media (prefers-reduced-motion: no-preference) {
+  html {
+    scroll-behavior: smooth;
+  }
+}
+
+*,
+::before,
+::after {
+  box-sizing: inherit;
+}
+
+body {
+  background: var(--root-base-color-background);
+  color: var(--root-base-color-text);
+}
+
+a {
+  color: var(--root-base-color-link);
+  text-decoration: underline;
+  transition-duration: var(--root-duration);
+  transition-property: color;
+  transition-timing-function: var(--root-timing-function);
+}
+a:hover {
+  color: var(--root-base-color-link-hover);
+}
+
+button {
+  color: inherit;
+}
+
+a,
+button {
+  touch-action: manipulation;
+}
+
+hr {
+  border: 0;
+  border-block-start: 1px solid var(--root-base-color-border);
+}
+
+img {
+  block-size: auto;
+  display: block;
+  max-inline-size: 100%;
+  user-select: none;
+}
+
+iframe {
+  block-size: 100%;
+  display: block;
+  inline-size: 100%;
+}
+
+figure {
+  margin-inline: 0;
+}
+figure figcaption {
+  margin-block-start: 0.5rem;
+  text-align: center;
+}
+
+.table-responsive {
+  --inline-size: 40rem;
+  -webkit-overflow-scrolling: touch;
+  overflow-x: auto;
+}
+.table-responsive table {
+  min-inline-size: var(--inline-size);
+}
+
+.table {
+  --root-line-height: 1.5;
+  --root-padding: 1rem;
+  --root-responsive-inline-size: 40rem;
+  border-collapse: collapse;
+  color: var(--root-table-color-text);
+  inline-size: 100%;
+}
+.table caption {
+  color: var(--root-table-color-caption);
+  margin-block-end: 1rem;
+}
+.table th,
+.table td {
+  border-block-end: 1px solid var(--root-table-color-border);
+  line-height: var(--root-line-height);
+  padding: var(--root-padding);
+}
+.table th {
+  color: var(--root-table-color-heading);
+  text-align: inherit;
+  text-align: -webkit-match-parent;
+}
+.table--striped > tbody > tr:nth-child(odd) {
+  background-color: var(--root-table-color-stripe);
+}
+.table--hover > tbody > tr:hover {
+  background: var(--root-table-color-hover);
+}
+.table--clear-border th,
+.table--clear-border td {
+  border: 0;
+}
+.table--in-line th:first-child,
+.table--in-line td:first-child {
+  padding-inline-start: 0;
+}
+.table--in-line th:last-child,
+.table--in-line td:last-child {
+  padding-inline-end: 0;
+}
+.table--sm {
+  --root-padding: 0.5rem;
+}
+.table--sm th,
+.table--sm td {
+  padding: var(--root-padding);
+}
+.table--rounded th:first-child,
+.table--rounded td:first-child {
+  border-end-start-radius: var(--root-border-radius-sm);
+  border-start-start-radius: var(--root-border-radius-sm);
+}
+.table--rounded th:last-child,
+.table--rounded td:last-child {
+  border-end-end-radius: var(--root-border-radius-sm);
+  border-start-end-radius: var(--root-border-radius-sm);
+}
+
+html {
+  -webkit-tap-highlight-color: hsla(0, 0%, 0%, 0);
+}
+
+body {
+  font-family: var(--root-font-family-base);
+  font-size: var(--root-font-size-base);
+  line-height: var(--root-line-height-base);
+}
+
+p,
+li,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  hyphens: auto;
+  overflow-wrap: break-word;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: var(--root-base-color-heading);
+  font-family: var(--root-font-family-heading);
+  font-weight: var(--root-font-weight-heading);
+  line-height: var(--root-line-height-heading);
+}
+
+h1 {
+  font-size: clamp(1.9465332031rem, 2vw + 1rem, 2.2900390625rem);
+}
+
+h2 {
+  font-size: clamp(1.5572265625rem, 2vw + 1rem, 1.83203125rem);
+}
+
+h3 {
+  font-size: clamp(1.24578125rem, 2vw + 1rem, 1.465625rem);
+}
+
+h4 {
+  font-size: clamp(0.996625rem, 2vw + 1rem, 1.1725rem);
+}
+
+h5 {
+  font-size: 0.938rem;
+}
+
+h6 {
+  font-size: 0.938rem;
+}
+
+ul,
+ol {
+  list-style-position: inside;
+}
+ul > *,
+ol > * {
+  margin-block-end: 0;
+  margin-block-start: 0;
+}
+ul > * + *,
+ol > * + * {
+  margin-block-start: 0.25rem;
+}
+ul li,
+ol li {
+  list-style-position: outside;
+}
+ul li::marker,
+ol li::marker {
+  color: var(--root-base-color-marker);
+}
+
+li > ul,
+li > ol {
+  margin-block-start: 0.25rem;
+}
+
+dl dt {
+  color: var(--root-base-color-heading);
+  font-weight: bold;
+}
+dl dd {
+  margin: 0;
+}
+dl dd + dt {
+  margin-block-start: 1rem;
+}
+
+.quote {
+  border-inline-start: 0.5rem solid var(--root-base-color-blockquote-border);
+  padding-inline-start: 1.5rem;
+}
+.quote > * {
+  margin-block-end: 0;
+  margin-block-start: 0;
+}
+.quote > * + * {
+  margin-block-start: 0.5rem;
+}
+.quote blockquote {
+  border-inline-start: 0;
+  padding-inline-start: 0;
+}
+.quote figcaption {
+  text-align: start;
+}
+
+blockquote {
+  border-inline-start: 0.5rem solid var(--root-base-color-blockquote-border);
+  margin-inline-start: 0;
+  padding-inline-start: 1.5rem;
+}
+blockquote > * {
+  margin-block-end: 0;
+  margin-block-start: 0;
+}
+blockquote > * + * {
+  margin-block-start: 0.5rem;
+}
+
+abbr[title] {
+  border-block-end: 1px dotted;
+  cursor: help;
+  text-decoration: none;
+}
+
+mark {
+  background-color: var(--root-base-color-mark-background);
+  border-radius: var(--root-inline-border-radius);
+  color: var(--root-base-color-mark-foreground);
+  padding: var(--root-inline-padding);
+}
+
+code,
+kbd,
+samp {
+  background-color: var(--root-base-color-code-background);
+  border-radius: var(--root-inline-border-radius);
+  color: var(--root-base-color-code-foreground);
+  padding: var(--root-inline-padding);
+}
+
+.lead {
+  font-size: var(--root-font-size-lead);
+}
+
+.hidden,
+[hidden] {
+  display: none !important;
+}
+
+.h1 {
+  font-size: clamp(1.9465332031rem, 2vw + 1rem, 2.2900390625rem);
+}
+
+.h2 {
+  font-size: clamp(1.5572265625rem, 2vw + 1rem, 1.83203125rem);
+}
+
+.h3 {
+  font-size: clamp(1.24578125rem, 2vw + 1rem, 1.465625rem);
+}
+
+.h4 {
+  font-size: clamp(0.996625rem, 2vw + 1rem, 1.1725rem);
+}
+
+.h5 {
+  font-size: 0.938rem;
+}
+
+.h6 {
+  font-size: 0.938rem;
+}
+
+.btn {
+  --root-border-radius: 0.45rem;
+  --root-border-width: 1px;
+  --root-font-family: Manrope, sans-serif;
+  --root-font-size: 0.938rem;
+  --root-font-weight: 600;
+  --root-gap: 0.5rem;
+  --root-icon-padding: 0.75em;
+  --root-icon-size: 1em;
+  --root-padding: 0.75em 1em;
+  --root-shadow-size: 0.25rem;
+  align-items: center;
+  border-radius: var(--root-border-radius);
+  border-style: solid;
+  border-width: var(--root-border-width);
+  cursor: pointer;
+  display: inline-flex;
+  font-family: var(--root-font-family);
+  font-size: var(--root-font-size);
+  font-weight: var(--root-font-weight);
+  gap: var(--root-gap);
+  justify-content: center;
+  line-height: 1;
+  padding: var(--root-padding);
+  text-align: start;
+  text-decoration: none;
+  transition-duration: var(--root-duration);
+  transition-property: background-color, border-color, box-shadow, color;
+  transition-timing-function: var(--root-timing-function);
+}
+
+.btn:focus {
+  outline-color: transparent;
+  outline-style: solid;
+}
+
+.btn:disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+
+.btn--icon {
+  padding: var(--root-icon-padding);
+}
+.btn--icon.btn--sm {
+  padding: var(--root-icon-padding);
+}
+.btn--icon.btn--lg {
+  padding: var(--root-icon-padding);
+}
+
+.btn__icon {
+  block-size: var(--root-icon-size);
+  flex-shrink: 0;
+  inline-size: var(--root-icon-size);
+  pointer-events: none;
+}
+.btn__icon--sm {
+  block-size: var(--root-icon-size);
+  inline-size: var(--root-icon-size);
+}
+
+.btn--sm {
+  --root-font-size: 0.8rem;
+  --root-gap: 0.25rem;
+  --root-icon-padding: 0.5em;
+  --root-icon-size: 0.8rem;
+  --root-padding: 0.5em 0.75em;
+  font-size: var(--root-font-size);
+  gap: var(--root-gap);
+  padding: var(--root-padding);
+}
+
+.btn--lg {
+  --root-font-size: 1rem;
+  --root-gap: 0.5rem;
+  --root-icon-padding: 0.9em;
+  --root-padding: 0.9em 1.15em;
+}
+
+.btn--block {
+  inline-size: 100%;
+}
+
+.btn--primary {
+  background-color: var(--root-btn-color-primary-background);
+  border-color: var(--root-btn-color-primary-background);
+  color: var(--root-btn-color-primary-foreground);
+}
+.btn--primary:focus-visible {
+  outline: 2px solid var(--root-btn-color-primary-background);
+  outline-offset: 2px;
+}
+.btn--primary:hover {
+  background-color: var(--root-btn-color-primary-background-hover);
+  border-color: var(--root-btn-color-primary-background-hover);
+  color: var(--root-btn-color-primary-foreground);
+}
+.btn--primary-shadow {
+  box-shadow: 0 0.55em 1em -0.2em var(--root-btn-color-primary-shadow), 0 0.15em 0.35em -0.185em var(--root-btn-color-primary-shadow);
+}
+
+.btn--secondary {
+  background-color: var(--root-btn-color-secondary-background);
+  border-color: var(--root-btn-color-secondary-background);
+  color: var(--root-btn-color-secondary-foreground);
+}
+.btn--secondary:focus-visible {
+  outline: 2px solid var(--root-btn-color-secondary-background);
+  outline-offset: 2px;
+}
+.btn--secondary:hover {
+  background-color: var(--root-btn-color-secondary-background-hover);
+  border-color: var(--root-btn-color-secondary-background-hover);
+  color: var(--root-btn-color-secondary-foreground);
+}
+.btn--secondary-shadow {
+  box-shadow: 0 0.55em 1em -0.2em var(--root-btn-color-secondary-shadow), 0 0.15em 0.35em -0.185em var(--root-btn-color-secondary-shadow);
+}
+
+.btn--outline-primary {
+  background-color: transparent;
+  border-color: var(--root-btn-color-primary-background);
+  color: var(--root-btn-color-primary-outline-foreground);
+}
+.btn--outline-primary:focus-visible {
+  outline: 2px solid var(--root-btn-color-primary-background);
+  outline-offset: 2px;
+}
+.btn--outline-primary:hover {
+  background-color: var(--root-btn-color-primary-background);
+  border-color: var(--root-btn-color-primary-background);
+  color: var(--root-btn-color-primary-foreground);
+}
+
+.btn--outline-secondary {
+  background-color: transparent;
+  border-color: var(--root-btn-color-secondary-background);
+  color: var(--root-btn-color-secondary-background);
+}
+.btn--outline-secondary:focus-visible {
+  outline: 2px solid var(--root-btn-color-secondary-background);
+  outline-offset: 2px;
+}
+.btn--outline-secondary:hover {
+  background-color: var(--root-btn-color-secondary-background);
+  border-color: var(--root-btn-color-secondary-background);
+  color: var(--root-btn-color-secondary-foreground);
+}
+
+.form-file::file-selector-button {
+  --root-border-radius: 0.45rem;
+  --root-border-width: 1px;
+  --root-font-family: Manrope, sans-serif;
+  --root-font-size: 0.938rem;
+  --root-font-weight: 600;
+  --root-gap: 0.5rem;
+  --root-icon-padding: 0.75em;
+  --root-icon-size: 1em;
+  --root-padding: 0.75em 1em;
+  --root-shadow-size: 0.25rem;
+  align-items: center;
+  border-radius: var(--root-border-radius);
+  border-style: solid;
+  border-width: var(--root-border-width);
+  cursor: pointer;
+  display: inline-flex;
+  font-family: var(--root-font-family);
+  font-size: var(--root-font-size);
+  font-weight: var(--root-font-weight);
+  gap: var(--root-gap);
+  justify-content: center;
+  line-height: 1;
+  padding: var(--root-padding);
+  text-align: start;
+  text-decoration: none;
+  transition-duration: var(--root-duration);
+  transition-property: background-color, border-color, box-shadow, color;
+  transition-timing-function: var(--root-timing-function);
+}
+
+.form-file:focus {
+  outline-color: transparent;
+  outline-style: solid;
+}
+
+.form-file:disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+
+.form-file--sm::file-selector-button {
+  --root-font-size: 0.8rem;
+  --root-gap: 0.25rem;
+  --root-icon-padding: 0.5em;
+  --root-icon-size: 0.8rem;
+  --root-padding: 0.5em 0.75em;
+  font-size: var(--root-font-size);
+  gap: var(--root-gap);
+  padding: var(--root-padding);
+}
+
+.form-file--lg::file-selector-button {
+  --root-font-size: 1rem;
+  --root-gap: 0.5rem;
+  --root-icon-padding: 0.9em;
+  --root-padding: 0.9em 1.15em;
+}
+
+.form-file--block::file-selector-button {
+  inline-size: 100%;
+}
+
+.form-file {
+  display: block;
+}
+.form-file:focus {
+  outline: revert;
+}
+.form-file:focus-within::file-selector-button {
+  background-color: var(--root-btn-color-primary-background-hover);
+}
+.form-file::file-selector-button {
+  background-color: var(--root-btn-color-primary-background);
+  border-color: var(--root-btn-color-primary-background);
+  color: var(--root-btn-color-primary-foreground);
+  margin-inline-end: 1rem;
+}
+.form-file::file-selector-button:hover {
+  background-color: var(--root-btn-color-primary-background-hover);
+  border-color: var(--root-btn-color-primary-background-hover);
+  color: var(--root-btn-color-primary-foreground);
+}
+.form-file::file-selector-button-shadow {
+  box-shadow: 0 0.55em 1em -0.2em var(--root-btn-color-primary-shadow), 0 0.15em 0.35em -0.185em var(--root-btn-color-primary-shadow);
+}
+
+.form-label {
+  color: var(--root-form-color-label);
+  font-family: Manrope, sans-serif;
+  font-weight: 600;
+  line-height: 1.5;
+  text-align: start;
+}
+
+.form-control {
+  --webkit-date-line-height: 1.375;
+  --root-border-radius: 0.45rem;
+  --root-border-width: 1px;
+  --root-font-size: 0.938rem;
+  --root-line-height: 1.5;
+  --root-padding: 0.5em 0.75em;
+  --root-textarea-block-size: 6rem;
+  appearance: none;
+  background-color: var(--root-form-color-background);
+  border: var(--root-border-width) solid var(--root-form-color-border);
+  border-radius: var(--root-border-radius);
+  box-sizing: border-box;
+  color: var(--root-form-color-text);
+  display: block;
+  font-size: var(--root-font-size);
+  inline-size: 100%;
+  line-height: var(--root-line-height);
+  padding: var(--root-padding);
+  transition-duration: var(--root-duration);
+  transition-property: border, box-shadow;
+  transition-timing-function: var(--root-timing-function);
+}
+.form-control::placeholder {
+  color: var(--root-form-color-placeholder);
+}
+.form-control::-webkit-datetime-edit {
+  line-height: var(--webkit-date-line-height);
+}
+.form-control:focus {
+  border-color: var(--root-form-color-border-focus);
+  box-shadow: 0 0 0 0.25rem var(--root-form-color-ring-focus);
+  outline: 2px solid transparent;
+}
+.form-control[type=color] {
+  --root-aspect-ratio: 1;
+  --root-block-size: 100%;
+  --root-inline-size: 2.625rem;
+  --root-padding: 0.5em;
+  aspect-ratio: var(--root-aspect-ratio);
+  block-size: var(--root-block-size);
+  inline-size: var(--root-inline-size);
+  padding: var(--root-padding);
+}
+.form-control[type=color]::-webkit-color-swatch-wrapper {
+  padding: 0;
+}
+.form-control[type=color]::-moz-color-swatch {
+  border: 0;
+  border-radius: var(--root-border-radius);
+}
+.form-control[type=color]::-webkit-color-swatch {
+  border: 0;
+  border-radius: var(--root-border-radius);
+}
+.form-control[disabled], .form-control[disabled=true] {
+  background-color: var(--root-form-color-background-disabled);
+  border-color: var(--root-form-color-border-disabled);
+  cursor: not-allowed;
+}
+textarea.form-control {
+  block-size: var(--root-textarea-block-size);
+  min-block-size: var(--root-textarea-block-size);
+  resize: vertical;
+}
+
+.form-control--valid, .form-control--invalid {
+  background-position: center right 0.5em;
+  background-repeat: no-repeat;
+  background-size: 1.25em auto;
+  padding-inline-end: 2em;
+}
+html[dir=rtl] .form-control--valid, html[dir=rtl] .form-control--invalid {
+  background-position: center left 0.5em;
+}
+.form-control--valid {
+  background-image: url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"%3e%3cpath d="M12,2c5.519,0 10,4.481 10,10c0,5.519 -4.481,10 -10,10c-5.519,0 -10,-4.481 -10,-10c0,-5.519 4.481,-10 10,-10Zm0,1.667c4.599,-0 8.333,3.734 8.333,8.333c0,4.599 -3.734,8.333 -8.333,8.333c-4.599,0 -8.333,-3.734 -8.333,-8.333c-0,-4.599 3.734,-8.333 8.333,-8.333Zm-1.476,10.182l-2.984,-2.984c-0.065,-0.065 -0.17,-0.065 -0.235,0l-0.943,0.943c-0.065,0.065 -0.065,0.171 -0,0.236l4.043,4.042c0.033,0.033 0.076,0.05 0.119,0.049c0.044,0.001 0.087,-0.016 0.12,-0.049l6.994,-6.994c0.065,-0.065 0.065,-0.17 0,-0.235l-0.943,-0.943c-0.065,-0.065 -0.17,-0.065 -0.235,-0l-5.936,5.935Z" style="fill:hsl%28150, 100%, 33%%29;"/%3e%3c/svg%3e');
+  border-color: var(--root-alert-color-success);
+}
+.form-control--valid:focus {
+  border-color: var(--root-form-color-valid);
+  box-shadow: 0 0 0 0.25rem var(--root-form-color-valid-focus-ring);
+  outline: 2px solid transparent;
+}
+.form-control--invalid {
+  background-image: url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"%3e%3cpath d="M12,2c5.519,0 10,4.481 10,10c0,5.519 -4.481,10 -10,10c-5.519,0 -10,-4.481 -10,-10c0,-5.519 4.481,-10 10,-10Zm0,1.667c4.599,-0 8.333,3.734 8.333,8.333c0,4.599 -3.734,8.333 -8.333,8.333c-4.599,0 -8.333,-3.734 -8.333,-8.333c-0,-4.599 3.734,-8.333 8.333,-8.333Zm0.813,11.649c-0,-0.081 -0.065,-0.146 -0.146,-0.146l-1.334,0c-0.081,0 -0.146,0.065 -0.146,0.146l0,1.169c0,0.08 0.065,0.146 0.146,0.146l1.334,-0c0.081,-0 0.146,-0.066 0.146,-0.146l-0,-1.169Zm-0,-7.784c-0,-0.09 -0.073,-0.163 -0.163,-0.163l-1.3,0c-0.09,0 -0.163,0.073 -0.163,0.163l0,6.351c0,0.09 0.073,0.163 0.163,0.163l1.3,-0c0.09,-0 0.163,-0.073 0.163,-0.163l-0,-6.351Z" style="fill:hsl%280, 71%, 51%%29;"/%3e%3c/svg%3e');
+  border-color: var(--root-alert-color-danger);
+}
+.form-control--invalid:focus {
+  border-color: var(--root-form-color-invalid);
+  box-shadow: 0 0 0 0.25rem var(--root-form-color-invalid-focus-ring);
+  outline: 2px solid transparent;
+}
+.form-control--sm {
+  --webkit-date-line-height: 1.36;
+  --root-border-radius: 0.35em;
+  --root-padding: 0.1em 0.45em;
+}
+.form-control--sm[type=color] {
+  --root-aspect-ratio: 1;
+  --root-block-size: 100%;
+  --root-inline-size: 1.925rem;
+  --root-padding: 0.25em;
+}
+.form-control--lg {
+  --webkit-date-line-height: 1.387;
+  --root-padding: 0.65em 1em;
+}
+.form-control--lg[type=color] {
+  --root-aspect-ratio: 1;
+  --root-block-size: 100%;
+  --root-inline-size: 3.204rem;
+  --root-padding: 0.5em;
+}
+
+select.form-control:not([multiple]):not([size]) {
+  background-image: url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M12,12.507l-3.816,-3.815c-0.171,-0.172 -0.45,-0.172 -0.622,-0l-0.933,0.933c-0.172,0.172 -0.172,0.451 0,0.623l5.06,5.06c0.172,0.172 0.45,0.172 0.622,0l5.06,-5.06c0.172,-0.172 0.172,-0.451 -0,-0.623l-0.933,-0.933c-0.172,-0.172 -0.451,-0.172 -0.622,-0l-3.816,3.815Z" style="fill:hsl%28205, 100%, 2%%29;"/%3e%3c/svg%3e');
+  background-position: center right 0.5em;
+  background-repeat: no-repeat;
+  background-size: 1.25em auto;
+  padding-inline-end: 2em;
+}
+html[dir=rtl] select.form-control:not([multiple]):not([size]) {
+  background-position: center left 0.5em;
+}
+
+.form-check {
+  --root-border-radius: 0.45rem;
+  --root-border-width: 1px;
+  --root-font-size: 1.125rem;
+  --root-font-weight: 400;
+  --root-line-height: 1.5;
+  --root-margin-block: 0.1em;
+  --root-vertical-alignment: center;
+  align-items: var(--root-vertical-alignment);
+  display: inline-flex;
+  gap: 0.5rem;
+}
+
+.form-check--vertical-center {
+  align-items: center;
+}
+
+.form-check--vertical-start {
+  align-items: flex-start;
+}
+
+.form-check--sm {
+  --root-border-radius: 0.35em;
+  --root-padding: 0.1em 0.45em;
+}
+.form-check--sm .form-check__control {
+  font-size: var(--root-font-size);
+}
+
+.form-check--lg {
+  --root-padding: 0.65em 1em;
+}
+.form-check__control {
+  appearance: none;
+  background-color: var(--root-form-color-background);
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: contain;
+  block-size: 1em;
+  border: var(--root-border-width) solid var(--root-form-color-border);
+  flex-shrink: 0;
+  font-size: var(--root-font-size);
+  font-weight: var(--root-font-weight);
+  inline-size: 1em;
+  line-height: 1;
+  margin-block: var(--root-margin-block);
+  transition-duration: var(--root-duration);
+  transition-property: border, box-shadow;
+  transition-timing-function: var(--root-timing-function);
+}
+.form-check__control[type=radio] {
+  border-radius: 50%;
+}
+.form-check__control[type=checkbox] {
+  border-radius: var(--root-border-radius);
+}
+.form-check__control:focus-visible {
+  outline: 2px solid var(--root-form-color-check-focus-ring);
+  outline-offset: 2px;
+}
+.form-check__control:checked {
+  background-color: var(--root-form-color-check-background);
+  border-color: var(--root-form-color-check-background);
+}
+.form-check__control:checked[type=radio] {
+  background-image: url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3ccircle cx="12" cy="12" r="6" style="fill:hsl%280, 0%, 100%%29;"/%3e%3c/svg%3e');
+}
+.form-check__control:checked[type=checkbox] {
+  background-image: url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M9.525,13.777l-2.411,-2.412c-0.234,-0.233 -0.613,-0.233 -0.846,0l-1.27,1.27c-0.233,0.233 -0.233,0.612 0,0.846l4.104,4.103c0.116,0.117 0.269,0.175 0.422,0.175l0.003,0c0.152,0 0.305,-0.058 0.421,-0.175l9.054,-9.053c0.233,-0.234 0.233,-0.613 -0,-0.846l-1.27,-1.269c-0.233,-0.234 -0.612,-0.234 -0.846,-0l-7.361,7.361Z" style="fill:hsl%280, 0%, 100%%29;"/%3e%3c/svg%3e');
+}
+.form-check__control:indeterminate[type=checkbox] {
+  background-image: url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M19.5,11.1c-0,-0.331 -0.269,-0.6 -0.6,-0.6l-13.8,0c-0.331,0 -0.6,0.269 -0.6,0.6l0,1.8c0,0.331 0.269,0.6 0.6,0.6l13.8,0c0.331,0 0.6,-0.269 0.6,-0.6l-0,-1.8Z" style="fill:hsl%280, 0%, 100%%29;"/%3e%3c/svg%3e');
+  background-color: var(--root-form-color-check-background);
+  border-color: var(--root-form-color-check-background);
+}
+.form-check__control:disabled, .form-check__control.disabled {
+  background-color: var(--root-form-color-background-disabled);
+  border-color: var(--root-form-color-border-disabled);
+  cursor: not-allowed;
+}
+.form-check__control:disabled + .form-check__label, .form-check__control.disabled + .form-check__label {
+  opacity: 0.5;
+}
+
+.form-check__label {
+  font-weight: var(--root-font-weight);
+  line-height: var(--root-line-height);
+}
+
+.form-switch {
+  --root-border-width: 1px;
+  --root-font-size: 1.125rem;
+  --root-font-weight: 600;
+  --root-line-height: 1.5;
+  --root-margin-block: 0.15em;
+  --root-vertical-alignment: center;
+  align-items: var(--root-vertical-alignment);
+  display: inline-flex;
+  gap: 0.5rem;
+}
+.form-switch--block {
+  inline-size: 100%;
+  justify-content: space-between;
+}
+
+.form-switch--vertical-center {
+  align-items: center;
+}
+
+.form-switch--vertical-start {
+  align-items: flex-start;
+}
+
+.form-switch--sm {
+  --root-font-size: 0.938rem;
+}
+
+.form-switch--lg {
+  --root-font-size: clamp(1.15rem, 2vw, 1.35rem);
+}
+
+.form-switch__control {
+  background-image: url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3ccircle cx="12" cy="12" r="8.5" style="fill:hsl%28260, 4%, 75%%29;"/%3e%3c/svg%3e');
+  appearance: none;
+  background-color: var(--root-form-color-background);
+  background-position: left center;
+  background-repeat: no-repeat;
+  background-size: contain;
+  block-size: 1em;
+  border: var(--root-border-width) solid var(--root-form-color-border);
+  border-radius: 2em;
+  flex-shrink: 0;
+  font-size: var(--root-font-size);
+  inline-size: 2em;
+  line-height: 1;
+  margin-block: var(--root-margin-block);
+  transition-duration: var(--root-duration);
+  transition-property: background-position, border, box-shadow;
+  transition-timing-function: var(--root-timing-function);
+}
+.form-switch__control:checked {
+  background-image: url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3ccircle cx="12" cy="12" r="8.5" style="fill:hsl%280, 0%, 100%%29;"/%3e%3c/svg%3e');
+  background-color: var(--root-form-color-check-background);
+  background-position: right center;
+  border-color: var(--root-form-color-check-background);
+}
+.form-switch__control:disabled {
+  background-color: var(--root-form-color-background-disabled);
+  border-color: var(--root-form-color-border-disabled);
+  cursor: not-allowed;
+}
+.form-switch__control:disabled + .form-switch__label {
+  opacity: 0.5;
+}
+
+[dir=rtl] .form-switch__control {
+  background-position: right center;
+}
+[dir=rtl] .form-switch__control:checked {
+  background-position: left center;
+}
+
+.form-switch__label {
+  font-weight: var(--root-font-weight);
+  line-height: var(--root-line-height);
+}
+
+fieldset {
+  --root-layout-gap: 1rem;
+  --root-legend-font-size: 0.938rem;
+  --root-legend-font-weight: 600;
+  --root-gap: 0.5rem;
+  border: 0;
+  margin: 0;
+  padding: 0;
+}
+fieldset > * {
+  margin-block-end: 0;
+  margin-block-start: 0;
+}
+fieldset > * + * {
+  margin-block-start: var(--root-layout-gap);
+}
+fieldset + fieldset {
+  margin-block-start: 3rem;
+}
+
+legend {
+  color: var(--root-form-color-legend);
+  font-size: var(--root-legend-font-size);
+  font-weight: var(--root-legend-font-weight);
+}
+
+.form-group-label {
+  --root-border-radius: 0.45rem;
+  --root-border-width: 1px;
+  align-items: center;
+  background-color: var(--root-form-color-group-label-background);
+  border: var(--root-border-width) solid var(--root-form-color-border);
+  border-radius: var(--root-border-radius);
+  color: var(--root-form-color-group-label-foreground);
+  display: flex;
+  padding-inline: 1rem;
+}
+
+.form-group {
+  --root-gap: 0.5rem;
+  --root-row-container-inline-size: 40rem;
+  display: flex;
+  flex-direction: column;
+  gap: var(--root-gap);
+}
+.form-group--horizontal-check {
+  --root-gap: 1rem;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  gap: var(--root-gap);
+}
+.form-group--vertical-check {
+  --root-gap: 1rem;
+  align-items: start;
+  flex-direction: column;
+  gap: var(--root-gap);
+}
+.form-group--row {
+  --root-container-inline-size: 38rem;
+  --root-gap: 0.25rem 1rem;
+  --root-label-inline-size: 10rem;
+  --root-vertical-alignment: center;
+  align-items: var(--root-vertical-alignment);
+  display: grid;
+  gap: var(--root-gap);
+  grid-template-columns: minmax(0, 1fr);
+}
+.form-group--row\:vertical-center {
+  align-items: center;
+}
+.form-group--row\:vertical-start {
+  align-items: flex-start;
+}
+@container form-group-container (inline-size > 38rem) {
+  .form-group--row {
+    grid-template-columns: minmax(0, var(--root-label-inline-size)) minmax(0, 1fr);
+  }
+}
+@container form-group-container (inline-size > 38rem) {
+  .form-group--row .form-description,
+  .form-group--row .field-feedback {
+    grid-column-start: 2;
+  }
+}
+.form-group--stacked {
+  display: flex;
+}
+.form-group--stacked > * + * {
+  border-radius: 0;
+  margin-inline-start: -1px;
+}
+.form-group--stacked > *:first-child {
+  border-start-end-radius: 0;
+  border-start-start-radius: var(--root-border-radius);
+  border-end-end-radius: 0;
+  border-end-start-radius: var(--root-border-radius);
+}
+.form-group--stacked > *:last-child {
+  border-start-end-radius: var(--root-border-radius);
+  border-start-start-radius: 0;
+  border-end-end-radius: var(--root-border-radius);
+  border-end-start-radius: 0;
+}
+.form-group--stacked > *:only-child {
+  border-radius: var(--root-border-radius);
+}
+.form-group--stacked > *:focus {
+  z-index: 2;
+}
+.form-group-container {
+  container: form-group-container/inline-size;
+}
+
+.form-row--mixed {
+  --inline-size: 20ch;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem;
+}
+.form-row--mixed > * {
+  flex: 1 1 var(--inline-size);
+}
+
+.field-feedback {
+  display: block;
+  line-height: 1.5;
+}
+.field-feedback--valid {
+  color: var(--root-alert-color-success);
+}
+.field-feedback--invalid {
+  color: var(--root-alert-color-danger);
+}
+
+.form-range {
+  --root-focus-ring-box-shadow-type: outside;
+  --root-focus-ring-offset: 2px;
+  --root-focus-ring-size: 2px;
+  --root-focus-ring-type: outline;
+  --root-thumb-block-size: 1rem;
+  --root-thumb-border-radius: 0.5rem;
+  --root-thumb-inline-size: 1rem;
+  --root-track-block-size: 0.25rem;
+  --root-track-border-radius: 0.15rem;
+  appearance: none;
+  margin-block-start: calc(var(--root-thumb-block-size) / 2 - var(--root-track-block-size) / 2);
+}
+.form-range:focus-visible {
+  outline: none;
+}
+.form-range:focus-visible::-webkit-slider-thumb {
+  outline: 2px solid var(--root-form-color-range-thumb-focus-ring);
+  outline-offset: 2px;
+}
+.form-range:focus-visible::-moz-range-thumb {
+  outline: 2px solid var(--root-form-color-range-thumb-focus-ring);
+  outline-offset: 2px;
+}
+.form-range::-webkit-slider-runnable-track {
+  background-color: var(--root-form-color-range-track-background);
+  block-size: var(--root-track-block-size);
+  border-radius: var(--root-track-border-radius);
+}
+.form-range::-moz-range-track {
+  background-color: var(--root-form-color-range-track-background);
+  block-size: var(--root-track-block-size);
+  border-radius: var(--root-track-border-radius);
+}
+.form-range::-webkit-slider-thumb {
+  appearance: none;
+  background-color: var(--root-form-color-range-thumb-background);
+  block-size: var(--root-thumb-block-size);
+  border-radius: var(--root-thumb-border-radius);
+  inline-size: var(--root-thumb-inline-size);
+  margin-block-start: calc(var(--root-track-block-size) / 2 - var(--root-thumb-block-size) / 2);
+}
+.form-range::-moz-range-thumb {
+  background-color: var(--root-form-color-range-thumb-background);
+  block-size: var(--root-thumb-block-size);
+  border: 0; /*Removes extra border that FF applies*/
+  border-radius: var(--root-thumb-border-radius);
+  inline-size: var(--root-thumb-inline-size);
+}
+.form-range:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+.form-description {
+  --root-font-size: 1em;
+  --root-font-weight: 400;
+  color: var(--root-form-color-text);
+  display: block;
+  font-size: var(--root-font-size);
+  font-weight: var(--root-font-weight);
+  line-height: var(--root-line-height-md);
+}
+
+:root[data-theme-mode=dark] {
+  --root-base-color-background: hsl(240, 30%, 14%);
+  --root-base-color-blockquote-border: hsl(211, 99%, 46%);
+  --root-base-color-border: hsla(0, 0%, 100%, 0.04);
+  --root-base-color-card-border: hsl(207, 90%, 13%);
+  --root-base-color-code-background: hsl(207, 64%, 21%);
+  --root-base-color-code-foreground: hsl(0, 0%, 95%);
+  --root-base-color-footer-background: hsla(0, 0%, 0%, 0.15);
+  --root-base-color-heading: hsl(0, 0%, 95%);
+  --root-base-color-link-hover: hsl(205, 100%, 62%);
+  --root-base-color-link: hsl(205, 100%, 56%);
+  --root-base-color-mark-background: hsl(50, 100%, 80%);
+  --root-base-color-mark-foreground: hsl(240, 30%, 14%);
+  --root-base-color-marker: hsl(211, 99%, 46%);
+  --root-base-color-primary: hsl(211, 99%, 46%);
+  --root-base-color-primary-lightest: hsl(240, 30%, 16%);
+  --root-base-color-secondary: hsl(160, 89%, 46%);
+  --root-base-color-text: hsl(0, 0%, 97%);
+}
+
+:root[data-theme-mode=dark] {
+  --root-breadcrumb-color-arrow: hsla(0, 0%, 100%, 0.1);
+}
+
+:root[data-theme-mode=dark] {
+  --root-btn-color-dark-background: hsl(0, 0%, 100%);
+  --root-btn-color-dark-background-hover: hsl(0, 0%, 95%);
+  --root-btn-color-dark-foreground: hsl(205, 100%, 5%);
+  --root-btn-color-dark-outline-border: hsla(0, 0%, 100%, 0.15);
+  --root-btn-color-dark-outline-foreground: hsl(0, 0%, 100%);
+  --root-btn-color-dark-outline-foreground-hover: hsl(205, 100%, 2%);
+  --root-btn-color-dark-outline-background-hover: hsl(0, 0%, 100%);
+  --root-btn-color-dark-outline-focus-ring: hsl(0, 0%, 100%);
+  --root-btn-color-light-background: hsl(240, 30%, 12%);
+  --root-btn-color-light-background-hover: hsl(211, 99%, 46%);
+  --root-btn-color-light-focus-ring: hsl(211, 99%, 46%);
+  --root-btn-color-light-foreground: hsl(211, 99%, 46%);
+  --root-btn-color-light-foreground-hover: hsl(0, 0%, 100%);
+  --root-btn-color-primary-background: hsl(211, 99%, 46%);
+  --root-btn-color-primary-background-hover: #208bfe;
+  --root-btn-color-primary-foreground: hsl(0, 0%, 100%);
+  --root-btn-color-primary-shadow: #01346b;
+  --root-btn-color-primary-outline-foreground: hsl(211, 99%, 60%);
+  --root-btn-color-secondary-background: hsl(160, 89%, 46%);
+  --root-btn-color-secondary-background-hover: #13f1a7;
+  --root-btn-color-secondary-foreground: hsl(0, 0%, 95%);
+}
+
+:root[data-theme-mode=dark] {
+  --root-card-color-background: hsl(240, 30%, 14%);
+}
+
+:root[data-theme-mode=dark] {
+  --root-combobox-color-item-background: hsl(240, 30%, 12%);
+  --root-combobox-color-item-foreground: hsl(211, 99%, 46%);
+}
+
+:root[data-theme-mode=dark] {
+  --root-data-table-color-icon: hsla(0, 0%, 100%, 0.1);
+}
+
+:root[data-theme-mode=dark] {
+  --root-form-color-background: #21213d;
+  --root-form-color-background-disabled: hsl(240, 30%, 14%);
+  --root-form-color-border-disabled: hsla(0, 0%, 100%, 0.04);
+  --root-form-color-border-focus: hsl(211, 99%, 46%);
+  --root-form-color-border: hsla(0, 0%, 100%, 0.12);
+  --root-form-color-check-background: hsl(211, 99%, 46%);
+  --root-form-color-check-foreground: hsl(240, 30%, 14%);
+  --root-form-color-group-label-background: #1d1d36;
+  --root-form-color-group-label-foreground: hsl(0, 0%, 97%);
+  --root-form-color-invalid: hsl(0, 71%, 51%);
+  --root-form-color-invalid-shadow: rgba(219, 41, 41, 0.25);
+  --root-form-color-label: hsl(0, 0%, 95%);
+  --root-form-color-legend: hsl(0, 0%, 95%);
+  --root-form-color-placeholder: hsl(0, 0%, 90%);
+  --root-form-color-select-foreground: hsl(0, 0%, 100%);
+  --root-form-color-shadow-focus: rgba(1, 113, 233, 0.25);
+  --root-form-color-text: hsl(0, 0%, 97%);
+  --root-form-color-valid: hsl(150, 100%, 33%);
+  --root-form-color-valid-shadow: rgba(0, 168, 84, 0.25);
+}
+
+:root[data-theme-mode=dark] {
+  --root-header-color-background: hsla(240, 30%, 12%, 0.95);
+}
+
+:root[data-theme-mode=dark] {
+  --root-navigation-color-arrow: hsla(0, 0%, 100%, 0.15);
+  --root-navigation-color-icon-background: hsl(245, 38%, 10%);
+  --root-navigation-color-icon-background-hover: hsl(211, 99%, 46%);
+  --root-navigation-color-icon-foreground: hsl(211, 99%, 46%);
+  --root-navigation-color-icon-foreground-hover: hsl(186, 100%, 5%);
+}
+
+:root[data-theme-mode=dark] {
+  --root-main-color-background: hsl(240, 30%, 13%);
+}
+
+:root[data-theme-mode=dark] {
+  --root-media-color-background: hsl(240, 30%, 12%);
+  --root-media-color-dropzone-background: hsla(214, 98%, 49%, 0.75);
+  --root-media-color-dropzone-border: hsl(214, 98%, 40%);
+  --root-media-color-icon: hsl(211, 99%, 46%);
+}
+
+:root[data-theme-mode=dark] {
+  --root-modal-color-background: hsla(240, 3%, 7%, 0.9);
+}
+
+:root[data-theme-mode=dark] {
+  --root-prism-color-color: hsl(217, 34%, 88%);
+  --root-prism-color-background: hsl(245, 38%, 7%);
+  --root-prism-color-comment: hsl(180, 9%, 55%);
+  --root-prism-color-punctuation: hsl(276, 68%, 75%);
+  --root-prism-color-namespace: hsl(197, 31%, 77%);
+  --root-prism-color-deleted: hsla(1, 83%, 63%, 0.56);
+  --root-prism-color-boolean: hsl(350, 100%, 67%);
+  --root-prism-color-number: hsl(14, 90%, 70%);
+  --root-prism-color-constant: hsl(221, 100%, 75%);
+  --root-prism-color-class-name: hsl(33, 100%, 77%);
+  --root-prism-color-regex: hsl(217, 34%, 88%);
+}
+
+:root[data-theme-mode=dark] {
+  --root-table-color-border: hsla(0, 0%, 100%, 0.04);
+  --root-table-color-caption: hsl(0, 0%, 97%);
+  --root-table-color-heading: hsl(0, 0%, 95%);
+  --root-table-color-hover: hsla(0, 0%, 100%, 0.02);
+  --root-table-color-stripe: hsla(0, 0%, 100%, 0.025);
+  --root-table-color-text: hsl(0, 0%, 97%);
+}
+
+:root[data-theme-mode=dark] {
+  --root-selection-color-background: hsl(211, 99%, 46%);
+  --root-selection-color-foreground: hsl(0, 0%, 100%);
+}
+
+:root[data-theme-mode=dark] {
+  --root-search-color-icon: hsla(0, 0%, 100%, 0.25);
+}
+
+:root[data-theme-mode=dark] {
+  --root-scrollbar-color-thumb-background: hsla(0, 0%, 100%, 0.15);
+  --root-scrollbar-color-thumb-background-hover: hsla(0, 0%, 100%, 0.25);
+  --root-scrollbar-color-track-background: hsla(0, 0%, 100%, 0.05);
+}
+
+:root[data-theme-mode=dark] {
+  --root-widget-color-icon-background: #22223f;
+}
+
+[data-theme-mode=dark] {
+  color-scheme: dark;
+  /* stylelint-disable */
+  /* stylelint-enable */
+}
+[data-theme-mode=dark] select.form-control:not([multiple]):not([size]),
+[data-theme-mode=dark] .combobox__control {
+  background-image: url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M12,12.507l-3.816,-3.815c-0.171,-0.172 -0.45,-0.172 -0.622,-0l-0.933,0.933c-0.172,0.172 -0.172,0.451 0,0.623l5.06,5.06c0.172,0.172 0.45,0.172 0.622,0l5.06,-5.06c0.172,-0.172 0.172,-0.451 -0,-0.623l-0.933,-0.933c-0.172,-0.172 -0.451,-0.172 -0.622,-0l-3.816,3.815Z" style="fill:hsl%280, 0%, 100%%29;"/%3e%3c/svg%3e');
+}
+
+.container {
+  --inline-size: var(--root-container-inline-size);
+  --gap: var(--root-container-gap);
+  margin-inline: auto;
+  max-inline-size: var(--inline-size);
+  padding-inline: var(--gap);
+}
+.container--wide {
+  --inline-size: 100%;
+}
+.container--narrow {
+  --inline-size: 50rem;
+}
+
+.l-row {
+  align-items: start;
+  display: grid;
+  gap: 1.5rem;
+  grid-template-columns: minmax(0, 1fr);
+}
+@media (min-width: 32em) {
+  .l-row--column\:xs\:1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+}
+@media (min-width: 32em) {
+  .l-row--column\:xs\:2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+@media (min-width: 32em) {
+  .l-row--column\:xs\:3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
+@media (min-width: 32em) {
+  .l-row--column\:xs\:4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+}
+@media (min-width: 48em) {
+  .l-row--column\:sm\:1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+}
+@media (min-width: 48em) {
+  .l-row--column\:sm\:2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+@media (min-width: 48em) {
+  .l-row--column\:sm\:3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
+@media (min-width: 48em) {
+  .l-row--column\:sm\:4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+}
+@media (min-width: 64em) {
+  .l-row--column\:md\:1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+}
+@media (min-width: 64em) {
+  .l-row--column\:md\:2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+@media (min-width: 64em) {
+  .l-row--column\:md\:3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
+@media (min-width: 64em) {
+  .l-row--column\:md\:4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+}
+@media (min-width: 80em) {
+  .l-row--column\:lg\:1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+}
+@media (min-width: 80em) {
+  .l-row--column\:lg\:2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+@media (min-width: 80em) {
+  .l-row--column\:lg\:3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
+@media (min-width: 80em) {
+  .l-row--column\:lg\:4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+}
+@media (min-width: 90em) {
+  .l-row--column\:xl\:1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+}
+@media (min-width: 90em) {
+  .l-row--column\:xl\:2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+@media (min-width: 90em) {
+  .l-row--column\:xl\:3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
+@media (min-width: 90em) {
+  .l-row--column\:xl\:4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+}
+@media (min-width: 110em) {
+  .l-row--column\:xxl\:1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+}
+@media (min-width: 110em) {
+  .l-row--column\:xxl\:2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+@media (min-width: 110em) {
+  .l-row--column\:xxl\:3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
+@media (min-width: 110em) {
+  .l-row--column\:xxl\:4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+}
+@media (min-width: 80em) {
+  .l-row--sidebar {
+    grid-template-columns: minmax(0, 1fr) minmax(0, 20rem);
+  }
+}
+.l-row__column {
+  display: grid;
+  gap: 1.5rem;
+  grid-template-columns: minmax(0, 1fr);
+}
+
+.l-main {
+  display: flex;
+  position: relative;
+}
+.l-main__sidebar {
+  background-color: var(--root-base-color-background);
+  display: none;
+  inline-size: var(--root-sidebar-inline-size);
+  inset-block: 0;
+  inset-inline: 0 auto;
+  position: fixed;
+  z-index: 20;
+}
+@media (min-width: 64em) {
+  .l-main__sidebar {
+    display: block;
+  }
+}
+.l-main__sidebar--open {
+  display: block;
+}
+.l-main__body {
+  background-color: var(--root-main-color-background);
+  inline-size: 100%;
+  min-block-size: 100lvh;
+}
+@media (min-width: 64em) {
+  .l-main__body {
+    inline-size: calc(100% - var(--root-sidebar-inline-size));
+    margin-inline-start: var(--root-sidebar-inline-size);
+  }
+}
+
+.l-auth__inner {
+  background-attachment: fixed;
+  display: flex;
+  flex-direction: column;
+  min-block-size: 100vh;
+  text-align: center;
+}
+@media (min-width: 64em) {
+  .l-auth__inner {
+    align-items: center;
+    flex-direction: row;
+    text-align: start;
+  }
+}
+.l-auth__sidebar {
+  background-image: url("/img/auth-background.png");
+  background-position: center;
+  background-size: cover;
+  border-radius: 2rem;
+  margin-block-end: clamp(1.5rem, 5vw, 3rem);
+  margin-inline: clamp(1.5rem, 5vw, 3rem);
+  min-block-size: 10rem;
+}
+@media (min-width: 64em) {
+  .l-auth__sidebar {
+    block-size: calc(100% - 2 * 3rem);
+    inline-size: calc(50% - 3rem);
+    inset-block: 3rem;
+    inset-inline: 50% 3rem;
+    margin: 0;
+    position: fixed;
+  }
+}
+.l-auth__form {
+  align-items: center;
+  block-size: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 3rem;
+  justify-content: center;
+  padding-block: 3rem;
+  padding-inline: clamp(1.5rem, 5vw, 3rem);
+}
+@media (min-width: 64em) {
+  .l-auth__form {
+    inline-size: 50%;
+    margin-inline-start: 0;
+    min-block-size: 100vh;
+  }
+}
+.l-auth__logo {
+  align-self: center;
+  block-size: 1.5rem;
+  display: inline-flex;
+}
+@media (min-width: 64em) {
+  .l-auth__logo {
+    align-self: flex-start;
+  }
+}
+.l-auth__logo img {
+  block-size: 100%;
+  inline-size: auto;
+}
+.l-auth__footer {
+  inline-size: 100%;
+}
+.l-auth__footer p {
+  margin-block: 0;
+}
+.l-auth .auth-form {
+  inline-size: 100%;
+  max-inline-size: 25rem;
+}
+@media (min-width: 64em) {
+  .l-auth .auth-form {
+    padding-block-end: 1.5rem;
+  }
+}
+
+.alert {
+  align-items: center;
+  border: 1px solid;
+  border-left: 0.4rem solid;
+  border-radius: var(--root-border-radius-sm);
+  display: flex;
+  gap: 1.5rem;
+  justify-content: space-between;
+  line-height: var(--root-line-height-md);
+  padding: 0.65em 1em;
+}
+.alert--danger {
+  background-color: #fdf4f4;
+  color: #9c1a1a;
+}
+
+.alert--danger .alert__close {
+  background-color: #9c1a1a;
+  color: #fbeaea;
+}
+
+.alert--info {
+  background-color: #f0fbff;
+  color: #007096;
+}
+
+.alert--info .alert__close {
+  background-color: #007096;
+  color: #e1f8ff;
+}
+
+.alert--success {
+  background-color: #eefff6;
+  color: #00763b;
+}
+
+.alert--success .alert__close {
+  background-color: #00763b;
+  color: #ddffee;
+}
+
+.alert--warning {
+  background-color: #fefcf4;
+  color: #ba970b;
+}
+
+.alert--warning .alert__close {
+  background-color: #ba970b;
+  color: #fefae9;
+}
+
+[data-theme-mode=dark] .alert--danger {
+  background-color: transparent;
+  border-color: #9c1a1a;
+  color: var(--root-base-color-text);
+}
+
+[data-theme-mode=dark] .alert--info {
+  background-color: transparent;
+  border-color: #007096;
+  color: var(--root-base-color-text);
+}
+
+[data-theme-mode=dark] .alert--success {
+  background-color: transparent;
+  border-color: #00763b;
+  color: var(--root-base-color-text);
+}
+
+[data-theme-mode=dark] .alert--warning {
+  background-color: transparent;
+  border-color: #ba970b;
+  color: var(--root-base-color-text);
+}
+
+.alert__caption > * {
+  margin-block-end: 0;
+  margin-block-start: 0;
+}
+.alert__caption > * + * {
+  margin-block-start: 0.25rem;
+}
+.alert__close {
+  --dimension: 1.5rem;
+  background: none;
+  border: 0;
+  color: inherit;
+  cursor: pointer;
+  font: inherit;
+  outline: inherit;
+  padding: 0;
+  transition-duration: var(--root-duration);
+  transition-property: all;
+  transition-timing-function: var(--root-timing-function);
+  align-items: center;
+  block-size: var(--dimension);
+  border-radius: var(--root-border-radius-sm);
+  display: flex;
+  flex-shrink: 0;
+  inline-size: var(--dimension);
+  justify-content: center;
+}
+.alert__close:hover, .alert__close:focus {
+  opacity: 0.75;
+}
+.alert__close svg {
+  --dimension: 0.85rem;
+  block-size: var(--dimension);
+  inline-size: var(--dimension);
+}
+
+.auth-form {
+  margin-block: auto;
+}
+.auth-form > * {
+  margin-block-end: 0;
+  margin-block-start: 0;
+}
+.auth-form > * + * {
+  margin-block-start: 1rem;
+}
+.auth-form__title {
+  font-weight: 700;
+}
+.auth-form .or-separator {
+  margin-block-start: 1.5rem;
+}
+
+.form-group-stacked > *,
+.social-logins > * {
+  margin-block-end: 0;
+  margin-block-start: 0;
+}
+.form-group-stacked > * + *,
+.social-logins > * + * {
+  margin-block-start: 1rem;
+}
+
+.form-label--space-between {
+  display: flex;
+  justify-content: space-between;
+}
+
+.trending {
+  align-items: center;
+  border-radius: 2rem;
+  display: inline-flex;
+  font-family: var(--root-font-family-heading);
+  font-size: var(--root-font-size-sm);
+  font-weight: 600;
+  gap: 0.25rem;
+  line-height: 1;
+  padding: 0.35em 0.55em;
+}
+.trending--up {
+  background: #dbffed;
+  color: #008241;
+}
+.trending--down {
+  background: #fceeee;
+  color: #c92222;
+}
+.trending__icon {
+  --dimension: 0.95em;
+  block-size: var(--dimension);
+  inline-size: var(--dimension);
+}
+
+.status {
+  align-items: center;
+  display: inline-flex;
+  gap: 0.5rem;
+  line-height: 1;
+  position: relative;
+  white-space: nowrap;
+}
+.status--danger::before {
+  background-color: var(--root-alert-color-danger);
+}
+.status--info::before {
+  background-color: var(--root-alert-color-info);
+}
+.status--success::before {
+  background-color: var(--root-alert-color-success);
+}
+.status--warning::before {
+  background-color: var(--root-alert-color-warning);
+}
+.status::before {
+  --dimension: 0.55em;
+  block-size: var(--dimension);
+  border-radius: 50%;
+  content: "";
+  flex-shrink: 0;
+  inline-size: var(--dimension);
+}
+
+.block-navigation {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  position: relative;
+  z-index: 1;
+}
+.block-navigation__toggle::before {
+  content: "";
+  inset: 0;
+  position: absolute;
+}
+
+.block-navigation__title {
+  align-items: center;
+  color: var(--root-base-color-heading);
+  display: flex;
+  font-size: var(--root-font-size-base);
+  font-weight: 700;
+  justify-content: space-between;
+  margin-block: 0;
+}
+.block-navigation__toggle[aria-expanded=true] svg {
+  rotate: 180deg;
+}
+.block-navigation__toggle svg {
+  pointer-events: none;
+}
+.block-navigation__menu[data-state=closed] {
+  display: none;
+}
+.block-navigation__menu[data-state=open] {
+  display: block;
+}
+.block-navigation__menu ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.block-navigation__menu a {
+  align-items: center;
+  color: var(--root-base-color-text);
+  display: flex;
+  gap: 0.75em;
+  padding-block: 0.35em;
+  padding-inline: 0.75em;
+  position: relative;
+  text-decoration: none;
+}
+.block-navigation__menu a:hover:not([aria-current=page])::before {
+  background-color: var(--root-base-color-primary-lightest);
+}
+.block-navigation__menu a::before {
+  border-radius: var(--root-border-radius-sm);
+  content: "";
+  inset-block: 0;
+  inset-inline: 0;
+  position: absolute;
+  z-index: -1;
+}
+.block-navigation__menu a[aria-current=page] {
+  color: hsl(0, 0%, 100%);
+}
+.block-navigation__menu a[aria-current=page]::before {
+  background-color: var(--root-base-color-primary);
+}
+.block-navigation__menu a[aria-current=page] svg {
+  color: hsl(0, 0%, 100%);
+}
+.block-navigation__menu a svg {
+  --dimension: 1.15em;
+  block-size: var(--dimension);
+  color: var(--root-base-color-primary);
+  inline-size: var(--dimension);
+}
+.block-navigation__menu--breakout a {
+  padding-block: 0.35em;
+  padding-inline: 0;
+}
+.block-navigation__menu--breakout a::before {
+  inset-inline: -0.75rem -0.35em;
+}
+
+.breadcrumb-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  align-items: center;
+  display: flex;
+  max-inline-size: 100%;
+  overflow-x: auto;
+  white-space: nowrap;
+}
+.breadcrumb-list > li {
+  align-items: center;
+  display: inline-flex;
+  margin-block: 0;
+}
+.breadcrumb-list > li + li::before {
+  block-size: 0.4em;
+  border-block-end: 2px solid var(--root-breadcrumb-color-separator);
+  border-inline-end: 2px solid var(--root-breadcrumb-color-separator);
+  content: "";
+  display: inline-flex;
+  inline-size: 0.4em;
+  margin-inline: 0.75em;
+  transform: rotate(-45deg);
+}
+[dir=rtl] .breadcrumb-list > li + li::before {
+  transform: rotate(45deg);
+}
+
+.breadcrumb-list a {
+  text-decoration: none;
+}
+.breadcrumb-list [aria-current=page] {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: inline-block;
+  max-inline-size: 20ch;
+  text-align: start;
+}
+
+.app-card {
+  background-color: var(--root-base-color-background);
+  border: 1px solid var(--root-base-color-border);
+  border-radius: var(--root-border-radius-sm);
+  box-shadow: 0 0 0.25rem hsla(201.15, 72.03%, 32.71%, 0.05);
+}
+.app-card:focus-within {
+  z-index: 5;
+}
+.app-card--edit .app-card__header {
+  padding-inline: 1.5rem;
+}
+.app-card--edit .app-card__body {
+  padding: 1.5rem;
+}
+.app-card--setting .app-card__body {
+  padding: 1.5rem;
+}
+.app-card--setting .app-card__body > * {
+  margin-block-end: 0;
+  margin-block-start: 0;
+}
+.app-card--setting .app-card__body > * + * {
+  margin-block-start: 0.75rem;
+}
+.app-card--setting .app-card__content > * {
+  margin-block-end: 0;
+  margin-block-start: 0;
+}
+.app-card--setting .app-card__content > * + * {
+  margin-block-start: 0.5rem;
+}
+.app-card--sidebar {
+  display: grid;
+  gap: clamp(1.5rem, 5vw, 3rem);
+  grid-template-columns: minmax(0, 1fr);
+  padding: 1.5rem;
+}
+@media (min-width: 64em) {
+  .app-card--sidebar {
+    grid-template-columns: minmax(0, 13.5rem) minmax(0, 1fr);
+  }
+}
+.app-card--sidebar > .app-card__body {
+  padding: 0;
+}
+.app-card--sidebar > .app-card__body > * {
+  margin-block-end: 0;
+  margin-block-start: 0;
+}
+.app-card--sidebar > .app-card__body > * + * {
+  margin-block-start: 1.5rem;
+}
+.app-card--info {
+  box-shadow: none;
+}
+.app-card--info .app-card__header {
+  border-block-end: 0;
+  min-block-size: 0;
+  padding-block: 1.5rem 0;
+  padding-inline: 1.5rem;
+}
+.app-card--info .app-card__body {
+  padding: 1.5rem;
+}
+.app-card__header {
+  align-items: center;
+  border-block-end: 1px solid var(--root-base-color-border);
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem 1.5rem;
+  justify-content: space-between;
+  min-block-size: 3.4rem;
+  padding: 0.75rem 1rem;
+}
+.app-card__actions {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  margin-inline-start: auto;
+}
+.app-card__title {
+  font-size: clamp(0.996625rem, 2vw + 1rem, 1.1725rem);
+  font-weight: 600;
+  margin-block: 0;
+}
+.app-card__body {
+  padding: 1rem;
+}
+.app-card__body--plain {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  padding: 0;
+}
+
+.context-menu {
+  --inset-block-start: calc(100% + 1rem);
+  --inline-size: 10rem;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  transition-duration: var(--root-duration);
+  transition-property: all;
+  transition-timing-function: var(--root-timing-function);
+  background-color: var(--root-base-color-background);
+  border: 1px solid var(--root-base-color-border);
+  border-radius: var(--root-border-radius-sm);
+  box-shadow: 0 0 0.25rem hsla(201.15, 72.03%, 32.71%, 0.05);
+  inline-size: var(--inline-size);
+  opacity: 0;
+  position: absolute;
+  scale: 0.85;
+  visibility: hidden;
+  z-index: 10;
+}
+.context-menu--inline-start {
+  inset: var(--inset-block-start) auto auto 0;
+}
+.context-menu--inline-end {
+  inset: var(--inset-block-start) 0 auto auto;
+}
+.context-menu[data-state=open] {
+  opacity: 1;
+  scale: 1;
+  visibility: visible;
+}
+.context-menu > li {
+  display: flex;
+  flex-direction: column;
+}
+.context-menu > li + li {
+  border-block-start: 1px solid var(--root-base-color-border);
+  margin-block-start: 0;
+}
+.context-menu__item {
+  align-items: center;
+  background: none;
+  block-size: 2.25rem;
+  border: 0;
+  border-radius: var(--root-border-radius-sm);
+  color: var(--root-base-color-text);
+  display: flex;
+  justify-content: space-between;
+  line-height: var(--root-line-height-md);
+  margin: 0.15em;
+  padding-block: 0.25em;
+  padding-inline: 0.6em;
+  text-decoration: none;
+}
+.context-menu__item:hover:not([aria-current=page], :has(.theme-switcher)) {
+  background-color: var(--root-base-color-primary-lightest);
+}
+.context-menu__item[aria-current=page] {
+  color: var(--root-base-color-primary);
+}
+
+.data-group > * {
+  margin-block-end: 0;
+  margin-block-start: 0;
+}
+.data-group > * + * {
+  margin-block-start: 0.25rem;
+}
+.data-group__content {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: inherit;
+  color: var(--root-base-color-heading);
+  font-family: var(--root-font-family-heading);
+  font-weight: 600;
+  line-height: var(--root-line-height-heading);
+}
+@supports (-webkit-line-clamp: 2) {
+  .data-group__content {
+    -webkit-box-orient: vertical;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+  }
+}
+
+.data-table {
+  overflow: hidden;
+  position: relative;
+}
+.data-table__image {
+  --dimension: 2.25rem;
+  block-size: var(--dimension);
+  border-radius: 50%;
+  inline-size: var(--dimension);
+}
+.data-table__actions {
+  align-items: center;
+  display: flex;
+  gap: 0.5rem;
+  justify-content: end;
+}
+.data-table__footer {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem;
+  justify-content: space-between;
+  margin-block: 1.5rem 1rem;
+}
+.data-table__footer-column {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem;
+}
+.data-table__footer-column > * {
+  margin-block: 0;
+}
+
+.data-table-alert {
+  border-width: 1px;
+  flex-wrap: wrap;
+  gap: 0.5rem 1rem;
+  padding-inline-end: 0.65em;
+}
+.data-table-alert__actions {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem 1.5rem;
+}
+.data-table-alert__actions .form-control {
+  inline-size: auto;
+}
+.data-table-alert__column {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+}
+
+.data-table-filter {
+  position: relative;
+}
+.data-table-filter__actions {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+}
+.data-table-filter .context-menu {
+  --inline-size: 16rem;
+  padding: 1rem;
+}
+
+.sort-btn {
+  background: none;
+  border: 0;
+  color: inherit;
+  cursor: pointer;
+  font: inherit;
+  outline: inherit;
+  padding: 0;
+  align-items: center;
+  display: flex;
+  gap: 0.5rem;
+  white-space: nowrap;
+}
+.sort-btn svg {
+  --dimension: 0.85em;
+  block-size: var(--dimension);
+  color: var(--root-data-table-color-icon);
+  inline-size: var(--dimension);
+}
+
+.data-table-deleted {
+  color: var(--root-alert-color-danger);
+}
+
+.btn-dropdown {
+  display: inline-flex;
+  position: relative;
+  z-index: 10;
+}
+
+.combobox {
+  --root-border-radius: 0.45rem;
+  --root-border-width: 1px;
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+.combobox__inner {
+  position: relative;
+}
+.combobox__selected-items {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+}
+.combobox__toggle {
+  inset: 0 0 0 auto;
+  pointer-events: none;
+  position: absolute;
+}
+.combobox__reset {
+  align-self: start;
+}
+.combobox__no-results {
+  padding-inline: 0.5rem;
+}
+.combobox__control {
+  background-image: url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M12,12.507l-3.816,-3.815c-0.171,-0.172 -0.45,-0.172 -0.622,-0l-0.933,0.933c-0.172,0.172 -0.172,0.451 0,0.623l5.06,5.06c0.172,0.172 0.45,0.172 0.622,0l5.06,-5.06c0.172,-0.172 0.172,-0.451 -0,-0.623l-0.933,-0.933c-0.172,-0.172 -0.451,-0.172 -0.622,-0l-3.816,3.815Z" style="fill:hsl%28205, 100%, 2%%29;"/%3e%3c/svg%3e');
+  background-position: center right 0.5em;
+  background-repeat: no-repeat;
+  background-size: 1.25em auto;
+  padding-inline-end: 2em;
+}
+.combobox__dropdown {
+  background-color: var(--root-form-color-background);
+  border: var(--root-border-width) solid var(--root-form-color-border);
+  border-radius: var(--root-border-radius);
+  inset: calc(100% + 0.5rem) 0 auto 0;
+  padding: 0.5rem;
+  position: absolute;
+  z-index: 5;
+}
+.combobox [role=listbox] {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  max-block-size: 10rem;
+  overflow-y: auto;
+  padding-inline-end: 0.5rem;
+}
+.combobox [role=listbox]::-webkit-scrollbar {
+  block-size: 0.5rem;
+  inline-size: 0.5rem;
+}
+.combobox [role=listbox]::-webkit-scrollbar-thumb {
+  background: var(--root-scrollbar-color-thumb-background);
+  border-radius: var(--root-border-radius-sm);
+}
+.combobox [role=listbox]::-webkit-scrollbar-thumb:hover {
+  background: var(--root-scrollbar-color-thumb-background-hover);
+}
+.combobox [role=listbox]::-webkit-scrollbar-track {
+  background: var(--root-scrollbar-color-track-background);
+  border-radius: var(--root-border-radius-sm);
+}
+.combobox [role=listbox] > * {
+  margin-block-start: 0;
+}
+.combobox [role=option] {
+  align-items: center;
+  border-radius: var(--root-border-radius);
+  display: flex;
+  justify-content: space-between;
+  padding-block: 0.25rem;
+  padding-inline: 0.5rem;
+  user-select: none;
+}
+.combobox [role=option][aria-selected=true] {
+  background-color: var(--root-btn-color-light-background);
+  color: var(--root-btn-color-light-foreground);
+}
+.combobox [role=option]:hover, .combobox [role=option]:focus, .combobox [role=option].highlighted {
+  background-color: var(--root-btn-color-primary-background);
+  color: var(--root-btn-color-primary-foreground);
+}
+.combobox [role=option] svg {
+  --dimension: 0.85em;
+  block-size: var(--dimension);
+  inline-size: var(--dimension);
+}
+
+.combobox-item {
+  align-items: center;
+  background-color: var(--root-combobox-color-item-background);
+  border-radius: 1em;
+  color: var(--root-combobox-color-item-foreground);
+  display: flex;
+  font-size: var(--root-font-size-sm);
+  gap: 0.25rem;
+  line-height: 1;
+  padding-block: 0.25rem;
+  padding-inline: 0.5rem 0.25rem;
+}
+.combobox-item .btn--sm {
+  --root-icon-padding: 0.25em;
+  --root-border-radius: 1em;
+}
+
+.editor {
+  --root-block-size: 18rem;
+  transition-duration: var(--root-duration);
+  transition-property: all;
+  transition-timing-function: var(--root-timing-function);
+  block-size: var(--root-block-size);
+  border: 1px solid var(--root-form-color-border);
+  border-radius: var(--root-border-radius-sm);
+  display: flex;
+  flex-direction: column;
+  grid-template-rows: auto 1fr;
+  overflow: hidden;
+}
+.editor:focus-within {
+  border-color: var(--root-form-color-border-focus);
+  box-shadow: 0 0 0 0.25rem var(--root-form-color-ring-focus);
+  outline: 2px solid transparent;
+}
+.editor__controls {
+  align-items: center;
+  border-block-end: 1px solid var(--root-base-color-border);
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem 1rem;
+  padding: 0.5rem;
+}
+.editor__controls .form-control {
+  inline-size: auto;
+}
+.editor__group {
+  align-items: flex-start;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+}
+.editor__body {
+  flex: 1 1 auto;
+  margin: 0.25rem;
+  overflow-x: hidden;
+  overflow-y: auto;
+  padding: 1rem;
+}
+.editor__body::-webkit-scrollbar {
+  block-size: 0.5rem;
+  inline-size: 0.5rem;
+}
+.editor__body::-webkit-scrollbar-thumb {
+  background: var(--root-scrollbar-color-thumb-background);
+  border-radius: var(--root-border-radius-sm);
+}
+.editor__body::-webkit-scrollbar-thumb:hover {
+  background: var(--root-scrollbar-color-thumb-background-hover);
+}
+.editor__body::-webkit-scrollbar-track {
+  background: var(--root-scrollbar-color-track-background);
+  border-radius: var(--root-border-radius-sm);
+}
+.editor__body > [contenteditable=true] {
+  outline: 0;
+}
+.editor__body > [contenteditable=true] > * {
+  margin-block-end: 0;
+  margin-block-start: 0;
+}
+.editor__body > [contenteditable=true] > * + * {
+  margin-block-start: 0.5rem;
+}
+
+.file-group-container {
+  container: file-group-container/inline-size;
+}
+
+.file-group {
+  --root-border-radius: 0.45rem;
+  --root-border-width: 1px;
+  align-items: center;
+  border: var(--root-border-width) solid var(--root-form-color-border);
+  border-radius: var(--root-border-radius);
+  display: flex;
+  gap: 1.5rem;
+  overflow: hidden;
+  padding: 1rem;
+}
+@container file-group-container (inline-size < 30rem) {
+  .file-group {
+    flex-direction: column;
+  }
+}
+.file-group:has([style*=background-image]) .file-group__remove {
+  display: inline-flex;
+}
+.file-group__preview {
+  align-items: center;
+  aspect-ratio: 1;
+  background-color: var(--root-base-color-primary-lightest);
+  background-position: center;
+  background-size: cover;
+  border-radius: var(--root-border-radius);
+  display: flex;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  inline-size: 9rem;
+  justify-content: center;
+}
+@container file-group-container (inline-size < 30rem) {
+  .file-group__preview {
+    aspect-ratio: 16/9;
+    inline-size: 100%;
+  }
+}
+.file-group__preview[style*=background-image] .file-group__icon {
+  display: none;
+}
+.file-group__body {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  inline-size: 100%;
+}
+.file-group__body > * {
+  margin-block: 0;
+}
+.file-group__icon {
+  --dimension: 2rem;
+  block-size: var(--dimension);
+  color: var(--root-base-color-primary);
+  inline-size: var(--dimension);
+}
+.file-group__title {
+  color: var(--root-base-color-heading);
+  font-family: var(--root-font-family-heading);
+  font-weight: 700;
+}
+.file-group__meta {
+  list-style: none;
+  padding-inline-start: 0;
+}
+.file-group__meta > * + * {
+  margin-block-start: 0;
+}
+.file-group__action {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  margin-block-start: 0.5rem;
+}
+.file-group__remove {
+  display: none;
+}
+.file-group__input {
+  flex: 1;
+}
+
+.file-list {
+  --root-border-radius: 0.45rem;
+  --root-border-width: 1px;
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+.file-list__items {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  border: var(--root-border-width) solid var(--root-form-color-border);
+  border-radius: var(--root-border-radius);
+  padding: 0.5rem;
+}
+.file-list__items > li + li {
+  border-block-start: var(--root-border-width) solid var(--root-base-color-border);
+  margin-block-start: 0.5rem;
+  padding-block-start: 0.5rem;
+}
+
+.file-list-item {
+  align-items: center;
+  display: flex;
+  gap: 1rem;
+  justify-content: space-between;
+}
+.file-list-item__icon {
+  align-items: center;
+  aspect-ratio: 1;
+  background-color: var(--root-media-color-background);
+  border-radius: var(--root-border-radius-sm);
+  display: flex;
+  inline-size: 2.5rem;
+  justify-content: center;
+}
+.file-list-item__icon svg {
+  --size: 1rem;
+  block-size: var(--size);
+  color: var(--root-media-color-icon);
+  inline-size: var(--size);
+}
+.file-list-item__column {
+  align-items: center;
+  display: flex;
+  gap: 1rem;
+}
+.file-list-item__thumbnail {
+  aspect-ratio: 1;
+  border-radius: var(--root-border-radius-sm);
+  inline-size: 2.5rem;
+}
+.file-list-item__name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-inline-size: 25ch;
+}
+.file-list-item__actions {
+  align-items: center;
+  display: flex;
+  gap: 0.25rem;
+}
+
+.repeater-container > * {
+  margin-block-end: 0;
+  margin-block-start: 0;
+}
+.repeater-container > * + * {
+  margin-block-start: 1rem;
+}
+
+.repeater {
+  --root-border-radius: 0.45rem;
+  --root-border-width: 1px;
+  border: var(--root-border-width) solid var(--root-form-color-border);
+  border-radius: var(--root-border-radius);
+  padding: 1rem;
+}
+.repeater__heading {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem;
+  justify-content: space-between;
+}
+.repeater__body {
+  border-block-start: 1px solid var(--root-base-color-border);
+  margin-block-start: 1rem;
+  padding-block-start: 1rem;
+}
+.repeater__column {
+  align-items: center;
+  display: flex;
+  gap: 1rem;
+}
+.repeater__title {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: var(--root-font-size-base);
+  margin-block: 0;
+  max-inline-size: 20ch;
+}
+.repeater__actions {
+  align-items: center;
+  display: flex;
+  gap: 0.25rem;
+}
+.repeater__toggle[aria-expanded=true] .vertical-line {
+  display: none;
+}
+
+.search-form {
+  --root-border-radius: 0.45rem;
+  --root-border-width: 1px;
+  --root-font-size: 0.938rem;
+  --root-line-height: 1.5;
+  --root-padding: 0.5em 0.75em;
+  transition-duration: var(--root-duration);
+  transition-property: all;
+  transition-timing-function: var(--root-timing-function);
+  align-items: center;
+  background-color: var(--root-form-color-background);
+  border: var(--root-border-width) solid var(--root-form-color-border);
+  border-radius: var(--root-border-radius);
+  box-sizing: border-box;
+  display: flex;
+  gap: 0.5rem;
+  padding: var(--root-padding);
+}
+.search-form:focus-within {
+  border-color: var(--root-form-color-border-focus);
+  box-shadow: 0 0 0 0.25rem var(--root-form-color-ring-focus);
+  outline: 2px solid transparent;
+}
+.search-form__control {
+  background-color: transparent;
+  border: 0;
+  color: var(--root-form-color-text);
+  flex-grow: 2;
+  font-size: var(--root-font-size);
+  line-height: var(--root-line-height);
+  outline: 0;
+}
+.search-form__icon {
+  color: var(--root-form-color-border);
+  display: flex;
+  grid-column: 1/2;
+  grid-row: 1;
+  justify-content: center;
+}
+.search-form__icon svg {
+  --dimension: 0.9rem;
+  block-size: var(--dimension);
+  inline-size: var(--dimension);
+}
+.search-form__helper {
+  background-color: var(--root-btn-color-light-background);
+  border-radius: 0.45rem;
+  color: var(--root-btn-color-light-foreground);
+  font-weight: 600;
+  justify-self: center;
+  line-height: 1;
+  padding: 0.25rem 0.5rem;
+  pointer-events: none;
+}
+
+.open-search {
+  position: relative;
+  align-items: center;
+  display: flex;
+  gap: 0.5rem;
+}
+.open-search__btn::before {
+  content: "";
+  inset: 0;
+  position: absolute;
+}
+
+.open-search__icon {
+  --dimension: 1rem;
+  block-size: var(--dimension);
+  color: var(--root-search-color-icon);
+  inline-size: var(--dimension);
+}
+
+.or-separator {
+  align-items: center;
+  display: flex;
+  font-size: var(--root-font-size-sm);
+  gap: 1rem;
+  text-transform: uppercase;
+}
+.or-separator::before, .or-separator::after {
+  background-color: var(--root-base-color-border);
+  block-size: 1px;
+  content: "";
+  display: flex;
+  inline-size: 100%;
+}
+
+.pagination__links {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+}
+.pagination__links > * + * {
+  margin-block-start: 0;
+}
+.pagination [aria-current=page] {
+  background-color: var(--root-btn-color-primary-background);
+  color: var(--root-btn-color-primary-foreground);
+}
+
+.preloader--circle {
+  --color: currentColor;
+  --border-width: 0.25em;
+  --size: 1.5rem;
+  --animation-duration: 1s;
+  block-size: var(--size);
+  inline-size: var(--size);
+}
+.preloader--circle::after {
+  animation: rotation var(--animation-duration) linear infinite;
+  block-size: var(--size);
+  border: var(--border-width) solid var(--color);
+  border-color: var(--color) transparent var(--color) transparent;
+  border-radius: 50%;
+  content: "";
+  display: flex;
+  inline-size: var(--size);
+}
+
+@keyframes rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+code[class*=language-],
+pre[class*=language-] {
+  border-radius: var(--root-border-radius-lg);
+  color: var(--root-prism-color-color);
+  font-family: var(--root-font-family-cursive);
+  font-size: var(--root-font-size-base);
+  hyphens: none;
+  line-height: 1.5;
+  tab-size: 4;
+  text-align: left;
+  white-space: pre;
+  word-break: normal;
+  word-spacing: normal;
+  word-wrap: normal;
+}
+
+@media print {
+  code[class*=language-],
+  pre[class*=language-] {
+    text-shadow: none;
+  }
+}
+/* Code blocks */
+pre[class*=language-] {
+  display: grid;
+  overflow: auto;
+  padding: 1.5rem;
+}
+
+pre[class*=language-] code {
+  background-color: transparent;
+  padding: 0;
+}
+
+:not(pre) > code[class*=language-],
+pre[class*=language-] {
+  background: var(--root-prism-color-background);
+  overflow-x: auto;
+}
+:not(pre) > code[class*=language-]::-webkit-scrollbar,
+pre[class*=language-]::-webkit-scrollbar {
+  block-size: 0.5rem;
+  inline-size: 0.5rem;
+}
+:not(pre) > code[class*=language-]::-webkit-scrollbar-thumb,
+pre[class*=language-]::-webkit-scrollbar-thumb {
+  background: var(--root-scrollbar-color-thumb-background);
+  border-radius: var(--root-border-radius-sm);
+}
+:not(pre) > code[class*=language-]::-webkit-scrollbar-thumb:hover,
+pre[class*=language-]::-webkit-scrollbar-thumb:hover {
+  background: var(--root-scrollbar-color-thumb-background-hover);
+}
+:not(pre) > code[class*=language-]::-webkit-scrollbar-track,
+pre[class*=language-]::-webkit-scrollbar-track {
+  background: var(--root-scrollbar-color-track-background);
+  border-radius: var(--root-border-radius-sm);
+}
+
+.token.comment,
+.token.prolog,
+.token.cdata {
+  color: var(--root-prism-color-comment);
+  font-style: italic;
+}
+
+.token.punctuation {
+  color: var(--root-prism-color-punctuation);
+}
+
+.namespace {
+  color: var(--root-prism-color-namespace);
+}
+
+.token.deleted {
+  color: var(--root-prism-color-deleted);
+  font-style: italic;
+}
+
+.token.symbol,
+.token.operator,
+.token.keyword,
+.token.property {
+  color: var(--root-prism-color-namespace);
+}
+
+.token.tag {
+  color: var(--root-prism-color-punctuation);
+}
+
+.token.boolean {
+  color: var(--root-prism-color-boolean);
+}
+
+.token.number {
+  color: var(--root-prism-color-number);
+}
+
+.token.constant,
+.token.builtin,
+.token.string,
+.token.url,
+.token.entity,
+.language-css .token.string,
+.style .token.string,
+.token.char {
+  color: var(--root-prism-color-constant);
+}
+
+.token.selector,
+.token.function,
+.token.doctype {
+  color: var(--root-prism-color-punctuation);
+  font-style: italic;
+}
+
+.token.attr-name,
+.token.inserted {
+  color: var(--root-prism-color-constant);
+  font-style: italic;
+}
+
+.token.class-name,
+.token.atrule {
+  color: var(--root-prism-color-class-name);
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: var(--root-prism-color-regex);
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.range-group {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}
+.range-group .form-label {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  justify-content: center;
+}
+.range-group__inner {
+  align-items: center;
+  display: flex;
+  gap: 0.5rem;
+}
+.range-group__inner .form-range {
+  flex-grow: 1;
+  margin-block-start: 0;
+}
+.range-group__inner .form-range-control {
+  flex-shrink: 0;
+}
+
+.skip-link {
+  inset: -50vh auto auto 1.5rem;
+  position: fixed;
+}
+.skip-link:focus {
+  inset-block-start: 1.5rem;
+}
+
+.no-transition * {
+  transition: none !important;
+}
+
+.theme-switcher {
+  color: var(--root-base-color-text);
+  display: inline-flex;
+  position: relative;
+}
+.theme-switcher[data-theme-mode=system] .theme-switcher__system-mode {
+  display: flex;
+}
+.theme-switcher[data-theme-mode=light] .theme-switcher__light-mode {
+  display: flex;
+}
+.theme-switcher[data-theme-mode=dark] .theme-switcher__dark-mode {
+  display: flex;
+}
+.theme-switcher button {
+  display: none;
+}
+.theme-switcher button > * {
+  pointer-events: none;
+}
+
+.user-menu {
+  position: relative;
+  align-items: center;
+  display: flex;
+  gap: clamp(0.5rem, 1vw, 1rem);
+  position: relative;
+}
+.user-menu__toggle::before {
+  content: "";
+  inset: 0;
+  position: absolute;
+}
+
+.user-menu__avatar {
+  --dimension: 2.1rem;
+  block-size: var(--dimension);
+  border-radius: 50%;
+  inline-size: var(--dimension);
+}
+.user-menu__caption {
+  display: none;
+  flex-direction: column;
+  font-size: var(--root-font-size-base);
+  gap: 0.25rem;
+  line-height: 1;
+}
+@media (min-width: 64em) {
+  .user-menu__caption {
+    display: flex;
+  }
+}
+.user-menu__role {
+  font-size: var(--root-font-size-sm);
+}
+.user-menu__display-name {
+  color: var(--root-base-color-heading);
+  font-weight: 700;
+}
+.user-menu__toggle {
+  background: none;
+  border: 0;
+  cursor: pointer;
+  display: flex;
+  padding: 0;
+}
+.user-menu__toggle svg {
+  --dimension: 1em;
+  block-size: var(--dimension);
+  inline-size: var(--dimension);
+}
+
+.modal-backdrop {
+  align-items: start;
+  background-color: var(--root-modal-color-background);
+  display: flex;
+  inset: 0;
+  justify-content: center;
+  overflow-y: auto;
+  position: fixed;
+  z-index: 25;
+}
+
+.modal {
+  --root-inline-size: 34rem;
+  background-color: var(--root-base-color-background);
+  border: 1px solid var(--root-base-color-border);
+  border-radius: var(--root-border-radius-sm);
+  box-shadow: 0 0 0.25rem hsla(201.15, 72.03%, 32.71%, 0.05);
+  inline-size: var(--root-inline-size);
+  margin: 1.5rem;
+  max-inline-size: 100%;
+  outline: 0;
+  position: relative;
+}
+.modal--media {
+  display: flex;
+  flex-direction: column;
+  inline-size: auto;
+  inset: 0;
+  position: fixed;
+}
+.modal--media .modal__body {
+  flex-grow: 1;
+  overflow-y: auto;
+}
+.modal--media .modal__body::-webkit-scrollbar {
+  block-size: 0.5rem;
+  inline-size: 0.5rem;
+}
+.modal--media .modal__body::-webkit-scrollbar-thumb {
+  background: var(--root-scrollbar-color-thumb-background);
+  border-radius: var(--root-border-radius-sm);
+}
+.modal--media .modal__body::-webkit-scrollbar-thumb:hover {
+  background: var(--root-scrollbar-color-thumb-background-hover);
+}
+.modal--media .modal__body::-webkit-scrollbar-track {
+  background: var(--root-scrollbar-color-track-background);
+  border-radius: var(--root-border-radius-sm);
+}
+.modal--media .modal__header-caption {
+  order: 1;
+}
+.modal--media .modal__close {
+  order: 2;
+}
+@media (min-width: 64em) {
+  .modal--media .modal__close {
+    order: 3;
+  }
+}
+.modal--media .modal__filter {
+  inline-size: 100%;
+  order: 3;
+}
+@media (min-width: 64em) {
+  .modal--media .modal__filter {
+    inline-size: auto;
+    margin-inline-start: auto;
+    order: 2;
+  }
+}
+.modal--dropzone::before {
+  background-color: var(--root-media-color-dropzone-background);
+  border: 2px solid var(--root-media-color-dropzone-border);
+  border-radius: var(--root-border-radius-sm);
+  content: "";
+  inset: 0;
+  pointer-events: none;
+  position: absolute;
+  z-index: 2;
+}
+.modal--dropzone::after {
+  align-items: center;
+  color: hsl(0, 0%, 100%);
+  content: attr(data-dropzone);
+  display: flex;
+  font-size: clamp(1.5572265625rem, 2vw + 1rem, 1.83203125rem);
+  inset: 0;
+  justify-content: center;
+  line-height: var(--root-line-height-md);
+  padding: 1.5rem;
+  position: absolute;
+  text-align: center;
+  z-index: 3;
+}
+.modal__header {
+  align-items: center;
+  border-block-end: 1px solid var(--root-base-color-border);
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem;
+  justify-content: space-between;
+  padding: 1rem clamp(1rem, 5vw, 1.5rem);
+}
+.modal__header-caption > * {
+  margin-block-end: 0;
+  margin-block-start: 0;
+}
+.modal__header-caption > * + * {
+  margin-block-start: 0;
+}
+.modal__title {
+  font-size: clamp(1.24578125rem, 2vw + 1rem, 1.465625rem);
+  font-weight: 600;
+  margin-block: 0;
+}
+.modal__body {
+  padding: clamp(1rem, 5vw, 1.5rem);
+}
+.modal__body > * {
+  margin-block-end: 0;
+  margin-block-start: 0;
+}
+.modal__body > * + * {
+  margin-block-start: 1rem;
+}
+.modal__footer {
+  align-items: center;
+  border-block-start: 1px solid var(--root-base-color-border);
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem;
+  justify-content: end;
+  padding: 1rem clamp(1rem, 5vw, 1.5rem);
+}
+.modal__footer--space-between {
+  justify-content: space-between;
+}
+.modal__footer input {
+  flex-grow: 1;
+  max-inline-size: 25rem;
+}
+.modal__filter {
+  align-items: center;
+  display: flex;
+  gap: 1rem;
+  margin-inline: calc(0.5rem * -1);
+  -ms-overflow-style: none;
+  overflow-x: auto;
+  padding: 0.5rem;
+  scrollbar-width: none;
+}
+@media (min-width: 64em) {
+  .modal__filter {
+    margin-inline: 0;
+    overflow: initial;
+    padding: 0;
+  }
+}
+.modal__filter::-webkit-scrollbar {
+  display: none;
+}
+.modal__filter select,
+.modal__filter input {
+  inline-size: auto;
+  min-inline-size: 10rem;
+}
+.modal__column {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem;
+}
+
+.app-notification {
+  position: relative;
+}
+.app-notification__header {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  justify-content: space-between;
+}
+.app-notification__title {
+  font-size: clamp(0.996625rem, 2vw + 1rem, 1.1725rem);
+  font-weight: 600;
+  margin-block: 0;
+}
+.app-notification__list {
+  max-block-size: 25rem;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+}
+.app-notification__list::-webkit-scrollbar {
+  block-size: 0.5rem;
+  inline-size: 0.5rem;
+}
+.app-notification__list::-webkit-scrollbar-thumb {
+  background: var(--root-scrollbar-color-thumb-background);
+  border-radius: var(--root-border-radius-sm);
+}
+.app-notification__list::-webkit-scrollbar-thumb:hover {
+  background: var(--root-scrollbar-color-thumb-background-hover);
+}
+.app-notification__list::-webkit-scrollbar-track {
+  background: var(--root-scrollbar-color-track-background);
+  border-radius: var(--root-border-radius-sm);
+}
+.app-notification__list > * + * {
+  border-block-start: 1px solid var(--root-base-color-border);
+  margin-block-start: 1rem;
+  padding-block-start: 1rem;
+}
+.app-notification .context-menu {
+  --inline-size: 20rem;
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  inset: var(--inset-block-start) -4.75rem auto auto;
+  padding: 1rem;
+}
+@media (min-width: 48em) {
+  .app-notification .context-menu {
+    inset: var(--inset-block-start) 0 auto auto;
+  }
+}
+@media (min-width: 64em) {
+  .app-notification .context-menu {
+    --inline-size: 26rem;
+  }
+}
+
+.notification-card {
+  position: relative;
+  display: flex;
+  gap: 1rem;
+}
+.notification-card__link::before {
+  content: "";
+  inset: 0;
+  position: absolute;
+}
+
+.notification-card--read {
+  opacity: 0.5;
+}
+.notification-card__icon {
+  --size: 2.5rem;
+  align-items: center;
+  block-size: var(--size);
+  border-radius: var(--root-border-radius-sm);
+  display: flex;
+  flex-shrink: 0;
+  inline-size: var(--size);
+  justify-content: center;
+}
+.notification-card__icon--info {
+  background-color: #f0fbff;
+  color: var(--root-alert-color-info);
+}
+.notification-card__icon--warning {
+  background-color: #fefaec;
+  color: var(--root-alert-color-warning);
+}
+.notification-card__icon--danger {
+  background-color: #fdf4f4;
+  color: var(--root-alert-color-danger);
+}
+.notification-card__icon--success {
+  background-color: #ebfff5;
+  color: var(--root-alert-color-success);
+}
+.notification-card__icon svg {
+  --size: 1rem;
+  block-size: var(--size);
+  inline-size: var(--size);
+}
+.notification-card__caption {
+  line-height: var(--root-line-height-md);
+  padding-inline-end: 1rem;
+}
+.notification-card__caption > * {
+  margin-block-end: 0;
+  margin-block-start: 0;
+}
+.notification-card__caption > * + * {
+  margin-block-start: 0.25rem;
+}
+.notification-card__title {
+  font-size: var(--root-font-size-base);
+}
+.notification-card__link {
+  color: var(--root-base-color-heading);
+  text-decoration: none;
+}
+.notification-card__link:hover, .notification-card__link:focus {
+  color: var(--root-base-color-link);
+}
+
+.media-list {
+  --column: 2;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: grid;
+  gap: 1.5rem;
+  grid-template-columns: repeat(var(--column), minmax(0, 1fr));
+}
+@media (min-width: 32em) {
+  .media-list {
+    --column: 3;
+  }
+}
+@media (min-width: 48em) {
+  .media-list {
+    --column: 4;
+  }
+}
+@media (min-width: 64em) {
+  .media-list {
+    --column: 6;
+  }
+}
+@media (min-width: 80em) {
+  .media-list {
+    --column: 8;
+  }
+}
+.media-list > * + * {
+  margin-block-start: 0;
+}
+
+.media-item {
+  border-radius: var(--root-border-radius-lg);
+  line-height: var(--root-line-height-md);
+  position: relative;
+}
+.media-item[aria-checked=true], .media-item:focus-visible {
+  outline: 3px solid var(--root-btn-color-primary-background);
+  outline-offset: 3px;
+}
+.media-item__background {
+  align-items: center;
+  aspect-ratio: 1;
+  background-color: var(--root-media-color-background);
+  border-radius: var(--root-border-radius-lg);
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  justify-content: center;
+  padding: 1rem;
+}
+.media-item__icon {
+  --size: 1.5rem;
+  block-size: var(--size);
+  color: var(--root-media-color-icon);
+  inline-size: var(--size);
+}
+.media-item__name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: inherit;
+  max-inline-size: 100%;
+  text-align: center;
+}
+@supports (-webkit-line-clamp: 2) {
+  .media-item__name {
+    -webkit-box-orient: vertical;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+  }
+}
+.media-item__selected {
+  --size: 1.5rem;
+  align-items: center;
+  background-color: var(--root-btn-color-primary-background);
+  block-size: var(--size);
+  border-radius: var(--root-border-radius-sm);
+  color: var(--root-btn-color-primary-foreground);
+  display: flex;
+  inline-size: var(--size);
+  inset: 0.5rem 0.5rem auto auto;
+  justify-content: center;
+  position: absolute;
+}
+.media-item__selected svg {
+  --size: 1rem;
+  block-size: var(--size);
+  inline-size: var(--size);
+}
+.media-item .progressbar {
+  margin-block-start: 1rem;
+}
+.media-item img {
+  aspect-ratio: 1;
+  border-radius: var(--root-border-radius-lg);
+  inline-size: 100%;
+  object-fit: cover;
+}
+
+.search-modal {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.search-results {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  max-block-size: 20rem;
+  overflow-y: auto;
+  padding-inline-end: 1rem;
+}
+.search-results::-webkit-scrollbar {
+  block-size: 0.5rem;
+  inline-size: 0.5rem;
+}
+.search-results::-webkit-scrollbar-thumb {
+  background: var(--root-scrollbar-color-thumb-background);
+  border-radius: var(--root-border-radius-sm);
+}
+.search-results::-webkit-scrollbar-thumb:hover {
+  background: var(--root-scrollbar-color-thumb-background-hover);
+}
+.search-results::-webkit-scrollbar-track {
+  background: var(--root-scrollbar-color-track-background);
+  border-radius: var(--root-border-radius-sm);
+}
+.search-results > li + li {
+  border-block-start: 1px dashed var(--root-base-color-border);
+  margin-block-start: 0.5rem;
+  padding-block-start: 0.5rem;
+}
+
+.search-result-item {
+  align-items: center;
+  color: var(--root-base-color-text);
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  text-decoration: none;
+}
+.search-result-item__icon {
+  --size: 1em;
+  block-size: var(--size);
+  color: var(--root-base-color-primary);
+  inline-size: var(--size);
+}
+
+.app-widget {
+  align-items: center;
+  background-color: var(--root-base-color-background);
+  border: 1px solid var(--root-base-color-border);
+  border-radius: var(--root-border-radius-sm);
+  box-shadow: 0 0 0.25rem hsla(201.15, 72.03%, 32.71%, 0.05);
+  display: flex;
+  justify-content: space-between;
+}
+.app-widget--primary {
+  background-color: var(--root-base-color-primary);
+  border: 0;
+}
+.app-widget--primary .app-widget__title,
+.app-widget--primary .app-widget__data {
+  color: hsl(0, 0%, 100%);
+}
+.app-widget--secondary {
+  background-color: var(--root-base-color-primary);
+  border: 0;
+}
+.app-widget--secondary .app-widget__title,
+.app-widget--secondary .app-widget__data {
+  color: hsl(0, 0%, 100%);
+}
+.app-widget--summary {
+  gap: 1.5rem;
+  justify-content: start;
+  padding: 1.5rem;
+}
+.app-widget--summary .app-widget__column {
+  padding: 0;
+}
+.app-widget--small-data .app-widget__data {
+  font-size: clamp(0.996625rem, 2vw + 1rem, 1.1725rem);
+}
+.app-widget__icon {
+  --dimension: 4rem;
+  align-items: center;
+  background-color: var(--root-widget-color-icon-background);
+  block-size: var(--dimension);
+  border-radius: var(--root-border-radius-lg);
+  color: var(--root-base-color-primary);
+  display: flex;
+  flex-shrink: 0;
+  inline-size: var(--dimension);
+  justify-content: center;
+}
+.app-widget__icon svg {
+  --dimension: 1.5rem;
+  block-size: var(--dimension);
+  inline-size: var(--dimension);
+}
+.app-widget__title {
+  font-size: 0.938rem;
+  font-weight: 600;
+  margin-block: 0;
+}
+.app-widget__data-row {
+  align-items: center;
+  display: flex;
+  gap: 1rem;
+}
+.app-widget__data {
+  line-height: var(--root-line-height-heading);
+  margin-block: 0;
+}
+.app-widget__column {
+  align-items: start;
+  color: var(--root-base-color-heading);
+  display: flex;
+  flex-direction: column;
+  font-size: clamp(1.9465332031rem, 2vw + 1rem, 2.2900390625rem);
+  font-weight: 700;
+  line-height: var(--root-line-height-heading);
+  padding: 1.5rem;
+}
+.app-widget__column .app-widget__trending {
+  margin-block-start: 0.25rem;
+}
+.app-widget__chart {
+  max-inline-size: 65%;
+}
+.app-widget__chart foreignObject {
+  padding-block: 1rem;
+}
+
+.app-sidebar {
+  block-size: 100%;
+  border-inline-end: 1px solid var(--root-base-color-border);
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+  padding-block: 0 1.5rem;
+}
+.app-sidebar__logo {
+  block-size: 1.25rem;
+  display: inline-flex;
+}
+.app-sidebar__search {
+  display: none;
+}
+@media (min-width: 64em) {
+  .app-sidebar__search {
+    display: flex;
+  }
+}
+.app-sidebar__header {
+  align-items: center;
+  block-size: var(--root-header-block-size);
+  border-block-end: 1px solid var(--root-base-color-border);
+  display: flex;
+  flex-shrink: 0;
+  justify-content: space-between;
+  margin-inline: 1.5rem;
+}
+.app-sidebar__body {
+  flex-grow: 1;
+  margin-inline: calc(1.5rem / 2);
+  overflow-y: auto;
+  padding-inline: calc(1.5rem / 2);
+}
+.app-sidebar__body::-webkit-scrollbar {
+  block-size: 0.5rem;
+  inline-size: 0.5rem;
+}
+.app-sidebar__body::-webkit-scrollbar-thumb {
+  background: var(--root-scrollbar-color-thumb-background);
+  border-radius: 0.15em;
+}
+.app-sidebar__body::-webkit-scrollbar-thumb:hover {
+  background: var(--root-scrollbar-color-thumb-background-hover);
+}
+.app-sidebar__body::-webkit-scrollbar-track {
+  background: var(--root-scrollbar-color-track-background);
+  border-radius: 0.15em;
+}
+.app-sidebar__body > * + * {
+  border-block-start: 1px solid var(--root-base-color-border);
+  margin-block-start: 1rem;
+  padding-block-start: 1rem;
+}
+
+.app-header {
+  backdrop-filter: saturate(180%) blur(0.25rem);
+  background-color: var(--root-header-color-background);
+  border-block-end: 1px solid var(--root-base-color-border);
+  inset-block-start: 0;
+  inset-block-start: 0;
+  position: sticky;
+  position: sticky;
+  z-index: 15;
+}
+.app-header__inner {
+  align-items: center;
+  block-size: var(--root-header-block-size);
+  display: flex;
+  flex-wrap: wrap;
+  gap: clamp(1rem, 5vw, 3rem);
+  justify-content: space-between;
+  margin-inline: var(--root-container-gap);
+}
+.app-header__column {
+  align-items: center;
+  display: flex;
+  flex-grow: 1;
+  gap: clamp(1rem, 5vw, 1.5rem);
+}
+.app-header__actions {
+  align-items: center;
+  display: flex;
+  gap: clamp(1rem, 5vw, 1.5rem);
+}
+.app-header__actions--secondary {
+  gap: 1rem;
+}
+.app-header__logo {
+  block-size: 1.25rem;
+  display: inline-flex;
+}
+@media (min-width: 64em) {
+  .app-header__logo {
+    display: none;
+  }
+}
+.app-header__breadcrumb {
+  display: none;
+}
+@media (min-width: 64em) {
+  .app-header__breadcrumb {
+    display: flex;
+  }
+}
+
+.app-heading {
+  padding-block: clamp(1.5rem, 5vw, 3rem);
+}
+.app-heading__inner {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem 1.5rem;
+  justify-content: space-between;
+}
+.app-heading__inner--column {
+  flex-direction: column;
+}
+.app-heading__caption > * {
+  margin-block-end: 0;
+  margin-block-start: 0;
+}
+.app-heading__caption > * + * {
+  margin-block-start: 0.5rem;
+}
+.app-heading__title {
+  font-weight: 700;
+}
+.app-heading__description {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  font-size: 1rem;
+  gap: 0.5rem 1.5rem;
+}
+.app-heading__description > * {
+  margin-block-end: 0;
+  margin-block-start: 0;
+}
+.app-heading__description > * + * {
+  margin-block-start: 0.25rem;
+}
+.app-heading__actions {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem 1rem;
+  justify-content: end;
+}
+
+.app-body {
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+}
+
+.app-actions {
+  justify-content: space-between;
+}
+@media (min-width: 80em) {
+  .app-actions--sidebar {
+    margin-inline-end: calc(20rem + 1.5rem);
+  }
+}
+.app-actions, .app-actions__column {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1.5rem;
+}
+
+.app-footer {
+  padding-block: clamp(1.5rem, 5vw, 3rem);
+  text-align: center;
+}
+.app-footer__created-with {
+  margin-block: 0;
+}
+
+.btn--light {
+  background-color: var(--root-btn-color-light-background);
+  border-color: var(--root-btn-color-light-background);
+  color: var(--root-btn-color-light-foreground);
+}
+.btn--light:focus-visible {
+  outline: 2px solid var(--root-btn-color-light-focus-ring);
+  outline-offset: 2px;
+}
+.btn--light:hover {
+  background-color: var(--root-btn-color-light-background-hover);
+  border-color: var(--root-btn-color-light-background-hover);
+  color: var(--root-btn-color-light-foreground-hover);
+}
+.btn--light.btn--active {
+  background-color: var(--root-btn-color-light-background-hover);
+  border-color: var(--root-btn-color-light-background-hover);
+  color: var(--root-btn-color-light-foreground-hover);
+}
+
+.btn--delete {
+  background-color: var(--root-btn-color-delete-background);
+  border-color: var(--root-btn-color-delete-background);
+  color: var(--root-btn-color-delete-foreground);
+}
+.btn--delete:focus-visible {
+  outline: 2px solid var(--root-btn-color-delete-focus-ring);
+  outline-offset: 2px;
+}
+.btn--delete:hover {
+  background-color: var(--root-btn-color-delete-background-hover);
+  border-color: var(--root-btn-color-delete-background-hover);
+  color: var(--root-btn-color-delete-foreground-hover);
+}
+
+.btn--dark {
+  background-color: var(--root-btn-color-dark-background);
+  border-color: var(--root-btn-color-dark-background);
+  color: var(--root-btn-color-dark-foreground);
+}
+.btn--dark:focus-visible {
+  outline: 2px solid var(--root-btn-color-dark-background);
+  outline-offset: 2px;
+}
+.btn--dark:hover {
+  background-color: var(--root-btn-color-dark-background-hover);
+  border-color: var(--root-btn-color-dark-background-hover);
+  color: var(--root-btn-color-dark-foreground);
+}
+
+.btn--outline-dark {
+  background-color: transparent;
+  border-color: var(--root-btn-color-dark-outline-border);
+  color: var(--root-btn-color-dark-outline-foreground);
+}
+.btn--outline-dark:focus-visible {
+  outline: 2px solid var(--root-btn-color-dark-outline-focus-ring);
+  outline-offset: 2px;
+}
+.btn--outline-dark:hover {
+  background-color: var(--root-btn-color-dark-outline-background-hover);
+  border-color: var(--root-btn-color-dark-outline-background-hover);
+  color: var(--root-btn-color-dark-outline-foreground-hover);
+}
+
+.btn--counter {
+  position: relative;
+}
+.btn__counter {
+  background-color: var(--root-alert-color-danger);
+  border-radius: var(--root-border-radius-sm);
+  color: var(--root-btn-color-primary-foreground);
+  font-size: 0.6375rem;
+  inset: -0.5em -0.5em auto auto;
+  min-inline-size: 1.25rem;
+  padding: 0.45em;
+  position: absolute;
+  text-align: center;
+}
+
+.apexcharts-legend-series {
+  align-items: center;
+  display: flex !important;
+  gap: 0.25rem;
+}
+
+.apexcharts-legend {
+  display: flex;
+  gap: 1rem;
+}
+.apexcharts-legend > * {
+  margin: 0 !important;
+}
+
+.apexcharts-text,
+.apexcharts-legend-text {
+  color: var(--root-base-color-text) !important;
+  fill: var(--root-base-color-text);
+}
+
+.apexcharts-tooltip,
+.apexcharts-tooltip-title {
+  background: var(--root-base-color-background) !important;
+  border-color: var(--root-base-color-border) !important;
+}
+
+.apexcharts-tooltip-title {
+  line-height: 1;
+  padding-block: 0.75em !important;
+}
+
+.apexcharts-xaxis-tick,
+.apexcharts-gridline,
+.apexcharts-grid-borders line:last-child {
+  stroke: var(--root-base-color-border);
+}
+
+.form-group-stack > * {
+  margin-block-end: 0;
+  margin-block-start: 0;
+}
+.form-group-stack > * + * {
+  margin-block-start: 1rem;
+}
+.form-group-stack--bordered > * + * {
+  border-block-start: 1px solid var(--root-base-color-border);
+  padding-block-start: 1rem;
+}
+
+legend {
+  font-family: var(--root-font-family-heading);
+}
+
+.form-control[type=color] {
+  --root-border-radius: clamp(1.5rem, 5vw, 3rem);
+}
+
+.required-marker {
+  color: var(--root-alert-color-danger);
+}
+
+.progressbar {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  inline-size: 100%;
+}
+.progressbar__inner {
+  background-color: var(--root-form-color-background);
+  block-size: 0.5rem;
+  border-radius: var(--root-border-radius-sm);
+  box-shadow: inset 0 0 0 1px var(--root-form-color-border);
+  position: relative;
+}
+.progressbar__indicator {
+  background-color: var(--root-base-color-primary);
+  block-size: 100%;
+  border-radius: var(--root-border-radius-sm);
+  inset: 0 auto 0 0;
+  position: absolute;
+}
+.progressbar__indicator:not([style*=inline-size]) {
+  animation: 1s progress infinite linear alternate;
+  inline-size: 20%;
+}
+.progressbar__caption {
+  text-align: center;
+}
+
+@keyframes progress {
+  0% {
+    inset-inline-start: 0%;
+  }
+  100% {
+    inset-inline-start: 80%;
+  }
+}
+@media (min-width: 32em) {
+  .display--flex\:xs {
+    display: flex !important;
+  }
+}
+@media (min-width: 48em) {
+  .display--flex\:sm {
+    display: flex !important;
+  }
+}
+@media (min-width: 64em) {
+  .display--flex\:md {
+    display: flex !important;
+  }
+}
+@media (min-width: 80em) {
+  .display--flex\:lg {
+    display: flex !important;
+  }
+}
+@media (min-width: 90em) {
+  .display--flex\:xl {
+    display: flex !important;
+  }
+}
+@media (min-width: 110em) {
+  .display--flex\:xxl {
+    display: flex !important;
+  }
+}
+@media (min-width: 32em) {
+  .display--none\:xs {
+    display: none !important;
+  }
+}
+@media (min-width: 48em) {
+  .display--none\:sm {
+    display: none !important;
+  }
+}
+@media (min-width: 64em) {
+  .display--none\:md {
+    display: none !important;
+  }
+}
+@media (min-width: 80em) {
+  .display--none\:lg {
+    display: none !important;
+  }
+}
+@media (min-width: 90em) {
+  .display--none\:xl {
+    display: none !important;
+  }
+}
+@media (min-width: 110em) {
+  .display--none\:xxl {
+    display: none !important;
+  }
+}
+
+.m-block\:0 {
+  margin-block: 0 !important;
+}
+
+:root {
+  --root-sidebar-inline-size: 20rem;
+  --root-header-block-size: 4.5rem;
+  --root-container-gap: clamp(1.5rem, 5vw, 3rem);
+}
+
+[x-cloak] {
+  visibility: hidden !important;
+}
diff --git a/dist/customers/index.html b/dist/customers/index.html
index 09227d0..ca2d4b9 100644
--- a/dist/customers/index.html
+++ b/dist/customers/index.html
@@ -631,10 +631,10 @@ <h1 class="app-heading__title">Customers</h1>
                         <div class="app-card__body">
                             <div class="data-table">
                                 <div class="alert alert--info data-table-alert" x-show="selectedItems.length">
-                                    <span x-text="`${selectedItems.length} items are selected`"></span>
+                                    <span x-text="`${selectedItems.length > total ? total : selectedItems.length} items are selected`"></span>
                                     <div class="data-table-alert__actions">
                                         <div class="data-table-alert__column">
-                                            <button @click="selectAllCheckbox($event);" class="btn btn--primary btn--sm" x-text="`Select all ${items.length}`"></button>
+                                            <button @click="selectAllCheckbox($event);" class="btn btn--primary btn--sm" x-text="`Select all ${items.length > total ? total : items.length}`"></button>
                                             <button @click="deselectAllCheckbox($event);" class="btn btn--primary btn--sm">
                                                 Deselect all
                                             </button>
@@ -688,16 +688,14 @@ <h1 class="app-heading__title">Customers</h1>
                                         <tbody>
                                             <template x-if="!items">
                                                 <tr>
-                                                    <td colspan="4">
-                                                        <i>Loading...</i>
-                                                    </td>
+                                                    <td colspan="4">Loading...</td>
                                                 </tr>
                                             </template>
                                             <template x-for="(item, index) in pagedItems" :key="item.id">
                                                 <tr>
                                                     <td>
-                                                        <label class="form-check" :aria-label=`Select ${item.name}`>
-                                                            <input :name="item.id" class="form-check__control" type="checkbox" value="1" x-model="item.selected" />
+                                                        <label class="form-check" :aria-label="`Select ${item.name}`">
+                                                            <input :name="item.id" class="form-check__control" type="checkbox" value="1" x-model="item.selected" :change="updateSelectAllStatus()" />
                                                         </label>
                                                     </td>
                                                     <td>
diff --git a/dist/index.html b/dist/index.html
index ef8d62c..e726833 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -670,10 +670,10 @@ <h2 class="app-card__title">Latest Products</h2>
                         <div class="app-card__body">
                             <div class="data-table">
                                 <div class="alert alert--info data-table-alert" x-show="selectedItems.length">
-                                    <span x-text="`${selectedItems.length} items are selected`"></span>
+                                    <span x-text="`${selectedItems.length > total ? total : selectedItems.length} items are selected`"></span>
                                     <div class="data-table-alert__actions">
                                         <div class="data-table-alert__column">
-                                            <button @click="selectAllCheckbox($event);" class="btn btn--primary btn--sm" x-text="`Select all ${items.length}`"></button>
+                                            <button @click="selectAllCheckbox($event);" class="btn btn--primary btn--sm" x-text="`Select all ${items.length > total ? total : items.length}`"></button>
                                             <button @click="deselectAllCheckbox($event);" class="btn btn--primary btn--sm">
                                                 Deselect all
                                             </button>
@@ -727,16 +727,14 @@ <h2 class="app-card__title">Latest Products</h2>
                                         <tbody>
                                             <template x-if="!items">
                                                 <tr>
-                                                    <td colspan="4">
-                                                        <i>Loading...</i>
-                                                    </td>
+                                                    <td colspan="4">Loading...</td>
                                                 </tr>
                                             </template>
                                             <template x-for="(item, index) in pagedItems" :key="item.id">
                                                 <tr>
                                                     <td>
-                                                        <label class="form-check" :aria-label=`Select ${item.name}`>
-                                                            <input :name="item.id" class="form-check__control" type="checkbox" value="1" x-model="item.selected" />
+                                                        <label class="form-check" :aria-label="`Select ${item.name}`">
+                                                            <input :name="item.id" class="form-check__control" type="checkbox" value="1" x-model="item.selected" :change="updateSelectAllStatus()" />
                                                         </label>
                                                     </td>
                                                     <td>
diff --git a/dist/js/data-table.js b/dist/js/data-table.js
index ecf593d..aebeda7 100644
--- a/dist/js/data-table.js
+++ b/dist/js/data-table.js
@@ -1,16 +1,19 @@
-function dataTable(dataSource, filterParams) {
+function dataTable(
+  dataSource,
+  filterParams
+) {
   return {
-    items: null,
-    sortCol: null,
-    sortAsc: false,
-    pageSize: 10,
     curPage: 1,
-    total: '',
-    formData: {},
     filters: [],
+    formData: {},
+    items: null,
+    pageSize: 10,
+    resultsCount: null,
     search: '',
     selectAll: false,
-    resultsCount: null,
+    sortAsc: false,
+    sortCol: null,
+    total: null,
 
     async init() {
       let data = window[dataSource];
@@ -53,12 +56,20 @@ function dataTable(dataSource, filterParams) {
       });
     },
 
+    updateSelectAllStatus() {
+      this.selectAll = this.selectedItems.length === this.items.length;
+    },
+
     toggleAllCheckbox() {
       let filteredItems = this.filtered(this.items);
+
       if (filteredItems.length === this.selectedItems.length) {
-        return filteredItems.map((item) => (item.selected = false));
+        filteredItems.forEach((item) => (item.selected = false));
+      } else {
+        filteredItems.forEach((item) => (item.selected = true));
       }
-      filteredItems.map((item) => (item.selected = true));
+
+      this.updateSelectAllStatus();
     },
 
     selectAllCheckbox() {
@@ -100,6 +111,9 @@ function dataTable(dataSource, filterParams) {
     },
 
     submitForm(formData) {
+      this.deselectAllCheckbox();
+      this.curPage = 1;
+
       for (let key in formData) {
         if (formData.hasOwnProperty(key)) {
           let existingFieldIndex = this.filters.findIndex(item => item.name === key);
@@ -125,7 +139,6 @@ function dataTable(dataSource, filterParams) {
 
       if (this.search.length > 2) {
         filteredItems = this.filtered(filteredItems, ...filterParams);
-        this.curPage = 1;
       }
 
       if (this.filters.length) {
@@ -142,8 +155,6 @@ function dataTable(dataSource, filterParams) {
 
           return true;
         });
-
-        this.curPage = 1;
       }
 
       this.total = filteredItems.length;
diff --git a/dist/js/data.js b/dist/js/data.js
index 00981a0..c4b62ab 100644
--- a/dist/js/data.js
+++ b/dist/js/data.js
@@ -82,7 +82,7 @@ window.products = [
     price: 64.99,
     sku: "SKU008",
     qty: 3,
-    status: "In stock",
+    status: "Out of stock",
     image: "https://picsum.photos/80/80",
     deleted: false,
     selected: false,
@@ -93,7 +93,7 @@ window.products = [
     price: 11.99,
     sku: "SKU009",
     qty: 8,
-    status: "In stock",
+    status: "Out of stock",
     image: "https://picsum.photos/80/80",
     deleted: false,
     selected: false,
diff --git a/dist/orders/index.html b/dist/orders/index.html
index 766bf02..1f29888 100644
--- a/dist/orders/index.html
+++ b/dist/orders/index.html
@@ -631,10 +631,10 @@ <h1 class="app-heading__title">Orders</h1>
                         <div class="app-card__body">
                             <div class="data-table">
                                 <div class="alert alert--info data-table-alert" x-show="selectedItems.length">
-                                    <span x-text="`${selectedItems.length} items are selected`"></span>
+                                    <span x-text="`${selectedItems.length > total ? total : selectedItems.length} items are selected`"></span>
                                     <div class="data-table-alert__actions">
                                         <div class="data-table-alert__column">
-                                            <button @click="selectAllCheckbox($event);" class="btn btn--primary btn--sm" x-text="`Select all ${items.length}`"></button>
+                                            <button @click="selectAllCheckbox($event);" class="btn btn--primary btn--sm" x-text="`Select all ${items.length > total ? total : items.length}`"></button>
                                             <button @click="deselectAllCheckbox($event);" class="btn btn--primary btn--sm">
                                                 Deselect all
                                             </button>
@@ -688,16 +688,14 @@ <h1 class="app-heading__title">Orders</h1>
                                         <tbody>
                                             <template x-if="!items">
                                                 <tr>
-                                                    <td colspan="4">
-                                                        <i>Loading...</i>
-                                                    </td>
+                                                    <td colspan="4">Loading...</td>
                                                 </tr>
                                             </template>
                                             <template x-for="(item, index) in pagedItems" :key="item.id">
                                                 <tr>
                                                     <td>
-                                                        <label class="form-check" :aria-label=`Select ${item.name}`>
-                                                            <input :name="item.id" class="form-check__control" type="checkbox" value="1" x-model="item.selected" />
+                                                        <label class="form-check" :aria-label="`Select ${item.name}`">
+                                                            <input :name="item.id" class="form-check__control" type="checkbox" value="1" x-model="item.selected" :change="updateSelectAllStatus()" />
                                                         </label>
                                                     </td>
                                                     <td>
diff --git a/dist/products/index.html b/dist/products/index.html
index cfd1368..427c47f 100644
--- a/dist/products/index.html
+++ b/dist/products/index.html
@@ -683,10 +683,10 @@ <h2 class="app-widget__title">Best Selling</h2>
                         <div class="app-card__body">
                             <div class="data-table">
                                 <div class="alert alert--info data-table-alert" x-show="selectedItems.length">
-                                    <span x-text="`${selectedItems.length} items are selected`"></span>
+                                    <span x-text="`${selectedItems.length > total ? total : selectedItems.length} items are selected`"></span>
                                     <div class="data-table-alert__actions">
                                         <div class="data-table-alert__column">
-                                            <button @click="selectAllCheckbox($event);" class="btn btn--primary btn--sm" x-text="`Select all ${items.length}`"></button>
+                                            <button @click="selectAllCheckbox($event);" class="btn btn--primary btn--sm" x-text="`Select all ${items.length > total ? total : items.length}`"></button>
                                             <button @click="deselectAllCheckbox($event);" class="btn btn--primary btn--sm">
                                                 Deselect all
                                             </button>
@@ -740,16 +740,14 @@ <h2 class="app-widget__title">Best Selling</h2>
                                         <tbody>
                                             <template x-if="!items">
                                                 <tr>
-                                                    <td colspan="4">
-                                                        <i>Loading...</i>
-                                                    </td>
+                                                    <td colspan="4">Loading...</td>
                                                 </tr>
                                             </template>
                                             <template x-for="(item, index) in pagedItems" :key="item.id">
                                                 <tr>
                                                     <td>
-                                                        <label class="form-check" :aria-label=`Select ${item.name}`>
-                                                            <input :name="item.id" class="form-check__control" type="checkbox" value="1" x-model="item.selected" />
+                                                        <label class="form-check" :aria-label="`Select ${item.name}`">
+                                                            <input :name="item.id" class="form-check__control" type="checkbox" value="1" x-model="item.selected" :change="updateSelectAllStatus()" />
                                                         </label>
                                                     </td>
                                                     <td>
diff --git a/src/_includes/partial/card/data-table.html b/src/_includes/partial/card/data-table.html
index b4a92e0..1aa21b9 100644
--- a/src/_includes/partial/card/data-table.html
+++ b/src/_includes/partial/card/data-table.html
@@ -65,13 +65,13 @@ <h2 class="app-card__title">{{ dataTable.title }}</h2>
                 class="alert alert--info data-table-alert"
                 x-show="selectedItems.length"
             >
-                <span x-text="`${selectedItems.length} items are selected`"></span>
+                <span x-text="`${selectedItems.length > total ? total : selectedItems.length} items are selected`"></span>
                 <div class="data-table-alert__actions">
                     <div class="data-table-alert__column">
                         <button
                             @click="selectAllCheckbox($event);"
                             class="btn btn--primary btn--sm"
-                            x-text="`Select all ${items.length}`"
+                            x-text="`Select all ${items.length > total ? total : items.length}`"
                         ></button>
                         <button
                             @click="deselectAllCheckbox($event);"
@@ -146,13 +146,14 @@ <h2 class="app-card__title">{{ dataTable.title }}</h2>
                         <template x-for="(item, index) in pagedItems" :key="item.id">
                             <tr>
                                 <td>
-                                    <label class="form-check" :aria-label=`Select ${item.name}`>
+                                    <label class="form-check" :aria-label="`Select ${item.name}`">
                                         <input
                                             :name="item.id"
                                             class="form-check__control"
                                             type="checkbox"
                                             value="1"
                                             x-model="item.selected"
+                                            :change="updateSelectAllStatus()"
                                         />
                                     </label>
                                 </td>
diff --git a/src/_includes/partial/pagination.html b/src/_includes/partial/pagination.html
deleted file mode 100644
index 4f56ffe..0000000
--- a/src/_includes/partial/pagination.html
+++ /dev/null
@@ -1,30 +0,0 @@
-<nav class="pagination" aria-label="Posts">
-    <ul class="pagination__links">
-        <li>
-            <span
-                class="btn btn--sm btn--outline-primary"
-                aria-current="page"
-            >
-                1
-            </span>
-        </li>
-        <li>
-            <a class="btn btn--sm btn--outline-primary" href="#">2</a>
-        </li>
-        <li>
-            <a class="btn btn--sm btn--outline-primary" href="#">3</a>
-        </li>
-        <li>
-            <a class="btn btn--sm btn--outline-primary" href="#">4</a>
-        </li>
-        <li>
-            <span>...</span>
-        </li>
-        <li>
-            <a class="btn btn--sm btn--outline-primary" href="#">10</a>
-        </li>
-        <li>
-            <a class="btn btn--sm btn--outline-primary" href="#">Next</a>
-        </li>
-    </ul>
-</nav>
diff --git a/src/css/main.css b/src/css/main.css
index 27c4387..9afd05d 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -1 +1 @@
-@font-face{font-display:swap;font-family:"Manrope";font-style:normal;font-weight:400;src:url("../../font/manrope-v14-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Manrope";font-style:normal;font-weight:500;src:url("../../font/manrope-v14-latin-500.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Manrope";font-style:normal;font-weight:600;src:url("../../font/manrope-v14-latin-600.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Manrope";font-style:normal;font-weight:700;src:url("../../font/manrope-v14-latin-800.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Open Sans";font-style:normal;font-weight:400;src:url("../../font/open-sans-v35-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Open Sans";font-style:normal;font-weight:700;src:url("../../font/open-sans-v35-latin-700.woff2") format("woff2")}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;block-size:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-inline-size:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{block-size:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--root-alert-color-danger: hsl(0, 71%, 51%);--root-alert-color-info: hsl(195, 100%, 42%);--root-alert-color-success: hsl(150, 100%, 33%);--root-alert-color-warning: hsl(48, 89%, 55%)}:root{--root-base-color-background: hsl(0, 0%, 100%);--root-base-color-blockquote-border: hsl(214, 98%, 49%);--root-base-color-border: hsl(215, 100%, 96%);--root-base-color-code-background: #f0f6ff;--root-base-color-code-foreground: hsl(205, 100%, 2%);--root-base-color-heading: hsl(205, 100%, 2%);--root-base-color-link: hsl(214, 98%, 49%);--root-base-color-link-hover: #0257c6;--root-base-color-mark-background: hsl(50, 100%, 80%);--root-base-color-mark-foreground: hsl(205, 100%, 2%);--root-base-color-marker: hsl(214, 98%, 49%);--root-base-color-primary: hsl(214, 98%, 49%);--root-base-color-secondary: hsl(160, 89%, 46%);--root-base-color-text: hsl(208, 9%, 42%);--root-base-color-primary-lightest: hsl(210, 60%, 98%)}:root{--root-btn-color-primary-background: hsl(214, 98%, 49%);--root-btn-color-primary-background-hover: #0256c5;--root-btn-color-primary-foreground: hsl(0, 0%, 100%);--root-btn-color-primary-shadow: #aed1fe;--root-btn-color-secondary-background: hsl(160, 89%, 46%);--root-btn-color-secondary-background-hover: #0aae77;--root-btn-color-secondary-foreground: hsl(0, 0%, 100%);--root-btn-color-secondary-shadow: #a3fadd;--root-btn-color-dark-background: hsl(205, 100%, 2%);--root-btn-color-dark-background-hover: hsl(205, 100%, 5%);--root-btn-color-dark-foreground: hsl(0, 0%, 100%);--root-btn-color-dark-outline-border: hsl(260, 4%, 70%);--root-btn-color-dark-outline-foreground: hsl(205, 100%, 2%);--root-btn-color-dark-outline-foreground-hover: hsl(0, 0%, 100%);--root-btn-color-dark-outline-background-hover: hsl(205, 100%, 2%);--root-btn-color-dark-outline-focus-ring: hsl(205, 100%, 2%);--root-btn-color-light-background: hsl(210, 60%, 98%);--root-btn-color-light-background-hover: hsl(214, 98%, 49%);--root-btn-color-light-focus-ring: hsl(214, 98%, 49%);--root-btn-color-light-foreground: hsl(214, 98%, 49%);--root-btn-color-light-foreground-hover: hsl(0, 0%, 100%);--root-btn-color-delete-background: #fceeee;--root-btn-color-delete-background-hover: hsl(0, 71%, 51%);--root-btn-color-delete-focus-ring: hsl(0, 71%, 51%);--root-btn-color-delete-foreground: hsl(0, 71%, 51%);--root-btn-color-delete-foreground-hover: hsl(0, 0%, 100%);--root-btn-color-primary-outline-foreground: hsl(214, 98%, 49%)}:root{--root-form-color-background: hsl(0, 0%, 100%);--root-form-color-background-disabled: hsl(0, 0%, 95%);--root-form-color-border: hsl(260, 4%, 75%);--root-form-color-border-disabled: hsl(215, 63%, 93%);--root-form-color-border-focus: hsl(214, 98%, 49%);--root-form-color-check-background: hsl(214, 98%, 49%);--root-form-color-check-focus-ring: hsl(214, 98%, 49%);--root-form-color-check-foreground: hsl(0, 0%, 100%);--root-form-color-group-label-background: hsl(210, 60%, 98%);--root-form-color-group-label-foreground: hsl(208, 9%, 42%);--root-form-color-invalid: hsl(0, 71%, 51%);--root-form-color-invalid-focus-ring: rgba(219, 41, 41, 0.25);--root-form-color-label: hsl(205, 100%, 2%);--root-form-color-legend: hsl(205, 100%, 2%);--root-form-color-placeholder: hsl(208, 7%, 40%);--root-form-color-range-thumb-background: hsl(214, 98%, 49%);--root-form-color-range-thumb-focus-ring: hsl(214, 98%, 49%);--root-form-color-range-track-background: hsl(215, 63%, 93%);--root-form-color-ring-focus: rgba(2, 109, 247, 0.25);--root-form-color-select-foreground: hsl(205, 100%, 2%);--root-form-color-text: hsl(208, 9%, 42%);--root-form-color-valid: hsl(150, 100%, 33%);--root-form-color-valid-focus-ring: rgba(0, 168, 84, 0.25)}:root{--root-selection-color-foreground: hsl(0, 0%, 100%);--root-selection-color-background: hsl(214, 98%, 49%)}:root{--root-scrollbar-color-thumb-background: hsla(0, 0%, 0%, 0.15);--root-scrollbar-color-thumb-background-hover: hsla(0, 0%, 0%, 0.25);--root-scrollbar-color-track-background: hsla(0, 0%, 0%, 0.05)}:root{--root-table-color-border: hsl(215, 63%, 93%);--root-table-color-caption: hsl(208, 9%, 42%);--root-table-color-heading: hsl(205, 100%, 2%);--root-table-color-hover: hsl(210, 60%, 98%);--root-table-color-stripe: hsl(210, 60%, 98%);--root-table-color-text: hsl(208, 9%, 42%)}:root{--root-breadcrumb-color-separator: hsl(0, 0%, 80%)}:root{--root-combobox-color-item-background: hsl(210, 60%, 98%);--root-combobox-color-item-foreground: hsl(214, 98%, 49%)}:root{--root-data-table-color-icon: hsl(0, 0%, 80%)}:root{--root-header-color-background: hsla(0, 0%, 100%, 0.95)}:root{--root-navigation-color-arrow: hsla(0, 0%, 0%, 0.15)}:root{--root-main-color-background: hsl(210, 60%, 98%)}:root{--root-media-color-background: hsl(210, 60%, 98%);--root-media-color-dropzone-background: hsla(214, 98%, 49%, 0.75);--root-media-color-dropzone-border: hsl(214, 98%, 40%);--root-media-color-icon: hsl(214, 98%, 49%)}:root{--root-modal-color-background: hsla(210, 60%, 98%, 0.9)}:root{--root-search-color-icon: hsla(229, 26%, 48%, 0.25)}:root{--root-prism-color-color: hsl(243, 14%, 29%);--root-prism-color-background: hsl(0, 0%, 98%);--root-prism-color-comment: hsl(225, 14%, 46%);--root-prism-color-punctuation: hsl(279, 50%, 53%);--root-prism-color-namespace: hsl(173, 100%, 24%);--root-prism-color-deleted: hsla(1, 83%, 63%, 0.56);--root-prism-color-boolean: hsl(0, 44%, 53%);--root-prism-color-number: hsl(315, 90%, 35%);--root-prism-color-constant: hsl(221, 57%, 52%);--root-prism-color-class-name: hsl(0, 0%, 7%);--root-prism-color-regex: hsl(1, 48%, 59%)}:root{--root-widget-color-icon-background: #f5f9ff}:root{--root-font-family-base: Open Sans, sans-serif;--root-font-family-cursive: ui-monospace, Cascadia Code, Source Code Pro, Menlo, Consolas, DejaVu Sans Mono, monospace;--root-font-family-heading: Manrope, sans-serif;--root-font-size-base: 0.938rem;--root-font-size-lead: clamp(1.15rem, 2vw, 1.35rem);--root-font-size-lg: 1.125rem;--root-font-size-ratio: 1.25;--root-font-size-sm: 0.875rem;--root-font-weight-heading: 600;--root-inline-border-radius: 0.45rem;--root-inline-padding: 0.1em 0.3em;--root-line-height-base: 1.8;--root-line-height-heading: calc(2px + 2ex + 2px);--root-line-height-lg: 1.8;--root-line-height-md: 1.5;--root-line-height-sm: 1.2;--root-border-radius-lg: 0.725rem;--root-border-radius-sm: 0.45rem;--root-container-inline-size: 84rem;--root-page-margin: 2cm;--root-hidden-elements: header, footer, aside, nav, form, iframe, [class^="aspect-ratio"]}@media(prefers-reduced-motion: no-preference){:root{--root-duration: 0.15s;--root-timing-function: ease-in-out}}.sr-only{block-size:1px !important;border:0 !important;clip:rect(0, 0, 0, 0) !important;inline-size:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important}[tabindex="-1"]:focus{outline:none !important}::selection{background-color:var(--root-selection-color-background);color:var(--root-selection-color-foreground);text-shadow:none}html{box-sizing:border-box}@media(prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}*,::before,::after{box-sizing:inherit}body{background:var(--root-base-color-background);color:var(--root-base-color-text)}a{color:var(--root-base-color-link);text-decoration:underline;transition-duration:var(--root-duration);transition-property:color;transition-timing-function:var(--root-timing-function)}a:hover{color:var(--root-base-color-link-hover)}button{color:inherit}a,button{touch-action:manipulation}hr{border:0;border-block-start:1px solid var(--root-base-color-border)}img{block-size:auto;display:block;max-inline-size:100%;user-select:none}iframe{block-size:100%;display:block;inline-size:100%}figure{margin-inline:0}figure figcaption{margin-block-start:.5rem;text-align:center}.table-responsive{--inline-size: 40rem;-webkit-overflow-scrolling:touch;overflow-x:auto}.table-responsive table{min-inline-size:var(--inline-size)}.table{--root-line-height: 1.5;--root-padding: 1rem;--root-responsive-inline-size: 40rem;border-collapse:collapse;color:var(--root-table-color-text);inline-size:100%}.table caption{color:var(--root-table-color-caption);margin-block-end:1rem}.table th,.table td{border-block-end:1px solid var(--root-table-color-border);line-height:var(--root-line-height);padding:var(--root-padding)}.table th{color:var(--root-table-color-heading);text-align:inherit;text-align:-webkit-match-parent}.table--striped>tbody>tr:nth-child(odd){background-color:var(--root-table-color-stripe)}.table--hover>tbody>tr:hover{background:var(--root-table-color-hover)}.table--clear-border th,.table--clear-border td{border:0}.table--in-line th:first-child,.table--in-line td:first-child{padding-inline-start:0}.table--in-line th:last-child,.table--in-line td:last-child{padding-inline-end:0}.table--sm{--root-padding: 0.5rem}.table--sm th,.table--sm td{padding:var(--root-padding)}.table--rounded th:first-child,.table--rounded td:first-child{border-end-start-radius:var(--root-border-radius-sm);border-start-start-radius:var(--root-border-radius-sm)}.table--rounded th:last-child,.table--rounded td:last-child{border-end-end-radius:var(--root-border-radius-sm);border-start-end-radius:var(--root-border-radius-sm)}html{-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:var(--root-font-family-base);font-size:var(--root-font-size-base);line-height:var(--root-line-height-base)}p,li,h1,h2,h3,h4,h5,h6{hyphens:auto;overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{color:var(--root-base-color-heading);font-family:var(--root-font-family-heading);font-weight:var(--root-font-weight-heading);line-height:var(--root-line-height-heading)}h1{font-size:clamp(1.9465332031rem, 2vw + 1rem, 2.2900390625rem)}h2{font-size:clamp(1.5572265625rem, 2vw + 1rem, 1.83203125rem)}h3{font-size:clamp(1.24578125rem, 2vw + 1rem, 1.465625rem)}h4{font-size:clamp(0.996625rem, 2vw + 1rem, 1.1725rem)}h5{font-size:.938rem}h6{font-size:.938rem}ul,ol{list-style-position:inside}ul>*,ol>*{margin-block-end:0;margin-block-start:0}ul>*+*,ol>*+*{margin-block-start:.25rem}ul li,ol li{list-style-position:outside}ul li::marker,ol li::marker{color:var(--root-base-color-marker)}li>ul,li>ol{margin-block-start:.25rem}dl dt{color:var(--root-base-color-heading);font-weight:bold}dl dd{margin:0}dl dd+dt{margin-block-start:1rem}.quote{border-inline-start:.5rem solid var(--root-base-color-blockquote-border);padding-inline-start:1.5rem}.quote>*{margin-block-end:0;margin-block-start:0}.quote>*+*{margin-block-start:.5rem}.quote blockquote{border-inline-start:0;padding-inline-start:0}.quote figcaption{text-align:start}blockquote{border-inline-start:.5rem solid var(--root-base-color-blockquote-border);margin-inline-start:0;padding-inline-start:1.5rem}blockquote>*{margin-block-end:0;margin-block-start:0}blockquote>*+*{margin-block-start:.5rem}abbr[title]{border-block-end:1px dotted;cursor:help;text-decoration:none}mark{background-color:var(--root-base-color-mark-background);border-radius:var(--root-inline-border-radius);color:var(--root-base-color-mark-foreground);padding:var(--root-inline-padding)}code,kbd,samp{background-color:var(--root-base-color-code-background);border-radius:var(--root-inline-border-radius);color:var(--root-base-color-code-foreground);padding:var(--root-inline-padding)}.lead{font-size:var(--root-font-size-lead)}.hidden,[hidden]{display:none !important}.h1{font-size:clamp(1.9465332031rem, 2vw + 1rem, 2.2900390625rem)}.h2{font-size:clamp(1.5572265625rem, 2vw + 1rem, 1.83203125rem)}.h3{font-size:clamp(1.24578125rem, 2vw + 1rem, 1.465625rem)}.h4{font-size:clamp(0.996625rem, 2vw + 1rem, 1.1725rem)}.h5{font-size:.938rem}.h6{font-size:.938rem}.btn{--root-border-radius: 0.45rem;--root-border-width: 1px;--root-font-family: Manrope, sans-serif;--root-font-size: 0.938rem;--root-font-weight: 600;--root-gap: 0.5rem;--root-icon-padding: 0.75em;--root-icon-size: 1em;--root-padding: 0.75em 1em;--root-shadow-size: 0.25rem;align-items:center;border-radius:var(--root-border-radius);border-style:solid;border-width:var(--root-border-width);cursor:pointer;display:inline-flex;font-family:var(--root-font-family);font-size:var(--root-font-size);font-weight:var(--root-font-weight);gap:var(--root-gap);justify-content:center;line-height:1;padding:var(--root-padding);text-align:start;text-decoration:none;transition-duration:var(--root-duration);transition-property:background-color,border-color,box-shadow,color;transition-timing-function:var(--root-timing-function)}.btn:focus{outline-color:rgba(0,0,0,0);outline-style:solid}.btn:disabled{opacity:.5;pointer-events:none}.btn--icon{padding:var(--root-icon-padding)}.btn--icon.btn--sm{padding:var(--root-icon-padding)}.btn--icon.btn--lg{padding:var(--root-icon-padding)}.btn__icon{block-size:var(--root-icon-size);flex-shrink:0;inline-size:var(--root-icon-size);pointer-events:none}.btn__icon--sm{block-size:var(--root-icon-size);inline-size:var(--root-icon-size)}.btn--sm{--root-font-size: 0.8rem;--root-gap: 0.25rem;--root-icon-padding: 0.5em;--root-icon-size: 0.8rem;--root-padding: 0.5em 0.75em;font-size:var(--root-font-size);gap:var(--root-gap);padding:var(--root-padding)}.btn--lg{--root-font-size: 1rem;--root-gap: 0.5rem;--root-icon-padding: 0.9em;--root-padding: 0.9em 1.15em}.btn--block{inline-size:100%}.btn--primary{background-color:var(--root-btn-color-primary-background);border-color:var(--root-btn-color-primary-background);color:var(--root-btn-color-primary-foreground)}.btn--primary:focus-visible{outline:2px solid var(--root-btn-color-primary-background);outline-offset:2px}.btn--primary:hover{background-color:var(--root-btn-color-primary-background-hover);border-color:var(--root-btn-color-primary-background-hover);color:var(--root-btn-color-primary-foreground)}.btn--primary-shadow{box-shadow:0 .55em 1em -0.2em var(--root-btn-color-primary-shadow),0 .15em .35em -0.185em var(--root-btn-color-primary-shadow)}.btn--secondary{background-color:var(--root-btn-color-secondary-background);border-color:var(--root-btn-color-secondary-background);color:var(--root-btn-color-secondary-foreground)}.btn--secondary:focus-visible{outline:2px solid var(--root-btn-color-secondary-background);outline-offset:2px}.btn--secondary:hover{background-color:var(--root-btn-color-secondary-background-hover);border-color:var(--root-btn-color-secondary-background-hover);color:var(--root-btn-color-secondary-foreground)}.btn--secondary-shadow{box-shadow:0 .55em 1em -0.2em var(--root-btn-color-secondary-shadow),0 .15em .35em -0.185em var(--root-btn-color-secondary-shadow)}.btn--outline-primary{background-color:rgba(0,0,0,0);border-color:var(--root-btn-color-primary-background);color:var(--root-btn-color-primary-outline-foreground)}.btn--outline-primary:focus-visible{outline:2px solid var(--root-btn-color-primary-background);outline-offset:2px}.btn--outline-primary:hover{background-color:var(--root-btn-color-primary-background);border-color:var(--root-btn-color-primary-background);color:var(--root-btn-color-primary-foreground)}.btn--outline-secondary{background-color:rgba(0,0,0,0);border-color:var(--root-btn-color-secondary-background);color:var(--root-btn-color-secondary-background)}.btn--outline-secondary:focus-visible{outline:2px solid var(--root-btn-color-secondary-background);outline-offset:2px}.btn--outline-secondary:hover{background-color:var(--root-btn-color-secondary-background);border-color:var(--root-btn-color-secondary-background);color:var(--root-btn-color-secondary-foreground)}.form-file::file-selector-button{--root-border-radius: 0.45rem;--root-border-width: 1px;--root-font-family: Manrope, sans-serif;--root-font-size: 0.938rem;--root-font-weight: 600;--root-gap: 0.5rem;--root-icon-padding: 0.75em;--root-icon-size: 1em;--root-padding: 0.75em 1em;--root-shadow-size: 0.25rem;align-items:center;border-radius:var(--root-border-radius);border-style:solid;border-width:var(--root-border-width);cursor:pointer;display:inline-flex;font-family:var(--root-font-family);font-size:var(--root-font-size);font-weight:var(--root-font-weight);gap:var(--root-gap);justify-content:center;line-height:1;padding:var(--root-padding);text-align:start;text-decoration:none;transition-duration:var(--root-duration);transition-property:background-color,border-color,box-shadow,color;transition-timing-function:var(--root-timing-function)}.form-file:focus{outline-color:rgba(0,0,0,0);outline-style:solid}.form-file:disabled{opacity:.5;pointer-events:none}.form-file--sm::file-selector-button{--root-font-size: 0.8rem;--root-gap: 0.25rem;--root-icon-padding: 0.5em;--root-icon-size: 0.8rem;--root-padding: 0.5em 0.75em;font-size:var(--root-font-size);gap:var(--root-gap);padding:var(--root-padding)}.form-file--lg::file-selector-button{--root-font-size: 1rem;--root-gap: 0.5rem;--root-icon-padding: 0.9em;--root-padding: 0.9em 1.15em}.form-file--block::file-selector-button{inline-size:100%}.form-file{display:block}.form-file:focus{outline:revert}.form-file:focus-within::file-selector-button{background-color:var(--root-btn-color-primary-background-hover)}.form-file::file-selector-button{background-color:var(--root-btn-color-primary-background);border-color:var(--root-btn-color-primary-background);color:var(--root-btn-color-primary-foreground);margin-inline-end:1rem}.form-file::file-selector-button:hover{background-color:var(--root-btn-color-primary-background-hover);border-color:var(--root-btn-color-primary-background-hover);color:var(--root-btn-color-primary-foreground)}.form-file::file-selector-button-shadow{box-shadow:0 .55em 1em -0.2em var(--root-btn-color-primary-shadow),0 .15em .35em -0.185em var(--root-btn-color-primary-shadow)}.form-label{color:var(--root-form-color-label);font-family:Manrope, sans-serif;font-weight:600;line-height:1.5;text-align:start}.form-control{--webkit-date-line-height: 1.375;--root-border-radius: 0.45rem;--root-border-width: 1px;--root-font-size: 0.938rem;--root-line-height: 1.5;--root-padding: 0.5em 0.75em;--root-textarea-block-size: 6rem;appearance:none;background-color:var(--root-form-color-background);border:var(--root-border-width) solid var(--root-form-color-border);border-radius:var(--root-border-radius);box-sizing:border-box;color:var(--root-form-color-text);display:block;font-size:var(--root-font-size);inline-size:100%;line-height:var(--root-line-height);padding:var(--root-padding);transition-duration:var(--root-duration);transition-property:border,box-shadow;transition-timing-function:var(--root-timing-function)}.form-control::placeholder{color:var(--root-form-color-placeholder)}.form-control::-webkit-datetime-edit{line-height:var(--webkit-date-line-height)}.form-control:focus{border-color:var(--root-form-color-border-focus);box-shadow:0 0 0 .25rem var(--root-form-color-ring-focus);outline:2px solid rgba(0,0,0,0)}.form-control[type=color]{--root-aspect-ratio: 1;--root-block-size: 100%;--root-inline-size: 2.625rem;--root-padding: 0.5em;aspect-ratio:var(--root-aspect-ratio);block-size:var(--root-block-size);inline-size:var(--root-inline-size);padding:var(--root-padding)}.form-control[type=color]::-webkit-color-swatch-wrapper{padding:0}.form-control[type=color]::-moz-color-swatch{border:0;border-radius:var(--root-border-radius)}.form-control[type=color]::-webkit-color-swatch{border:0;border-radius:var(--root-border-radius)}.form-control[disabled],.form-control[disabled=true]{background-color:var(--root-form-color-background-disabled);border-color:var(--root-form-color-border-disabled);cursor:not-allowed}textarea.form-control{block-size:var(--root-textarea-block-size);min-block-size:var(--root-textarea-block-size);resize:vertical}.form-control--valid,.form-control--invalid{background-position:center right .5em;background-repeat:no-repeat;background-size:1.25em auto;padding-inline-end:2em}html[dir=rtl] .form-control--valid,html[dir=rtl] .form-control--invalid{background-position:center left .5em}.form-control--valid{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"%3e%3cpath d="M12,2c5.519,0 10,4.481 10,10c0,5.519 -4.481,10 -10,10c-5.519,0 -10,-4.481 -10,-10c0,-5.519 4.481,-10 10,-10Zm0,1.667c4.599,-0 8.333,3.734 8.333,8.333c0,4.599 -3.734,8.333 -8.333,8.333c-4.599,0 -8.333,-3.734 -8.333,-8.333c-0,-4.599 3.734,-8.333 8.333,-8.333Zm-1.476,10.182l-2.984,-2.984c-0.065,-0.065 -0.17,-0.065 -0.235,0l-0.943,0.943c-0.065,0.065 -0.065,0.171 -0,0.236l4.043,4.042c0.033,0.033 0.076,0.05 0.119,0.049c0.044,0.001 0.087,-0.016 0.12,-0.049l6.994,-6.994c0.065,-0.065 0.065,-0.17 0,-0.235l-0.943,-0.943c-0.065,-0.065 -0.17,-0.065 -0.235,-0l-5.936,5.935Z" style="fill:hsl%28150, 100%, 33%%29;"/%3e%3c/svg%3e');border-color:var(--root-alert-color-success)}.form-control--valid:focus{border-color:var(--root-form-color-valid);box-shadow:0 0 0 .25rem var(--root-form-color-valid-focus-ring);outline:2px solid rgba(0,0,0,0)}.form-control--invalid{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"%3e%3cpath d="M12,2c5.519,0 10,4.481 10,10c0,5.519 -4.481,10 -10,10c-5.519,0 -10,-4.481 -10,-10c0,-5.519 4.481,-10 10,-10Zm0,1.667c4.599,-0 8.333,3.734 8.333,8.333c0,4.599 -3.734,8.333 -8.333,8.333c-4.599,0 -8.333,-3.734 -8.333,-8.333c-0,-4.599 3.734,-8.333 8.333,-8.333Zm0.813,11.649c-0,-0.081 -0.065,-0.146 -0.146,-0.146l-1.334,0c-0.081,0 -0.146,0.065 -0.146,0.146l0,1.169c0,0.08 0.065,0.146 0.146,0.146l1.334,-0c0.081,-0 0.146,-0.066 0.146,-0.146l-0,-1.169Zm-0,-7.784c-0,-0.09 -0.073,-0.163 -0.163,-0.163l-1.3,0c-0.09,0 -0.163,0.073 -0.163,0.163l0,6.351c0,0.09 0.073,0.163 0.163,0.163l1.3,-0c0.09,-0 0.163,-0.073 0.163,-0.163l-0,-6.351Z" style="fill:hsl%280, 71%, 51%%29;"/%3e%3c/svg%3e');border-color:var(--root-alert-color-danger)}.form-control--invalid:focus{border-color:var(--root-form-color-invalid);box-shadow:0 0 0 .25rem var(--root-form-color-invalid-focus-ring);outline:2px solid rgba(0,0,0,0)}.form-control--sm{--webkit-date-line-height: 1.36;--root-border-radius: 0.35em;--root-padding: 0.1em 0.45em}.form-control--sm[type=color]{--root-aspect-ratio: 1;--root-block-size: 100%;--root-inline-size: 1.925rem;--root-padding: 0.25em}.form-control--lg{--webkit-date-line-height: 1.387;--root-padding: 0.65em 1em}.form-control--lg[type=color]{--root-aspect-ratio: 1;--root-block-size: 100%;--root-inline-size: 3.204rem;--root-padding: 0.5em}select.form-control:not([multiple]):not([size]){background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M12,12.507l-3.816,-3.815c-0.171,-0.172 -0.45,-0.172 -0.622,-0l-0.933,0.933c-0.172,0.172 -0.172,0.451 0,0.623l5.06,5.06c0.172,0.172 0.45,0.172 0.622,0l5.06,-5.06c0.172,-0.172 0.172,-0.451 -0,-0.623l-0.933,-0.933c-0.172,-0.172 -0.451,-0.172 -0.622,-0l-3.816,3.815Z" style="fill:hsl%28205, 100%, 2%%29;"/%3e%3c/svg%3e');background-position:center right .5em;background-repeat:no-repeat;background-size:1.25em auto;padding-inline-end:2em}html[dir=rtl] select.form-control:not([multiple]):not([size]){background-position:center left .5em}.form-check{--root-border-radius: 0.45rem;--root-border-width: 1px;--root-font-size: 1.125rem;--root-font-weight: 400;--root-line-height: 1.5;--root-margin-block: 0.1em;--root-vertical-alignment: center;align-items:var(--root-vertical-alignment);display:inline-flex;gap:.5rem}.form-check--vertical-center{align-items:center}.form-check--vertical-start{align-items:flex-start}.form-check--sm{--root-border-radius: 0.35em;--root-padding: 0.1em 0.45em}.form-check--sm .form-check__control{font-size:var(--root-font-size)}.form-check--lg{--root-padding: 0.65em 1em}.form-check__control{appearance:none;background-color:var(--root-form-color-background);background-position:center;background-repeat:no-repeat;background-size:contain;block-size:1em;border:var(--root-border-width) solid var(--root-form-color-border);flex-shrink:0;font-size:var(--root-font-size);font-weight:var(--root-font-weight);inline-size:1em;line-height:1;margin-block:var(--root-margin-block);transition-duration:var(--root-duration);transition-property:border,box-shadow;transition-timing-function:var(--root-timing-function)}.form-check__control[type=radio]{border-radius:50%}.form-check__control[type=checkbox]{border-radius:var(--root-border-radius)}.form-check__control:focus-visible{outline:2px solid var(--root-form-color-check-focus-ring);outline-offset:2px}.form-check__control:checked{background-color:var(--root-form-color-check-background);border-color:var(--root-form-color-check-background)}.form-check__control:checked[type=radio]{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3ccircle cx="12" cy="12" r="6" style="fill:hsl%280, 0%, 100%%29;"/%3e%3c/svg%3e')}.form-check__control:checked[type=checkbox]{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M9.525,13.777l-2.411,-2.412c-0.234,-0.233 -0.613,-0.233 -0.846,0l-1.27,1.27c-0.233,0.233 -0.233,0.612 0,0.846l4.104,4.103c0.116,0.117 0.269,0.175 0.422,0.175l0.003,0c0.152,0 0.305,-0.058 0.421,-0.175l9.054,-9.053c0.233,-0.234 0.233,-0.613 -0,-0.846l-1.27,-1.269c-0.233,-0.234 -0.612,-0.234 -0.846,-0l-7.361,7.361Z" style="fill:hsl%280, 0%, 100%%29;"/%3e%3c/svg%3e')}.form-check__control:indeterminate[type=checkbox]{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M19.5,11.1c-0,-0.331 -0.269,-0.6 -0.6,-0.6l-13.8,0c-0.331,0 -0.6,0.269 -0.6,0.6l0,1.8c0,0.331 0.269,0.6 0.6,0.6l13.8,0c0.331,0 0.6,-0.269 0.6,-0.6l-0,-1.8Z" style="fill:hsl%280, 0%, 100%%29;"/%3e%3c/svg%3e');background-color:var(--root-form-color-check-background);border-color:var(--root-form-color-check-background)}.form-check__control:disabled,.form-check__control.disabled{background-color:var(--root-form-color-background-disabled);border-color:var(--root-form-color-border-disabled);cursor:not-allowed}.form-check__control:disabled+.form-check__label,.form-check__control.disabled+.form-check__label{opacity:.5}.form-check__label{font-weight:var(--root-font-weight);line-height:var(--root-line-height)}.form-switch{--root-border-width: 1px;--root-font-size: 1.125rem;--root-font-weight: 600;--root-line-height: 1.5;--root-margin-block: 0.15em;--root-vertical-alignment: center;align-items:var(--root-vertical-alignment);display:inline-flex;gap:.5rem}.form-switch--block{inline-size:100%;justify-content:space-between}.form-switch--vertical-center{align-items:center}.form-switch--vertical-start{align-items:flex-start}.form-switch--sm{--root-font-size: 0.938rem}.form-switch--lg{--root-font-size: clamp(1.15rem, 2vw, 1.35rem)}.form-switch__control{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3ccircle cx="12" cy="12" r="8.5" style="fill:hsl%28260, 4%, 75%%29;"/%3e%3c/svg%3e');appearance:none;background-color:var(--root-form-color-background);background-position:left center;background-repeat:no-repeat;background-size:contain;block-size:1em;border:var(--root-border-width) solid var(--root-form-color-border);border-radius:2em;flex-shrink:0;font-size:var(--root-font-size);inline-size:2em;line-height:1;margin-block:var(--root-margin-block);transition-duration:var(--root-duration);transition-property:background-position,border,box-shadow;transition-timing-function:var(--root-timing-function)}.form-switch__control:checked{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3ccircle cx="12" cy="12" r="8.5" style="fill:hsl%280, 0%, 100%%29;"/%3e%3c/svg%3e');background-color:var(--root-form-color-check-background);background-position:right center;border-color:var(--root-form-color-check-background)}.form-switch__control:disabled{background-color:var(--root-form-color-background-disabled);border-color:var(--root-form-color-border-disabled);cursor:not-allowed}.form-switch__control:disabled+.form-switch__label{opacity:.5}[dir=rtl] .form-switch__control{background-position:right center}[dir=rtl] .form-switch__control:checked{background-position:left center}.form-switch__label{font-weight:var(--root-font-weight);line-height:var(--root-line-height)}fieldset{--root-layout-gap: 1rem;--root-legend-font-size: 0.938rem;--root-legend-font-weight: 600;--root-gap: 0.5rem;border:0;margin:0;padding:0}fieldset>*{margin-block-end:0;margin-block-start:0}fieldset>*+*{margin-block-start:var(--root-layout-gap)}fieldset+fieldset{margin-block-start:3rem}legend{color:var(--root-form-color-legend);font-size:var(--root-legend-font-size);font-weight:var(--root-legend-font-weight)}.form-group-label{--root-border-radius: 0.45rem;--root-border-width: 1px;align-items:center;background-color:var(--root-form-color-group-label-background);border:var(--root-border-width) solid var(--root-form-color-border);border-radius:var(--root-border-radius);color:var(--root-form-color-group-label-foreground);display:flex;padding-inline:1rem}.form-group{--root-gap: 0.5rem;--root-row-container-inline-size: 40rem;display:flex;flex-direction:column;gap:var(--root-gap)}.form-group--horizontal-check{--root-gap: 1rem;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--root-gap)}.form-group--vertical-check{--root-gap: 1rem;align-items:start;flex-direction:column;gap:var(--root-gap)}.form-group--row{--root-container-inline-size: 38rem;--root-gap: 0.25rem 1rem;--root-label-inline-size: 10rem;--root-vertical-alignment: center;align-items:var(--root-vertical-alignment);display:grid;gap:var(--root-gap);grid-template-columns:minmax(0, 1fr)}.form-group--row\:vertical-center{align-items:center}.form-group--row\:vertical-start{align-items:flex-start}@container form-group-container (inline-size > 38rem){.form-group--row{grid-template-columns:minmax(0, var(--root-label-inline-size)) minmax(0, 1fr)}}@container form-group-container (inline-size > 38rem){.form-group--row .form-description,.form-group--row .field-feedback{grid-column-start:2}}.form-group--stacked{display:flex}.form-group--stacked>*+*{border-radius:0;margin-inline-start:-1px}.form-group--stacked>*:first-child{border-start-end-radius:0;border-start-start-radius:var(--root-border-radius);border-end-end-radius:0;border-end-start-radius:var(--root-border-radius)}.form-group--stacked>*:last-child{border-start-end-radius:var(--root-border-radius);border-start-start-radius:0;border-end-end-radius:var(--root-border-radius);border-end-start-radius:0}.form-group--stacked>*:only-child{border-radius:var(--root-border-radius)}.form-group--stacked>*:focus{z-index:2}.form-group-container{container:form-group-container/inline-size}.form-row--mixed{--inline-size: 20ch;display:flex;flex-wrap:wrap;gap:1rem}.form-row--mixed>*{flex:1 1 var(--inline-size)}.field-feedback{display:block;line-height:1.5}.field-feedback--valid{color:var(--root-alert-color-success)}.field-feedback--invalid{color:var(--root-alert-color-danger)}.form-range{--root-focus-ring-box-shadow-type: outside;--root-focus-ring-offset: 2px;--root-focus-ring-size: 2px;--root-focus-ring-type: outline;--root-thumb-block-size: 1rem;--root-thumb-border-radius: 0.5rem;--root-thumb-inline-size: 1rem;--root-track-block-size: 0.25rem;--root-track-border-radius: 0.15rem;appearance:none;margin-block-start:calc(var(--root-thumb-block-size) / 2 - var(--root-track-block-size) / 2)}.form-range:focus-visible{outline:none}.form-range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--root-form-color-range-thumb-focus-ring);outline-offset:2px}.form-range:focus-visible::-moz-range-thumb{outline:2px solid var(--root-form-color-range-thumb-focus-ring);outline-offset:2px}.form-range::-webkit-slider-runnable-track{background-color:var(--root-form-color-range-track-background);block-size:var(--root-track-block-size);border-radius:var(--root-track-border-radius)}.form-range::-moz-range-track{background-color:var(--root-form-color-range-track-background);block-size:var(--root-track-block-size);border-radius:var(--root-track-border-radius)}.form-range::-webkit-slider-thumb{appearance:none;background-color:var(--root-form-color-range-thumb-background);block-size:var(--root-thumb-block-size);border-radius:var(--root-thumb-border-radius);inline-size:var(--root-thumb-inline-size);margin-block-start:calc(var(--root-track-block-size) / 2 - var(--root-thumb-block-size) / 2)}.form-range::-moz-range-thumb{background-color:var(--root-form-color-range-thumb-background);block-size:var(--root-thumb-block-size);border:0;border-radius:var(--root-thumb-border-radius);inline-size:var(--root-thumb-inline-size)}.form-range:disabled{cursor:not-allowed;opacity:.5}.form-description{--root-font-size: 1em;--root-font-weight: 400;color:var(--root-form-color-text);display:block;font-size:var(--root-font-size);font-weight:var(--root-font-weight);line-height:var(--root-line-height-md)}:root[data-theme-mode=dark]{--root-base-color-background: hsl(240, 30%, 14%);--root-base-color-blockquote-border: hsl(211, 99%, 46%);--root-base-color-border: hsla(0, 0%, 100%, 0.04);--root-base-color-card-border: hsl(207, 90%, 13%);--root-base-color-code-background: hsl(207, 64%, 21%);--root-base-color-code-foreground: hsl(0, 0%, 95%);--root-base-color-footer-background: hsla(0, 0%, 0%, 0.15);--root-base-color-heading: hsl(0, 0%, 95%);--root-base-color-link-hover: hsl(205, 100%, 62%);--root-base-color-link: hsl(205, 100%, 56%);--root-base-color-mark-background: hsl(50, 100%, 80%);--root-base-color-mark-foreground: hsl(240, 30%, 14%);--root-base-color-marker: hsl(211, 99%, 46%);--root-base-color-primary: hsl(211, 99%, 46%);--root-base-color-primary-lightest: hsl(240, 30%, 16%);--root-base-color-secondary: hsl(160, 89%, 46%);--root-base-color-text: hsl(0, 0%, 97%)}:root[data-theme-mode=dark]{--root-breadcrumb-color-arrow: hsla(0, 0%, 100%, 0.1)}:root[data-theme-mode=dark]{--root-btn-color-dark-background: hsl(0, 0%, 100%);--root-btn-color-dark-background-hover: hsl(0, 0%, 95%);--root-btn-color-dark-foreground: hsl(205, 100%, 5%);--root-btn-color-dark-outline-border: hsla(0, 0%, 100%, 0.15);--root-btn-color-dark-outline-foreground: hsl(0, 0%, 100%);--root-btn-color-dark-outline-foreground-hover: hsl(205, 100%, 2%);--root-btn-color-dark-outline-background-hover: hsl(0, 0%, 100%);--root-btn-color-dark-outline-focus-ring: hsl(0, 0%, 100%);--root-btn-color-light-background: hsl(240, 30%, 12%);--root-btn-color-light-background-hover: hsl(211, 99%, 46%);--root-btn-color-light-focus-ring: hsl(211, 99%, 46%);--root-btn-color-light-foreground: hsl(211, 99%, 46%);--root-btn-color-light-foreground-hover: hsl(0, 0%, 100%);--root-btn-color-primary-background: hsl(211, 99%, 46%);--root-btn-color-primary-background-hover: #208bfe;--root-btn-color-primary-foreground: hsl(0, 0%, 100%);--root-btn-color-primary-shadow: #01346b;--root-btn-color-primary-outline-foreground: hsl(211, 99%, 60%);--root-btn-color-secondary-background: hsl(160, 89%, 46%);--root-btn-color-secondary-background-hover: #13f1a7;--root-btn-color-secondary-foreground: hsl(0, 0%, 95%)}:root[data-theme-mode=dark]{--root-card-color-background: hsl(240, 30%, 14%)}:root[data-theme-mode=dark]{--root-combobox-color-item-background: hsl(240, 30%, 12%);--root-combobox-color-item-foreground: hsl(211, 99%, 46%)}:root[data-theme-mode=dark]{--root-data-table-color-icon: hsla(0, 0%, 100%, 0.1)}:root[data-theme-mode=dark]{--root-form-color-background: #21213d;--root-form-color-background-disabled: hsl(240, 30%, 14%);--root-form-color-border-disabled: hsla(0, 0%, 100%, 0.04);--root-form-color-border-focus: hsl(211, 99%, 46%);--root-form-color-border: hsla(0, 0%, 100%, 0.12);--root-form-color-check-background: hsl(211, 99%, 46%);--root-form-color-check-foreground: hsl(240, 30%, 14%);--root-form-color-group-label-background: #1d1d36;--root-form-color-group-label-foreground: hsl(0, 0%, 97%);--root-form-color-invalid: hsl(0, 71%, 51%);--root-form-color-invalid-shadow: rgba(219, 41, 41, 0.25);--root-form-color-label: hsl(0, 0%, 95%);--root-form-color-legend: hsl(0, 0%, 95%);--root-form-color-placeholder: hsl(0, 0%, 90%);--root-form-color-select-foreground: hsl(0, 0%, 100%);--root-form-color-shadow-focus: rgba(1, 113, 233, 0.25);--root-form-color-text: hsl(0, 0%, 97%);--root-form-color-valid: hsl(150, 100%, 33%);--root-form-color-valid-shadow: rgba(0, 168, 84, 0.25)}:root[data-theme-mode=dark]{--root-header-color-background: hsla(240, 30%, 12%, 0.95)}:root[data-theme-mode=dark]{--root-navigation-color-arrow: hsla(0, 0%, 100%, 0.15);--root-navigation-color-icon-background: hsl(245, 38%, 10%);--root-navigation-color-icon-background-hover: hsl(211, 99%, 46%);--root-navigation-color-icon-foreground: hsl(211, 99%, 46%);--root-navigation-color-icon-foreground-hover: hsl(186, 100%, 5%)}:root[data-theme-mode=dark]{--root-main-color-background: hsl(240, 30%, 13%)}:root[data-theme-mode=dark]{--root-media-color-background: hsl(240, 30%, 12%);--root-media-color-dropzone-background: hsla(214, 98%, 49%, 0.75);--root-media-color-dropzone-border: hsl(214, 98%, 40%);--root-media-color-icon: hsl(211, 99%, 46%)}:root[data-theme-mode=dark]{--root-modal-color-background: hsla(240, 3%, 7%, 0.9)}:root[data-theme-mode=dark]{--root-prism-color-color: hsl(217, 34%, 88%);--root-prism-color-background: hsl(245, 38%, 7%);--root-prism-color-comment: hsl(180, 9%, 55%);--root-prism-color-punctuation: hsl(276, 68%, 75%);--root-prism-color-namespace: hsl(197, 31%, 77%);--root-prism-color-deleted: hsla(1, 83%, 63%, 0.56);--root-prism-color-boolean: hsl(350, 100%, 67%);--root-prism-color-number: hsl(14, 90%, 70%);--root-prism-color-constant: hsl(221, 100%, 75%);--root-prism-color-class-name: hsl(33, 100%, 77%);--root-prism-color-regex: hsl(217, 34%, 88%)}:root[data-theme-mode=dark]{--root-table-color-border: hsla(0, 0%, 100%, 0.04);--root-table-color-caption: hsl(0, 0%, 97%);--root-table-color-heading: hsl(0, 0%, 95%);--root-table-color-hover: hsla(0, 0%, 100%, 0.02);--root-table-color-stripe: hsla(0, 0%, 100%, 0.025);--root-table-color-text: hsl(0, 0%, 97%)}:root[data-theme-mode=dark]{--root-selection-color-background: hsl(211, 99%, 46%);--root-selection-color-foreground: hsl(0, 0%, 100%)}:root[data-theme-mode=dark]{--root-search-color-icon: hsla(0, 0%, 100%, 0.25)}:root[data-theme-mode=dark]{--root-scrollbar-color-thumb-background: hsla(0, 0%, 100%, 0.15);--root-scrollbar-color-thumb-background-hover: hsla(0, 0%, 100%, 0.25);--root-scrollbar-color-track-background: hsla(0, 0%, 100%, 0.05)}:root[data-theme-mode=dark]{--root-widget-color-icon-background: #22223f}[data-theme-mode=dark]{color-scheme:dark}[data-theme-mode=dark] select.form-control:not([multiple]):not([size]),[data-theme-mode=dark] .combobox__control{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M12,12.507l-3.816,-3.815c-0.171,-0.172 -0.45,-0.172 -0.622,-0l-0.933,0.933c-0.172,0.172 -0.172,0.451 0,0.623l5.06,5.06c0.172,0.172 0.45,0.172 0.622,0l5.06,-5.06c0.172,-0.172 0.172,-0.451 -0,-0.623l-0.933,-0.933c-0.172,-0.172 -0.451,-0.172 -0.622,-0l-3.816,3.815Z" style="fill:hsl%280, 0%, 100%%29;"/%3e%3c/svg%3e')}.container{--inline-size: var(--root-container-inline-size);--gap: var(--root-container-gap);margin-inline:auto;max-inline-size:var(--inline-size);padding-inline:var(--gap)}.container--wide{--inline-size: 100%}.container--narrow{--inline-size: 50rem}.l-row{align-items:start;display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr)}@media(min-width: 32em){.l-row--column\:xs\:1{grid-template-columns:repeat(1, minmax(0, 1fr))}}@media(min-width: 32em){.l-row--column\:xs\:2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 32em){.l-row--column\:xs\:3{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(min-width: 32em){.l-row--column\:xs\:4{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(min-width: 48em){.l-row--column\:sm\:1{grid-template-columns:repeat(1, minmax(0, 1fr))}}@media(min-width: 48em){.l-row--column\:sm\:2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 48em){.l-row--column\:sm\:3{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(min-width: 48em){.l-row--column\:sm\:4{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(min-width: 64em){.l-row--column\:md\:1{grid-template-columns:repeat(1, minmax(0, 1fr))}}@media(min-width: 64em){.l-row--column\:md\:2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 64em){.l-row--column\:md\:3{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(min-width: 64em){.l-row--column\:md\:4{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(min-width: 80em){.l-row--column\:lg\:1{grid-template-columns:repeat(1, minmax(0, 1fr))}}@media(min-width: 80em){.l-row--column\:lg\:2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 80em){.l-row--column\:lg\:3{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(min-width: 80em){.l-row--column\:lg\:4{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(min-width: 90em){.l-row--column\:xl\:1{grid-template-columns:repeat(1, minmax(0, 1fr))}}@media(min-width: 90em){.l-row--column\:xl\:2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 90em){.l-row--column\:xl\:3{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(min-width: 90em){.l-row--column\:xl\:4{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(min-width: 110em){.l-row--column\:xxl\:1{grid-template-columns:repeat(1, minmax(0, 1fr))}}@media(min-width: 110em){.l-row--column\:xxl\:2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 110em){.l-row--column\:xxl\:3{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(min-width: 110em){.l-row--column\:xxl\:4{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(min-width: 80em){.l-row--sidebar{grid-template-columns:minmax(0, 1fr) minmax(0, 20rem)}}.l-row__column{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr)}.l-main{display:flex;position:relative}.l-main__sidebar{background-color:var(--root-base-color-background);display:none;inline-size:var(--root-sidebar-inline-size);inset-block:0;inset-inline:0 auto;position:fixed;z-index:20}@media(min-width: 64em){.l-main__sidebar{display:block}}.l-main__sidebar--open{display:block}.l-main__body{background-color:var(--root-main-color-background);inline-size:100%;min-block-size:100lvh}@media(min-width: 64em){.l-main__body{inline-size:calc(100% - var(--root-sidebar-inline-size));margin-inline-start:var(--root-sidebar-inline-size)}}.l-auth__inner{background-attachment:fixed;display:flex;flex-direction:column;min-block-size:100vh;text-align:center}@media(min-width: 64em){.l-auth__inner{align-items:center;flex-direction:row;text-align:start}}.l-auth__sidebar{background-image:url("/img/auth-background.png");background-position:center;background-size:cover;border-radius:2rem;margin-block-end:clamp(1.5rem, 5vw, 3rem);margin-inline:clamp(1.5rem, 5vw, 3rem);min-block-size:10rem}@media(min-width: 64em){.l-auth__sidebar{block-size:calc(100% - 2 * 3rem);inline-size:calc(50% - 3rem);inset-block:3rem;inset-inline:50% 3rem;margin:0;position:fixed}}.l-auth__form{align-items:center;block-size:100%;display:flex;flex-direction:column;gap:3rem;justify-content:center;padding-block:3rem;padding-inline:clamp(1.5rem, 5vw, 3rem)}@media(min-width: 64em){.l-auth__form{inline-size:50%;margin-inline-start:0;min-block-size:100vh}}.l-auth__logo{align-self:center;block-size:1.5rem;display:inline-flex}@media(min-width: 64em){.l-auth__logo{align-self:flex-start}}.l-auth__logo img{block-size:100%;inline-size:auto}.l-auth__footer{inline-size:100%}.l-auth__footer p{margin-block:0}.l-auth .auth-form{inline-size:100%;max-inline-size:25rem}@media(min-width: 64em){.l-auth .auth-form{padding-block-end:1.5rem}}.alert{align-items:center;border:1px solid;border-left:.4rem solid;border-radius:var(--root-border-radius-sm);display:flex;gap:1.5rem;justify-content:space-between;line-height:var(--root-line-height-md);padding:.65em 1em}.alert--danger{background-color:#fdf4f4;color:#9c1a1a}.alert--danger .alert__close{background-color:#9c1a1a;color:#fbeaea}.alert--info{background-color:#f0fbff;color:#007096}.alert--info .alert__close{background-color:#007096;color:#e1f8ff}.alert--success{background-color:#eefff6;color:#00763b}.alert--success .alert__close{background-color:#00763b;color:#dfe}.alert--warning{background-color:#fefcf4;color:#ba970b}.alert--warning .alert__close{background-color:#ba970b;color:#fefae9}[data-theme-mode=dark] .alert--danger{background-color:rgba(0,0,0,0);border-color:#9c1a1a;color:var(--root-base-color-text)}[data-theme-mode=dark] .alert--info{background-color:rgba(0,0,0,0);border-color:#007096;color:var(--root-base-color-text)}[data-theme-mode=dark] .alert--success{background-color:rgba(0,0,0,0);border-color:#00763b;color:var(--root-base-color-text)}[data-theme-mode=dark] .alert--warning{background-color:rgba(0,0,0,0);border-color:#ba970b;color:var(--root-base-color-text)}.alert__caption>*{margin-block-end:0;margin-block-start:0}.alert__caption>*+*{margin-block-start:.25rem}.alert__close{--dimension: 1.5rem;background:none;border:0;color:inherit;cursor:pointer;font:inherit;outline:inherit;padding:0;transition-duration:var(--root-duration);transition-property:all;transition-timing-function:var(--root-timing-function);align-items:center;block-size:var(--dimension);border-radius:var(--root-border-radius-sm);display:flex;flex-shrink:0;inline-size:var(--dimension);justify-content:center}.alert__close:hover,.alert__close:focus{opacity:.75}.alert__close svg{--dimension: 0.85rem;block-size:var(--dimension);inline-size:var(--dimension)}.auth-form{margin-block:auto}.auth-form>*{margin-block-end:0;margin-block-start:0}.auth-form>*+*{margin-block-start:1rem}.auth-form__title{font-weight:700}.auth-form .or-separator{margin-block-start:1.5rem}.form-group-stacked>*,.social-logins>*{margin-block-end:0;margin-block-start:0}.form-group-stacked>*+*,.social-logins>*+*{margin-block-start:1rem}.form-label--space-between{display:flex;justify-content:space-between}.trending{align-items:center;border-radius:2rem;display:inline-flex;font-family:var(--root-font-family-heading);font-size:var(--root-font-size-sm);font-weight:600;gap:.25rem;line-height:1;padding:.35em .55em}.trending--up{background:#dbffed;color:#008241}.trending--down{background:#fceeee;color:#c92222}.trending__icon{--dimension: 0.95em;block-size:var(--dimension);inline-size:var(--dimension)}.status{align-items:center;display:inline-flex;gap:.5rem;line-height:1;position:relative;white-space:nowrap}.status--danger::before{background-color:var(--root-alert-color-danger)}.status--info::before{background-color:var(--root-alert-color-info)}.status--success::before{background-color:var(--root-alert-color-success)}.status--warning::before{background-color:var(--root-alert-color-warning)}.status::before{--dimension: 0.55em;block-size:var(--dimension);border-radius:50%;content:"";flex-shrink:0;inline-size:var(--dimension)}.block-navigation{position:relative;display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}.block-navigation__toggle::before{content:"";inset:0;position:absolute}.block-navigation__title{align-items:center;color:var(--root-base-color-heading);display:flex;font-size:var(--root-font-size-base);font-weight:700;justify-content:space-between;margin-block:0}.block-navigation__toggle[aria-expanded=true] svg{rotate:180deg}.block-navigation__toggle svg{pointer-events:none}.block-navigation__menu[data-state=closed]{display:none}.block-navigation__menu[data-state=open]{display:block}.block-navigation__menu ul{list-style:none;margin:0;padding:0}.block-navigation__menu a{align-items:center;color:var(--root-base-color-text);display:flex;gap:.75em;padding-block:.35em;padding-inline:.75em;position:relative;text-decoration:none}.block-navigation__menu a:hover:not([aria-current=page])::before{background-color:var(--root-base-color-primary-lightest)}.block-navigation__menu a::before{border-radius:var(--root-border-radius-sm);content:"";inset-block:0;inset-inline:0;position:absolute;z-index:-1}.block-navigation__menu a[aria-current=page]{color:#fff}.block-navigation__menu a[aria-current=page]::before{background-color:var(--root-base-color-primary)}.block-navigation__menu a[aria-current=page] svg{color:#fff}.block-navigation__menu a svg{--dimension: 1.15em;block-size:var(--dimension);color:var(--root-base-color-primary);inline-size:var(--dimension)}.block-navigation__menu--breakout a{padding-block:.35em;padding-inline:0}.block-navigation__menu--breakout a::before{inset-inline:-0.75rem -0.35em}.breadcrumb-list{list-style:none;margin:0;padding:0;align-items:center;display:flex;max-inline-size:100%;overflow-x:auto;white-space:nowrap}.breadcrumb-list>li{align-items:center;display:inline-flex;margin-block:0}.breadcrumb-list>li+li::before{block-size:.4em;border-block-end:2px solid var(--root-breadcrumb-color-separator);border-inline-end:2px solid var(--root-breadcrumb-color-separator);content:"";display:inline-flex;inline-size:.4em;margin-inline:.75em;transform:rotate(-45deg)}[dir=rtl] .breadcrumb-list>li+li::before{transform:rotate(45deg)}.breadcrumb-list a{text-decoration:none}.breadcrumb-list [aria-current=page]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-inline-size:20ch;text-align:start}.app-card{background-color:var(--root-base-color-background);border:1px solid var(--root-base-color-border);border-radius:var(--root-border-radius-sm);box-shadow:0 0 .25rem rgba(23,101,143,.05)}.app-card:focus-within{z-index:5}.app-card--edit .app-card__header{padding-inline:1.5rem}.app-card--edit .app-card__body{padding:1.5rem}.app-card--setting .app-card__body{padding:1.5rem}.app-card--setting .app-card__body>*{margin-block-end:0;margin-block-start:0}.app-card--setting .app-card__body>*+*{margin-block-start:.75rem}.app-card--setting .app-card__content>*{margin-block-end:0;margin-block-start:0}.app-card--setting .app-card__content>*+*{margin-block-start:.5rem}.app-card--sidebar{display:grid;gap:clamp(1.5rem, 5vw, 3rem);grid-template-columns:minmax(0, 1fr);padding:1.5rem}@media(min-width: 64em){.app-card--sidebar{grid-template-columns:minmax(0, 13.5rem) minmax(0, 1fr)}}.app-card--sidebar>.app-card__body{padding:0}.app-card--sidebar>.app-card__body>*{margin-block-end:0;margin-block-start:0}.app-card--sidebar>.app-card__body>*+*{margin-block-start:1.5rem}.app-card--info{box-shadow:none}.app-card--info .app-card__header{border-block-end:0;min-block-size:0;padding-block:1.5rem 0;padding-inline:1.5rem}.app-card--info .app-card__body{padding:1.5rem}.app-card__header{align-items:center;border-block-end:1px solid var(--root-base-color-border);display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between;min-block-size:3.4rem;padding:.75rem 1rem}.app-card__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-inline-start:auto}.app-card__title{font-size:clamp(0.996625rem, 2vw + 1rem, 1.1725rem);font-weight:600;margin-block:0}.app-card__body{padding:1rem}.app-card__body--plain{align-items:center;display:flex;justify-content:space-between;padding:0}.context-menu{--inset-block-start: calc(100% + 1rem);--inline-size: 10rem;list-style:none;margin:0;padding:0;transition-duration:var(--root-duration);transition-property:all;transition-timing-function:var(--root-timing-function);background-color:var(--root-base-color-background);border:1px solid var(--root-base-color-border);border-radius:var(--root-border-radius-sm);box-shadow:0 0 .25rem rgba(23,101,143,.05);inline-size:var(--inline-size);opacity:0;position:absolute;scale:.85;visibility:hidden;z-index:10}.context-menu--inline-start{inset:var(--inset-block-start) auto auto 0}.context-menu--inline-end{inset:var(--inset-block-start) 0 auto auto}.context-menu[data-state=open]{opacity:1;scale:1;visibility:visible}.context-menu>li{display:flex;flex-direction:column}.context-menu>li+li{border-block-start:1px solid var(--root-base-color-border);margin-block-start:0}.context-menu__item{align-items:center;background:none;block-size:2.25rem;border:0;border-radius:var(--root-border-radius-sm);color:var(--root-base-color-text);display:flex;justify-content:space-between;line-height:var(--root-line-height-md);margin:.15em;padding-block:.25em;padding-inline:.6em;text-decoration:none}.context-menu__item:hover:not([aria-current=page],:has(.theme-switcher)){background-color:var(--root-base-color-primary-lightest)}.context-menu__item[aria-current=page]{color:var(--root-base-color-primary)}.data-group>*{margin-block-end:0;margin-block-start:0}.data-group>*+*{margin-block-start:.25rem}.data-group__content{overflow:hidden;text-overflow:ellipsis;white-space:inherit;color:var(--root-base-color-heading);font-family:var(--root-font-family-heading);font-weight:600;line-height:var(--root-line-height-heading)}@supports(-webkit-line-clamp: 2){.data-group__content{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2}}.data-table{overflow:hidden;position:relative}.data-table__image{--dimension: 2.25rem;block-size:var(--dimension);border-radius:50%;inline-size:var(--dimension)}.data-table__actions{align-items:center;display:flex;gap:.5rem;justify-content:end}.data-table__footer{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-block:1.5rem 1rem}.data-table__footer-column{display:flex;flex-wrap:wrap;gap:1rem}.data-table__footer-column>*{margin-block:0}.data-table-alert{border-width:1px;flex-wrap:wrap;gap:.5rem 1rem;padding-inline-end:.65em}.data-table-alert__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}.data-table-alert__actions .form-control{inline-size:auto}.data-table-alert__column{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.data-table-filter{position:relative}.data-table-filter__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.data-table-filter .context-menu{--inline-size: 16rem;padding:1rem}.sort-btn{background:none;border:0;color:inherit;cursor:pointer;font:inherit;outline:inherit;padding:0;align-items:center;display:flex;gap:.5rem;white-space:nowrap}.sort-btn svg{--dimension: 0.85em;block-size:var(--dimension);color:var(--root-data-table-color-icon);inline-size:var(--dimension)}.data-table-deleted{color:var(--root-alert-color-danger)}.btn-dropdown{display:inline-flex;position:relative;z-index:10}.combobox{--root-border-radius: 0.45rem;--root-border-width: 1px;display:flex;flex-direction:column;gap:.5rem}.combobox__inner{position:relative}.combobox__selected-items{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.combobox__toggle{inset:0 0 0 auto;pointer-events:none;position:absolute}.combobox__reset{align-self:start}.combobox__no-results{padding-inline:.5rem}.combobox__control{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M12,12.507l-3.816,-3.815c-0.171,-0.172 -0.45,-0.172 -0.622,-0l-0.933,0.933c-0.172,0.172 -0.172,0.451 0,0.623l5.06,5.06c0.172,0.172 0.45,0.172 0.622,0l5.06,-5.06c0.172,-0.172 0.172,-0.451 -0,-0.623l-0.933,-0.933c-0.172,-0.172 -0.451,-0.172 -0.622,-0l-3.816,3.815Z" style="fill:hsl%28205, 100%, 2%%29;"/%3e%3c/svg%3e');background-position:center right .5em;background-repeat:no-repeat;background-size:1.25em auto;padding-inline-end:2em}.combobox__dropdown{background-color:var(--root-form-color-background);border:var(--root-border-width) solid var(--root-form-color-border);border-radius:var(--root-border-radius);inset:calc(100% + 0.5rem) 0 auto 0;padding:.5rem;position:absolute;z-index:5}.combobox [role=listbox]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;max-block-size:10rem;overflow-y:auto;padding-inline-end:.5rem}.combobox [role=listbox]::-webkit-scrollbar{block-size:.5rem;inline-size:.5rem}.combobox [role=listbox]::-webkit-scrollbar-thumb{background:var(--root-scrollbar-color-thumb-background);border-radius:var(--root-border-radius-sm)}.combobox [role=listbox]::-webkit-scrollbar-thumb:hover{background:var(--root-scrollbar-color-thumb-background-hover)}.combobox [role=listbox]::-webkit-scrollbar-track{background:var(--root-scrollbar-color-track-background);border-radius:var(--root-border-radius-sm)}.combobox [role=listbox]>*{margin-block-start:0}.combobox [role=option]{align-items:center;border-radius:var(--root-border-radius);display:flex;justify-content:space-between;padding-block:.25rem;padding-inline:.5rem;user-select:none}.combobox [role=option][aria-selected=true]{background-color:var(--root-btn-color-light-background);color:var(--root-btn-color-light-foreground)}.combobox [role=option]:hover,.combobox [role=option]:focus,.combobox [role=option].highlighted{background-color:var(--root-btn-color-primary-background);color:var(--root-btn-color-primary-foreground)}.combobox [role=option] svg{--dimension: 0.85em;block-size:var(--dimension);inline-size:var(--dimension)}.combobox-item{align-items:center;background-color:var(--root-combobox-color-item-background);border-radius:1em;color:var(--root-combobox-color-item-foreground);display:flex;font-size:var(--root-font-size-sm);gap:.25rem;line-height:1;padding-block:.25rem;padding-inline:.5rem .25rem}.combobox-item .btn--sm{--root-icon-padding:0.25em;--root-border-radius:1em}.editor{--root-block-size:18rem;transition-duration:var(--root-duration);transition-property:all;transition-timing-function:var(--root-timing-function);block-size:var(--root-block-size);border:1px solid var(--root-form-color-border);border-radius:var(--root-border-radius-sm);display:flex;flex-direction:column;grid-template-rows:auto 1fr;overflow:hidden}.editor:focus-within{border-color:var(--root-form-color-border-focus);box-shadow:0 0 0 .25rem var(--root-form-color-ring-focus);outline:2px solid rgba(0,0,0,0)}.editor__controls{align-items:center;border-block-end:1px solid var(--root-base-color-border);display:flex;flex-wrap:wrap;gap:.5rem 1rem;padding:.5rem}.editor__controls .form-control{inline-size:auto}.editor__group{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem}.editor__body{flex:1 1 auto;margin:.25rem;overflow-x:hidden;overflow-y:auto;padding:1rem}.editor__body::-webkit-scrollbar{block-size:.5rem;inline-size:.5rem}.editor__body::-webkit-scrollbar-thumb{background:var(--root-scrollbar-color-thumb-background);border-radius:var(--root-border-radius-sm)}.editor__body::-webkit-scrollbar-thumb:hover{background:var(--root-scrollbar-color-thumb-background-hover)}.editor__body::-webkit-scrollbar-track{background:var(--root-scrollbar-color-track-background);border-radius:var(--root-border-radius-sm)}.editor__body>[contenteditable=true]{outline:0}.editor__body>[contenteditable=true]>*{margin-block-end:0;margin-block-start:0}.editor__body>[contenteditable=true]>*+*{margin-block-start:.5rem}.file-group-container{container:file-group-container/inline-size}.file-group{--root-border-radius: 0.45rem;--root-border-width: 1px;align-items:center;border:var(--root-border-width) solid var(--root-form-color-border);border-radius:var(--root-border-radius);display:flex;gap:1.5rem;overflow:hidden;padding:1rem}@container file-group-container (inline-size < 30rem){.file-group{flex-direction:column}}.file-group:has([style*=background-image]) .file-group__remove{display:inline-flex}.file-group__preview{align-items:center;aspect-ratio:1;background-color:var(--root-base-color-primary-lightest);background-position:center;background-size:cover;border-radius:var(--root-border-radius);display:flex;flex-shrink:0;flex-wrap:wrap;inline-size:9rem;justify-content:center}@container file-group-container (inline-size < 30rem){.file-group__preview{aspect-ratio:16/9;inline-size:100%}}.file-group__preview[style*=background-image] .file-group__icon{display:none}.file-group__body{display:flex;flex-direction:column;gap:.25rem;inline-size:100%}.file-group__body>*{margin-block:0}.file-group__icon{--dimension: 2rem;block-size:var(--dimension);color:var(--root-base-color-primary);inline-size:var(--dimension)}.file-group__title{color:var(--root-base-color-heading);font-family:var(--root-font-family-heading);font-weight:700}.file-group__meta{list-style:none;padding-inline-start:0}.file-group__meta>*+*{margin-block-start:0}.file-group__action{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-start:.5rem}.file-group__remove{display:none}.file-group__input{flex:1}.file-list{--root-border-radius: 0.45rem;--root-border-width: 1px;display:flex;flex-direction:column;gap:1rem}.file-list__items{list-style:none;margin:0;padding:0;border:var(--root-border-width) solid var(--root-form-color-border);border-radius:var(--root-border-radius);padding:.5rem}.file-list__items>li+li{border-block-start:var(--root-border-width) solid var(--root-base-color-border);margin-block-start:.5rem;padding-block-start:.5rem}.file-list-item{align-items:center;display:flex;gap:1rem;justify-content:space-between}.file-list-item__icon{align-items:center;aspect-ratio:1;background-color:var(--root-media-color-background);border-radius:var(--root-border-radius-sm);display:flex;inline-size:2.5rem;justify-content:center}.file-list-item__icon svg{--size: 1rem;block-size:var(--size);color:var(--root-media-color-icon);inline-size:var(--size)}.file-list-item__column{align-items:center;display:flex;gap:1rem}.file-list-item__thumbnail{aspect-ratio:1;border-radius:var(--root-border-radius-sm);inline-size:2.5rem}.file-list-item__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-inline-size:25ch}.file-list-item__actions{align-items:center;display:flex;gap:.25rem}.repeater-container>*{margin-block-end:0;margin-block-start:0}.repeater-container>*+*{margin-block-start:1rem}.repeater{--root-border-radius: 0.45rem;--root-border-width: 1px;border:var(--root-border-width) solid var(--root-form-color-border);border-radius:var(--root-border-radius);padding:1rem}.repeater__heading{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.repeater__body{border-block-start:1px solid var(--root-base-color-border);margin-block-start:1rem;padding-block-start:1rem}.repeater__column{align-items:center;display:flex;gap:1rem}.repeater__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--root-font-size-base);margin-block:0;max-inline-size:20ch}.repeater__actions{align-items:center;display:flex;gap:.25rem}.repeater__toggle[aria-expanded=true] .vertical-line{display:none}.search-form{--root-border-radius: 0.45rem;--root-border-width: 1px;--root-font-size: 0.938rem;--root-line-height: 1.5;--root-padding: 0.5em 0.75em;transition-duration:var(--root-duration);transition-property:all;transition-timing-function:var(--root-timing-function);align-items:center;background-color:var(--root-form-color-background);border:var(--root-border-width) solid var(--root-form-color-border);border-radius:var(--root-border-radius);box-sizing:border-box;display:flex;gap:.5rem;padding:var(--root-padding)}.search-form:focus-within{border-color:var(--root-form-color-border-focus);box-shadow:0 0 0 .25rem var(--root-form-color-ring-focus);outline:2px solid rgba(0,0,0,0)}.search-form__control{border:0;background-color:rgba(0,0,0,0);color:var(--root-form-color-text);flex-grow:2;font-size:var(--root-font-size);line-height:var(--root-line-height);outline:0}.search-form__icon{color:var(--root-form-color-border);display:flex;grid-column:1/2;grid-row:1;justify-content:center}.search-form__icon svg{--dimension: 0.9rem;block-size:var(--dimension);inline-size:var(--dimension)}.search-form__helper{background-color:var(--root-btn-color-light-background);border-radius:.45rem;color:var(--root-btn-color-light-foreground);font-weight:600;justify-self:center;line-height:1;padding:.25rem .5rem;pointer-events:none}.open-search{position:relative;align-items:center;display:flex;gap:.5rem}.open-search__btn::before{content:"";inset:0;position:absolute}.open-search__icon{--dimension: 1rem;block-size:var(--dimension);color:var(--root-search-color-icon);inline-size:var(--dimension)}.or-separator{align-items:center;display:flex;font-size:var(--root-font-size-sm);gap:1rem;text-transform:uppercase}.or-separator::before,.or-separator::after{background-color:var(--root-base-color-border);block-size:1px;content:"";display:flex;inline-size:100%}.pagination__links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.pagination__links>*+*{margin-block-start:0}.pagination [aria-current=page]{background-color:var(--root-btn-color-primary-background);color:var(--root-btn-color-primary-foreground)}.preloader--circle{--color: currentColor;--border-width: 0.25em;--size: 1.5rem;--animation-duration: 1s;block-size:var(--size);inline-size:var(--size)}.preloader--circle::after{animation:rotation var(--animation-duration) linear infinite;block-size:var(--size);border:var(--border-width) solid var(--color);border-color:var(--color) rgba(0,0,0,0) var(--color) rgba(0,0,0,0);border-radius:50%;content:"";display:flex;inline-size:var(--size)}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}code[class*=language-],pre[class*=language-]{border-radius:var(--root-border-radius-lg);color:var(--root-prism-color-color);font-family:var(--root-font-family-cursive);font-size:var(--root-font-size-base);hyphens:none;line-height:1.5;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal;word-wrap:normal}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{display:grid;overflow:auto;padding:1.5rem}pre[class*=language-] code{background-color:rgba(0,0,0,0);padding:0}:not(pre)>code[class*=language-],pre[class*=language-]{background:var(--root-prism-color-background);overflow-x:auto}:not(pre)>code[class*=language-]::-webkit-scrollbar,pre[class*=language-]::-webkit-scrollbar{block-size:.5rem;inline-size:.5rem}:not(pre)>code[class*=language-]::-webkit-scrollbar-thumb,pre[class*=language-]::-webkit-scrollbar-thumb{background:var(--root-scrollbar-color-thumb-background);border-radius:var(--root-border-radius-sm)}:not(pre)>code[class*=language-]::-webkit-scrollbar-thumb:hover,pre[class*=language-]::-webkit-scrollbar-thumb:hover{background:var(--root-scrollbar-color-thumb-background-hover)}:not(pre)>code[class*=language-]::-webkit-scrollbar-track,pre[class*=language-]::-webkit-scrollbar-track{background:var(--root-scrollbar-color-track-background);border-radius:var(--root-border-radius-sm)}.token.comment,.token.prolog,.token.cdata{color:var(--root-prism-color-comment);font-style:italic}.token.punctuation{color:var(--root-prism-color-punctuation)}.namespace{color:var(--root-prism-color-namespace)}.token.deleted{color:var(--root-prism-color-deleted);font-style:italic}.token.symbol,.token.operator,.token.keyword,.token.property{color:var(--root-prism-color-namespace)}.token.tag{color:var(--root-prism-color-punctuation)}.token.boolean{color:var(--root-prism-color-boolean)}.token.number{color:var(--root-prism-color-number)}.token.constant,.token.builtin,.token.string,.token.url,.token.entity,.language-css .token.string,.style .token.string,.token.char{color:var(--root-prism-color-constant)}.token.selector,.token.function,.token.doctype{color:var(--root-prism-color-punctuation);font-style:italic}.token.attr-name,.token.inserted{color:var(--root-prism-color-constant);font-style:italic}.token.class-name,.token.atrule{color:var(--root-prism-color-class-name)}.token.regex,.token.important,.token.variable{color:var(--root-prism-color-regex)}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.range-group{display:flex;flex-direction:column;gap:.25rem}.range-group .form-label{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.range-group__inner{align-items:center;display:flex;gap:.5rem}.range-group__inner .form-range{flex-grow:1;margin-block-start:0}.range-group__inner .form-range-control{flex-shrink:0}.skip-link{inset:-50vh auto auto 1.5rem;position:fixed}.skip-link:focus{inset-block-start:1.5rem}.no-transition *{transition:none !important}.theme-switcher{color:var(--root-base-color-text);display:inline-flex;position:relative}.theme-switcher[data-theme-mode=system] .theme-switcher__system-mode{display:flex}.theme-switcher[data-theme-mode=light] .theme-switcher__light-mode{display:flex}.theme-switcher[data-theme-mode=dark] .theme-switcher__dark-mode{display:flex}.theme-switcher button{display:none}.theme-switcher button>*{pointer-events:none}.user-menu{position:relative;align-items:center;display:flex;gap:clamp(0.5rem, 1vw, 1rem);position:relative}.user-menu__toggle::before{content:"";inset:0;position:absolute}.user-menu__avatar{--dimension: 2.1rem;block-size:var(--dimension);border-radius:50%;inline-size:var(--dimension)}.user-menu__caption{display:none;flex-direction:column;font-size:var(--root-font-size-base);gap:.25rem;line-height:1}@media(min-width: 64em){.user-menu__caption{display:flex}}.user-menu__role{font-size:var(--root-font-size-sm)}.user-menu__display-name{color:var(--root-base-color-heading);font-weight:700}.user-menu__toggle{background:none;border:0;cursor:pointer;display:flex;padding:0}.user-menu__toggle svg{--dimension: 1em;block-size:var(--dimension);inline-size:var(--dimension)}.modal-backdrop{align-items:start;background-color:var(--root-modal-color-background);display:flex;inset:0;justify-content:center;overflow-y:auto;position:fixed;z-index:25}.modal{--root-inline-size:34rem;background-color:var(--root-base-color-background);border:1px solid var(--root-base-color-border);border-radius:var(--root-border-radius-sm);box-shadow:0 0 .25rem rgba(23,101,143,.05);inline-size:var(--root-inline-size);margin:1.5rem;max-inline-size:100%;outline:0;position:relative}.modal--media{display:flex;flex-direction:column;inline-size:auto;inset:0;position:fixed}.modal--media .modal__body{flex-grow:1;overflow-y:auto}.modal--media .modal__body::-webkit-scrollbar{block-size:.5rem;inline-size:.5rem}.modal--media .modal__body::-webkit-scrollbar-thumb{background:var(--root-scrollbar-color-thumb-background);border-radius:var(--root-border-radius-sm)}.modal--media .modal__body::-webkit-scrollbar-thumb:hover{background:var(--root-scrollbar-color-thumb-background-hover)}.modal--media .modal__body::-webkit-scrollbar-track{background:var(--root-scrollbar-color-track-background);border-radius:var(--root-border-radius-sm)}.modal--media .modal__header-caption{order:1}.modal--media .modal__close{order:2}@media(min-width: 64em){.modal--media .modal__close{order:3}}.modal--media .modal__filter{inline-size:100%;order:3}@media(min-width: 64em){.modal--media .modal__filter{inline-size:auto;margin-inline-start:auto;order:2}}.modal--dropzone::before{background-color:var(--root-media-color-dropzone-background);border:2px solid var(--root-media-color-dropzone-border);border-radius:var(--root-border-radius-sm);content:"";inset:0;pointer-events:none;position:absolute;z-index:2}.modal--dropzone::after{align-items:center;color:#fff;content:attr(data-dropzone);display:flex;font-size:clamp(1.5572265625rem, 2vw + 1rem, 1.83203125rem);inset:0;justify-content:center;line-height:var(--root-line-height-md);padding:1.5rem;position:absolute;text-align:center;z-index:3}.modal__header{align-items:center;border-block-end:1px solid var(--root-base-color-border);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem clamp(1rem, 5vw, 1.5rem)}.modal__header-caption>*{margin-block-end:0;margin-block-start:0}.modal__header-caption>*+*{margin-block-start:0}.modal__title{font-size:clamp(1.24578125rem, 2vw + 1rem, 1.465625rem);font-weight:600;margin-block:0}.modal__body{padding:clamp(1rem, 5vw, 1.5rem)}.modal__body>*{margin-block-end:0;margin-block-start:0}.modal__body>*+*{margin-block-start:1rem}.modal__footer{align-items:center;border-block-start:1px solid var(--root-base-color-border);display:flex;flex-wrap:wrap;gap:1rem;justify-content:end;padding:1rem clamp(1rem, 5vw, 1.5rem)}.modal__footer--space-between{justify-content:space-between}.modal__footer input{flex-grow:1;max-inline-size:25rem}.modal__filter{align-items:center;display:flex;gap:1rem;margin-inline:calc(0.5rem * -1);-ms-overflow-style:none;overflow-x:auto;padding:.5rem;scrollbar-width:none}@media(min-width: 64em){.modal__filter{margin-inline:0;overflow:initial;padding:0}}.modal__filter::-webkit-scrollbar{display:none}.modal__filter select,.modal__filter input{inline-size:auto;min-inline-size:10rem}.modal__column{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.app-notification{position:relative}.app-notification__header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.app-notification__title{font-size:clamp(0.996625rem, 2vw + 1rem, 1.1725rem);font-weight:600;margin-block:0}.app-notification__list{max-block-size:25rem;overflow-y:auto;overscroll-behavior:contain}.app-notification__list::-webkit-scrollbar{block-size:.5rem;inline-size:.5rem}.app-notification__list::-webkit-scrollbar-thumb{background:var(--root-scrollbar-color-thumb-background);border-radius:var(--root-border-radius-sm)}.app-notification__list::-webkit-scrollbar-thumb:hover{background:var(--root-scrollbar-color-thumb-background-hover)}.app-notification__list::-webkit-scrollbar-track{background:var(--root-scrollbar-color-track-background);border-radius:var(--root-border-radius-sm)}.app-notification__list>*+*{border-block-start:1px solid var(--root-base-color-border);margin-block-start:1rem;padding-block-start:1rem}.app-notification .context-menu{--inline-size: 20rem;display:flex;flex-direction:column;gap:1rem;inset:var(--inset-block-start) -4.75rem auto auto;padding:1rem}@media(min-width: 48em){.app-notification .context-menu{inset:var(--inset-block-start) 0 auto auto}}@media(min-width: 64em){.app-notification .context-menu{--inline-size: 26rem}}.notification-card{position:relative;display:flex;gap:1rem}.notification-card__link::before{content:"";inset:0;position:absolute}.notification-card--read{opacity:.5}.notification-card__icon{--size: 2.5rem;align-items:center;block-size:var(--size);border-radius:var(--root-border-radius-sm);display:flex;flex-shrink:0;inline-size:var(--size);justify-content:center}.notification-card__icon--info{background-color:#f0fbff;color:var(--root-alert-color-info)}.notification-card__icon--warning{background-color:#fefaec;color:var(--root-alert-color-warning)}.notification-card__icon--danger{background-color:#fdf4f4;color:var(--root-alert-color-danger)}.notification-card__icon--success{background-color:#ebfff5;color:var(--root-alert-color-success)}.notification-card__icon svg{--size: 1rem;block-size:var(--size);inline-size:var(--size)}.notification-card__caption{line-height:var(--root-line-height-md);padding-inline-end:1rem}.notification-card__caption>*{margin-block-end:0;margin-block-start:0}.notification-card__caption>*+*{margin-block-start:.25rem}.notification-card__title{font-size:var(--root-font-size-base)}.notification-card__link{color:var(--root-base-color-heading);text-decoration:none}.notification-card__link:hover,.notification-card__link:focus{color:var(--root-base-color-link)}.media-list{--column: 2;list-style:none;margin:0;padding:0;display:grid;gap:1.5rem;grid-template-columns:repeat(var(--column), minmax(0, 1fr))}@media(min-width: 32em){.media-list{--column: 3}}@media(min-width: 48em){.media-list{--column: 4}}@media(min-width: 64em){.media-list{--column: 6}}@media(min-width: 80em){.media-list{--column: 8}}.media-list>*+*{margin-block-start:0}.media-item{border-radius:var(--root-border-radius-lg);line-height:var(--root-line-height-md);position:relative}.media-item[aria-checked=true],.media-item:focus-visible{outline:3px solid var(--root-btn-color-primary-background);outline-offset:3px}.media-item__background{align-items:center;aspect-ratio:1;background-color:var(--root-media-color-background);border-radius:var(--root-border-radius-lg);display:flex;flex-direction:column;gap:.25rem;justify-content:center;padding:1rem}.media-item__icon{--size: 1.5rem;block-size:var(--size);color:var(--root-media-color-icon);inline-size:var(--size)}.media-item__name{overflow:hidden;text-overflow:ellipsis;white-space:inherit;max-inline-size:100%;text-align:center}@supports(-webkit-line-clamp: 2){.media-item__name{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2}}.media-item__selected{--size: 1.5rem;align-items:center;background-color:var(--root-btn-color-primary-background);block-size:var(--size);border-radius:var(--root-border-radius-sm);color:var(--root-btn-color-primary-foreground);display:flex;inline-size:var(--size);inset:.5rem .5rem auto auto;justify-content:center;position:absolute}.media-item__selected svg{--size: 1rem;block-size:var(--size);inline-size:var(--size)}.media-item .progressbar{margin-block-start:1rem}.media-item img{aspect-ratio:1;border-radius:var(--root-border-radius-lg);inline-size:100%;object-fit:cover}.search-modal{display:flex;flex-direction:column;gap:1rem}.search-results{list-style:none;margin:0;padding:0;max-block-size:20rem;overflow-y:auto;padding-inline-end:1rem}.search-results::-webkit-scrollbar{block-size:.5rem;inline-size:.5rem}.search-results::-webkit-scrollbar-thumb{background:var(--root-scrollbar-color-thumb-background);border-radius:var(--root-border-radius-sm)}.search-results::-webkit-scrollbar-thumb:hover{background:var(--root-scrollbar-color-thumb-background-hover)}.search-results::-webkit-scrollbar-track{background:var(--root-scrollbar-color-track-background);border-radius:var(--root-border-radius-sm)}.search-results>li+li{border-block-start:1px dashed var(--root-base-color-border);margin-block-start:.5rem;padding-block-start:.5rem}.search-result-item{align-items:center;color:var(--root-base-color-text);display:flex;flex-wrap:wrap;gap:.5rem;text-decoration:none}.search-result-item__icon{--size: 1em;block-size:var(--size);color:var(--root-base-color-primary);inline-size:var(--size)}.app-widget{align-items:center;background-color:var(--root-base-color-background);border:1px solid var(--root-base-color-border);border-radius:var(--root-border-radius-sm);box-shadow:0 0 .25rem rgba(23,101,143,.05);display:flex;justify-content:space-between}.app-widget--primary{background-color:var(--root-base-color-primary);border:0}.app-widget--primary .app-widget__title,.app-widget--primary .app-widget__data{color:#fff}.app-widget--secondary{background-color:var(--root-base-color-primary);border:0}.app-widget--secondary .app-widget__title,.app-widget--secondary .app-widget__data{color:#fff}.app-widget--summary{gap:1.5rem;justify-content:start;padding:1.5rem}.app-widget--summary .app-widget__column{padding:0}.app-widget--small-data .app-widget__data{font-size:clamp(0.996625rem, 2vw + 1rem, 1.1725rem)}.app-widget__icon{--dimension: 4rem;align-items:center;background-color:var(--root-widget-color-icon-background);block-size:var(--dimension);border-radius:var(--root-border-radius-lg);color:var(--root-base-color-primary);display:flex;flex-shrink:0;inline-size:var(--dimension);justify-content:center}.app-widget__icon svg{--dimension: 1.5rem;block-size:var(--dimension);inline-size:var(--dimension)}.app-widget__title{font-size:.938rem;font-weight:600;margin-block:0}.app-widget__data-row{align-items:center;display:flex;gap:1rem}.app-widget__data{line-height:var(--root-line-height-heading);margin-block:0}.app-widget__column{align-items:start;color:var(--root-base-color-heading);display:flex;flex-direction:column;font-size:clamp(1.9465332031rem, 2vw + 1rem, 2.2900390625rem);font-weight:700;line-height:var(--root-line-height-heading);padding:1.5rem}.app-widget__column .app-widget__trending{margin-block-start:.25rem}.app-widget__chart{max-inline-size:65%}.app-widget__chart foreignObject{padding-block:1rem}.app-sidebar{block-size:100%;border-inline-end:1px solid var(--root-base-color-border);display:flex;flex-direction:column;gap:1.5rem;padding-block:0 1.5rem}.app-sidebar__logo{block-size:1.25rem;display:inline-flex}.app-sidebar__search{display:none}@media(min-width: 64em){.app-sidebar__search{display:flex}}.app-sidebar__header{align-items:center;block-size:var(--root-header-block-size);border-block-end:1px solid var(--root-base-color-border);display:flex;flex-shrink:0;justify-content:space-between;margin-inline:1.5rem}.app-sidebar__body{flex-grow:1;margin-inline:calc(1.5rem / 2);overflow-y:auto;padding-inline:calc(1.5rem / 2)}.app-sidebar__body::-webkit-scrollbar{block-size:.5rem;inline-size:.5rem}.app-sidebar__body::-webkit-scrollbar-thumb{background:var(--root-scrollbar-color-thumb-background);border-radius:.15em}.app-sidebar__body::-webkit-scrollbar-thumb:hover{background:var(--root-scrollbar-color-thumb-background-hover)}.app-sidebar__body::-webkit-scrollbar-track{background:var(--root-scrollbar-color-track-background);border-radius:.15em}.app-sidebar__body>*+*{border-block-start:1px solid var(--root-base-color-border);margin-block-start:1rem;padding-block-start:1rem}.app-header{backdrop-filter:saturate(180%) blur(0.25rem);background-color:var(--root-header-color-background);border-block-end:1px solid var(--root-base-color-border);inset-block-start:0;inset-block-start:0;position:sticky;position:sticky;z-index:15}.app-header__inner{align-items:center;block-size:var(--root-header-block-size);display:flex;flex-wrap:wrap;gap:clamp(1rem, 5vw, 3rem);justify-content:space-between;margin-inline:var(--root-container-gap)}.app-header__column{align-items:center;display:flex;flex-grow:1;gap:clamp(1rem, 5vw, 1.5rem)}.app-header__actions{align-items:center;display:flex;gap:clamp(1rem, 5vw, 1.5rem)}.app-header__actions--secondary{gap:1rem}.app-header__logo{block-size:1.25rem;display:inline-flex}@media(min-width: 64em){.app-header__logo{display:none}}.app-header__breadcrumb{display:none}@media(min-width: 64em){.app-header__breadcrumb{display:flex}}.app-heading{padding-block:clamp(1.5rem, 5vw, 3rem)}.app-heading__inner{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;justify-content:space-between}.app-heading__inner--column{flex-direction:column}.app-heading__caption>*{margin-block-end:0;margin-block-start:0}.app-heading__caption>*+*{margin-block-start:.5rem}.app-heading__title{font-weight:700}.app-heading__description{align-items:center;display:flex;flex-wrap:wrap;font-size:1rem;gap:.5rem 1.5rem}.app-heading__description>*{margin-block-end:0;margin-block-start:0}.app-heading__description>*+*{margin-block-start:.25rem}.app-heading__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:end}.app-body{display:flex;flex-direction:column;gap:1.5rem}.app-actions{justify-content:space-between}@media(min-width: 80em){.app-actions--sidebar{margin-inline-end:calc(20rem + 1.5rem)}}.app-actions,.app-actions__column{display:flex;flex-wrap:wrap;gap:1.5rem}.app-footer{padding-block:clamp(1.5rem, 5vw, 3rem);text-align:center}.app-footer__created-with{margin-block:0}.btn--light{background-color:var(--root-btn-color-light-background);border-color:var(--root-btn-color-light-background);color:var(--root-btn-color-light-foreground)}.btn--light:focus-visible{outline:2px solid var(--root-btn-color-light-focus-ring);outline-offset:2px}.btn--light:hover{background-color:var(--root-btn-color-light-background-hover);border-color:var(--root-btn-color-light-background-hover);color:var(--root-btn-color-light-foreground-hover)}.btn--light.btn--active{background-color:var(--root-btn-color-light-background-hover);border-color:var(--root-btn-color-light-background-hover);color:var(--root-btn-color-light-foreground-hover)}.btn--delete{background-color:var(--root-btn-color-delete-background);border-color:var(--root-btn-color-delete-background);color:var(--root-btn-color-delete-foreground)}.btn--delete:focus-visible{outline:2px solid var(--root-btn-color-delete-focus-ring);outline-offset:2px}.btn--delete:hover{background-color:var(--root-btn-color-delete-background-hover);border-color:var(--root-btn-color-delete-background-hover);color:var(--root-btn-color-delete-foreground-hover)}.btn--dark{background-color:var(--root-btn-color-dark-background);border-color:var(--root-btn-color-dark-background);color:var(--root-btn-color-dark-foreground)}.btn--dark:focus-visible{outline:2px solid var(--root-btn-color-dark-background);outline-offset:2px}.btn--dark:hover{background-color:var(--root-btn-color-dark-background-hover);border-color:var(--root-btn-color-dark-background-hover);color:var(--root-btn-color-dark-foreground)}.btn--outline-dark{background-color:rgba(0,0,0,0);border-color:var(--root-btn-color-dark-outline-border);color:var(--root-btn-color-dark-outline-foreground)}.btn--outline-dark:focus-visible{outline:2px solid var(--root-btn-color-dark-outline-focus-ring);outline-offset:2px}.btn--outline-dark:hover{background-color:var(--root-btn-color-dark-outline-background-hover);border-color:var(--root-btn-color-dark-outline-background-hover);color:var(--root-btn-color-dark-outline-foreground-hover)}.btn--counter{position:relative}.btn__counter{background-color:var(--root-alert-color-danger);border-radius:var(--root-border-radius-sm);color:var(--root-btn-color-primary-foreground);font-size:.6375rem;inset:-0.5em -0.5em auto auto;min-inline-size:1.25rem;padding:.45em;position:absolute;text-align:center}.apexcharts-legend-series{align-items:center;display:flex !important;gap:.25rem}.apexcharts-legend{display:flex;gap:1rem}.apexcharts-legend>*{margin:0 !important}.apexcharts-text,.apexcharts-legend-text{color:var(--root-base-color-text) !important;fill:var(--root-base-color-text)}.apexcharts-tooltip,.apexcharts-tooltip-title{background:var(--root-base-color-background) !important;border-color:var(--root-base-color-border) !important}.apexcharts-tooltip-title{line-height:1;padding-block:.75em !important}.apexcharts-xaxis-tick,.apexcharts-gridline,.apexcharts-grid-borders line:last-child{stroke:var(--root-base-color-border)}.form-group-stack>*{margin-block-end:0;margin-block-start:0}.form-group-stack>*+*{margin-block-start:1rem}.form-group-stack--bordered>*+*{border-block-start:1px solid var(--root-base-color-border);padding-block-start:1rem}legend{font-family:var(--root-font-family-heading)}.form-control[type=color]{--root-border-radius:clamp(1.5rem, 5vw, 3rem)}.required-marker{color:var(--root-alert-color-danger)}.progressbar{display:flex;flex-direction:column;gap:.5rem;inline-size:100%}.progressbar__inner{background-color:var(--root-form-color-background);block-size:.5rem;border-radius:var(--root-border-radius-sm);box-shadow:inset 0 0 0 1px var(--root-form-color-border);position:relative}.progressbar__indicator{background-color:var(--root-base-color-primary);block-size:100%;border-radius:var(--root-border-radius-sm);inset:0 auto 0 0;position:absolute}.progressbar__indicator:not([style*=inline-size]){animation:1s progress infinite linear alternate;inline-size:20%}.progressbar__caption{text-align:center}@keyframes progress{0%{inset-inline-start:0%}100%{inset-inline-start:80%}}@media(min-width: 32em){.display--flex\:xs{display:flex !important}}@media(min-width: 48em){.display--flex\:sm{display:flex !important}}@media(min-width: 64em){.display--flex\:md{display:flex !important}}@media(min-width: 80em){.display--flex\:lg{display:flex !important}}@media(min-width: 90em){.display--flex\:xl{display:flex !important}}@media(min-width: 110em){.display--flex\:xxl{display:flex !important}}@media(min-width: 32em){.display--none\:xs{display:none !important}}@media(min-width: 48em){.display--none\:sm{display:none !important}}@media(min-width: 64em){.display--none\:md{display:none !important}}@media(min-width: 80em){.display--none\:lg{display:none !important}}@media(min-width: 90em){.display--none\:xl{display:none !important}}@media(min-width: 110em){.display--none\:xxl{display:none !important}}.m-block\:0{margin-block:0 !important}:root{--root-sidebar-inline-size:20rem;--root-header-block-size:4.5rem;--root-container-gap:clamp(1.5rem, 5vw, 3rem)}[x-cloak]{visibility:hidden !important}
+@font-face{font-display:swap;font-family:"Manrope";font-style:normal;font-weight:400;src:url("../../font/manrope-v14-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Manrope";font-style:normal;font-weight:500;src:url("../../font/manrope-v14-latin-500.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Manrope";font-style:normal;font-weight:600;src:url("../../font/manrope-v14-latin-600.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Manrope";font-style:normal;font-weight:700;src:url("../../font/manrope-v14-latin-800.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Open Sans";font-style:normal;font-weight:400;src:url("../../font/open-sans-v35-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Open Sans";font-style:normal;font-weight:700;src:url("../../font/open-sans-v35-latin-700.woff2") format("woff2")}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;block-size:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-inline-size:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{block-size:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--root-alert-color-danger: hsl(0, 71%, 51%);--root-alert-color-info: hsl(195, 100%, 42%);--root-alert-color-success: hsl(150, 100%, 33%);--root-alert-color-warning: hsl(48, 89%, 55%)}:root{--root-base-color-background: hsl(0, 0%, 100%);--root-base-color-blockquote-border: hsl(214, 98%, 49%);--root-base-color-border: hsl(215, 100%, 96%);--root-base-color-code-background: #f0f6ff;--root-base-color-code-foreground: hsl(205, 100%, 2%);--root-base-color-heading: hsl(205, 100%, 2%);--root-base-color-link: hsl(214, 98%, 49%);--root-base-color-link-hover: #0257c6;--root-base-color-mark-background: hsl(50, 100%, 80%);--root-base-color-mark-foreground: hsl(205, 100%, 2%);--root-base-color-marker: hsl(214, 98%, 49%);--root-base-color-primary: hsl(214, 98%, 49%);--root-base-color-secondary: hsl(160, 89%, 46%);--root-base-color-text: hsl(208, 9%, 42%);--root-base-color-primary-lightest: hsl(210, 60%, 98%)}:root{--root-btn-color-primary-background: hsl(214, 98%, 49%);--root-btn-color-primary-background-hover: #0256c5;--root-btn-color-primary-foreground: hsl(0, 0%, 100%);--root-btn-color-primary-shadow: #aed1fe;--root-btn-color-secondary-background: hsl(160, 89%, 46%);--root-btn-color-secondary-background-hover: #0aae77;--root-btn-color-secondary-foreground: hsl(0, 0%, 100%);--root-btn-color-secondary-shadow: #a3fadd;--root-btn-color-dark-background: hsl(205, 100%, 2%);--root-btn-color-dark-background-hover: hsl(205, 100%, 5%);--root-btn-color-dark-foreground: hsl(0, 0%, 100%);--root-btn-color-dark-outline-border: hsl(260, 4%, 70%);--root-btn-color-dark-outline-foreground: hsl(205, 100%, 2%);--root-btn-color-dark-outline-foreground-hover: hsl(0, 0%, 100%);--root-btn-color-dark-outline-background-hover: hsl(205, 100%, 2%);--root-btn-color-dark-outline-focus-ring: hsl(205, 100%, 2%);--root-btn-color-light-background: hsl(210, 60%, 98%);--root-btn-color-light-background-hover: hsl(214, 98%, 49%);--root-btn-color-light-focus-ring: hsl(214, 98%, 49%);--root-btn-color-light-foreground: hsl(214, 98%, 49%);--root-btn-color-light-foreground-hover: hsl(0, 0%, 100%);--root-btn-color-delete-background: #fceeee;--root-btn-color-delete-background-hover: hsl(0, 71%, 51%);--root-btn-color-delete-focus-ring: hsl(0, 71%, 51%);--root-btn-color-delete-foreground: hsl(0, 71%, 51%);--root-btn-color-delete-foreground-hover: hsl(0, 0%, 100%);--root-btn-color-primary-outline-foreground: hsl(214, 98%, 49%)}:root{--root-form-color-background: hsl(0, 0%, 100%);--root-form-color-background-disabled: hsl(0, 0%, 95%);--root-form-color-border: hsl(260, 4%, 75%);--root-form-color-border-disabled: hsl(215, 63%, 93%);--root-form-color-border-focus: hsl(214, 98%, 49%);--root-form-color-check-background: hsl(214, 98%, 49%);--root-form-color-check-focus-ring: hsl(214, 98%, 49%);--root-form-color-check-foreground: hsl(0, 0%, 100%);--root-form-color-group-label-background: hsl(210, 60%, 98%);--root-form-color-group-label-foreground: hsl(208, 9%, 42%);--root-form-color-invalid: hsl(0, 71%, 51%);--root-form-color-invalid-focus-ring: rgba(219, 41, 41, 0.25);--root-form-color-label: hsl(205, 100%, 2%);--root-form-color-legend: hsl(205, 100%, 2%);--root-form-color-placeholder: hsl(208, 7%, 40%);--root-form-color-range-thumb-background: hsl(214, 98%, 49%);--root-form-color-range-thumb-focus-ring: hsl(214, 98%, 49%);--root-form-color-range-track-background: hsl(215, 63%, 93%);--root-form-color-ring-focus: rgba(2, 109, 247, 0.25);--root-form-color-select-foreground: hsl(205, 100%, 2%);--root-form-color-text: hsl(208, 9%, 42%);--root-form-color-valid: hsl(150, 100%, 33%);--root-form-color-valid-focus-ring: rgba(0, 168, 84, 0.25)}:root{--root-selection-color-foreground: hsl(0, 0%, 100%);--root-selection-color-background: hsl(214, 98%, 49%)}:root{--root-scrollbar-color-thumb-background: hsla(0, 0%, 0%, 0.15);--root-scrollbar-color-thumb-background-hover: hsla(0, 0%, 0%, 0.25);--root-scrollbar-color-track-background: hsla(0, 0%, 0%, 0.05)}:root{--root-table-color-border: hsl(215, 63%, 93%);--root-table-color-caption: hsl(208, 9%, 42%);--root-table-color-heading: hsl(205, 100%, 2%);--root-table-color-hover: hsl(210, 60%, 98%);--root-table-color-stripe: hsl(210, 60%, 98%);--root-table-color-text: hsl(208, 9%, 42%)}:root{--root-breadcrumb-color-separator: hsl(0, 0%, 80%)}:root{--root-combobox-color-item-background: hsl(210, 60%, 98%);--root-combobox-color-item-foreground: hsl(214, 98%, 49%)}:root{--root-data-table-color-icon: hsl(0, 0%, 80%)}:root{--root-header-color-background: hsla(0, 0%, 100%, 0.95)}:root{--root-navigation-color-arrow: hsla(0, 0%, 0%, 0.15)}:root{--root-main-color-background: hsl(210, 60%, 98%)}:root{--root-media-color-background: hsl(210, 60%, 98%);--root-media-color-dropzone-background: hsla(214, 98%, 49%, 0.75);--root-media-color-dropzone-border: hsl(214, 98%, 40%);--root-media-color-icon: hsl(214, 98%, 49%)}:root{--root-modal-color-background: hsla(210, 60%, 98%, 0.9)}:root{--root-search-color-icon: hsla(229, 26%, 48%, 0.25)}:root{--root-prism-color-color: hsl(243, 14%, 29%);--root-prism-color-background: hsl(0, 0%, 98%);--root-prism-color-comment: hsl(225, 14%, 46%);--root-prism-color-punctuation: hsl(279, 50%, 53%);--root-prism-color-namespace: hsl(173, 100%, 24%);--root-prism-color-deleted: hsla(1, 83%, 63%, 0.56);--root-prism-color-boolean: hsl(0, 44%, 53%);--root-prism-color-number: hsl(315, 90%, 35%);--root-prism-color-constant: hsl(221, 57%, 52%);--root-prism-color-class-name: hsl(0, 0%, 7%);--root-prism-color-regex: hsl(1, 48%, 59%)}:root{--root-widget-color-icon-background: #f5f9ff}:root{--root-font-family-base: Open Sans, sans-serif;--root-font-family-cursive: ui-monospace, Cascadia Code, Source Code Pro, Menlo, Consolas, DejaVu Sans Mono, monospace;--root-font-family-heading: Manrope, sans-serif;--root-font-size-base: 0.938rem;--root-font-size-lead: clamp(1.15rem, 2vw, 1.35rem);--root-font-size-lg: 1.125rem;--root-font-size-ratio: 1.25;--root-font-size-sm: 0.875rem;--root-font-weight-heading: 600;--root-inline-border-radius: 0.45rem;--root-inline-padding: 0.1em 0.3em;--root-line-height-base: 1.8;--root-line-height-heading: calc(2px + 2ex + 2px);--root-line-height-lg: 1.8;--root-line-height-md: 1.5;--root-line-height-sm: 1.2;--root-border-radius-lg: 0.725rem;--root-border-radius-sm: 0.45rem;--root-container-inline-size: 84rem;--root-page-margin: 2cm;--root-hidden-elements: header, footer, aside, nav, form, iframe, [class^="aspect-ratio"]}@media(prefers-reduced-motion: no-preference){:root{--root-duration: 0.15s;--root-timing-function: ease-in-out}}.sr-only{block-size:1px !important;border:0 !important;clip:rect(0, 0, 0, 0) !important;inline-size:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important}[tabindex="-1"]:focus{outline:none !important}::selection{background-color:var(--root-selection-color-background);color:var(--root-selection-color-foreground);text-shadow:none}html{box-sizing:border-box}@media(prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}*,::before,::after{box-sizing:inherit}body{background:var(--root-base-color-background);color:var(--root-base-color-text)}a{color:var(--root-base-color-link);text-decoration:underline;transition-duration:var(--root-duration);transition-property:color;transition-timing-function:var(--root-timing-function)}a:hover{color:var(--root-base-color-link-hover)}button{color:inherit}a,button{touch-action:manipulation}hr{border:0;border-block-start:1px solid var(--root-base-color-border)}img{block-size:auto;display:block;max-inline-size:100%;user-select:none}iframe{block-size:100%;display:block;inline-size:100%}figure{margin-inline:0}figure figcaption{margin-block-start:.5rem;text-align:center}.table-responsive{--inline-size: 40rem;-webkit-overflow-scrolling:touch;overflow-x:auto}.table-responsive table{min-inline-size:var(--inline-size)}.table{--root-line-height: 1.5;--root-padding: 1rem;--root-responsive-inline-size: 40rem;border-collapse:collapse;color:var(--root-table-color-text);inline-size:100%}.table caption{color:var(--root-table-color-caption);margin-block-end:1rem}.table th,.table td{border-block-end:1px solid var(--root-table-color-border);line-height:var(--root-line-height);padding:var(--root-padding)}.table th{color:var(--root-table-color-heading);text-align:inherit;text-align:-webkit-match-parent}.table--striped>tbody>tr:nth-child(odd){background-color:var(--root-table-color-stripe)}.table--hover>tbody>tr:hover{background:var(--root-table-color-hover)}.table--clear-border th,.table--clear-border td{border:0}.table--in-line th:first-child,.table--in-line td:first-child{padding-inline-start:0}.table--in-line th:last-child,.table--in-line td:last-child{padding-inline-end:0}.table--sm{--root-padding: 0.5rem}.table--sm th,.table--sm td{padding:var(--root-padding)}.table--rounded th:first-child,.table--rounded td:first-child{border-end-start-radius:var(--root-border-radius-sm);border-start-start-radius:var(--root-border-radius-sm)}.table--rounded th:last-child,.table--rounded td:last-child{border-end-end-radius:var(--root-border-radius-sm);border-start-end-radius:var(--root-border-radius-sm)}html{-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:var(--root-font-family-base);font-size:var(--root-font-size-base);line-height:var(--root-line-height-base)}p,li,h1,h2,h3,h4,h5,h6{hyphens:auto;overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{color:var(--root-base-color-heading);font-family:var(--root-font-family-heading);font-weight:var(--root-font-weight-heading);line-height:var(--root-line-height-heading)}h1{font-size:clamp(1.9465332031rem, 2vw + 1rem, 2.2900390625rem)}h2{font-size:clamp(1.5572265625rem, 2vw + 1rem, 1.83203125rem)}h3{font-size:clamp(1.24578125rem, 2vw + 1rem, 1.465625rem)}h4{font-size:clamp(0.996625rem, 2vw + 1rem, 1.1725rem)}h5{font-size:.938rem}h6{font-size:.938rem}ul,ol{list-style-position:inside}ul>*,ol>*{margin-block-end:0;margin-block-start:0}ul>*+*,ol>*+*{margin-block-start:.25rem}ul li,ol li{list-style-position:outside}ul li::marker,ol li::marker{color:var(--root-base-color-marker)}li>ul,li>ol{margin-block-start:.25rem}dl dt{color:var(--root-base-color-heading);font-weight:bold}dl dd{margin:0}dl dd+dt{margin-block-start:1rem}.quote{border-inline-start:.5rem solid var(--root-base-color-blockquote-border);padding-inline-start:1.5rem}.quote>*{margin-block-end:0;margin-block-start:0}.quote>*+*{margin-block-start:.5rem}.quote blockquote{border-inline-start:0;padding-inline-start:0}.quote figcaption{text-align:start}blockquote{border-inline-start:.5rem solid var(--root-base-color-blockquote-border);margin-inline-start:0;padding-inline-start:1.5rem}blockquote>*{margin-block-end:0;margin-block-start:0}blockquote>*+*{margin-block-start:.5rem}abbr[title]{border-block-end:1px dotted;cursor:help;text-decoration:none}mark{background-color:var(--root-base-color-mark-background);border-radius:var(--root-inline-border-radius);color:var(--root-base-color-mark-foreground);padding:var(--root-inline-padding)}code,kbd,samp{background-color:var(--root-base-color-code-background);border-radius:var(--root-inline-border-radius);color:var(--root-base-color-code-foreground);padding:var(--root-inline-padding)}.lead{font-size:var(--root-font-size-lead)}.hidden,[hidden]{display:none !important}.h1{font-size:clamp(1.9465332031rem, 2vw + 1rem, 2.2900390625rem)}.h2{font-size:clamp(1.5572265625rem, 2vw + 1rem, 1.83203125rem)}.h3{font-size:clamp(1.24578125rem, 2vw + 1rem, 1.465625rem)}.h4{font-size:clamp(0.996625rem, 2vw + 1rem, 1.1725rem)}.h5{font-size:.938rem}.h6{font-size:.938rem}.btn{--root-border-radius: 0.45rem;--root-border-width: 1px;--root-font-family: Manrope, sans-serif;--root-font-size: 0.938rem;--root-font-weight: 600;--root-gap: 0.5rem;--root-icon-padding: 0.75em;--root-icon-size: 1em;--root-padding: 0.75em 1em;--root-shadow-size: 0.25rem;align-items:center;border-radius:var(--root-border-radius);border-style:solid;border-width:var(--root-border-width);cursor:pointer;display:inline-flex;font-family:var(--root-font-family);font-size:var(--root-font-size);font-weight:var(--root-font-weight);gap:var(--root-gap);justify-content:center;line-height:1;padding:var(--root-padding);text-align:start;text-decoration:none;transition-duration:var(--root-duration);transition-property:background-color,border-color,box-shadow,color;transition-timing-function:var(--root-timing-function)}.btn:focus{outline-color:rgba(0,0,0,0);outline-style:solid}.btn:disabled{opacity:.5;pointer-events:none}.btn--icon{padding:var(--root-icon-padding)}.btn--icon.btn--sm{padding:var(--root-icon-padding)}.btn--icon.btn--lg{padding:var(--root-icon-padding)}.btn__icon{block-size:var(--root-icon-size);flex-shrink:0;inline-size:var(--root-icon-size);pointer-events:none}.btn__icon--sm{block-size:var(--root-icon-size);inline-size:var(--root-icon-size)}.btn--sm{--root-font-size: 0.8rem;--root-gap: 0.25rem;--root-icon-padding: 0.5em;--root-icon-size: 0.8rem;--root-padding: 0.5em 0.75em;font-size:var(--root-font-size);gap:var(--root-gap);padding:var(--root-padding)}.btn--lg{--root-font-size: 1rem;--root-gap: 0.5rem;--root-icon-padding: 0.9em;--root-padding: 0.9em 1.15em}.btn--block{inline-size:100%}.btn--primary{background-color:var(--root-btn-color-primary-background);border-color:var(--root-btn-color-primary-background);color:var(--root-btn-color-primary-foreground)}.btn--primary:focus-visible{outline:2px solid var(--root-btn-color-primary-background);outline-offset:2px}.btn--primary:hover{background-color:var(--root-btn-color-primary-background-hover);border-color:var(--root-btn-color-primary-background-hover);color:var(--root-btn-color-primary-foreground)}.btn--primary-shadow{box-shadow:0 .55em 1em -0.2em var(--root-btn-color-primary-shadow),0 .15em .35em -0.185em var(--root-btn-color-primary-shadow)}.btn--secondary{background-color:var(--root-btn-color-secondary-background);border-color:var(--root-btn-color-secondary-background);color:var(--root-btn-color-secondary-foreground)}.btn--secondary:focus-visible{outline:2px solid var(--root-btn-color-secondary-background);outline-offset:2px}.btn--secondary:hover{background-color:var(--root-btn-color-secondary-background-hover);border-color:var(--root-btn-color-secondary-background-hover);color:var(--root-btn-color-secondary-foreground)}.btn--secondary-shadow{box-shadow:0 .55em 1em -0.2em var(--root-btn-color-secondary-shadow),0 .15em .35em -0.185em var(--root-btn-color-secondary-shadow)}.btn--outline-primary{background-color:rgba(0,0,0,0);border-color:var(--root-btn-color-primary-background);color:var(--root-btn-color-primary-outline-foreground)}.btn--outline-primary:focus-visible{outline:2px solid var(--root-btn-color-primary-background);outline-offset:2px}.btn--outline-primary:hover{background-color:var(--root-btn-color-primary-background);border-color:var(--root-btn-color-primary-background);color:var(--root-btn-color-primary-foreground)}.btn--outline-secondary{background-color:rgba(0,0,0,0);border-color:var(--root-btn-color-secondary-background);color:var(--root-btn-color-secondary-background)}.btn--outline-secondary:focus-visible{outline:2px solid var(--root-btn-color-secondary-background);outline-offset:2px}.btn--outline-secondary:hover{background-color:var(--root-btn-color-secondary-background);border-color:var(--root-btn-color-secondary-background);color:var(--root-btn-color-secondary-foreground)}.form-file::file-selector-button{--root-border-radius: 0.45rem;--root-border-width: 1px;--root-font-family: Manrope, sans-serif;--root-font-size: 0.938rem;--root-font-weight: 600;--root-gap: 0.5rem;--root-icon-padding: 0.75em;--root-icon-size: 1em;--root-padding: 0.75em 1em;--root-shadow-size: 0.25rem;align-items:center;border-radius:var(--root-border-radius);border-style:solid;border-width:var(--root-border-width);cursor:pointer;display:inline-flex;font-family:var(--root-font-family);font-size:var(--root-font-size);font-weight:var(--root-font-weight);gap:var(--root-gap);justify-content:center;line-height:1;padding:var(--root-padding);text-align:start;text-decoration:none;transition-duration:var(--root-duration);transition-property:background-color,border-color,box-shadow,color;transition-timing-function:var(--root-timing-function)}.form-file:focus{outline-color:rgba(0,0,0,0);outline-style:solid}.form-file:disabled{opacity:.5;pointer-events:none}.form-file--sm::file-selector-button{--root-font-size: 0.8rem;--root-gap: 0.25rem;--root-icon-padding: 0.5em;--root-icon-size: 0.8rem;--root-padding: 0.5em 0.75em;font-size:var(--root-font-size);gap:var(--root-gap);padding:var(--root-padding)}.form-file--lg::file-selector-button{--root-font-size: 1rem;--root-gap: 0.5rem;--root-icon-padding: 0.9em;--root-padding: 0.9em 1.15em}.form-file--block::file-selector-button{inline-size:100%}.form-file{display:block}.form-file:focus{outline:revert}.form-file:focus-within::file-selector-button{background-color:var(--root-btn-color-primary-background-hover)}.form-file::file-selector-button{background-color:var(--root-btn-color-primary-background);border-color:var(--root-btn-color-primary-background);color:var(--root-btn-color-primary-foreground);margin-inline-end:1rem}.form-file::file-selector-button:hover{background-color:var(--root-btn-color-primary-background-hover);border-color:var(--root-btn-color-primary-background-hover);color:var(--root-btn-color-primary-foreground)}.form-file::file-selector-button-shadow{box-shadow:0 .55em 1em -0.2em var(--root-btn-color-primary-shadow),0 .15em .35em -0.185em var(--root-btn-color-primary-shadow)}.form-label{color:var(--root-form-color-label);font-family:Manrope, sans-serif;font-weight:600;line-height:1.5;text-align:start}.form-control{--webkit-date-line-height: 1.375;--root-border-radius: 0.45rem;--root-border-width: 1px;--root-font-size: 0.938rem;--root-line-height: 1.5;--root-padding: 0.5em 0.75em;--root-textarea-block-size: 6rem;appearance:none;background-color:var(--root-form-color-background);border:var(--root-border-width) solid var(--root-form-color-border);border-radius:var(--root-border-radius);box-sizing:border-box;color:var(--root-form-color-text);display:block;font-size:var(--root-font-size);inline-size:100%;line-height:var(--root-line-height);padding:var(--root-padding);transition-duration:var(--root-duration);transition-property:border,box-shadow;transition-timing-function:var(--root-timing-function)}.form-control::placeholder{color:var(--root-form-color-placeholder)}.form-control::-webkit-datetime-edit{line-height:var(--webkit-date-line-height)}.form-control:focus{border-color:var(--root-form-color-border-focus);box-shadow:0 0 0 .25rem var(--root-form-color-ring-focus);outline:2px solid rgba(0,0,0,0)}.form-control[type=color]{--root-aspect-ratio: 1;--root-block-size: 100%;--root-inline-size: 2.625rem;--root-padding: 0.5em;aspect-ratio:var(--root-aspect-ratio);block-size:var(--root-block-size);inline-size:var(--root-inline-size);padding:var(--root-padding)}.form-control[type=color]::-webkit-color-swatch-wrapper{padding:0}.form-control[type=color]::-moz-color-swatch{border:0;border-radius:var(--root-border-radius)}.form-control[type=color]::-webkit-color-swatch{border:0;border-radius:var(--root-border-radius)}.form-control[disabled],.form-control[disabled=true]{background-color:var(--root-form-color-background-disabled);border-color:var(--root-form-color-border-disabled);cursor:not-allowed}textarea.form-control{block-size:var(--root-textarea-block-size);min-block-size:var(--root-textarea-block-size);resize:vertical}.form-control--valid,.form-control--invalid{background-position:center right .5em;background-repeat:no-repeat;background-size:1.25em auto;padding-inline-end:2em}html[dir=rtl] .form-control--valid,html[dir=rtl] .form-control--invalid{background-position:center left .5em}.form-control--valid{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"%3e%3cpath d="M12,2c5.519,0 10,4.481 10,10c0,5.519 -4.481,10 -10,10c-5.519,0 -10,-4.481 -10,-10c0,-5.519 4.481,-10 10,-10Zm0,1.667c4.599,-0 8.333,3.734 8.333,8.333c0,4.599 -3.734,8.333 -8.333,8.333c-4.599,0 -8.333,-3.734 -8.333,-8.333c-0,-4.599 3.734,-8.333 8.333,-8.333Zm-1.476,10.182l-2.984,-2.984c-0.065,-0.065 -0.17,-0.065 -0.235,0l-0.943,0.943c-0.065,0.065 -0.065,0.171 -0,0.236l4.043,4.042c0.033,0.033 0.076,0.05 0.119,0.049c0.044,0.001 0.087,-0.016 0.12,-0.049l6.994,-6.994c0.065,-0.065 0.065,-0.17 0,-0.235l-0.943,-0.943c-0.065,-0.065 -0.17,-0.065 -0.235,-0l-5.936,5.935Z" style="fill:hsl%28150, 100%, 33%%29;"/%3e%3c/svg%3e');border-color:var(--root-alert-color-success)}.form-control--valid:focus{border-color:var(--root-form-color-valid);box-shadow:0 0 0 .25rem var(--root-form-color-valid-focus-ring);outline:2px solid rgba(0,0,0,0)}.form-control--invalid{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"%3e%3cpath d="M12,2c5.519,0 10,4.481 10,10c0,5.519 -4.481,10 -10,10c-5.519,0 -10,-4.481 -10,-10c0,-5.519 4.481,-10 10,-10Zm0,1.667c4.599,-0 8.333,3.734 8.333,8.333c0,4.599 -3.734,8.333 -8.333,8.333c-4.599,0 -8.333,-3.734 -8.333,-8.333c-0,-4.599 3.734,-8.333 8.333,-8.333Zm0.813,11.649c-0,-0.081 -0.065,-0.146 -0.146,-0.146l-1.334,0c-0.081,0 -0.146,0.065 -0.146,0.146l0,1.169c0,0.08 0.065,0.146 0.146,0.146l1.334,-0c0.081,-0 0.146,-0.066 0.146,-0.146l-0,-1.169Zm-0,-7.784c-0,-0.09 -0.073,-0.163 -0.163,-0.163l-1.3,0c-0.09,0 -0.163,0.073 -0.163,0.163l0,6.351c0,0.09 0.073,0.163 0.163,0.163l1.3,-0c0.09,-0 0.163,-0.073 0.163,-0.163l-0,-6.351Z" style="fill:hsl%280, 71%, 51%%29;"/%3e%3c/svg%3e');border-color:var(--root-alert-color-danger)}.form-control--invalid:focus{border-color:var(--root-form-color-invalid);box-shadow:0 0 0 .25rem var(--root-form-color-invalid-focus-ring);outline:2px solid rgba(0,0,0,0)}.form-control--sm{--webkit-date-line-height: 1.36;--root-border-radius: 0.35em;--root-padding: 0.1em 0.45em}.form-control--sm[type=color]{--root-aspect-ratio: 1;--root-block-size: 100%;--root-inline-size: 1.925rem;--root-padding: 0.25em}.form-control--lg{--webkit-date-line-height: 1.387;--root-padding: 0.65em 1em}.form-control--lg[type=color]{--root-aspect-ratio: 1;--root-block-size: 100%;--root-inline-size: 3.204rem;--root-padding: 0.5em}select.form-control:not([multiple]):not([size]){background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M12,12.507l-3.816,-3.815c-0.171,-0.172 -0.45,-0.172 -0.622,-0l-0.933,0.933c-0.172,0.172 -0.172,0.451 0,0.623l5.06,5.06c0.172,0.172 0.45,0.172 0.622,0l5.06,-5.06c0.172,-0.172 0.172,-0.451 -0,-0.623l-0.933,-0.933c-0.172,-0.172 -0.451,-0.172 -0.622,-0l-3.816,3.815Z" style="fill:hsl%28205, 100%, 2%%29;"/%3e%3c/svg%3e');background-position:center right .5em;background-repeat:no-repeat;background-size:1.25em auto;padding-inline-end:2em}html[dir=rtl] select.form-control:not([multiple]):not([size]){background-position:center left .5em}.form-check{--root-border-radius: 0.45rem;--root-border-width: 1px;--root-font-size: 1.125rem;--root-font-weight: 400;--root-line-height: 1.5;--root-margin-block: 0.1em;--root-vertical-alignment: center;align-items:var(--root-vertical-alignment);display:inline-flex;gap:.5rem}.form-check--vertical-center{align-items:center}.form-check--vertical-start{align-items:flex-start}.form-check--sm{--root-border-radius: 0.35em;--root-padding: 0.1em 0.45em}.form-check--sm .form-check__control{font-size:var(--root-font-size)}.form-check--lg{--root-padding: 0.65em 1em}.form-check__control{appearance:none;background-color:var(--root-form-color-background);background-position:center;background-repeat:no-repeat;background-size:contain;block-size:1em;border:var(--root-border-width) solid var(--root-form-color-border);flex-shrink:0;font-size:var(--root-font-size);font-weight:var(--root-font-weight);inline-size:1em;line-height:1;margin-block:var(--root-margin-block);transition-duration:var(--root-duration);transition-property:border,box-shadow;transition-timing-function:var(--root-timing-function)}.form-check__control[type=radio]{border-radius:50%}.form-check__control[type=checkbox]{border-radius:var(--root-border-radius)}.form-check__control:focus-visible{outline:2px solid var(--root-form-color-check-focus-ring);outline-offset:2px}.form-check__control:checked{background-color:var(--root-form-color-check-background);border-color:var(--root-form-color-check-background)}.form-check__control:checked[type=radio]{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3ccircle cx="12" cy="12" r="6" style="fill:hsl%280, 0%, 100%%29;"/%3e%3c/svg%3e')}.form-check__control:checked[type=checkbox]{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M9.525,13.777l-2.411,-2.412c-0.234,-0.233 -0.613,-0.233 -0.846,0l-1.27,1.27c-0.233,0.233 -0.233,0.612 0,0.846l4.104,4.103c0.116,0.117 0.269,0.175 0.422,0.175l0.003,0c0.152,0 0.305,-0.058 0.421,-0.175l9.054,-9.053c0.233,-0.234 0.233,-0.613 -0,-0.846l-1.27,-1.269c-0.233,-0.234 -0.612,-0.234 -0.846,-0l-7.361,7.361Z" style="fill:hsl%280, 0%, 100%%29;"/%3e%3c/svg%3e')}.form-check__control:indeterminate[type=checkbox]{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M19.5,11.1c-0,-0.331 -0.269,-0.6 -0.6,-0.6l-13.8,0c-0.331,0 -0.6,0.269 -0.6,0.6l0,1.8c0,0.331 0.269,0.6 0.6,0.6l13.8,0c0.331,0 0.6,-0.269 0.6,-0.6l-0,-1.8Z" style="fill:hsl%280, 0%, 100%%29;"/%3e%3c/svg%3e');background-color:var(--root-form-color-check-background);border-color:var(--root-form-color-check-background)}.form-check__control:disabled,.form-check__control.disabled{background-color:var(--root-form-color-background-disabled);border-color:var(--root-form-color-border-disabled);cursor:not-allowed}.form-check__control:disabled+.form-check__label,.form-check__control.disabled+.form-check__label{opacity:.5}.form-check__label{font-weight:var(--root-font-weight);line-height:var(--root-line-height)}.form-switch{--root-border-width: 1px;--root-font-size: 1.125rem;--root-font-weight: 600;--root-line-height: 1.5;--root-margin-block: 0.15em;--root-vertical-alignment: center;align-items:var(--root-vertical-alignment);display:inline-flex;gap:.5rem}.form-switch--block{inline-size:100%;justify-content:space-between}.form-switch--vertical-center{align-items:center}.form-switch--vertical-start{align-items:flex-start}.form-switch--sm{--root-font-size: 0.938rem}.form-switch--lg{--root-font-size: clamp(1.15rem, 2vw, 1.35rem)}.form-switch__control{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3ccircle cx="12" cy="12" r="8.5" style="fill:hsl%28260, 4%, 75%%29;"/%3e%3c/svg%3e');appearance:none;background-color:var(--root-form-color-background);background-position:left center;background-repeat:no-repeat;background-size:contain;block-size:1em;border:var(--root-border-width) solid var(--root-form-color-border);border-radius:2em;flex-shrink:0;font-size:var(--root-font-size);inline-size:2em;line-height:1;margin-block:var(--root-margin-block);transition-duration:var(--root-duration);transition-property:background-position,border,box-shadow;transition-timing-function:var(--root-timing-function)}.form-switch__control:checked{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3ccircle cx="12" cy="12" r="8.5" style="fill:hsl%280, 0%, 100%%29;"/%3e%3c/svg%3e');background-color:var(--root-form-color-check-background);background-position:right center;border-color:var(--root-form-color-check-background)}.form-switch__control:disabled{background-color:var(--root-form-color-background-disabled);border-color:var(--root-form-color-border-disabled);cursor:not-allowed}.form-switch__control:disabled+.form-switch__label{opacity:.5}[dir=rtl] .form-switch__control{background-position:right center}[dir=rtl] .form-switch__control:checked{background-position:left center}.form-switch__label{font-weight:var(--root-font-weight);line-height:var(--root-line-height)}fieldset{--root-layout-gap: 1rem;--root-legend-font-size: 0.938rem;--root-legend-font-weight: 600;--root-gap: 0.5rem;border:0;margin:0;padding:0}fieldset>*{margin-block-end:0;margin-block-start:0}fieldset>*+*{margin-block-start:var(--root-layout-gap)}fieldset+fieldset{margin-block-start:3rem}legend{color:var(--root-form-color-legend);font-size:var(--root-legend-font-size);font-weight:var(--root-legend-font-weight)}.form-group-label{--root-border-radius: 0.45rem;--root-border-width: 1px;align-items:center;background-color:var(--root-form-color-group-label-background);border:var(--root-border-width) solid var(--root-form-color-border);border-radius:var(--root-border-radius);color:var(--root-form-color-group-label-foreground);display:flex;padding-inline:1rem}.form-group{--root-gap: 0.5rem;--root-row-container-inline-size: 40rem;display:flex;flex-direction:column;gap:var(--root-gap)}.form-group--horizontal-check{--root-gap: 1rem;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--root-gap)}.form-group--vertical-check{--root-gap: 1rem;align-items:start;flex-direction:column;gap:var(--root-gap)}.form-group--row{--root-container-inline-size: 38rem;--root-gap: 0.25rem 1rem;--root-label-inline-size: 10rem;--root-vertical-alignment: center;align-items:var(--root-vertical-alignment);display:grid;gap:var(--root-gap);grid-template-columns:minmax(0, 1fr)}.form-group--row\:vertical-center{align-items:center}.form-group--row\:vertical-start{align-items:flex-start}@container form-group-container (inline-size > 38rem){.form-group--row{grid-template-columns:minmax(0, var(--root-label-inline-size)) minmax(0, 1fr)}}@container form-group-container (inline-size > 38rem){.form-group--row .form-description,.form-group--row .field-feedback{grid-column-start:2}}.form-group--stacked{display:flex}.form-group--stacked>*+*{border-radius:0;margin-inline-start:-1px}.form-group--stacked>*:first-child{border-start-end-radius:0;border-start-start-radius:var(--root-border-radius);border-end-end-radius:0;border-end-start-radius:var(--root-border-radius)}.form-group--stacked>*:last-child{border-start-end-radius:var(--root-border-radius);border-start-start-radius:0;border-end-end-radius:var(--root-border-radius);border-end-start-radius:0}.form-group--stacked>*:only-child{border-radius:var(--root-border-radius)}.form-group--stacked>*:focus{z-index:2}.form-group-container{container:form-group-container/inline-size}.form-row--mixed{--inline-size: 20ch;display:flex;flex-wrap:wrap;gap:1rem}.form-row--mixed>*{flex:1 1 var(--inline-size)}.field-feedback{display:block;line-height:1.5}.field-feedback--valid{color:var(--root-alert-color-success)}.field-feedback--invalid{color:var(--root-alert-color-danger)}.form-range{--root-focus-ring-box-shadow-type: outside;--root-focus-ring-offset: 2px;--root-focus-ring-size: 2px;--root-focus-ring-type: outline;--root-thumb-block-size: 1rem;--root-thumb-border-radius: 0.5rem;--root-thumb-inline-size: 1rem;--root-track-block-size: 0.25rem;--root-track-border-radius: 0.15rem;appearance:none;margin-block-start:calc(var(--root-thumb-block-size) / 2 - var(--root-track-block-size) / 2)}.form-range:focus-visible{outline:none}.form-range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--root-form-color-range-thumb-focus-ring);outline-offset:2px}.form-range:focus-visible::-moz-range-thumb{outline:2px solid var(--root-form-color-range-thumb-focus-ring);outline-offset:2px}.form-range::-webkit-slider-runnable-track{background-color:var(--root-form-color-range-track-background);block-size:var(--root-track-block-size);border-radius:var(--root-track-border-radius)}.form-range::-moz-range-track{background-color:var(--root-form-color-range-track-background);block-size:var(--root-track-block-size);border-radius:var(--root-track-border-radius)}.form-range::-webkit-slider-thumb{appearance:none;background-color:var(--root-form-color-range-thumb-background);block-size:var(--root-thumb-block-size);border-radius:var(--root-thumb-border-radius);inline-size:var(--root-thumb-inline-size);margin-block-start:calc(var(--root-track-block-size) / 2 - var(--root-thumb-block-size) / 2)}.form-range::-moz-range-thumb{background-color:var(--root-form-color-range-thumb-background);block-size:var(--root-thumb-block-size);border:0;border-radius:var(--root-thumb-border-radius);inline-size:var(--root-thumb-inline-size)}.form-range:disabled{cursor:not-allowed;opacity:.5}.form-description{--root-font-size: 1em;--root-font-weight: 400;color:var(--root-form-color-text);display:block;font-size:var(--root-font-size);font-weight:var(--root-font-weight);line-height:var(--root-line-height-md)}:root[data-theme-mode=dark]{--root-base-color-background: hsl(240, 30%, 14%);--root-base-color-blockquote-border: hsl(211, 99%, 46%);--root-base-color-border: hsla(0, 0%, 100%, 0.04);--root-base-color-card-border: hsl(207, 90%, 13%);--root-base-color-code-background: hsl(207, 64%, 21%);--root-base-color-code-foreground: hsl(0, 0%, 95%);--root-base-color-footer-background: hsla(0, 0%, 0%, 0.15);--root-base-color-heading: hsl(0, 0%, 95%);--root-base-color-link-hover: hsl(205, 100%, 62%);--root-base-color-link: hsl(205, 100%, 56%);--root-base-color-mark-background: hsl(50, 100%, 80%);--root-base-color-mark-foreground: hsl(240, 30%, 14%);--root-base-color-marker: hsl(211, 99%, 46%);--root-base-color-primary: hsl(211, 99%, 46%);--root-base-color-primary-lightest: hsl(240, 30%, 16%);--root-base-color-secondary: hsl(160, 89%, 46%);--root-base-color-text: hsl(0, 0%, 97%)}:root[data-theme-mode=dark]{--root-breadcrumb-color-arrow: hsla(0, 0%, 100%, 0.1)}:root[data-theme-mode=dark]{--root-btn-color-dark-background: hsl(0, 0%, 100%);--root-btn-color-dark-background-hover: hsl(0, 0%, 95%);--root-btn-color-dark-foreground: hsl(205, 100%, 5%);--root-btn-color-dark-outline-border: hsla(0, 0%, 100%, 0.15);--root-btn-color-dark-outline-foreground: hsl(0, 0%, 100%);--root-btn-color-dark-outline-foreground-hover: hsl(205, 100%, 2%);--root-btn-color-dark-outline-background-hover: hsl(0, 0%, 100%);--root-btn-color-dark-outline-focus-ring: hsl(0, 0%, 100%);--root-btn-color-light-background: hsl(240, 30%, 12%);--root-btn-color-light-background-hover: hsl(211, 99%, 46%);--root-btn-color-light-focus-ring: hsl(211, 99%, 46%);--root-btn-color-light-foreground: hsl(211, 99%, 46%);--root-btn-color-light-foreground-hover: hsl(0, 0%, 100%);--root-btn-color-primary-background: hsl(211, 99%, 46%);--root-btn-color-primary-background-hover: #208bfe;--root-btn-color-primary-foreground: hsl(0, 0%, 100%);--root-btn-color-primary-shadow: #01346b;--root-btn-color-primary-outline-foreground: hsl(211, 99%, 60%);--root-btn-color-secondary-background: hsl(160, 89%, 46%);--root-btn-color-secondary-background-hover: #13f1a7;--root-btn-color-secondary-foreground: hsl(0, 0%, 95%)}:root[data-theme-mode=dark]{--root-card-color-background: hsl(240, 30%, 14%)}:root[data-theme-mode=dark]{--root-combobox-color-item-background: hsl(240, 30%, 12%);--root-combobox-color-item-foreground: hsl(211, 99%, 46%)}:root[data-theme-mode=dark]{--root-data-table-color-icon: hsla(0, 0%, 100%, 0.1)}:root[data-theme-mode=dark]{--root-form-color-background: #21213d;--root-form-color-background-disabled: hsl(240, 30%, 14%);--root-form-color-border-disabled: hsla(0, 0%, 100%, 0.04);--root-form-color-border-focus: hsl(211, 99%, 46%);--root-form-color-border: hsla(0, 0%, 100%, 0.12);--root-form-color-check-background: hsl(211, 99%, 46%);--root-form-color-check-foreground: hsl(240, 30%, 14%);--root-form-color-group-label-background: #1d1d36;--root-form-color-group-label-foreground: hsl(0, 0%, 97%);--root-form-color-invalid: hsl(0, 71%, 51%);--root-form-color-invalid-shadow: rgba(219, 41, 41, 0.25);--root-form-color-label: hsl(0, 0%, 95%);--root-form-color-legend: hsl(0, 0%, 95%);--root-form-color-placeholder: hsl(0, 0%, 90%);--root-form-color-select-foreground: hsl(0, 0%, 100%);--root-form-color-shadow-focus: rgba(1, 113, 233, 0.25);--root-form-color-text: hsl(0, 0%, 97%);--root-form-color-valid: hsl(150, 100%, 33%);--root-form-color-valid-shadow: rgba(0, 168, 84, 0.25)}:root[data-theme-mode=dark]{--root-header-color-background: hsla(240, 30%, 12%, 0.95)}:root[data-theme-mode=dark]{--root-navigation-color-arrow: hsla(0, 0%, 100%, 0.15);--root-navigation-color-icon-background: hsl(245, 38%, 10%);--root-navigation-color-icon-background-hover: hsl(211, 99%, 46%);--root-navigation-color-icon-foreground: hsl(211, 99%, 46%);--root-navigation-color-icon-foreground-hover: hsl(186, 100%, 5%)}:root[data-theme-mode=dark]{--root-main-color-background: hsl(240, 30%, 13%)}:root[data-theme-mode=dark]{--root-media-color-background: hsl(240, 30%, 12%);--root-media-color-dropzone-background: hsla(214, 98%, 49%, 0.75);--root-media-color-dropzone-border: hsl(214, 98%, 40%);--root-media-color-icon: hsl(211, 99%, 46%)}:root[data-theme-mode=dark]{--root-modal-color-background: hsla(240, 3%, 7%, 0.9)}:root[data-theme-mode=dark]{--root-prism-color-color: hsl(217, 34%, 88%);--root-prism-color-background: hsl(245, 38%, 7%);--root-prism-color-comment: hsl(180, 9%, 55%);--root-prism-color-punctuation: hsl(276, 68%, 75%);--root-prism-color-namespace: hsl(197, 31%, 77%);--root-prism-color-deleted: hsla(1, 83%, 63%, 0.56);--root-prism-color-boolean: hsl(350, 100%, 67%);--root-prism-color-number: hsl(14, 90%, 70%);--root-prism-color-constant: hsl(221, 100%, 75%);--root-prism-color-class-name: hsl(33, 100%, 77%);--root-prism-color-regex: hsl(217, 34%, 88%)}:root[data-theme-mode=dark]{--root-table-color-border: hsla(0, 0%, 100%, 0.04);--root-table-color-caption: hsl(0, 0%, 97%);--root-table-color-heading: hsl(0, 0%, 95%);--root-table-color-hover: hsla(0, 0%, 100%, 0.02);--root-table-color-stripe: hsla(0, 0%, 100%, 0.025);--root-table-color-text: hsl(0, 0%, 97%)}:root[data-theme-mode=dark]{--root-selection-color-background: hsl(211, 99%, 46%);--root-selection-color-foreground: hsl(0, 0%, 100%)}:root[data-theme-mode=dark]{--root-search-color-icon: hsla(0, 0%, 100%, 0.25)}:root[data-theme-mode=dark]{--root-scrollbar-color-thumb-background: hsla(0, 0%, 100%, 0.15);--root-scrollbar-color-thumb-background-hover: hsla(0, 0%, 100%, 0.25);--root-scrollbar-color-track-background: hsla(0, 0%, 100%, 0.05)}:root[data-theme-mode=dark]{--root-widget-color-icon-background: #22223f}[data-theme-mode=dark]{color-scheme:dark}[data-theme-mode=dark] select.form-control:not([multiple]):not([size]),[data-theme-mode=dark] .combobox__control{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M12,12.507l-3.816,-3.815c-0.171,-0.172 -0.45,-0.172 -0.622,-0l-0.933,0.933c-0.172,0.172 -0.172,0.451 0,0.623l5.06,5.06c0.172,0.172 0.45,0.172 0.622,0l5.06,-5.06c0.172,-0.172 0.172,-0.451 -0,-0.623l-0.933,-0.933c-0.172,-0.172 -0.451,-0.172 -0.622,-0l-3.816,3.815Z" style="fill:hsl%280, 0%, 100%%29;"/%3e%3c/svg%3e')}.container{--inline-size: var(--root-container-inline-size);--gap: var(--root-container-gap);margin-inline:auto;max-inline-size:var(--inline-size);padding-inline:var(--gap)}.container--wide{--inline-size: 100%}.container--narrow{--inline-size: 50rem}.l-row{align-items:start;display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr)}@media(min-width: 32em){.l-row--column\:xs\:1{grid-template-columns:repeat(1, minmax(0, 1fr))}}@media(min-width: 32em){.l-row--column\:xs\:2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 32em){.l-row--column\:xs\:3{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(min-width: 32em){.l-row--column\:xs\:4{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(min-width: 48em){.l-row--column\:sm\:1{grid-template-columns:repeat(1, minmax(0, 1fr))}}@media(min-width: 48em){.l-row--column\:sm\:2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 48em){.l-row--column\:sm\:3{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(min-width: 48em){.l-row--column\:sm\:4{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(min-width: 64em){.l-row--column\:md\:1{grid-template-columns:repeat(1, minmax(0, 1fr))}}@media(min-width: 64em){.l-row--column\:md\:2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 64em){.l-row--column\:md\:3{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(min-width: 64em){.l-row--column\:md\:4{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(min-width: 80em){.l-row--column\:lg\:1{grid-template-columns:repeat(1, minmax(0, 1fr))}}@media(min-width: 80em){.l-row--column\:lg\:2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 80em){.l-row--column\:lg\:3{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(min-width: 80em){.l-row--column\:lg\:4{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(min-width: 90em){.l-row--column\:xl\:1{grid-template-columns:repeat(1, minmax(0, 1fr))}}@media(min-width: 90em){.l-row--column\:xl\:2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 90em){.l-row--column\:xl\:3{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(min-width: 90em){.l-row--column\:xl\:4{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(min-width: 110em){.l-row--column\:xxl\:1{grid-template-columns:repeat(1, minmax(0, 1fr))}}@media(min-width: 110em){.l-row--column\:xxl\:2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 110em){.l-row--column\:xxl\:3{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(min-width: 110em){.l-row--column\:xxl\:4{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(min-width: 80em){.l-row--sidebar{grid-template-columns:minmax(0, 1fr) minmax(0, 20rem)}}.l-row__column{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr)}.l-main{display:flex;position:relative}.l-main__sidebar{background-color:var(--root-base-color-background);display:none;inline-size:var(--root-sidebar-inline-size);inset-block:0;inset-inline:0 auto;position:fixed;z-index:20}@media(min-width: 64em){.l-main__sidebar{display:block}}.l-main__sidebar--open{display:block}.l-main__body{background-color:var(--root-main-color-background);inline-size:100%;min-block-size:100lvh}@media(min-width: 64em){.l-main__body{inline-size:calc(100% - var(--root-sidebar-inline-size));margin-inline-start:var(--root-sidebar-inline-size)}}.l-auth__inner{background-attachment:fixed;display:flex;flex-direction:column;min-block-size:100vh;text-align:center}@media(min-width: 64em){.l-auth__inner{align-items:center;flex-direction:row;text-align:start}}.l-auth__sidebar{background-image:url("/img/auth-background.png");background-position:center;background-size:cover;border-radius:2rem;margin-block-end:clamp(1.5rem, 5vw, 3rem);margin-inline:clamp(1.5rem, 5vw, 3rem);min-block-size:10rem}@media(min-width: 64em){.l-auth__sidebar{block-size:calc(100% - 2 * 3rem);inline-size:calc(50% - 3rem);inset-block:3rem;inset-inline:50% 3rem;margin:0;position:fixed}}.l-auth__form{align-items:center;block-size:100%;display:flex;flex-direction:column;gap:3rem;justify-content:center;padding-block:3rem;padding-inline:clamp(1.5rem, 5vw, 3rem)}@media(min-width: 64em){.l-auth__form{inline-size:50%;margin-inline-start:0;min-block-size:100vh}}.l-auth__logo{align-self:center;block-size:1.5rem;display:inline-flex}@media(min-width: 64em){.l-auth__logo{align-self:flex-start}}.l-auth__logo img{block-size:100%;inline-size:auto}.l-auth__footer{inline-size:100%}.l-auth__footer p{margin-block:0}.l-auth .auth-form{inline-size:100%;max-inline-size:25rem}@media(min-width: 64em){.l-auth .auth-form{padding-block-end:1.5rem}}.alert{align-items:center;border:1px solid;border-left:.4rem solid;border-radius:var(--root-border-radius-sm);display:flex;gap:1.5rem;justify-content:space-between;line-height:var(--root-line-height-md);padding:.65em 1em}.alert--danger{background-color:#fdf4f4;color:#9c1a1a}.alert--danger .alert__close{background-color:#9c1a1a;color:#fbeaea}.alert--info{background-color:#f0fbff;color:#007096}.alert--info .alert__close{background-color:#007096;color:#e1f8ff}.alert--success{background-color:#eefff6;color:#00763b}.alert--success .alert__close{background-color:#00763b;color:#dfe}.alert--warning{background-color:#fefcf4;color:#ba970b}.alert--warning .alert__close{background-color:#ba970b;color:#fefae9}[data-theme-mode=dark] .alert--danger{background-color:rgba(0,0,0,0);border-color:#9c1a1a;color:var(--root-base-color-text)}[data-theme-mode=dark] .alert--info{background-color:rgba(0,0,0,0);border-color:#007096;color:var(--root-base-color-text)}[data-theme-mode=dark] .alert--success{background-color:rgba(0,0,0,0);border-color:#00763b;color:var(--root-base-color-text)}[data-theme-mode=dark] .alert--warning{background-color:rgba(0,0,0,0);border-color:#ba970b;color:var(--root-base-color-text)}.alert__caption>*{margin-block-end:0;margin-block-start:0}.alert__caption>*+*{margin-block-start:.25rem}.alert__close{--dimension: 1.5rem;background:none;border:0;color:inherit;cursor:pointer;font:inherit;outline:inherit;padding:0;transition-duration:var(--root-duration);transition-property:all;transition-timing-function:var(--root-timing-function);align-items:center;block-size:var(--dimension);border-radius:var(--root-border-radius-sm);display:flex;flex-shrink:0;inline-size:var(--dimension);justify-content:center}.alert__close:hover,.alert__close:focus{opacity:.75}.alert__close svg{--dimension: 0.85rem;block-size:var(--dimension);inline-size:var(--dimension)}.auth-form{margin-block:auto}.auth-form>*{margin-block-end:0;margin-block-start:0}.auth-form>*+*{margin-block-start:1rem}.auth-form__title{font-weight:700}.auth-form .or-separator{margin-block-start:1.5rem}.form-group-stacked>*,.social-logins>*{margin-block-end:0;margin-block-start:0}.form-group-stacked>*+*,.social-logins>*+*{margin-block-start:1rem}.form-label--space-between{display:flex;justify-content:space-between}.trending{align-items:center;border-radius:2rem;display:inline-flex;font-family:var(--root-font-family-heading);font-size:var(--root-font-size-sm);font-weight:600;gap:.25rem;line-height:1;padding:.35em .55em}.trending--up{background:#dbffed;color:#008241}.trending--down{background:#fceeee;color:#c92222}.trending__icon{--dimension: 0.95em;block-size:var(--dimension);inline-size:var(--dimension)}.status{align-items:center;display:inline-flex;gap:.5rem;line-height:1;position:relative;white-space:nowrap}.status--danger::before{background-color:var(--root-alert-color-danger)}.status--info::before{background-color:var(--root-alert-color-info)}.status--success::before{background-color:var(--root-alert-color-success)}.status--warning::before{background-color:var(--root-alert-color-warning)}.status::before{--dimension: 0.55em;block-size:var(--dimension);border-radius:50%;content:"";flex-shrink:0;inline-size:var(--dimension)}.block-navigation{position:relative;display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}.block-navigation__toggle::before{content:"";inset:0;position:absolute}.block-navigation__title{align-items:center;color:var(--root-base-color-heading);display:flex;font-size:var(--root-font-size-base);font-weight:700;justify-content:space-between;margin-block:0}.block-navigation__toggle[aria-expanded=true] svg{rotate:180deg}.block-navigation__toggle svg{pointer-events:none}.block-navigation__menu[data-state=closed]{display:none}.block-navigation__menu[data-state=open]{display:block}.block-navigation__menu ul{list-style:none;margin:0;padding:0}.block-navigation__menu a{align-items:center;color:var(--root-base-color-text);display:flex;gap:.75em;padding-block:.35em;padding-inline:.75em;position:relative;text-decoration:none}.block-navigation__menu a:hover:not([aria-current=page])::before{background-color:var(--root-base-color-primary-lightest)}.block-navigation__menu a::before{border-radius:var(--root-border-radius-sm);content:"";inset-block:0;inset-inline:0;position:absolute;z-index:-1}.block-navigation__menu a[aria-current=page]{color:#fff}.block-navigation__menu a[aria-current=page]::before{background-color:var(--root-base-color-primary)}.block-navigation__menu a[aria-current=page] svg{color:#fff}.block-navigation__menu a svg{--dimension: 1.15em;block-size:var(--dimension);color:var(--root-base-color-primary);inline-size:var(--dimension)}.block-navigation__menu--breakout a{padding-block:.35em;padding-inline:0}.block-navigation__menu--breakout a::before{inset-inline:-0.75rem -0.35em}.breadcrumb-list{list-style:none;margin:0;padding:0;align-items:center;display:flex;max-inline-size:100%;overflow-x:auto;white-space:nowrap}.breadcrumb-list>li{align-items:center;display:inline-flex;margin-block:0}.breadcrumb-list>li+li::before{block-size:.4em;border-block-end:2px solid var(--root-breadcrumb-color-separator);border-inline-end:2px solid var(--root-breadcrumb-color-separator);content:"";display:inline-flex;inline-size:.4em;margin-inline:.75em;transform:rotate(-45deg)}[dir=rtl] .breadcrumb-list>li+li::before{transform:rotate(45deg)}.breadcrumb-list a{text-decoration:none}.breadcrumb-list [aria-current=page]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-inline-size:20ch;text-align:start}.app-card{background-color:var(--root-base-color-background);border:1px solid var(--root-base-color-border);border-radius:var(--root-border-radius-sm);box-shadow:0 0 .25rem rgba(23,101,143,.05)}.app-card:focus-within{z-index:5}.app-card--edit .app-card__header{padding-inline:1.5rem}.app-card--edit .app-card__body{padding:1.5rem}.app-card--setting .app-card__body{padding:1.5rem}.app-card--setting .app-card__body>*{margin-block-end:0;margin-block-start:0}.app-card--setting .app-card__body>*+*{margin-block-start:.75rem}.app-card--setting .app-card__content>*{margin-block-end:0;margin-block-start:0}.app-card--setting .app-card__content>*+*{margin-block-start:.5rem}.app-card--sidebar{display:grid;gap:clamp(1.5rem, 5vw, 3rem);grid-template-columns:minmax(0, 1fr);padding:1.5rem}@media(min-width: 64em){.app-card--sidebar{grid-template-columns:minmax(0, 13.5rem) minmax(0, 1fr)}}.app-card--sidebar>.app-card__body{padding:0}.app-card--sidebar>.app-card__body>*{margin-block-end:0;margin-block-start:0}.app-card--sidebar>.app-card__body>*+*{margin-block-start:1.5rem}.app-card--info{box-shadow:none}.app-card--info .app-card__header{border-block-end:0;min-block-size:0;padding-block:1.5rem 0;padding-inline:1.5rem}.app-card--info .app-card__body{padding:1.5rem}.app-card__header{align-items:center;border-block-end:1px solid var(--root-base-color-border);display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between;min-block-size:3.4rem;padding:.75rem 1rem}.app-card__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-inline-start:auto}.app-card__title{font-size:clamp(0.996625rem, 2vw + 1rem, 1.1725rem);font-weight:600;margin-block:0}.app-card__body{padding:1rem}.app-card__body--plain{align-items:center;display:flex;justify-content:space-between;padding:0}.context-menu{--inset-block-start: calc(100% + 1rem);--inline-size: 10rem;list-style:none;margin:0;padding:0;transition-duration:var(--root-duration);transition-property:all;transition-timing-function:var(--root-timing-function);background-color:var(--root-base-color-background);border:1px solid var(--root-base-color-border);border-radius:var(--root-border-radius-sm);box-shadow:0 0 .25rem rgba(23,101,143,.05);inline-size:var(--inline-size);opacity:0;position:absolute;scale:.85;visibility:hidden;z-index:10}.context-menu--inline-start{inset:var(--inset-block-start) auto auto 0}.context-menu--inline-end{inset:var(--inset-block-start) 0 auto auto}.context-menu[data-state=open]{opacity:1;scale:1;visibility:visible}.context-menu>li{display:flex;flex-direction:column}.context-menu>li+li{border-block-start:1px solid var(--root-base-color-border);margin-block-start:0}.context-menu__item{align-items:center;background:none;block-size:2.25rem;border:0;border-radius:var(--root-border-radius-sm);color:var(--root-base-color-text);display:flex;justify-content:space-between;line-height:var(--root-line-height-md);margin:.15em;padding-block:.25em;padding-inline:.6em;text-decoration:none}.context-menu__item:hover:not([aria-current=page],:has(.theme-switcher)){background-color:var(--root-base-color-primary-lightest)}.context-menu__item[aria-current=page]{color:var(--root-base-color-primary)}.data-group>*{margin-block-end:0;margin-block-start:0}.data-group>*+*{margin-block-start:.25rem}.data-group__content{overflow:hidden;text-overflow:ellipsis;white-space:inherit;color:var(--root-base-color-heading);font-family:var(--root-font-family-heading);font-weight:600;line-height:var(--root-line-height-heading)}@supports(-webkit-line-clamp: 2){.data-group__content{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2}}.data-table{overflow:hidden;position:relative}.data-table__image{--dimension: 2.25rem;block-size:var(--dimension);border-radius:50%;inline-size:var(--dimension)}.data-table__actions{align-items:center;display:flex;gap:.5rem;justify-content:end}.data-table__footer{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-block:1.5rem 1rem}.data-table__footer-column{display:flex;flex-wrap:wrap;gap:1rem}.data-table__footer-column>*{margin-block:0}.data-table-alert{border-width:1px;flex-wrap:wrap;gap:.5rem 1rem;padding-inline-end:.65em}.data-table-alert__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}.data-table-alert__actions .form-control{inline-size:auto}.data-table-alert__column{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.data-table-filter{position:relative}.data-table-filter__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.data-table-filter .context-menu{--inline-size: 16rem;padding:1rem}.sort-btn{background:none;border:0;color:inherit;cursor:pointer;font:inherit;outline:inherit;padding:0;align-items:center;display:flex;gap:.5rem;white-space:nowrap}.sort-btn svg{--dimension: 0.85em;block-size:var(--dimension);color:var(--root-data-table-color-icon);inline-size:var(--dimension)}.data-table-deleted{color:var(--root-alert-color-danger)}.btn-dropdown{display:inline-flex;position:relative;z-index:10}.combobox{--root-border-radius: 0.45rem;--root-border-width: 1px;display:flex;flex-direction:column;gap:.5rem}.combobox__inner{position:relative}.combobox__selected-items{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.combobox__toggle{inset:0 0 0 auto;pointer-events:none;position:absolute}.combobox__reset{align-self:start}.combobox__no-results{padding-inline:.5rem}.combobox__control{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M12,12.507l-3.816,-3.815c-0.171,-0.172 -0.45,-0.172 -0.622,-0l-0.933,0.933c-0.172,0.172 -0.172,0.451 0,0.623l5.06,5.06c0.172,0.172 0.45,0.172 0.622,0l5.06,-5.06c0.172,-0.172 0.172,-0.451 -0,-0.623l-0.933,-0.933c-0.172,-0.172 -0.451,-0.172 -0.622,-0l-3.816,3.815Z" style="fill:hsl%28205, 100%, 2%%29;"/%3e%3c/svg%3e');background-position:center right .5em;background-repeat:no-repeat;background-size:1.25em auto;padding-inline-end:2em}.combobox__dropdown{background-color:var(--root-form-color-background);border:var(--root-border-width) solid var(--root-form-color-border);border-radius:var(--root-border-radius);inset:calc(100% + 0.5rem) 0 auto 0;padding:.5rem;position:absolute;z-index:5}.combobox [role=listbox]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;max-block-size:10rem;overflow-y:auto;padding-inline-end:.5rem}.combobox [role=listbox]::-webkit-scrollbar{block-size:.5rem;inline-size:.5rem}.combobox [role=listbox]::-webkit-scrollbar-thumb{background:var(--root-scrollbar-color-thumb-background);border-radius:var(--root-border-radius-sm)}.combobox [role=listbox]::-webkit-scrollbar-thumb:hover{background:var(--root-scrollbar-color-thumb-background-hover)}.combobox [role=listbox]::-webkit-scrollbar-track{background:var(--root-scrollbar-color-track-background);border-radius:var(--root-border-radius-sm)}.combobox [role=listbox]>*{margin-block-start:0}.combobox [role=option]{align-items:center;border-radius:var(--root-border-radius);display:flex;justify-content:space-between;padding-block:.25rem;padding-inline:.5rem;user-select:none}.combobox [role=option][aria-selected=true]{background-color:var(--root-btn-color-light-background);color:var(--root-btn-color-light-foreground)}.combobox [role=option]:hover,.combobox [role=option]:focus,.combobox [role=option].highlighted{background-color:var(--root-btn-color-primary-background);color:var(--root-btn-color-primary-foreground)}.combobox [role=option] svg{--dimension: 0.85em;block-size:var(--dimension);inline-size:var(--dimension)}.combobox-item{align-items:center;background-color:var(--root-combobox-color-item-background);border-radius:1em;color:var(--root-combobox-color-item-foreground);display:flex;font-size:var(--root-font-size-sm);gap:.25rem;line-height:1;padding-block:.25rem;padding-inline:.5rem .25rem}.combobox-item .btn--sm{--root-icon-padding:0.25em;--root-border-radius:1em}.editor{--root-block-size:18rem;transition-duration:var(--root-duration);transition-property:all;transition-timing-function:var(--root-timing-function);block-size:var(--root-block-size);border:1px solid var(--root-form-color-border);border-radius:var(--root-border-radius-sm);display:flex;flex-direction:column;grid-template-rows:auto 1fr;overflow:hidden}.editor:focus-within{border-color:var(--root-form-color-border-focus);box-shadow:0 0 0 .25rem var(--root-form-color-ring-focus);outline:2px solid rgba(0,0,0,0)}.editor__controls{align-items:center;border-block-end:1px solid var(--root-base-color-border);display:flex;flex-wrap:wrap;gap:.5rem 1rem;padding:.5rem}.editor__controls .form-control{inline-size:auto}.editor__group{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem}.editor__body{flex:1 1 auto;margin:.25rem;overflow-x:hidden;overflow-y:auto;padding:1rem}.editor__body::-webkit-scrollbar{block-size:.5rem;inline-size:.5rem}.editor__body::-webkit-scrollbar-thumb{background:var(--root-scrollbar-color-thumb-background);border-radius:var(--root-border-radius-sm)}.editor__body::-webkit-scrollbar-thumb:hover{background:var(--root-scrollbar-color-thumb-background-hover)}.editor__body::-webkit-scrollbar-track{background:var(--root-scrollbar-color-track-background);border-radius:var(--root-border-radius-sm)}.editor__body>[contenteditable=true]{outline:0}.editor__body>[contenteditable=true]>*{margin-block-end:0;margin-block-start:0}.editor__body>[contenteditable=true]>*+*{margin-block-start:.5rem}.file-group-container{container:file-group-container/inline-size}.file-group{--root-border-radius: 0.45rem;--root-border-width: 1px;align-items:center;border:var(--root-border-width) solid var(--root-form-color-border);border-radius:var(--root-border-radius);display:flex;gap:1.5rem;overflow:hidden;padding:1rem}@container file-group-container (inline-size < 30rem){.file-group{flex-direction:column}}.file-group:has([style*=background-image]) .file-group__remove{display:inline-flex}.file-group__preview{align-items:center;aspect-ratio:1;background-color:var(--root-base-color-primary-lightest);background-position:center;background-size:cover;border-radius:var(--root-border-radius);display:flex;flex-shrink:0;flex-wrap:wrap;inline-size:9rem;justify-content:center}@container file-group-container (inline-size < 30rem){.file-group__preview{aspect-ratio:16/9;inline-size:100%}}.file-group__preview[style*=background-image] .file-group__icon{display:none}.file-group__body{display:flex;flex-direction:column;gap:.25rem;inline-size:100%}.file-group__body>*{margin-block:0}.file-group__icon{--dimension: 2rem;block-size:var(--dimension);color:var(--root-base-color-primary);inline-size:var(--dimension)}.file-group__title{color:var(--root-base-color-heading);font-family:var(--root-font-family-heading);font-weight:700}.file-group__meta{list-style:none;padding-inline-start:0}.file-group__meta>*+*{margin-block-start:0}.file-group__action{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-start:.5rem}.file-group__remove{display:none}.file-group__input{flex:1}.file-list{--root-border-radius: 0.45rem;--root-border-width: 1px;display:flex;flex-direction:column;gap:1rem}.file-list__items{list-style:none;margin:0;padding:0;border:var(--root-border-width) solid var(--root-form-color-border);border-radius:var(--root-border-radius);padding:.5rem}.file-list__items>li+li{border-block-start:var(--root-border-width) solid var(--root-base-color-border);margin-block-start:.5rem;padding-block-start:.5rem}.file-list-item{align-items:center;display:flex;gap:1rem;justify-content:space-between}.file-list-item__icon{align-items:center;aspect-ratio:1;background-color:var(--root-media-color-background);border-radius:var(--root-border-radius-sm);display:flex;inline-size:2.5rem;justify-content:center}.file-list-item__icon svg{--size: 1rem;block-size:var(--size);color:var(--root-media-color-icon);inline-size:var(--size)}.file-list-item__column{align-items:center;display:flex;gap:1rem}.file-list-item__thumbnail{aspect-ratio:1;border-radius:var(--root-border-radius-sm);inline-size:2.5rem}.file-list-item__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-inline-size:25ch}.file-list-item__actions{align-items:center;display:flex;gap:.25rem}.repeater-container>*{margin-block-end:0;margin-block-start:0}.repeater-container>*+*{margin-block-start:1rem}.repeater{--root-border-radius: 0.45rem;--root-border-width: 1px;border:var(--root-border-width) solid var(--root-form-color-border);border-radius:var(--root-border-radius);padding:1rem}.repeater__heading{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.repeater__body{border-block-start:1px solid var(--root-base-color-border);margin-block-start:1rem;padding-block-start:1rem}.repeater__column{align-items:center;display:flex;gap:1rem}.repeater__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--root-font-size-base);margin-block:0;max-inline-size:20ch}.repeater__actions{align-items:center;display:flex;gap:.25rem}.repeater__toggle[aria-expanded=true] .vertical-line{display:none}.search-form{--root-border-radius: 0.45rem;--root-border-width: 1px;--root-font-size: 0.938rem;--root-line-height: 1.5;--root-padding: 0.5em 0.75em;transition-duration:var(--root-duration);transition-property:all;transition-timing-function:var(--root-timing-function);align-items:center;background-color:var(--root-form-color-background);border:var(--root-border-width) solid var(--root-form-color-border);border-radius:var(--root-border-radius);box-sizing:border-box;display:flex;gap:.5rem;padding:var(--root-padding)}.search-form:focus-within{border-color:var(--root-form-color-border-focus);box-shadow:0 0 0 .25rem var(--root-form-color-ring-focus);outline:2px solid rgba(0,0,0,0)}.search-form__control{background-color:rgba(0,0,0,0);border:0;color:var(--root-form-color-text);flex-grow:2;font-size:var(--root-font-size);line-height:var(--root-line-height);outline:0}.search-form__icon{color:var(--root-form-color-border);display:flex;grid-column:1/2;grid-row:1;justify-content:center}.search-form__icon svg{--dimension: 0.9rem;block-size:var(--dimension);inline-size:var(--dimension)}.search-form__helper{background-color:var(--root-btn-color-light-background);border-radius:.45rem;color:var(--root-btn-color-light-foreground);font-weight:600;justify-self:center;line-height:1;padding:.25rem .5rem;pointer-events:none}.open-search{position:relative;align-items:center;display:flex;gap:.5rem}.open-search__btn::before{content:"";inset:0;position:absolute}.open-search__icon{--dimension: 1rem;block-size:var(--dimension);color:var(--root-search-color-icon);inline-size:var(--dimension)}.or-separator{align-items:center;display:flex;font-size:var(--root-font-size-sm);gap:1rem;text-transform:uppercase}.or-separator::before,.or-separator::after{background-color:var(--root-base-color-border);block-size:1px;content:"";display:flex;inline-size:100%}.pagination__links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.pagination__links>*+*{margin-block-start:0}.pagination [aria-current=page]{background-color:var(--root-btn-color-primary-background);color:var(--root-btn-color-primary-foreground)}.preloader--circle{--color: currentColor;--border-width: 0.25em;--size: 1.5rem;--animation-duration: 1s;block-size:var(--size);inline-size:var(--size)}.preloader--circle::after{animation:rotation var(--animation-duration) linear infinite;block-size:var(--size);border:var(--border-width) solid var(--color);border-color:var(--color) rgba(0,0,0,0) var(--color) rgba(0,0,0,0);border-radius:50%;content:"";display:flex;inline-size:var(--size)}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}code[class*=language-],pre[class*=language-]{border-radius:var(--root-border-radius-lg);color:var(--root-prism-color-color);font-family:var(--root-font-family-cursive);font-size:var(--root-font-size-base);hyphens:none;line-height:1.5;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal;word-wrap:normal}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{display:grid;overflow:auto;padding:1.5rem}pre[class*=language-] code{background-color:rgba(0,0,0,0);padding:0}:not(pre)>code[class*=language-],pre[class*=language-]{background:var(--root-prism-color-background);overflow-x:auto}:not(pre)>code[class*=language-]::-webkit-scrollbar,pre[class*=language-]::-webkit-scrollbar{block-size:.5rem;inline-size:.5rem}:not(pre)>code[class*=language-]::-webkit-scrollbar-thumb,pre[class*=language-]::-webkit-scrollbar-thumb{background:var(--root-scrollbar-color-thumb-background);border-radius:var(--root-border-radius-sm)}:not(pre)>code[class*=language-]::-webkit-scrollbar-thumb:hover,pre[class*=language-]::-webkit-scrollbar-thumb:hover{background:var(--root-scrollbar-color-thumb-background-hover)}:not(pre)>code[class*=language-]::-webkit-scrollbar-track,pre[class*=language-]::-webkit-scrollbar-track{background:var(--root-scrollbar-color-track-background);border-radius:var(--root-border-radius-sm)}.token.comment,.token.prolog,.token.cdata{color:var(--root-prism-color-comment);font-style:italic}.token.punctuation{color:var(--root-prism-color-punctuation)}.namespace{color:var(--root-prism-color-namespace)}.token.deleted{color:var(--root-prism-color-deleted);font-style:italic}.token.symbol,.token.operator,.token.keyword,.token.property{color:var(--root-prism-color-namespace)}.token.tag{color:var(--root-prism-color-punctuation)}.token.boolean{color:var(--root-prism-color-boolean)}.token.number{color:var(--root-prism-color-number)}.token.constant,.token.builtin,.token.string,.token.url,.token.entity,.language-css .token.string,.style .token.string,.token.char{color:var(--root-prism-color-constant)}.token.selector,.token.function,.token.doctype{color:var(--root-prism-color-punctuation);font-style:italic}.token.attr-name,.token.inserted{color:var(--root-prism-color-constant);font-style:italic}.token.class-name,.token.atrule{color:var(--root-prism-color-class-name)}.token.regex,.token.important,.token.variable{color:var(--root-prism-color-regex)}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.range-group{display:flex;flex-direction:column;gap:.25rem}.range-group .form-label{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.range-group__inner{align-items:center;display:flex;gap:.5rem}.range-group__inner .form-range{flex-grow:1;margin-block-start:0}.range-group__inner .form-range-control{flex-shrink:0}.skip-link{inset:-50vh auto auto 1.5rem;position:fixed}.skip-link:focus{inset-block-start:1.5rem}.no-transition *{transition:none !important}.theme-switcher{color:var(--root-base-color-text);display:inline-flex;position:relative}.theme-switcher[data-theme-mode=system] .theme-switcher__system-mode{display:flex}.theme-switcher[data-theme-mode=light] .theme-switcher__light-mode{display:flex}.theme-switcher[data-theme-mode=dark] .theme-switcher__dark-mode{display:flex}.theme-switcher button{display:none}.theme-switcher button>*{pointer-events:none}.user-menu{position:relative;align-items:center;display:flex;gap:clamp(0.5rem, 1vw, 1rem);position:relative}.user-menu__toggle::before{content:"";inset:0;position:absolute}.user-menu__avatar{--dimension: 2.1rem;block-size:var(--dimension);border-radius:50%;inline-size:var(--dimension)}.user-menu__caption{display:none;flex-direction:column;font-size:var(--root-font-size-base);gap:.25rem;line-height:1}@media(min-width: 64em){.user-menu__caption{display:flex}}.user-menu__role{font-size:var(--root-font-size-sm)}.user-menu__display-name{color:var(--root-base-color-heading);font-weight:700}.user-menu__toggle{background:none;border:0;cursor:pointer;display:flex;padding:0}.user-menu__toggle svg{--dimension: 1em;block-size:var(--dimension);inline-size:var(--dimension)}.modal-backdrop{align-items:start;background-color:var(--root-modal-color-background);display:flex;inset:0;justify-content:center;overflow-y:auto;position:fixed;z-index:25}.modal{--root-inline-size:34rem;background-color:var(--root-base-color-background);border:1px solid var(--root-base-color-border);border-radius:var(--root-border-radius-sm);box-shadow:0 0 .25rem rgba(23,101,143,.05);inline-size:var(--root-inline-size);margin:1.5rem;max-inline-size:100%;outline:0;position:relative}.modal--media{display:flex;flex-direction:column;inline-size:auto;inset:0;position:fixed}.modal--media .modal__body{flex-grow:1;overflow-y:auto}.modal--media .modal__body::-webkit-scrollbar{block-size:.5rem;inline-size:.5rem}.modal--media .modal__body::-webkit-scrollbar-thumb{background:var(--root-scrollbar-color-thumb-background);border-radius:var(--root-border-radius-sm)}.modal--media .modal__body::-webkit-scrollbar-thumb:hover{background:var(--root-scrollbar-color-thumb-background-hover)}.modal--media .modal__body::-webkit-scrollbar-track{background:var(--root-scrollbar-color-track-background);border-radius:var(--root-border-radius-sm)}.modal--media .modal__header-caption{order:1}.modal--media .modal__close{order:2}@media(min-width: 64em){.modal--media .modal__close{order:3}}.modal--media .modal__filter{inline-size:100%;order:3}@media(min-width: 64em){.modal--media .modal__filter{inline-size:auto;margin-inline-start:auto;order:2}}.modal--dropzone::before{background-color:var(--root-media-color-dropzone-background);border:2px solid var(--root-media-color-dropzone-border);border-radius:var(--root-border-radius-sm);content:"";inset:0;pointer-events:none;position:absolute;z-index:2}.modal--dropzone::after{align-items:center;color:#fff;content:attr(data-dropzone);display:flex;font-size:clamp(1.5572265625rem, 2vw + 1rem, 1.83203125rem);inset:0;justify-content:center;line-height:var(--root-line-height-md);padding:1.5rem;position:absolute;text-align:center;z-index:3}.modal__header{align-items:center;border-block-end:1px solid var(--root-base-color-border);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem clamp(1rem, 5vw, 1.5rem)}.modal__header-caption>*{margin-block-end:0;margin-block-start:0}.modal__header-caption>*+*{margin-block-start:0}.modal__title{font-size:clamp(1.24578125rem, 2vw + 1rem, 1.465625rem);font-weight:600;margin-block:0}.modal__body{padding:clamp(1rem, 5vw, 1.5rem)}.modal__body>*{margin-block-end:0;margin-block-start:0}.modal__body>*+*{margin-block-start:1rem}.modal__footer{align-items:center;border-block-start:1px solid var(--root-base-color-border);display:flex;flex-wrap:wrap;gap:1rem;justify-content:end;padding:1rem clamp(1rem, 5vw, 1.5rem)}.modal__footer--space-between{justify-content:space-between}.modal__footer input{flex-grow:1;max-inline-size:25rem}.modal__filter{align-items:center;display:flex;gap:1rem;margin-inline:calc(0.5rem * -1);-ms-overflow-style:none;overflow-x:auto;padding:.5rem;scrollbar-width:none}@media(min-width: 64em){.modal__filter{margin-inline:0;overflow:initial;padding:0}}.modal__filter::-webkit-scrollbar{display:none}.modal__filter select,.modal__filter input{inline-size:auto;min-inline-size:10rem}.modal__column{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.app-notification{position:relative}.app-notification__header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.app-notification__title{font-size:clamp(0.996625rem, 2vw + 1rem, 1.1725rem);font-weight:600;margin-block:0}.app-notification__list{max-block-size:25rem;overflow-y:auto;overscroll-behavior:contain}.app-notification__list::-webkit-scrollbar{block-size:.5rem;inline-size:.5rem}.app-notification__list::-webkit-scrollbar-thumb{background:var(--root-scrollbar-color-thumb-background);border-radius:var(--root-border-radius-sm)}.app-notification__list::-webkit-scrollbar-thumb:hover{background:var(--root-scrollbar-color-thumb-background-hover)}.app-notification__list::-webkit-scrollbar-track{background:var(--root-scrollbar-color-track-background);border-radius:var(--root-border-radius-sm)}.app-notification__list>*+*{border-block-start:1px solid var(--root-base-color-border);margin-block-start:1rem;padding-block-start:1rem}.app-notification .context-menu{--inline-size: 20rem;display:flex;flex-direction:column;gap:1rem;inset:var(--inset-block-start) -4.75rem auto auto;padding:1rem}@media(min-width: 48em){.app-notification .context-menu{inset:var(--inset-block-start) 0 auto auto}}@media(min-width: 64em){.app-notification .context-menu{--inline-size: 26rem}}.notification-card{position:relative;display:flex;gap:1rem}.notification-card__link::before{content:"";inset:0;position:absolute}.notification-card--read{opacity:.5}.notification-card__icon{--size: 2.5rem;align-items:center;block-size:var(--size);border-radius:var(--root-border-radius-sm);display:flex;flex-shrink:0;inline-size:var(--size);justify-content:center}.notification-card__icon--info{background-color:#f0fbff;color:var(--root-alert-color-info)}.notification-card__icon--warning{background-color:#fefaec;color:var(--root-alert-color-warning)}.notification-card__icon--danger{background-color:#fdf4f4;color:var(--root-alert-color-danger)}.notification-card__icon--success{background-color:#ebfff5;color:var(--root-alert-color-success)}.notification-card__icon svg{--size: 1rem;block-size:var(--size);inline-size:var(--size)}.notification-card__caption{line-height:var(--root-line-height-md);padding-inline-end:1rem}.notification-card__caption>*{margin-block-end:0;margin-block-start:0}.notification-card__caption>*+*{margin-block-start:.25rem}.notification-card__title{font-size:var(--root-font-size-base)}.notification-card__link{color:var(--root-base-color-heading);text-decoration:none}.notification-card__link:hover,.notification-card__link:focus{color:var(--root-base-color-link)}.media-list{--column: 2;list-style:none;margin:0;padding:0;display:grid;gap:1.5rem;grid-template-columns:repeat(var(--column), minmax(0, 1fr))}@media(min-width: 32em){.media-list{--column: 3}}@media(min-width: 48em){.media-list{--column: 4}}@media(min-width: 64em){.media-list{--column: 6}}@media(min-width: 80em){.media-list{--column: 8}}.media-list>*+*{margin-block-start:0}.media-item{border-radius:var(--root-border-radius-lg);line-height:var(--root-line-height-md);position:relative}.media-item[aria-checked=true],.media-item:focus-visible{outline:3px solid var(--root-btn-color-primary-background);outline-offset:3px}.media-item__background{align-items:center;aspect-ratio:1;background-color:var(--root-media-color-background);border-radius:var(--root-border-radius-lg);display:flex;flex-direction:column;gap:.25rem;justify-content:center;padding:1rem}.media-item__icon{--size: 1.5rem;block-size:var(--size);color:var(--root-media-color-icon);inline-size:var(--size)}.media-item__name{overflow:hidden;text-overflow:ellipsis;white-space:inherit;max-inline-size:100%;text-align:center}@supports(-webkit-line-clamp: 2){.media-item__name{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2}}.media-item__selected{--size: 1.5rem;align-items:center;background-color:var(--root-btn-color-primary-background);block-size:var(--size);border-radius:var(--root-border-radius-sm);color:var(--root-btn-color-primary-foreground);display:flex;inline-size:var(--size);inset:.5rem .5rem auto auto;justify-content:center;position:absolute}.media-item__selected svg{--size: 1rem;block-size:var(--size);inline-size:var(--size)}.media-item .progressbar{margin-block-start:1rem}.media-item img{aspect-ratio:1;border-radius:var(--root-border-radius-lg);inline-size:100%;object-fit:cover}.search-modal{display:flex;flex-direction:column;gap:1rem}.search-results{list-style:none;margin:0;padding:0;max-block-size:20rem;overflow-y:auto;padding-inline-end:1rem}.search-results::-webkit-scrollbar{block-size:.5rem;inline-size:.5rem}.search-results::-webkit-scrollbar-thumb{background:var(--root-scrollbar-color-thumb-background);border-radius:var(--root-border-radius-sm)}.search-results::-webkit-scrollbar-thumb:hover{background:var(--root-scrollbar-color-thumb-background-hover)}.search-results::-webkit-scrollbar-track{background:var(--root-scrollbar-color-track-background);border-radius:var(--root-border-radius-sm)}.search-results>li+li{border-block-start:1px dashed var(--root-base-color-border);margin-block-start:.5rem;padding-block-start:.5rem}.search-result-item{align-items:center;color:var(--root-base-color-text);display:flex;flex-wrap:wrap;gap:.5rem;text-decoration:none}.search-result-item__icon{--size: 1em;block-size:var(--size);color:var(--root-base-color-primary);inline-size:var(--size)}.app-widget{align-items:center;background-color:var(--root-base-color-background);border:1px solid var(--root-base-color-border);border-radius:var(--root-border-radius-sm);box-shadow:0 0 .25rem rgba(23,101,143,.05);display:flex;justify-content:space-between}.app-widget--primary{background-color:var(--root-base-color-primary);border:0}.app-widget--primary .app-widget__title,.app-widget--primary .app-widget__data{color:#fff}.app-widget--secondary{background-color:var(--root-base-color-primary);border:0}.app-widget--secondary .app-widget__title,.app-widget--secondary .app-widget__data{color:#fff}.app-widget--summary{gap:1.5rem;justify-content:start;padding:1.5rem}.app-widget--summary .app-widget__column{padding:0}.app-widget--small-data .app-widget__data{font-size:clamp(0.996625rem, 2vw + 1rem, 1.1725rem)}.app-widget__icon{--dimension: 4rem;align-items:center;background-color:var(--root-widget-color-icon-background);block-size:var(--dimension);border-radius:var(--root-border-radius-lg);color:var(--root-base-color-primary);display:flex;flex-shrink:0;inline-size:var(--dimension);justify-content:center}.app-widget__icon svg{--dimension: 1.5rem;block-size:var(--dimension);inline-size:var(--dimension)}.app-widget__title{font-size:.938rem;font-weight:600;margin-block:0}.app-widget__data-row{align-items:center;display:flex;gap:1rem}.app-widget__data{line-height:var(--root-line-height-heading);margin-block:0}.app-widget__column{align-items:start;color:var(--root-base-color-heading);display:flex;flex-direction:column;font-size:clamp(1.9465332031rem, 2vw + 1rem, 2.2900390625rem);font-weight:700;line-height:var(--root-line-height-heading);padding:1.5rem}.app-widget__column .app-widget__trending{margin-block-start:.25rem}.app-widget__chart{max-inline-size:65%}.app-widget__chart foreignObject{padding-block:1rem}.app-sidebar{block-size:100%;border-inline-end:1px solid var(--root-base-color-border);display:flex;flex-direction:column;gap:1.5rem;padding-block:0 1.5rem}.app-sidebar__logo{block-size:1.25rem;display:inline-flex}.app-sidebar__search{display:none}@media(min-width: 64em){.app-sidebar__search{display:flex}}.app-sidebar__header{align-items:center;block-size:var(--root-header-block-size);border-block-end:1px solid var(--root-base-color-border);display:flex;flex-shrink:0;justify-content:space-between;margin-inline:1.5rem}.app-sidebar__body{flex-grow:1;margin-inline:calc(1.5rem / 2);overflow-y:auto;padding-inline:calc(1.5rem / 2)}.app-sidebar__body::-webkit-scrollbar{block-size:.5rem;inline-size:.5rem}.app-sidebar__body::-webkit-scrollbar-thumb{background:var(--root-scrollbar-color-thumb-background);border-radius:.15em}.app-sidebar__body::-webkit-scrollbar-thumb:hover{background:var(--root-scrollbar-color-thumb-background-hover)}.app-sidebar__body::-webkit-scrollbar-track{background:var(--root-scrollbar-color-track-background);border-radius:.15em}.app-sidebar__body>*+*{border-block-start:1px solid var(--root-base-color-border);margin-block-start:1rem;padding-block-start:1rem}.app-header{backdrop-filter:saturate(180%) blur(0.25rem);background-color:var(--root-header-color-background);border-block-end:1px solid var(--root-base-color-border);inset-block-start:0;inset-block-start:0;position:sticky;position:sticky;z-index:15}.app-header__inner{align-items:center;block-size:var(--root-header-block-size);display:flex;flex-wrap:wrap;gap:clamp(1rem, 5vw, 3rem);justify-content:space-between;margin-inline:var(--root-container-gap)}.app-header__column{align-items:center;display:flex;flex-grow:1;gap:clamp(1rem, 5vw, 1.5rem)}.app-header__actions{align-items:center;display:flex;gap:clamp(1rem, 5vw, 1.5rem)}.app-header__actions--secondary{gap:1rem}.app-header__logo{block-size:1.25rem;display:inline-flex}@media(min-width: 64em){.app-header__logo{display:none}}.app-header__breadcrumb{display:none}@media(min-width: 64em){.app-header__breadcrumb{display:flex}}.app-heading{padding-block:clamp(1.5rem, 5vw, 3rem)}.app-heading__inner{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;justify-content:space-between}.app-heading__inner--column{flex-direction:column}.app-heading__caption>*{margin-block-end:0;margin-block-start:0}.app-heading__caption>*+*{margin-block-start:.5rem}.app-heading__title{font-weight:700}.app-heading__description{align-items:center;display:flex;flex-wrap:wrap;font-size:1rem;gap:.5rem 1.5rem}.app-heading__description>*{margin-block-end:0;margin-block-start:0}.app-heading__description>*+*{margin-block-start:.25rem}.app-heading__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:end}.app-body{display:flex;flex-direction:column;gap:1.5rem}.app-actions{justify-content:space-between}@media(min-width: 80em){.app-actions--sidebar{margin-inline-end:calc(20rem + 1.5rem)}}.app-actions,.app-actions__column{display:flex;flex-wrap:wrap;gap:1.5rem}.app-footer{padding-block:clamp(1.5rem, 5vw, 3rem);text-align:center}.app-footer__created-with{margin-block:0}.btn--light{background-color:var(--root-btn-color-light-background);border-color:var(--root-btn-color-light-background);color:var(--root-btn-color-light-foreground)}.btn--light:focus-visible{outline:2px solid var(--root-btn-color-light-focus-ring);outline-offset:2px}.btn--light:hover{background-color:var(--root-btn-color-light-background-hover);border-color:var(--root-btn-color-light-background-hover);color:var(--root-btn-color-light-foreground-hover)}.btn--light.btn--active{background-color:var(--root-btn-color-light-background-hover);border-color:var(--root-btn-color-light-background-hover);color:var(--root-btn-color-light-foreground-hover)}.btn--delete{background-color:var(--root-btn-color-delete-background);border-color:var(--root-btn-color-delete-background);color:var(--root-btn-color-delete-foreground)}.btn--delete:focus-visible{outline:2px solid var(--root-btn-color-delete-focus-ring);outline-offset:2px}.btn--delete:hover{background-color:var(--root-btn-color-delete-background-hover);border-color:var(--root-btn-color-delete-background-hover);color:var(--root-btn-color-delete-foreground-hover)}.btn--dark{background-color:var(--root-btn-color-dark-background);border-color:var(--root-btn-color-dark-background);color:var(--root-btn-color-dark-foreground)}.btn--dark:focus-visible{outline:2px solid var(--root-btn-color-dark-background);outline-offset:2px}.btn--dark:hover{background-color:var(--root-btn-color-dark-background-hover);border-color:var(--root-btn-color-dark-background-hover);color:var(--root-btn-color-dark-foreground)}.btn--outline-dark{background-color:rgba(0,0,0,0);border-color:var(--root-btn-color-dark-outline-border);color:var(--root-btn-color-dark-outline-foreground)}.btn--outline-dark:focus-visible{outline:2px solid var(--root-btn-color-dark-outline-focus-ring);outline-offset:2px}.btn--outline-dark:hover{background-color:var(--root-btn-color-dark-outline-background-hover);border-color:var(--root-btn-color-dark-outline-background-hover);color:var(--root-btn-color-dark-outline-foreground-hover)}.btn--counter{position:relative}.btn__counter{background-color:var(--root-alert-color-danger);border-radius:var(--root-border-radius-sm);color:var(--root-btn-color-primary-foreground);font-size:.6375rem;inset:-0.5em -0.5em auto auto;min-inline-size:1.25rem;padding:.45em;position:absolute;text-align:center}.apexcharts-legend-series{align-items:center;display:flex !important;gap:.25rem}.apexcharts-legend{display:flex;gap:1rem}.apexcharts-legend>*{margin:0 !important}.apexcharts-text,.apexcharts-legend-text{color:var(--root-base-color-text) !important;fill:var(--root-base-color-text)}.apexcharts-tooltip,.apexcharts-tooltip-title{background:var(--root-base-color-background) !important;border-color:var(--root-base-color-border) !important}.apexcharts-tooltip-title{line-height:1;padding-block:.75em !important}.apexcharts-xaxis-tick,.apexcharts-gridline,.apexcharts-grid-borders line:last-child{stroke:var(--root-base-color-border)}.form-group-stack>*{margin-block-end:0;margin-block-start:0}.form-group-stack>*+*{margin-block-start:1rem}.form-group-stack--bordered>*+*{border-block-start:1px solid var(--root-base-color-border);padding-block-start:1rem}legend{font-family:var(--root-font-family-heading)}.form-control[type=color]{--root-border-radius:clamp(1.5rem, 5vw, 3rem)}.required-marker{color:var(--root-alert-color-danger)}.progressbar{display:flex;flex-direction:column;gap:.5rem;inline-size:100%}.progressbar__inner{background-color:var(--root-form-color-background);block-size:.5rem;border-radius:var(--root-border-radius-sm);box-shadow:inset 0 0 0 1px var(--root-form-color-border);position:relative}.progressbar__indicator{background-color:var(--root-base-color-primary);block-size:100%;border-radius:var(--root-border-radius-sm);inset:0 auto 0 0;position:absolute}.progressbar__indicator:not([style*=inline-size]){animation:1s progress infinite linear alternate;inline-size:20%}.progressbar__caption{text-align:center}@keyframes progress{0%{inset-inline-start:0%}100%{inset-inline-start:80%}}@media(min-width: 32em){.display--flex\:xs{display:flex !important}}@media(min-width: 48em){.display--flex\:sm{display:flex !important}}@media(min-width: 64em){.display--flex\:md{display:flex !important}}@media(min-width: 80em){.display--flex\:lg{display:flex !important}}@media(min-width: 90em){.display--flex\:xl{display:flex !important}}@media(min-width: 110em){.display--flex\:xxl{display:flex !important}}@media(min-width: 32em){.display--none\:xs{display:none !important}}@media(min-width: 48em){.display--none\:sm{display:none !important}}@media(min-width: 64em){.display--none\:md{display:none !important}}@media(min-width: 80em){.display--none\:lg{display:none !important}}@media(min-width: 90em){.display--none\:xl{display:none !important}}@media(min-width: 110em){.display--none\:xxl{display:none !important}}.m-block\:0{margin-block:0 !important}:root{--root-sidebar-inline-size:20rem;--root-header-block-size:4.5rem;--root-container-gap:clamp(1.5rem, 5vw, 3rem)}[x-cloak]{visibility:hidden !important}
diff --git a/src/js/data-table.js b/src/js/data-table.js
index ecf593d..aebeda7 100644
--- a/src/js/data-table.js
+++ b/src/js/data-table.js
@@ -1,16 +1,19 @@
-function dataTable(dataSource, filterParams) {
+function dataTable(
+  dataSource,
+  filterParams
+) {
   return {
-    items: null,
-    sortCol: null,
-    sortAsc: false,
-    pageSize: 10,
     curPage: 1,
-    total: '',
-    formData: {},
     filters: [],
+    formData: {},
+    items: null,
+    pageSize: 10,
+    resultsCount: null,
     search: '',
     selectAll: false,
-    resultsCount: null,
+    sortAsc: false,
+    sortCol: null,
+    total: null,
 
     async init() {
       let data = window[dataSource];
@@ -53,12 +56,20 @@ function dataTable(dataSource, filterParams) {
       });
     },
 
+    updateSelectAllStatus() {
+      this.selectAll = this.selectedItems.length === this.items.length;
+    },
+
     toggleAllCheckbox() {
       let filteredItems = this.filtered(this.items);
+
       if (filteredItems.length === this.selectedItems.length) {
-        return filteredItems.map((item) => (item.selected = false));
+        filteredItems.forEach((item) => (item.selected = false));
+      } else {
+        filteredItems.forEach((item) => (item.selected = true));
       }
-      filteredItems.map((item) => (item.selected = true));
+
+      this.updateSelectAllStatus();
     },
 
     selectAllCheckbox() {
@@ -100,6 +111,9 @@ function dataTable(dataSource, filterParams) {
     },
 
     submitForm(formData) {
+      this.deselectAllCheckbox();
+      this.curPage = 1;
+
       for (let key in formData) {
         if (formData.hasOwnProperty(key)) {
           let existingFieldIndex = this.filters.findIndex(item => item.name === key);
@@ -125,7 +139,6 @@ function dataTable(dataSource, filterParams) {
 
       if (this.search.length > 2) {
         filteredItems = this.filtered(filteredItems, ...filterParams);
-        this.curPage = 1;
       }
 
       if (this.filters.length) {
@@ -142,8 +155,6 @@ function dataTable(dataSource, filterParams) {
 
           return true;
         });
-
-        this.curPage = 1;
       }
 
       this.total = filteredItems.length;
diff --git a/src/js/data.js b/src/js/data.js
index 00981a0..c4b62ab 100644
--- a/src/js/data.js
+++ b/src/js/data.js
@@ -82,7 +82,7 @@ window.products = [
     price: 64.99,
     sku: "SKU008",
     qty: 3,
-    status: "In stock",
+    status: "Out of stock",
     image: "https://picsum.photos/80/80",
     deleted: false,
     selected: false,
@@ -93,7 +93,7 @@ window.products = [
     price: 11.99,
     sku: "SKU009",
     qty: 8,
-    status: "In stock",
+    status: "Out of stock",
     image: "https://picsum.photos/80/80",
     deleted: false,
     selected: false,