book-of-elementals 3.2.0 → 3.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/book-of-elementals-checkbox.css +1 -1
- package/dist/book-of-elementals-checkbox.min.css +1 -1
- package/dist/book-of-elementals-theme.css +1 -1
- package/dist/book-of-elementals-theme.min.css +1 -1
- package/dist/book-of-elementals.css +1 -1
- package/dist/book-of-elementals.js +1 -1
- package/dist/book-of-elementals.min.css +1 -1
- package/dist/book-of-elementals.min.js +1 -1
- package/dist/elementals/accordion-theme.css +1 -1
- package/dist/elementals/accordion-theme.min.css +1 -1
- package/dist/elementals/accordion.css +1 -1
- package/dist/elementals/accordion.js +1 -1
- package/dist/elementals/accordion.min.css +1 -1
- package/dist/elementals/accordion.min.js +1 -1
- package/dist/elementals/carousel-theme.css +1 -1
- package/dist/elementals/carousel-theme.min.css +1 -1
- package/dist/elementals/carousel.css +1 -1
- package/dist/elementals/carousel.js +1 -1
- package/dist/elementals/carousel.min.css +1 -1
- package/dist/elementals/carousel.min.js +1 -1
- package/dist/elementals/checkbox-group-theme.css +1 -1
- package/dist/elementals/checkbox-group-theme.min.css +1 -1
- package/dist/elementals/checkbox-group.css +1 -1
- package/dist/elementals/checkbox-group.js +1 -1
- package/dist/elementals/checkbox-group.min.css +1 -1
- package/dist/elementals/checkbox-group.min.js +1 -1
- package/dist/elementals/combobox-theme.css +1 -1
- package/dist/elementals/combobox-theme.min.css +1 -1
- package/dist/elementals/combobox.css +1 -1
- package/dist/elementals/combobox.js +1 -1
- package/dist/elementals/combobox.min.css +1 -1
- package/dist/elementals/combobox.min.js +1 -1
- package/dist/elementals/copy-theme.css +1 -1
- package/dist/elementals/copy-theme.min.css +1 -1
- package/dist/elementals/copy.css +1 -1
- package/dist/elementals/copy.js +1 -1
- package/dist/elementals/copy.min.css +1 -1
- package/dist/elementals/copy.min.js +1 -1
- package/dist/elementals/disclosure-theme.css +1 -1
- package/dist/elementals/disclosure-theme.min.css +1 -1
- package/dist/elementals/disclosure.css +1 -1
- package/dist/elementals/disclosure.js +1 -1
- package/dist/elementals/disclosure.min.css +1 -1
- package/dist/elementals/disclosure.min.js +1 -1
- package/dist/elementals/feed-theme.css +1 -1
- package/dist/elementals/feed-theme.min.css +1 -1
- package/dist/elementals/feed.css +1 -1
- package/dist/elementals/feed.js +1 -1
- package/dist/elementals/feed.min.css +1 -1
- package/dist/elementals/feed.min.js +1 -1
- package/dist/elementals/field-theme.css +1 -1
- package/dist/elementals/field-theme.min.css +1 -1
- package/dist/elementals/field.css +1 -1
- package/dist/elementals/field.js +1 -1
- package/dist/elementals/field.min.css +1 -1
- package/dist/elementals/field.min.js +1 -1
- package/dist/elementals/marquee-theme.css +1 -1
- package/dist/elementals/marquee-theme.min.css +1 -1
- package/dist/elementals/marquee.css +1 -1
- package/dist/elementals/marquee.js +1 -1
- package/dist/elementals/marquee.min.css +1 -1
- package/dist/elementals/marquee.min.js +1 -1
- package/dist/elementals/menu-theme.css +1 -1
- package/dist/elementals/menu-theme.min.css +1 -1
- package/dist/elementals/menu.css +1 -1
- package/dist/elementals/menu.js +1 -1
- package/dist/elementals/menu.min.css +1 -1
- package/dist/elementals/menu.min.js +1 -1
- package/dist/elementals/modal-theme.css +1 -1
- package/dist/elementals/modal-theme.min.css +1 -1
- package/dist/elementals/modal.css +1 -1
- package/dist/elementals/modal.js +1 -1
- package/dist/elementals/modal.min.css +1 -1
- package/dist/elementals/modal.min.js +1 -1
- package/dist/elementals/navbar-theme.css +1 -1
- package/dist/elementals/navbar-theme.min.css +1 -1
- package/dist/elementals/navbar.css +1 -1
- package/dist/elementals/navbar.js +1 -1
- package/dist/elementals/navbar.min.css +1 -1
- package/dist/elementals/navbar.min.js +1 -1
- package/dist/elementals/password-theme.css +1 -1
- package/dist/elementals/password-theme.min.css +1 -1
- package/dist/elementals/password.css +1 -1
- package/dist/elementals/password.js +1 -1
- package/dist/elementals/password.min.css +1 -1
- package/dist/elementals/password.min.js +1 -1
- package/dist/elementals/progress-theme.css +1 -1
- package/dist/elementals/progress-theme.min.css +1 -1
- package/dist/elementals/progress.css +1 -1
- package/dist/elementals/progress.js +1 -1
- package/dist/elementals/progress.min.css +1 -1
- package/dist/elementals/progress.min.js +1 -1
- package/dist/elementals/rearrange-theme.css +1 -1
- package/dist/elementals/rearrange-theme.min.css +1 -1
- package/dist/elementals/rearrange.css +1 -1
- package/dist/elementals/rearrange.js +1 -1
- package/dist/elementals/rearrange.min.css +1 -1
- package/dist/elementals/rearrange.min.js +1 -1
- package/dist/elementals/search-theme.css +1 -1
- package/dist/elementals/search-theme.min.css +1 -1
- package/dist/elementals/search.css +1 -1
- package/dist/elementals/search.js +1 -1
- package/dist/elementals/search.min.css +1 -1
- package/dist/elementals/search.min.js +1 -1
- package/dist/elementals/segmented-theme.css +1 -1
- package/dist/elementals/segmented-theme.min.css +1 -1
- package/dist/elementals/segmented.css +1 -1
- package/dist/elementals/segmented.js +1 -1
- package/dist/elementals/segmented.min.css +1 -1
- package/dist/elementals/segmented.min.js +1 -1
- package/dist/elementals/slider-theme.css +1 -1
- package/dist/elementals/slider-theme.min.css +1 -1
- package/dist/elementals/slider.css +1 -1
- package/dist/elementals/slider.js +1 -1
- package/dist/elementals/slider.min.css +1 -1
- package/dist/elementals/slider.min.js +1 -1
- package/dist/elementals/sortable-table-theme.css +1 -1
- package/dist/elementals/sortable-table-theme.min.css +1 -1
- package/dist/elementals/sortable-table.css +1 -1
- package/dist/elementals/sortable-table.js +1 -1
- package/dist/elementals/sortable-table.min.css +1 -1
- package/dist/elementals/sortable-table.min.js +1 -1
- package/dist/elementals/splitter-theme.css +1 -1
- package/dist/elementals/splitter-theme.min.css +1 -1
- package/dist/elementals/splitter.css +1 -1
- package/dist/elementals/splitter.js +1 -1
- package/dist/elementals/splitter.min.css +1 -1
- package/dist/elementals/splitter.min.js +1 -1
- package/dist/elementals/suggest-theme.css +1 -1
- package/dist/elementals/suggest-theme.min.css +1 -1
- package/dist/elementals/suggest.css +1 -1
- package/dist/elementals/suggest.js +1 -1
- package/dist/elementals/suggest.min.css +1 -1
- package/dist/elementals/suggest.min.js +1 -1
- package/dist/elementals/switch-theme.css +1 -1
- package/dist/elementals/switch-theme.min.css +1 -1
- package/dist/elementals/switch.css +1 -1
- package/dist/elementals/switch.js +1 -1
- package/dist/elementals/switch.min.css +1 -1
- package/dist/elementals/switch.min.js +1 -1
- package/dist/elementals/tabs-theme.css +1 -1
- package/dist/elementals/tabs-theme.min.css +1 -1
- package/dist/elementals/tabs.css +1 -1
- package/dist/elementals/tabs.js +1 -1
- package/dist/elementals/tabs.min.css +1 -1
- package/dist/elementals/tabs.min.js +1 -1
- package/dist/elementals/tilt-theme.css +1 -1
- package/dist/elementals/tilt-theme.min.css +1 -1
- package/dist/elementals/tilt.css +1 -1
- package/dist/elementals/tilt.js +1 -1
- package/dist/elementals/tilt.min.css +1 -1
- package/dist/elementals/tilt.min.js +1 -1
- package/dist/elementals/toolbar-theme.css +1 -1
- package/dist/elementals/toolbar-theme.min.css +1 -1
- package/dist/elementals/toolbar.css +1 -1
- package/dist/elementals/toolbar.js +1 -1
- package/dist/elementals/toolbar.min.css +1 -1
- package/dist/elementals/toolbar.min.js +1 -1
- package/dist/elementals/tooltip-theme.css +1 -1
- package/dist/elementals/tooltip-theme.min.css +1 -1
- package/dist/elementals/tooltip.css +1 -1
- package/dist/elementals/tooltip.js +1 -1
- package/dist/elementals/tooltip.min.css +1 -1
- package/dist/elementals/tooltip.min.js +1 -1
- package/dist/elementals/tree-view-theme.css +1 -1
- package/dist/elementals/tree-view-theme.min.css +1 -1
- package/dist/elementals/tree-view.css +1 -1
- package/dist/elementals/tree-view.js +1 -1
- package/dist/elementals/tree-view.min.css +1 -1
- package/dist/elementals/tree-view.min.js +1 -1
- package/package.json +3 -2
- package/src/watch-query.js +172 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* book-of-elementals v3.2.
|
|
1
|
+
/* book-of-elementals v3.2.1 | https://stamat.github.io/book-of-elementals/ | MIT License */
|
|
2
2
|
@media (forced-colors: active) {
|
|
3
3
|
.checkbox-elemental,
|
|
4
4
|
checkbox-group-elemental {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* book-of-elementals v3.2.
|
|
1
|
+
/* book-of-elementals v3.2.1 | https://stamat.github.io/book-of-elementals/ | MIT License */
|
|
2
2
|
@media(forced-colors:active){.checkbox-elemental,checkbox-group-elemental{--checkbox-elemental-border-color: CanvasText;--checkbox-elemental-fill: Highlight;--checkbox-elemental-mark: HighlightText}}.checkbox-elemental label:has(>input[type=checkbox]),label.checkbox-elemental:has(>input[type=checkbox]),checkbox-group-elemental label:has(>input[type=checkbox]){display:flex;gap:var(--checkbox-elemental-gap, .6em);align-items:center;cursor:pointer}.checkbox-elemental input[type=checkbox],checkbox-group-elemental input[type=checkbox]{appearance:none;flex:none;font:inherit;inline-size:var(--checkbox-elemental-size, 1.15em);block-size:var(--checkbox-elemental-size, 1.15em);margin:0;cursor:pointer;border:var(--checkbox-elemental-border-width, 1.5px) solid var(--checkbox-elemental-border-color, color-mix(in srgb, currentcolor 45%, transparent));border-radius:var(--checkbox-elemental-radius, .25em)}.checkbox-elemental input[type=checkbox]:before,checkbox-group-elemental input[type=checkbox]:before{content:"";display:block;inline-size:100%;block-size:100%;background:var(--checkbox-elemental-mark, Canvas);scale:0;transition:scale .12s ease-out}.checkbox-elemental input[type=checkbox]:checked,.checkbox-elemental input[type=checkbox]:indeterminate,checkbox-group-elemental input[type=checkbox]:checked,checkbox-group-elemental input[type=checkbox]:indeterminate{background:var(--checkbox-elemental-fill, currentcolor);border-color:var(--checkbox-elemental-fill, currentcolor)}.checkbox-elemental input[type=checkbox]:checked:before,.checkbox-elemental input[type=checkbox]:indeterminate:before,checkbox-group-elemental input[type=checkbox]:checked:before,checkbox-group-elemental input[type=checkbox]:indeterminate:before{scale:1}.checkbox-elemental input[type=checkbox]:checked:before,checkbox-group-elemental input[type=checkbox]:checked:before{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z'/%3E%3C/svg%3E") center/contain no-repeat}.checkbox-elemental input[type=checkbox]:indeterminate:before,checkbox-group-elemental input[type=checkbox]:indeterminate:before{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 7.25h12a.75.75 0 0 1 0 1.5H2a.75.75 0 0 1 0-1.5Z'/%3E%3C/svg%3E") center/contain no-repeat}.checkbox-elemental input[type=checkbox]:disabled,checkbox-group-elemental input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}@media(prefers-reduced-motion:reduce){.checkbox-elemental input[type=checkbox]:before,checkbox-group-elemental input[type=checkbox]:before{transition:none}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* book-of-elementals v3.2.
|
|
1
|
+
/* book-of-elementals v3.2.1 | https://stamat.github.io/book-of-elementals/ | MIT License */
|
|
2
2
|
accordion-elemental {
|
|
3
3
|
--accordion-elemental-border-color: color-mix(in srgb, currentcolor 15%, transparent);
|
|
4
4
|
--accordion-elemental-radius: 0.5rem;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* book-of-elementals v3.2.
|
|
1
|
+
/* book-of-elementals v3.2.1 | https://stamat.github.io/book-of-elementals/ | MIT License */
|
|
2
2
|
accordion-elemental{--accordion-elemental-border-color: color-mix(in srgb, currentcolor 15%, transparent);--accordion-elemental-radius: .5rem}accordion-elemental>details{border:1px solid var(--accordion-elemental-border-color);border-radius:var(--accordion-elemental-radius)}accordion-elemental>details+details{margin-top:.5rem}accordion-elemental>details>summary{padding:.75rem 1rem;font-weight:600;border-radius:var(--accordion-elemental-radius)}accordion-elemental>details>summary:hover{background:color-mix(in srgb,currentcolor 5%,transparent)}accordion-elemental>details>summary>:is(h1,h2,h3,h4,h5,h6){display:inline;margin:0;font-size:inherit;font-weight:inherit;line-height:inherit}accordion-elemental>details[open]>summary{border-end-start-radius:0;border-end-end-radius:0}accordion-elemental>details>.accordion-elemental-content-wrapper>.accordion-elemental-content{padding:.25rem 1rem 1rem}accordion-elemental>details>.accordion-elemental-content-wrapper>.accordion-elemental-content>:first-child{margin-block-start:0}accordion-elemental>details>.accordion-elemental-content-wrapper>.accordion-elemental-content>:last-child{margin-block-end:0}accordion-elemental>details>:not(summary,.accordion-elemental-content-wrapper){margin-inline:1rem}accordion-elemental>details>:not(summary,.accordion-elemental-content-wrapper):last-child{margin-block-end:1rem}accordion-elemental>details>summary+:not(.accordion-elemental-content-wrapper){margin-block-start:.25rem}accordion-elemental.grouped>details,accordion-elemental.grouped>details>summary{border-radius:0}accordion-elemental.grouped>details+details{margin-top:0;border-top:0}accordion-elemental.grouped>details:first-of-type,accordion-elemental.grouped>details:first-of-type>summary{border-start-start-radius:var(--accordion-elemental-radius);border-start-end-radius:var(--accordion-elemental-radius)}accordion-elemental.grouped>details:last-of-type,accordion-elemental.grouped>details:last-of-type:not([open])>summary{border-end-start-radius:var(--accordion-elemental-radius);border-end-end-radius:var(--accordion-elemental-radius)}accordion-elemental.grouped>details:focus-within{position:relative;z-index:1}accordion-elemental.caret>details>summary{display:flex;gap:.5rem;align-items:center;list-style:none}accordion-elemental.caret>details>summary::-webkit-details-marker{display:none}accordion-elemental.caret>details>summary:after{content:"";flex:none;width:1rem;height:1rem;margin-inline-start:auto;background:currentcolor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L8 8.94l3.72-3.72a.749.749 0 0 1 1.06 0Z'/%3E%3C/svg%3E") center/contain no-repeat;transition:rotate var(--accordion-elemental-duration) var(--accordion-elemental-easing)}accordion-elemental.caret>details[open]:not(.accordion-elemental-closing)>summary:after{rotate:180deg}@media(prefers-reduced-motion:reduce){accordion-elemental.caret>details>summary:after{transition:none}}carousel-elemental{--carousel-elemental-gap: 1rem;--carousel-elemental-controls-gap: .5rem;--carousel-elemental-marker-size: 1.75rem;--carousel-elemental-control: currentcolor;--carousel-elemental-border: color-mix(in srgb, currentcolor 20%, transparent);--carousel-elemental-hover: color-mix(in srgb, currentcolor 10%, transparent);--carousel-elemental-current: CanvasText;--carousel-elemental-radius: 999px;--carousel-elemental-fade: .4s;--carousel-elemental-chip: Canvas;--carousel-elemental-rotate-hover-color: CanvasText;--carousel-elemental-ring: 3px}@property --carousel-elemental-sweep{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes carousel-elemental-sweep{0%{--carousel-elemental-sweep: 0deg}to{--carousel-elemental-sweep: 360deg}}carousel-elemental>[data-carousel-controls]{display:flex;align-items:center;justify-content:center;gap:var(--carousel-elemental-controls-gap);padding-block-start:var(--carousel-elemental-controls-gap)}carousel-elemental>[data-carousel-controls] [data-carousel-markers]{display:flex;flex-wrap:wrap;gap:var(--carousel-elemental-controls-gap)}carousel-elemental>[data-carousel-controls] button,carousel-elemental>button[data-carousel-rotate]{display:grid;place-items:center;inline-size:var(--carousel-elemental-marker-size);block-size:var(--carousel-elemental-marker-size);padding:0;font:inherit;line-height:1;color:var(--carousel-elemental-control);cursor:pointer;background:none;border:1px solid var(--carousel-elemental-border);border-radius:var(--carousel-elemental-radius)}carousel-elemental>[data-carousel-controls] button:hover{background:var(--carousel-elemental-hover)}carousel-elemental :is([data-carousel-prev],[data-carousel-next],[data-carousel-rotate])>svg{inline-size:1em;block-size:1em}carousel-elemental [aria-disabled=true]:is([data-carousel-prev],[data-carousel-next]){cursor:default;opacity:.35}carousel-elemental [aria-disabled=true]:is([data-carousel-prev],[data-carousel-next]):hover{background:none}carousel-elemental [data-carousel-marker][aria-disabled=true]{color:Canvas;cursor:default;background:var(--carousel-elemental-current);border-color:var(--carousel-elemental-current)}carousel-elemental [data-carousel-marker][aria-disabled=true]:hover{color:var(--carousel-elemental-current)}@media(forced-colors:active){carousel-elemental [data-carousel-marker][aria-disabled=true]{background:Highlight;border-color:Highlight}}carousel-elemental>button[data-carousel-rotate]{position:absolute;z-index:1;inset-block-start:var(--carousel-elemental-controls-gap);inset-inline-end:var(--carousel-elemental-controls-gap);color:CanvasText;box-sizing:border-box;background:linear-gradient(var(--carousel-elemental-chip),var(--carousel-elemental-chip)) padding-box,conic-gradient(currentcolor var(--carousel-elemental-sweep),var(--carousel-elemental-border) 0) border-box var(--carousel-elemental-chip);border:var(--carousel-elemental-ring) solid transparent;box-shadow:0 0 0 2px var(--carousel-elemental-chip)}carousel-elemental>button[data-carousel-rotate]:hover{--carousel-elemental-chip: color-mix(in srgb, CanvasText 10%, Canvas);color:var(--carousel-elemental-rotate-hover-color)}@media(prefers-reduced-motion:no-preference){carousel-elemental[data-carousel-rotating]>[data-carousel-rotate]{animation:carousel-elemental-sweep var(--carousel-elemental-tick, 5s) linear infinite}}carousel-elemental>[data-carousel-slides][tabindex]:focus-visible{outline:2px solid var(--carousel-elemental-control);outline-offset:2px}@media(forced-colors:active){.checkbox-elemental,checkbox-group-elemental{--checkbox-elemental-border-color: CanvasText;--checkbox-elemental-fill: Highlight;--checkbox-elemental-mark: HighlightText}}.checkbox-elemental label:has(>input[type=checkbox]),label.checkbox-elemental:has(>input[type=checkbox]),checkbox-group-elemental label:has(>input[type=checkbox]){display:flex;gap:var(--checkbox-elemental-gap, .6em);align-items:center;cursor:pointer}.checkbox-elemental input[type=checkbox],checkbox-group-elemental input[type=checkbox]{appearance:none;flex:none;font:inherit;inline-size:var(--checkbox-elemental-size, 1.15em);block-size:var(--checkbox-elemental-size, 1.15em);margin:0;cursor:pointer;border:var(--checkbox-elemental-border-width, 1.5px) solid var(--checkbox-elemental-border-color, color-mix(in srgb, currentcolor 45%, transparent));border-radius:var(--checkbox-elemental-radius, .25em)}.checkbox-elemental input[type=checkbox]:before,checkbox-group-elemental input[type=checkbox]:before{content:"";display:block;inline-size:100%;block-size:100%;background:var(--checkbox-elemental-mark, Canvas);scale:0;transition:scale .12s ease-out}.checkbox-elemental input[type=checkbox]:checked,.checkbox-elemental input[type=checkbox]:indeterminate,checkbox-group-elemental input[type=checkbox]:checked,checkbox-group-elemental input[type=checkbox]:indeterminate{background:var(--checkbox-elemental-fill, currentcolor);border-color:var(--checkbox-elemental-fill, currentcolor)}.checkbox-elemental input[type=checkbox]:checked:before,.checkbox-elemental input[type=checkbox]:indeterminate:before,checkbox-group-elemental input[type=checkbox]:checked:before,checkbox-group-elemental input[type=checkbox]:indeterminate:before{scale:1}.checkbox-elemental input[type=checkbox]:checked:before,checkbox-group-elemental input[type=checkbox]:checked:before{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z'/%3E%3C/svg%3E") center/contain no-repeat}.checkbox-elemental input[type=checkbox]:indeterminate:before,checkbox-group-elemental input[type=checkbox]:indeterminate:before{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 7.25h12a.75.75 0 0 1 0 1.5H2a.75.75 0 0 1 0-1.5Z'/%3E%3C/svg%3E") center/contain no-repeat}.checkbox-elemental input[type=checkbox]:disabled,checkbox-group-elemental input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}@media(prefers-reduced-motion:reduce){.checkbox-elemental input[type=checkbox]:before,checkbox-group-elemental input[type=checkbox]:before{transition:none}}checkbox-group-elemental{--checkbox-group-elemental-indent: 1.75em}checkbox-group-elemental>*:not(:first-child){margin-inline-start:var(--checkbox-group-elemental-indent)}checkbox-group-elemental ul,checkbox-group-elemental ol{margin-block:0;padding-inline-start:0;list-style:none}combobox-elemental{--combobox-elemental-radius: .375rem;--combobox-elemental-inset: .5rem;--combobox-elemental-max-height: 15rem;--combobox-elemental-surface: Canvas;--combobox-elemental-border: color-mix(in srgb, currentcolor 30%, transparent);--combobox-elemental-active: color-mix(in srgb, currentcolor 12%, transparent);--combobox-elemental-selected: color-mix(in srgb, currentcolor 5%, transparent);--combobox-elemental-chip: color-mix(in srgb, currentcolor 12%, transparent);--combobox-elemental-invalid: color-mix(in srgb, currentcolor 35%, #e5484d)}combobox-elemental .combobox-elemental-field{box-sizing:border-box;gap:var(--combobox-elemental-inset);padding:var(--combobox-elemental-inset);background:var(--combobox-elemental-surface);border:1px solid var(--combobox-elemental-border);border-radius:var(--combobox-elemental-radius)}combobox-elemental:has(>select:disabled) .combobox-elemental-field{cursor:not-allowed;opacity:.5}combobox-elemental:has(.combobox-elemental-input[aria-invalid=true]) .combobox-elemental-field{border-color:var(--combobox-elemental-invalid)}combobox-elemental .combobox-elemental-error{margin-block:.35rem 0;font-size:.85em;color:var(--combobox-elemental-invalid)}combobox-elemental .combobox-elemental-input::placeholder{color:currentcolor;opacity:.6}combobox-elemental .combobox-elemental-indicator{inline-size:1.15em;block-size:1.15em;background:currentcolor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L8 8.94l3.72-3.72a.749.749 0 0 1 1.06 0Z'/%3E%3C/svg%3E") center/contain no-repeat;transition:rotate .2s ease}@media(forced-colors:active){combobox-elemental .combobox-elemental-indicator{background:CanvasText}}combobox-elemental[open] .combobox-elemental-indicator{rotate:180deg}combobox-elemental .combobox-elemental-chip{display:inline-flex;gap:.25em;align-items:center;padding:.1em .2em .1em .5em;background:var(--combobox-elemental-chip);border-radius:var(--combobox-elemental-radius)}combobox-elemental .combobox-elemental-chip-remove{inline-size:1em;block-size:1em;padding:0;color:inherit;background:currentcolor;border:0;border-radius:50%;opacity:.6;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z'/%3E%3C/svg%3E") center/contain no-repeat}combobox-elemental .combobox-elemental-chip-remove:hover,combobox-elemental .combobox-elemental-chip-remove:focus-visible{opacity:1}@media(forced-colors:active){combobox-elemental .combobox-elemental-chip-remove{background:CanvasText}}combobox-elemental .combobox-elemental-list{padding:0;background:var(--combobox-elemental-surface);border:1px solid var(--combobox-elemental-border);border-radius:var(--combobox-elemental-radius);box-shadow:0 4px 20px #00000026}combobox-elemental[open]:has(.combobox-elemental-list[data-side=block-end]) .combobox-elemental-field{border-end-start-radius:0;border-end-end-radius:0}combobox-elemental[open]:has(.combobox-elemental-list[data-side=block-end]) .combobox-elemental-list{margin-block-start:-1px;border-start-start-radius:0;border-start-end-radius:0}combobox-elemental[open]:has(.combobox-elemental-list[data-side=block-start]) .combobox-elemental-field{border-start-start-radius:0;border-start-end-radius:0}combobox-elemental[open]:has(.combobox-elemental-list[data-side=block-start]) .combobox-elemental-list{margin-block-end:-1px;border-end-start-radius:0;border-end-end-radius:0}combobox-elemental .combobox-elemental-option,combobox-elemental .combobox-elemental-add,combobox-elemental .combobox-elemental-empty{display:flex;gap:var(--combobox-elemental-inset);align-items:center;padding:.35rem var(--combobox-elemental-inset)}combobox-elemental .combobox-elemental-option[aria-selected=true]{font-weight:600;background:var(--combobox-elemental-selected)}combobox-elemental .combobox-elemental-option[data-active]{background:var(--combobox-elemental-active)}combobox-elemental .combobox-elemental-option[aria-selected=true]:after{content:"";inline-size:.9em;block-size:.9em;margin-inline-start:auto;background:currentcolor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z'/%3E%3C/svg%3E") center/contain no-repeat}@media(forced-colors:active){combobox-elemental .combobox-elemental-option[aria-selected=true]:after{background:CanvasText}}combobox-elemental .combobox-elemental-option[aria-disabled=true],combobox-elemental .combobox-elemental-empty{opacity:.5}combobox-elemental .combobox-elemental-add{border-block-start:1px solid var(--combobox-elemental-border)}combobox-elemental .combobox-elemental-add:first-child{border-block-start:0}combobox-elemental .combobox-elemental-group-label{position:sticky;inset-block-start:0;z-index:1;display:block;padding:.6em var(--combobox-elemental-inset) .15em;font-weight:700;background:var(--combobox-elemental-surface)}combobox-elemental .combobox-elemental-group .combobox-elemental-option{padding-inline-start:calc(var(--combobox-elemental-inset) * 2.5)}combobox-elemental .combobox-elemental-group{padding-block-end:.35rem}@media(forced-colors:active){combobox-elemental{--combobox-elemental-border: CanvasText;--combobox-elemental-invalid: CanvasText}combobox-elemental .combobox-elemental-option[data-active]{color:HighlightText;background:Highlight}combobox-elemental .combobox-elemental-option[data-active]:after{background:HighlightText}}@media(prefers-reduced-motion:reduce){combobox-elemental .combobox-elemental-indicator{transition:none}}copy-elemental{--copy-elemental-icon-size: 1em;--copy-elemental-gap: .4em;--copy-elemental-padding-block: .4em;--copy-elemental-padding-inline: .6em;--copy-elemental-radius: .35rem;--copy-elemental-surface: Canvas;--copy-elemental-border-color: color-mix(in srgb, currentcolor 30%, transparent);--copy-elemental-hover: color-mix(in srgb, currentcolor 10%, var(--copy-elemental-surface));--copy-elemental-copied-color: color-mix(in srgb, currentcolor 30%, #1a7f4b);--copy-elemental-error-color: color-mix(in srgb, currentcolor 30%, #e5484d);--copy-elemental-duration: .15s}copy-elemental>button{display:inline-flex;gap:var(--copy-elemental-gap);align-items:center;padding:var(--copy-elemental-padding-block) var(--copy-elemental-padding-inline);font:inherit;color:inherit;cursor:pointer;background:var(--copy-elemental-surface);border:1px solid var(--copy-elemental-border-color);border-radius:var(--copy-elemental-radius);transition:color var(--copy-elemental-duration),background-color var(--copy-elemental-duration),border-color var(--copy-elemental-duration)}copy-elemental>button:hover{background:var(--copy-elemental-hover)}copy-elemental>button:before{content:"";flex:none;width:var(--copy-elemental-icon-size);height:var(--copy-elemental-icon-size);background:currentcolor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z'/%3E%3Cpath d='M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z'/%3E%3C/svg%3E") center/contain no-repeat}@media(forced-colors:active){copy-elemental>button:before{background:CanvasText}}copy-elemental[data-state=copied]>button{color:var(--copy-elemental-copied-color);border-color:currentcolor}copy-elemental[data-state=copied]>button:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L1.72 8.78a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z'/%3E%3C/svg%3E")}copy-elemental[data-state=error]>button{color:var(--copy-elemental-error-color);border-color:currentcolor}@media(prefers-reduced-motion:reduce){copy-elemental>button{transition:none}}disclosure-elemental{--disclosure-elemental-caret-size: 1em}disclosure-elemental>button{position:relative;padding:0;padding-inline-start:calc(var(--disclosure-elemental-caret-size) + .25rem);font:inherit;font-weight:500;color:inherit;text-align:start;cursor:pointer;background:none;border:0}disclosure-elemental>button:hover{text-decoration:underline}disclosure-elemental>button:before{content:"";position:absolute;inset-inline-start:0;inset-block-start:.6em;inset-block-start:.5lh;width:var(--disclosure-elemental-caret-size);height:var(--disclosure-elemental-caret-size);translate:0 -50%;background:currentcolor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L8 8.94l3.72-3.72a.749.749 0 0 1 1.06 0Z'/%3E%3C/svg%3E") center/contain no-repeat;rotate:-90deg;transition:rotate var(--disclosure-elemental-duration) var(--disclosure-elemental-easing)}@media(forced-colors:active){disclosure-elemental>button:before{background:CanvasText}}disclosure-elemental>button:dir(rtl):before{rotate:90deg}disclosure-elemental>button[aria-expanded=true]:before{rotate:0deg}@media(prefers-reduced-motion:reduce){disclosure-elemental>button:before{transition:none}}.disclosure-elemental-region{margin-block-start:.5rem}feed-elemental{--feed-elemental-gap: 1rem;--feed-elemental-inset: 1rem;--feed-elemental-radius: .375rem;--feed-elemental-border: color-mix(in srgb, currentcolor 20%, transparent)}feed-elemental>article,feed-elemental>[role=article]{padding:var(--feed-elemental-inset);border:1px solid var(--feed-elemental-border);border-radius:var(--feed-elemental-radius)}feed-elemental>article+article,feed-elemental>[role=article]+[role=article]{margin-block-start:var(--feed-elemental-gap)}field-elemental{--field-elemental-error-color: color-mix(in srgb, currentcolor 30%, #e5484d);--field-elemental-message-size: .85em;--field-elemental-gap: 0}field-elemental>.field-elemental-error{margin-block:var(--field-elemental-gap) 0;font-size:var(--field-elemental-message-size);color:var(--field-elemental-error-color)}marquee-elemental{--marquee-elemental-fade: 2rem;--marquee-elemental-control-size: 2rem;--marquee-elemental-control-radius: 50%;--marquee-elemental-surface: Canvas;--marquee-elemental-border-color: color-mix(in srgb, currentcolor 30%, transparent);--marquee-elemental-hover: color-mix(in srgb, currentcolor 10%, var(--marquee-elemental-surface));--marquee-elemental-hover-color: inherit}marquee-elemental:defined:before,marquee-elemental:defined:after{position:absolute;z-index:0;inset-block:0;width:var(--marquee-elemental-fade);content:"";pointer-events:none}marquee-elemental:defined:before{inset-inline-start:0;background:linear-gradient(to var(--marquee-elemental-fade-start, right),var(--marquee-elemental-surface),transparent)}marquee-elemental:defined:after{inset-inline-end:0;background:linear-gradient(to var(--marquee-elemental-fade-end, left),var(--marquee-elemental-surface),transparent)}marquee-elemental:defined:dir(rtl){--marquee-elemental-fade-start: left;--marquee-elemental-fade-end: right}marquee-elemental:defined>.marquee-elemental-control{width:var(--marquee-elemental-control-size);height:var(--marquee-elemental-control-size);margin-inline-end:calc(var(--marquee-elemental-fade) / 4);color:inherit;cursor:pointer;background:var(--marquee-elemental-surface);border:1px solid var(--marquee-elemental-border-color);border-radius:var(--marquee-elemental-control-radius)}marquee-elemental:defined>.marquee-elemental-control:hover{color:var(--marquee-elemental-hover-color);background:var(--marquee-elemental-hover)}menu-elemental{--menu-elemental-radius: .375rem;--menu-elemental-inset: .35rem;--menu-elemental-caret-size: .75em;--menu-elemental-hamburger-size: 1.25em;--menu-elemental-surface: Canvas;--menu-elemental-hover: color-mix(in srgb, currentcolor 10%, transparent);--menu-elemental-border: color-mix(in srgb, currentcolor 20%, transparent)}menu-elemental>button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:.35rem .5rem;border-radius:var(--menu-elemental-radius)}menu-elemental>button:hover{background:var(--menu-elemental-hover)}menu-elemental.hamburger>button{display:inline-flex;gap:.4rem;align-items:center}menu-elemental.hamburger>button:before{content:"";flex:none;width:var(--menu-elemental-hamburger-size);height:var(--menu-elemental-hamburger-size);background:currentcolor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.75A.75.75 0 0 1 1.75 2h12.5a.75.75 0 0 1 0 1.5H1.75A.75.75 0 0 1 1 2.75Zm0 5A.75.75 0 0 1 1.75 7h12.5a.75.75 0 0 1 0 1.5H1.75A.75.75 0 0 1 1 7.75ZM1.75 12h12.5a.75.75 0 0 1 0 1.5H1.75a.75.75 0 0 1 0-1.5Z'/%3E%3C/svg%3E") center/contain no-repeat}@media(forced-colors:active){menu-elemental.hamburger>button:before{background:CanvasText}}menu-elemental ul,menu-elemental menu{padding:var(--menu-elemental-inset);background:var(--menu-elemental-surface);border:1px solid var(--menu-elemental-border);border-radius:var(--menu-elemental-radius);box-shadow:0 4px 20px #00000026}menu-elemental li>a,menu-elemental li>button{display:flex;align-items:center;gap:.5rem;box-sizing:border-box;width:100%;padding:.35rem .5rem;font:inherit;color:inherit;text-align:start;text-decoration:none;cursor:pointer;background:none;border:0;border-radius:calc(var(--menu-elemental-radius) - var(--menu-elemental-inset) / 2)}menu-elemental li>a:hover,menu-elemental li>button:hover{background:var(--menu-elemental-hover)}menu-elemental li>button[aria-haspopup]:after{content:"";width:var(--menu-elemental-caret-size);height:var(--menu-elemental-caret-size);margin-inline-start:auto;background:currentcolor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L8 8.94l3.72-3.72a.749.749 0 0 1 1.06 0Z'/%3E%3C/svg%3E") center/contain no-repeat;rotate:-90deg}@media(forced-colors:active){menu-elemental li>button[aria-haspopup]:after{background:CanvasText}}menu-elemental li>button[aria-haspopup]:dir(rtl):after{rotate:90deg}menu-elemental li:has(>ul[data-side=inline-start],>menu[data-side=inline-start])>button:after{rotate:90deg}menu-elemental li:has(>ul[data-side=inline-start],>menu[data-side=inline-start])>button:dir(rtl):after{rotate:-90deg}menu-elemental[data-mode=inline] li>button[aria-expanded]:after{content:"";width:var(--menu-elemental-caret-size);height:var(--menu-elemental-caret-size);margin-inline-start:auto;background:currentcolor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L8 8.94l3.72-3.72a.749.749 0 0 1 1.06 0Z'/%3E%3C/svg%3E") center/contain no-repeat;rotate:-90deg;transition:rotate .2s ease}@media(forced-colors:active){menu-elemental[data-mode=inline] li>button[aria-expanded]:after{background:CanvasText}}menu-elemental[data-mode=inline] li>button[aria-expanded=true]:after{rotate:0deg}menu-elemental[data-mode=inline] li>ul,menu-elemental[data-mode=inline] li>menu{margin-inline-start:.75rem;background:none;border:0;border-radius:0;box-shadow:none}@media(prefers-reduced-motion:reduce){menu-elemental[data-mode=inline] li>button[aria-expanded]:after{transition:none}}modal-elemental{--modal-elemental-max-width: 32rem;--modal-elemental-padding: 1.5rem;--modal-elemental-radius: .75rem;--modal-elemental-close-size: 2rem;--modal-elemental-close-inset: .75rem;--modal-elemental-margin-block: auto}modal-elemental>dialog{inline-size:fit-content;max-inline-size:min(var(--modal-elemental-max-width),100% - 2rem);max-block-size:calc(100dvh - 2rem);margin-inline:auto;margin-block:var(--modal-elemental-margin-block);padding:var(--modal-elemental-padding);color:inherit;background:Canvas;border:1px solid color-mix(in srgb,currentcolor 12%,transparent);border-radius:var(--modal-elemental-radius);box-shadow:0 .125rem .5rem #00000026,0 1.5rem 3rem #00000040}@media(forced-colors:active){modal-elemental>dialog{outline:1px solid CanvasText}}modal-elemental>dialog{overflow:auto}modal-elemental>dialog>.modal-elemental-close+*:not(:is(img,picture,video,iframe,embed,object,canvas,svg)){padding-inline-end:calc(var(--modal-elemental-close-size) + .5rem)}.modal-elemental-close{display:grid;place-items:center;color:inherit;font-size:calc(var(--modal-elemental-close-size, 2rem) * .5);background:none;border:0;border-radius:100%;transition:background var(--modal-elemental-duration) var(--modal-elemental-easing)}.modal-elemental-close:hover{background:color-mix(in srgb,currentcolor 12%,transparent)}.modal-elemental-close:active{background:color-mix(in srgb,currentcolor 20%,transparent)}@media(prefers-reduced-motion:reduce){.modal-elemental-close{transition:none}}navbar-elemental{--navbar-elemental-radius: .375rem;--navbar-elemental-inset: .35rem;--navbar-elemental-gap: .15rem;--navbar-elemental-caret-size: .75em;--navbar-elemental-hamburger-size: 1.25em;--navbar-elemental-bar-thickness: 2px;--navbar-elemental-bar-gap: .35em;--navbar-elemental-surface: Canvas;--navbar-elemental-hover: color-mix(in srgb, currentcolor 10%, transparent);--navbar-elemental-border: color-mix(in srgb, currentcolor 20%, transparent);--navbar-elemental-shadow: 0 4px 20px rgb(0 0 0 / 15%)}navbar-elemental li>a,navbar-elemental li>button{display:block;box-sizing:border-box;width:100%;padding:.35rem .5rem;font:inherit;color:inherit;text-align:start;text-decoration:none;cursor:pointer;background:none;border:0;border-radius:var(--navbar-elemental-radius)}navbar-elemental li>a:hover,navbar-elemental li>button:hover{background:var(--navbar-elemental-hover)}navbar-elemental li>ul,navbar-elemental li>menu{padding:var(--navbar-elemental-inset);background:var(--navbar-elemental-surface);border:1px solid var(--navbar-elemental-border);border-radius:var(--navbar-elemental-radius);box-shadow:var(--navbar-elemental-shadow)}navbar-elemental[data-mode=bar] [data-navbar-rail]>:is(ul,menu),navbar-elemental[data-mode=bar] [data-navbar-probe]{gap:var(--navbar-elemental-gap)}navbar-elemental[data-mode=bar] li>a,navbar-elemental[data-mode=bar] li>button{white-space:nowrap}navbar-elemental[data-mode=bar] li>button[aria-expanded]{display:flex;align-items:center;gap:.25rem}navbar-elemental[data-mode=bar] li>button[aria-expanded]:after{content:"";flex:none;width:var(--navbar-elemental-caret-size);height:var(--navbar-elemental-caret-size);background:currentcolor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L8 8.94l3.72-3.72a.749.749 0 0 1 1.06 0Z'/%3E%3C/svg%3E") center/contain no-repeat;transition:rotate .2s ease}@media(forced-colors:active){navbar-elemental[data-mode=bar] li>button[aria-expanded]:after{background:CanvasText}}navbar-elemental[data-mode=bar] li>button[aria-expanded=true]:after{rotate:180deg}navbar-elemental[data-mode=bar] li>:is(ul,menu) li>:is(ul,menu){margin-inline-start:.75rem;padding-inline:0;background:none;border:0;box-shadow:none}@media(prefers-reduced-motion:reduce){navbar-elemental[data-mode=bar] li>button[aria-expanded]:after{transition:none}}navbar-elemental[data-mode=stack] [data-navbar-rail]>:is(ul,menu):not([data-navbar-probe]){max-block-size:calc(100dvh - 100%);overflow-y:auto;overscroll-behavior:contain;padding:var(--navbar-elemental-inset);background:var(--navbar-elemental-surface);border:1px solid var(--navbar-elemental-border);border-block-start:0;border-end-end-radius:var(--navbar-elemental-radius);border-end-start-radius:var(--navbar-elemental-radius);box-shadow:var(--navbar-elemental-shadow);clip-path:inset(0 -100vmax -100vmax);transition:clip-path .2s ease,opacity .2s ease}navbar-elemental[data-mode=stack] [data-navbar-rail]>:is(ul,menu):not([data-navbar-probe])[hidden]{padding:var(--navbar-elemental-inset);background:var(--navbar-elemental-surface);border:1px solid var(--navbar-elemental-border);border-block-start:0;box-shadow:var(--navbar-elemental-shadow);clip-path:inset(0 -100vmax 100%);opacity:0;transition:clip-path .2s ease,opacity .2s ease,content-visibility .2s allow-discrete}navbar-elemental[data-mode=stack] li>:is(ul,menu){margin-inline-start:.75rem;padding-inline:0;background:none;border:0;box-shadow:none}navbar-elemental[data-mode=stack] li>button[aria-expanded]{display:flex;align-items:center}navbar-elemental[data-mode=stack] li>button[aria-expanded]:before{content:"";flex:none;width:var(--navbar-elemental-caret-size);height:var(--navbar-elemental-caret-size);margin-inline-end:.25rem;background:currentcolor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L8 8.94l3.72-3.72a.749.749 0 0 1 1.06 0Z'/%3E%3C/svg%3E") center/contain no-repeat;rotate:-90deg;transition:rotate .2s ease}@media(forced-colors:active){navbar-elemental[data-mode=stack] li>button[aria-expanded]:before{background:CanvasText}}navbar-elemental[data-mode=stack] li>button[aria-expanded=true]:before{rotate:0deg}navbar-elemental[data-mode=stack] li>a{padding-inline-start:calc(var(--navbar-elemental-caret-size) + .75rem)}@media(prefers-reduced-motion:reduce){navbar-elemental[data-mode=stack] li>button[aria-expanded]:before{transition:none}}navbar-elemental [data-navbar-toggle]{display:inline-flex;gap:.4rem;align-items:center;padding:.35rem .5rem;font:inherit;color:inherit;cursor:pointer;background:none;border:0;border-radius:var(--navbar-elemental-radius)}navbar-elemental [data-navbar-toggle]:hover{background:var(--navbar-elemental-hover)}navbar-elemental [data-navbar-toggle]:has(>[data-navbar-bars]:only-child){justify-content:center;width:calc(1.5em + .7rem);width:calc(1lh + .7rem);height:calc(1.5em + .7rem);height:calc(1lh + .7rem);padding:0}navbar-elemental [data-navbar-bars]{position:relative;flex:none;width:var(--navbar-elemental-hamburger-size);height:var(--navbar-elemental-bar-thickness);background:currentcolor;border-radius:var(--navbar-elemental-bar-thickness);transition:background-color .15s ease .15s,rotate .15s ease}navbar-elemental [data-navbar-bars]:before,navbar-elemental [data-navbar-bars]:after{content:"";position:absolute;inset-inline:0;height:var(--navbar-elemental-bar-thickness);background:currentcolor;border-radius:inherit;transition:translate .15s ease .15s,rotate .15s ease}navbar-elemental [data-navbar-bars]:before{inset-block-start:calc(var(--navbar-elemental-bar-gap) * -1)}navbar-elemental [data-navbar-bars]:after{inset-block-start:var(--navbar-elemental-bar-gap)}@media(forced-colors:active){navbar-elemental [data-navbar-bars],navbar-elemental [data-navbar-bars]:before,navbar-elemental [data-navbar-bars]:after{background:CanvasText}}navbar-elemental [aria-expanded=true]>[data-navbar-bars]{background:transparent;rotate:45deg;transition:background-color .15s ease,rotate .15s ease .15s}navbar-elemental [aria-expanded=true]>[data-navbar-bars]:before,navbar-elemental [aria-expanded=true]>[data-navbar-bars]:after{translate:0 var(--navbar-elemental-bar-gap);transition:translate .15s ease,rotate .15s ease .15s}navbar-elemental [aria-expanded=true]>[data-navbar-bars]:before{rotate:90deg}navbar-elemental [aria-expanded=true]>[data-navbar-bars]:after{translate:0 calc(var(--navbar-elemental-bar-gap) * -1)}@media(prefers-reduced-motion:reduce){navbar-elemental [data-navbar-bars],navbar-elemental [data-navbar-bars]:before,navbar-elemental [data-navbar-bars]:after,navbar-elemental[data-mode=stack] [data-navbar-rail]>:is(ul,menu):not([data-navbar-probe]),navbar-elemental[data-mode=stack] [data-navbar-rail]>:is(ul,menu):not([data-navbar-probe])[hidden]{transition:none}}password-elemental{--password-elemental-icon-size: 1em;--password-elemental-padding: .35em;--password-elemental-radius: .35rem}password-elemental>button{display:inline-flex;align-items:center;padding:var(--password-elemental-padding);font:inherit;color:inherit;cursor:pointer;background:none;border:0;border-radius:var(--password-elemental-radius)}password-elemental>button:before{content:"";flex:none;width:var(--password-elemental-icon-size);height:var(--password-elemental-icon-size);background:currentcolor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2c1.981 0 3.671.992 4.933 2.078 1.27 1.091 2.187 2.345 2.637 3.023a1.62 1.62 0 0 1 0 1.798c-.45.678-1.367 1.932-2.637 3.023C11.67 13.008 9.981 14 8 14c-1.981 0-3.671-.992-4.933-2.078C1.797 10.83.88 9.576.43 8.898a1.62 1.62 0 0 1 0-1.798c.45-.677 1.367-1.931 2.637-3.022C4.33 2.992 6.019 2 8 2ZM1.679 7.932a.12.12 0 0 0 0 .136c.411.622 1.241 1.75 2.366 2.717C5.176 11.758 6.527 12.5 8 12.5s2.824-.742 3.955-1.715c1.124-.967 1.954-2.096 2.366-2.717a.12.12 0 0 0 0-.136c-.412-.621-1.242-1.75-2.366-2.717C10.824 4.242 9.473 3.5 8 3.5c-1.473 0-2.824.742-3.955 1.715-1.124.967-1.954 2.096-2.366 2.717ZM8 10a2 2 0 1 1-.001-3.999A2 2 0 0 1 8 10Z'/%3E%3C/svg%3E") center/contain no-repeat}@media(forced-colors:active){password-elemental>button:before{background:CanvasText}}password-elemental[shown]>button:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.143 2.31a.75.75 0 0 1 1.047-.167l14.5 10.5a.75.75 0 1 1-.88 1.214l-2.248-1.628C11.346 13.19 9.792 14 8 14c-1.981 0-3.67-.992-4.933-2.078C1.797 10.83.88 9.576.43 8.898a1.62 1.62 0 0 1 0-1.797c.353-.533.995-1.42 1.868-2.305L.31 3.357A.75.75 0 0 1 .143 2.31Zm1.536 5.622A.12.12 0 0 0 1.657 8c0 .021.006.045.022.068.412.621 1.242 1.75 2.366 2.717C5.175 11.758 6.527 12.5 8 12.5c1.195 0 2.31-.488 3.29-1.191L9.063 9.695A2 2 0 0 1 6.058 7.52L3.529 5.688a14.207 14.207 0 0 0-1.85 2.244ZM8 3.5c-.516 0-1.017.09-1.499.251a.75.75 0 1 1-.473-1.423A6.207 6.207 0 0 1 8 2c1.981 0 3.67.992 4.933 2.078 1.27 1.091 2.187 2.345 2.637 3.023a1.62 1.62 0 0 1 0 1.798c-.11.166-.248.365-.41.587a.75.75 0 1 1-1.21-.887c.148-.201.272-.382.371-.53a.119.119 0 0 0 0-.137c-.412-.621-1.242-1.75-2.366-2.717C10.825 4.242 9.473 3.5 8 3.5Z'/%3E%3C/svg%3E")}progress-elemental{--progress-elemental-height: .5rem;--progress-elemental-radius: 999px;--progress-elemental-track: color-mix(in srgb, currentcolor 15%, transparent);--progress-elemental-fill: currentcolor;--progress-elemental-buffer-fill: color-mix(in srgb, currentcolor 35%, transparent);--progress-elemental-duration: .25s;--progress-elemental-easing: ease-out;--progress-elemental-indeterminate-duration: 1.4s}progress-elemental:defined{box-sizing:border-box;block-size:var(--progress-elemental-height);overflow:hidden;background:var(--progress-elemental-track);border-radius:var(--progress-elemental-radius)}progress-elemental:defined>progress{position:absolute;inset:0;appearance:none;inline-size:100%;block-size:100%;background:transparent;border:0}progress-elemental:defined>progress::-webkit-progress-bar{background:transparent}progress-elemental:defined>progress::-webkit-progress-value{background:transparent}progress-elemental:defined>progress::-moz-progress-bar{background:transparent}progress-elemental:defined:before,progress-elemental:defined:after{content:"";position:absolute;inset-block:0;inset-inline-start:0;transition:inline-size var(--progress-elemental-duration) var(--progress-elemental-easing)}progress-elemental:defined:before{inline-size:var(--progress-elemental-buffer, 0%);background:var(--progress-elemental-buffer-fill)}progress-elemental:defined:after{inline-size:var(--progress-elemental-value, 0%);background:var(--progress-elemental-fill)}progress-elemental:defined[data-indeterminate]:after{inline-size:33%;animation:progress-elemental-indeterminate var(--progress-elemental-indeterminate-duration) ease-in-out infinite}@media(forced-colors:active){progress-elemental:defined{--progress-elemental-track: Canvas;--progress-elemental-fill: Highlight;--progress-elemental-buffer-fill: GrayText;border:1px solid CanvasText}}@media(prefers-reduced-motion:reduce){progress-elemental:defined:before,progress-elemental:defined:after{transition:none}progress-elemental:defined[data-indeterminate]:after{inline-size:100%;background:var(--progress-elemental-buffer-fill);animation:none}}@keyframes progress-elemental-indeterminate{0%{translate:-100%}to{translate:300%}}rearrange-elemental{--rearrange-elemental-control-size: 1.75em;--rearrange-elemental-gap: .15em;--rearrange-elemental-radius: .3rem;--rearrange-elemental-color: currentcolor;--rearrange-elemental-hover: color-mix(in srgb, currentcolor 8%, transparent);--rearrange-elemental-grip: color-mix(in srgb, currentcolor 45%, transparent);--rearrange-elemental-lift: 0 .1rem .3rem color-mix(in srgb, currentcolor 10%, transparent);--rearrange-elemental-disabled-opacity: .3;--rearrange-elemental-idle-opacity: 1;--rearrange-elemental-surface: Canvas}rearrange-elemental:where(:defined) [data-rearrange-controls]{gap:var(--rearrange-elemental-gap);opacity:var(--rearrange-elemental-idle-opacity)}@media(prefers-reduced-motion:no-preference){rearrange-elemental:where(:defined) [data-rearrange-controls]{transition:opacity .15s}}rearrange-elemental:where(:defined) :is(li,tr):is(:hover,:focus-within) [data-rearrange-controls]{opacity:1}@media(hover:none){rearrange-elemental:where(:defined) [data-rearrange-controls]{opacity:1}}:where(rearrange-elemental:defined [data-rearrange-controls]){margin-inline-start:var(--rearrange-elemental-gap)}rearrange-elemental:where(:defined) .rearrange-elemental-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}rearrange-elemental:where(:defined) .rearrange-elemental-move{display:inline-flex;position:relative;align-items:center;justify-content:center;inline-size:var(--rearrange-elemental-control-size);block-size:var(--rearrange-elemental-control-size);margin:0;padding:0;color:var(--rearrange-elemental-color);cursor:pointer;background:none;border:0;border-radius:var(--rearrange-elemental-radius)}rearrange-elemental:where(:defined) .rearrange-elemental-move:hover{background:var(--rearrange-elemental-hover)}rearrange-elemental:where(:defined) .rearrange-elemental-move[aria-disabled=true]{opacity:var(--rearrange-elemental-disabled-opacity);cursor:default}rearrange-elemental:where(:defined) .rearrange-elemental-move[aria-disabled=true]:hover{background:none}rearrange-elemental:where(:defined) .rearrange-elemental-move:after{content:"";inline-size:0;block-size:0}rearrange-elemental:where(:defined) .rearrange-elemental-move:is([data-move=up],[data-move=down]):after{border-inline:.3em solid transparent}rearrange-elemental:where(:defined) .rearrange-elemental-move:is([data-move=prev],[data-move=next]):after{border-block:.3em solid transparent}rearrange-elemental:where(:defined) .rearrange-elemental-move[data-move=up]:after{border-block-end:.35em solid var(--rearrange-elemental-color)}rearrange-elemental:where(:defined) .rearrange-elemental-move[data-move=down]:after{border-block-start:.35em solid var(--rearrange-elemental-color)}rearrange-elemental:where(:defined) .rearrange-elemental-move[data-move=prev]:after{border-inline-end:.35em solid var(--rearrange-elemental-color)}rearrange-elemental:where(:defined) .rearrange-elemental-move[data-move=next]:after{border-inline-start:.35em solid var(--rearrange-elemental-color)}rearrange-elemental:where(:defined) .rearrange-elemental-handle{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--rearrange-elemental-control-size);block-size:var(--rearrange-elemental-control-size)}rearrange-elemental:where(:defined) .rearrange-elemental-handle:before{content:"";inline-size:.5em;block-size:.8em;background-image:radial-gradient(circle,var(--rearrange-elemental-grip) 34%,transparent 38%);background-size:50% 33.34%}rearrange-elemental:where(:defined) :is(li,tr)[data-dragging]{background:var(--rearrange-elemental-surface);box-shadow:var(--rearrange-elemental-lift)}rearrange-elemental:where(:defined) tr[data-dragging]>*{background:var(--rearrange-elemental-surface)}search-elemental[data-state=pending]:after{content:"";position:absolute;inset-block-end:var(--search-elemental-spinner-inset-block, .75rem);inset-inline-end:var(--search-elemental-spinner-inset-inline, .75rem);width:var(--search-elemental-spinner-size, 1rem);height:var(--search-elemental-spinner-size, 1rem);box-sizing:border-box;border:2px solid color-mix(in srgb,var(--search-elemental-spinner-color, color-mix(in srgb, currentcolor 45%, transparent)) 33%,transparent);border-block-start-color:var(--search-elemental-spinner-color, color-mix(in srgb, currentcolor 45%, transparent));border-radius:50%;animation:search-elemental-spin var(--search-elemental-spinner-duration, .7s) linear infinite;pointer-events:none}@keyframes search-elemental-spin{to{transform:rotate(1turn)}}@keyframes search-elemental-pulse{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){search-elemental[data-state=pending]:after{animation:search-elemental-pulse var(--search-elemental-spinner-duration, .7s) ease-in-out infinite}}segmented-elemental{--segmented-elemental-gap: 3px;--segmented-elemental-radius: 999px;--segmented-elemental-border-width: 1px;--segmented-elemental-border-color: transparent;--segmented-elemental-track: color-mix(in srgb, currentcolor 10%, transparent);--segmented-elemental-knob: Canvas;--segmented-elemental-knob-radius: var(--segmented-elemental-radius);--segmented-elemental-color: currentcolor;--segmented-elemental-color-selected: currentcolor;--segmented-elemental-padding-block: .375rem;--segmented-elemental-padding-inline: .875rem;--segmented-elemental-duration: .25s;--segmented-elemental-easing: ease-in-out;box-sizing:border-box;padding:var(--segmented-elemental-gap);color:var(--segmented-elemental-color);background:var(--segmented-elemental-track);border:var(--segmented-elemental-border-width) solid var(--segmented-elemental-border-color);border-radius:var(--segmented-elemental-radius)}segmented-elemental[data-index]:before{content:"";position:absolute;inset-block:var(--segmented-elemental-gap);inset-inline-start:var(--segmented-elemental-gap);inline-size:calc((100% - var(--segmented-elemental-gap) * 2) / var(--segmented-elemental-count));translate:calc(var(--segmented-elemental-index) * 100%);background:var(--segmented-elemental-knob);border-radius:var(--segmented-elemental-knob-radius);transition:translate var(--segmented-elemental-duration) var(--segmented-elemental-easing)}segmented-elemental>label{padding:var(--segmented-elemental-padding-block) var(--segmented-elemental-padding-inline);border-radius:var(--segmented-elemental-knob-radius);transition:color var(--segmented-elemental-duration) var(--segmented-elemental-easing)}segmented-elemental>label:has(>input[type=radio]:checked){color:var(--segmented-elemental-color-selected)}segmented-elemental>label:has(>input[type=radio]:disabled){cursor:not-allowed;opacity:.5}segmented-elemental:dir(rtl)[data-index]:before{translate:calc(var(--segmented-elemental-index) * -100%)}@media(forced-colors:active){segmented-elemental{--segmented-elemental-border-color: CanvasText;--segmented-elemental-color: CanvasText;--segmented-elemental-color-selected: HighlightText}segmented-elemental[data-index]:before{background:Highlight}}@media(prefers-reduced-motion:reduce){segmented-elemental[data-index]:before,segmented-elemental>label{transition:none}}slider-elemental{--slider-elemental-thumb-size: 1rem;--slider-elemental-track-size: .375rem;--slider-elemental-radius: 999px;--slider-elemental-thumb-radius: 50%;--slider-elemental-track: color-mix(in srgb, currentcolor 20%, transparent);--slider-elemental-fill: currentcolor;--slider-elemental-thumb: var(--slider-elemental-fill);--slider-elemental-focus-width: 3px;--slider-elemental-focus-color: color-mix(in srgb, currentcolor 35%, transparent);--slider-elemental-tooltip-gap: .375rem;--slider-elemental-tooltip-padding-block: .25em;--slider-elemental-tooltip-padding-inline: .5em;--slider-elemental-tooltip-radius: 6px;--slider-elemental-tooltip-surface: CanvasText;--slider-elemental-tooltip-color: Canvas}slider-elemental:defined:before,slider-elemental:defined:after{content:"";position:absolute;box-sizing:border-box;inset-block-start:calc((var(--slider-elemental-thumb-size) - var(--slider-elemental-track-size)) / 2);block-size:var(--slider-elemental-track-size);border-radius:var(--slider-elemental-radius)}slider-elemental:defined:before{inset-inline:calc(var(--slider-elemental-thumb-size) / 2);background:var(--slider-elemental-track)}slider-elemental:defined:after{inset-inline-start:calc(var(--slider-elemental-start, 0) * (100% - var(--slider-elemental-thumb-size)) + var(--slider-elemental-thumb-size) / 2);inline-size:calc((var(--slider-elemental-end, 0) - var(--slider-elemental-start, 0)) * (100% - var(--slider-elemental-thumb-size)));background:var(--slider-elemental-fill)}slider-elemental:defined>input[type=range]{appearance:none;block-size:var(--slider-elemental-thumb-size);background:transparent;color:var(--slider-elemental-thumb)}slider-elemental:defined>input[type=range]::-webkit-slider-runnable-track{block-size:100%;background:transparent;border:0}slider-elemental:defined>input[type=range]::-moz-range-track{block-size:100%;background:transparent;border:0}slider-elemental:defined>input[type=range]::-moz-range-progress{background:transparent}slider-elemental:defined>input[type=range]::-webkit-slider-thumb{appearance:none;inline-size:var(--slider-elemental-thumb-size);block-size:100%;background:currentcolor;border:0;border-radius:var(--slider-elemental-thumb-radius);box-shadow:0 0 0 0 transparent;transition:box-shadow .15s ease-out}slider-elemental:defined>input[type=range]::-moz-range-thumb{appearance:none;inline-size:var(--slider-elemental-thumb-size);block-size:100%;background:currentcolor;border:0;border-radius:var(--slider-elemental-thumb-radius);box-shadow:0 0 0 0 transparent;transition:box-shadow .15s ease-out}slider-elemental:defined>input[type=range]:focus-visible{outline:none}slider-elemental:defined>input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 var(--slider-elemental-focus-width) var(--slider-elemental-focus-color)}slider-elemental:defined>input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 var(--slider-elemental-focus-width) var(--slider-elemental-focus-color)}slider-elemental:defined>input[type=range]:disabled{cursor:not-allowed;opacity:.5}slider-elemental:defined>output[data-tooltip]{padding:var(--slider-elemental-tooltip-padding-block) var(--slider-elemental-tooltip-padding-inline);border-radius:var(--slider-elemental-tooltip-radius);background:var(--slider-elemental-tooltip-surface);color:var(--slider-elemental-tooltip-color);font-size:.75rem;line-height:1.5;white-space:nowrap}@media(forced-colors:active){slider-elemental:defined{--slider-elemental-track: Canvas;--slider-elemental-fill: Highlight;--slider-elemental-thumb: CanvasText;--slider-elemental-tooltip-surface: Canvas;--slider-elemental-tooltip-color: CanvasText}slider-elemental:defined:before{border:1px solid CanvasText}slider-elemental:defined>output[data-tooltip]{border:1px solid CanvasText}slider-elemental:defined>input[type=range]:focus-visible{outline:2px solid Highlight;outline-offset:2px}}@media(prefers-reduced-motion:reduce){slider-elemental:defined>input[type=range]::-webkit-slider-thumb{transition:none}slider-elemental:defined>input[type=range]::-moz-range-thumb{transition:none}}sortable-table-elemental{--sortable-table-elemental-indicator-color: currentcolor;--sortable-table-elemental-hint-opacity: .35;--sortable-table-elemental-rule: color-mix(in srgb, currentcolor 20%, transparent);--sortable-table-elemental-stripe: color-mix(in srgb, currentcolor 4%, transparent)}sortable-table-elemental:where(:defined)>table>tbody>tr:nth-child(2n){background:var(--sortable-table-elemental-stripe)}sortable-table-elemental:where(:defined)>table>thead>tr:last-of-type>th{border-block-end:2px solid var(--sortable-table-elemental-rule)}sortable-table-elemental:where(:defined)>table>thead>tr:last-of-type>th:not([data-sort=none])>button:after{display:inline-block;width:0;height:0;margin-inline-start:.4em;vertical-align:middle;content:"";border-right:.3em solid transparent;border-bottom:.35em solid var(--sortable-table-elemental-indicator-color);border-left:.3em solid transparent;opacity:var(--sortable-table-elemental-hint-opacity)}sortable-table-elemental:where(:defined)>table>thead>tr:last-of-type>th[aria-sort]>button:after{opacity:1}sortable-table-elemental:where(:defined)>table>thead>tr:last-of-type>th[aria-sort=descending]>button:after{border-top:.35em solid var(--sortable-table-elemental-indicator-color);border-bottom:0}splitter-elemental{--splitter-elemental-color: color-mix(in srgb, currentcolor 20%, transparent);--splitter-elemental-active-color: color-mix(in srgb, currentcolor 45%, transparent);--splitter-elemental-dot-size: 3px}splitter-elemental:where([data-splitter-panes])>[data-splitter-handle]{display:grid;place-items:center;color:var(--splitter-elemental-color)}splitter-elemental:where([data-splitter-panes])>[data-splitter-handle]:hover,splitter-elemental:where([data-splitter-panes])>[data-splitter-handle]:focus-visible{color:var(--splitter-elemental-active-color)}splitter-elemental:where([data-splitter-panes])>[data-splitter-handle]:before{background-image:radial-gradient(circle closest-side,currentcolor 100%,transparent);content:"";inline-size:var(--splitter-elemental-dot-size);block-size:calc(var(--splitter-elemental-dot-size) * 5);background-size:100% 33.3333333333%}splitter-elemental[vertical]:where([data-splitter-panes])>[data-splitter-handle]:before{inline-size:calc(var(--splitter-elemental-dot-size) * 5);block-size:var(--splitter-elemental-dot-size);background-size:33.3333333333% 100%}suggest-elemental{--suggest-elemental-radius: .375rem;--suggest-elemental-inset: .5rem;--suggest-elemental-surface: Canvas;--suggest-elemental-active: color-mix(in srgb, currentcolor 12%, transparent);color:CanvasText;background:var(--suggest-elemental-surface);border:1px solid color-mix(in srgb,currentcolor 25%,transparent);border-radius:var(--suggest-elemental-radius);box-shadow:0 .25rem .75rem color-mix(in srgb,CanvasText 15%,transparent);inline-size:100%}@media(forced-colors:active){suggest-elemental{box-shadow:none}suggest-elemental [role=option][data-active]{color:HighlightText;background:Highlight}}switch-elemental{--switch-elemental-width: 3.625rem;--switch-elemental-height: 2rem;--switch-elemental-border-width: 2px;--switch-elemental-gap: 2px;--switch-elemental-inset: calc(var(--switch-elemental-border-width) + var(--switch-elemental-gap));--switch-elemental-knob-size: calc(var(--switch-elemental-height) - var(--switch-elemental-inset) * 2);--switch-elemental-knob-radius: 50%;--switch-elemental-radius: var(--switch-elemental-height);--switch-elemental-travel: calc(var(--switch-elemental-width) - var(--switch-elemental-knob-size) - var(--switch-elemental-inset) * 2);--switch-elemental-border-color: currentcolor;--switch-elemental-track: transparent;--switch-elemental-track-checked: currentcolor;--switch-elemental-knob: currentcolor;--switch-elemental-border-color-checked: var(--switch-elemental-border-color);--switch-elemental-knob-checked: Canvas;--switch-elemental-duration: .25s;--switch-elemental-easing: ease-in-out}switch-elemental>button{position:relative;box-sizing:border-box;display:block;inline-size:var(--switch-elemental-width);block-size:var(--switch-elemental-height);padding:0;color:inherit;cursor:pointer;background:var(--switch-elemental-track);border:var(--switch-elemental-border-width) solid var(--switch-elemental-border-color);border-radius:var(--switch-elemental-radius);transition:background var(--switch-elemental-duration) var(--switch-elemental-easing)}switch-elemental>button:before{content:"";position:absolute;inset-block-start:50%;inset-inline-start:var(--switch-elemental-gap);inline-size:var(--switch-elemental-knob-size);block-size:var(--switch-elemental-knob-size);translate:0 -50%;background:var(--switch-elemental-knob);border-radius:var(--switch-elemental-knob-radius);transition:translate var(--switch-elemental-duration) var(--switch-elemental-easing),background var(--switch-elemental-duration) var(--switch-elemental-easing)}switch-elemental>button>.switch-elemental-on,switch-elemental>button>.switch-elemental-off{position:absolute;inset-block:var(--switch-elemental-gap);inline-size:var(--switch-elemental-knob-size);display:grid;place-items:center;transition:opacity var(--switch-elemental-duration) var(--switch-elemental-easing)}switch-elemental>button>.switch-elemental-off{inset-inline-end:var(--switch-elemental-gap);color:var(--switch-elemental-knob);opacity:1}switch-elemental>button>.switch-elemental-on{inset-inline-start:var(--switch-elemental-gap);color:var(--switch-elemental-knob-checked);opacity:0}switch-elemental>button[aria-checked=true]{background:var(--switch-elemental-track-checked);border-color:var(--switch-elemental-border-color-checked)}switch-elemental>button[aria-checked=true]:before{translate:var(--switch-elemental-travel) -50%;background:var(--switch-elemental-knob-checked)}switch-elemental>button[aria-checked=true]>.switch-elemental-off{opacity:0}switch-elemental>button[aria-checked=true]>.switch-elemental-on{opacity:1}switch-elemental>button:disabled{cursor:not-allowed;opacity:.5}switch-elemental>button:dir(rtl)[aria-checked=true]:before{translate:calc(var(--switch-elemental-travel) * -1) -50%}@media(forced-colors:active){switch-elemental>button:before{background:CanvasText}switch-elemental>button[aria-checked=true]{background:Highlight}switch-elemental>button[aria-checked=true]:before{background:HighlightText}switch-elemental>button[aria-checked=true]>.switch-elemental-on{color:HighlightText}}@media(prefers-reduced-motion:reduce){switch-elemental>button,switch-elemental>button:before,switch-elemental>button>.switch-elemental-on,switch-elemental>button>.switch-elemental-off{transition:none}}switch-elemental.switch-elemental-small{--switch-elemental-width: 2.75rem;--switch-elemental-height: 1.5rem}switch-elemental.switch-elemental-thin{--switch-elemental-border-width: 1px}tabs-elemental{--tabs-elemental-gap: .25rem;--tabs-elemental-inset: .5rem .75rem;--tabs-elemental-panel-inset: 1rem;--tabs-elemental-radius: .375rem;--tabs-elemental-indicator-size: 2px;--tabs-elemental-indicator: currentcolor;--tabs-elemental-border: color-mix(in srgb, currentcolor 20%, transparent);--tabs-elemental-hover: color-mix(in srgb, currentcolor 10%, transparent);--tabs-elemental-muted: color-mix(in srgb, currentcolor 65%, transparent);--tabs-elemental-duration: .25s;--tabs-elemental-easing: ease-in-out}tabs-elemental>[data-tabs-list]{display:flex;flex-wrap:wrap;gap:var(--tabs-elemental-gap);border-block-end:var(--tabs-elemental-indicator-size) solid var(--tabs-elemental-border)}tabs-elemental>[data-tabs-list]>li>a,tabs-elemental>[data-tabs-list]>li>button{display:block;padding:var(--tabs-elemental-inset);font:inherit;color:var(--tabs-elemental-muted);text-decoration:none;white-space:nowrap;cursor:pointer;background:none;border:0;border-block-end:var(--tabs-elemental-indicator-size) solid transparent;border-start-start-radius:var(--tabs-elemental-radius);border-start-end-radius:var(--tabs-elemental-radius);margin-block-end:calc(-1 * var(--tabs-elemental-indicator-size))}tabs-elemental>[data-tabs-list]>li>a:hover,tabs-elemental>[data-tabs-list]>li>button:hover{background:var(--tabs-elemental-hover)}@media(scripting:enabled){tabs-elemental:not(:defined)>:is(ul,menu){display:flex;flex-wrap:wrap;gap:var(--tabs-elemental-gap);border-block-end:var(--tabs-elemental-indicator-size) solid var(--tabs-elemental-border)}tabs-elemental:not(:defined)>:is(ul,menu)>li>:is(a,button){display:block;padding:var(--tabs-elemental-inset);font:inherit;color:var(--tabs-elemental-muted);text-decoration:none;white-space:nowrap;cursor:pointer;background:none;border:0;border-block-end:var(--tabs-elemental-indicator-size) solid transparent;border-start-start-radius:var(--tabs-elemental-radius);border-start-end-radius:var(--tabs-elemental-radius);margin-block-end:calc(-1 * var(--tabs-elemental-indicator-size))}tabs-elemental:not(:defined)>:is(ul,menu)>li>:is(a,button):hover{background:var(--tabs-elemental-hover)}tabs-elemental:not(:defined)>:is(ul,menu)~*{padding-block-start:var(--tabs-elemental-panel-inset)}tabs-elemental[vertical]:not(:defined)>:is(ul,menu){flex-flow:column nowrap;border-block-end:0;border-inline-end:var(--tabs-elemental-indicator-size) solid var(--tabs-elemental-border)}tabs-elemental[vertical]:not(:defined)>:is(ul,menu)>li>:is(a,button){border-block-end:0;border-inline-end:var(--tabs-elemental-indicator-size) solid transparent;border-start-end-radius:0;border-end-start-radius:var(--tabs-elemental-radius);margin-block-end:0;margin-inline-end:calc(-1 * var(--tabs-elemental-indicator-size))}tabs-elemental[vertical]:not(:defined)>:is(ul,menu)~*{padding-block-start:0;padding-inline-start:var(--tabs-elemental-panel-inset)}}tabs-elemental>[data-tabs-list]>li>[aria-selected=true]{color:inherit;border-block-end-color:var(--tabs-elemental-indicator)}@media(forced-colors:active){tabs-elemental>[data-tabs-list]>li>[aria-selected=true]{border-block-end-color:Highlight}}tabs-elemental>[data-tabs-panel]{padding-block-start:var(--tabs-elemental-panel-inset)}tabs-elemental>[data-tabs-panel][tabindex]:focus-visible{outline:2px solid var(--tabs-elemental-indicator);outline-offset:2px}tabs-elemental[vertical]>[data-tabs-list]{flex-flow:column nowrap;border-block-end:0;border-inline-end:var(--tabs-elemental-indicator-size) solid var(--tabs-elemental-border)}tabs-elemental[vertical]>[data-tabs-list]>li>a,tabs-elemental[vertical]>[data-tabs-list]>li>button{border-block-end:0;border-inline-end:var(--tabs-elemental-indicator-size) solid transparent;border-start-end-radius:0;border-end-start-radius:var(--tabs-elemental-radius);margin-block-end:0;margin-inline-end:calc(-1 * var(--tabs-elemental-indicator-size))}tabs-elemental[vertical]>[data-tabs-list]>li>[aria-selected=true]{border-inline-end-color:var(--tabs-elemental-indicator)}@media(forced-colors:active){tabs-elemental[vertical]>[data-tabs-list]>li>[aria-selected=true]{border-inline-end-color:Highlight}}tabs-elemental[vertical]>[data-tabs-panel]{padding-block-start:0;padding-inline-start:var(--tabs-elemental-panel-inset)}tabs-elemental[data-tabs-sliding]>[data-tabs-list]:after{transition:translate var(--tabs-elemental-duration) var(--tabs-elemental-easing),inline-size var(--tabs-elemental-duration) var(--tabs-elemental-easing),block-size var(--tabs-elemental-duration) var(--tabs-elemental-easing);content:"";position:absolute;inset-block-end:calc(-1 * var(--tabs-elemental-indicator-size));inset-inline-start:0;inline-size:var(--tabs-elemental-tab-size);block-size:var(--tabs-elemental-indicator-size);background:var(--tabs-elemental-indicator);translate:var(--tabs-elemental-tab-start)}tabs-elemental[data-tabs-sliding]>[data-tabs-list]>li>[aria-selected=true]{border-block-end-color:transparent}tabs-elemental[data-tabs-sliding]:not([vertical]):dir(rtl)>[data-tabs-list]:after{translate:calc(-1 * var(--tabs-elemental-tab-start))}tabs-elemental[vertical][data-tabs-sliding]>[data-tabs-list]:after{inset-block:0 auto;inset-inline:auto calc(-1 * var(--tabs-elemental-indicator-size));inline-size:var(--tabs-elemental-indicator-size);block-size:var(--tabs-elemental-tab-size);translate:0 var(--tabs-elemental-tab-start)}tabs-elemental[vertical][data-tabs-sliding]>[data-tabs-list]>li>[aria-selected=true]{border-inline-end-color:transparent}@media(forced-colors:active){tabs-elemental[data-tabs-sliding]>[data-tabs-list]>li>[aria-selected=true]{border-block-end-color:Highlight}tabs-elemental[vertical][data-tabs-sliding]>[data-tabs-list]>li>[aria-selected=true]{border-inline-end-color:Highlight}}@media(prefers-reduced-motion:reduce){tabs-elemental[data-tabs-sliding]>[data-tabs-list]:after{transition:none}}tilt-elemental{--tilt-elemental-radius: .75rem;--tilt-elemental-shadow-size: 1.5rem;--tilt-elemental-shadow-color: color-mix(in srgb, currentcolor 30%, transparent)}tilt-elemental:defined{border-radius:var(--tilt-elemental-radius);transition:transform var(--tilt-elemental-return-duration) var(--tilt-elemental-easing)}tilt-elemental:defined[data-tilt-active]{transition-duration:var(--tilt-elemental-duration)}tilt-elemental:defined:before{position:absolute;inset:0;z-index:-1;content:"";pointer-events:none;border-radius:inherit;background:var(--tilt-elemental-shadow-color);opacity:.25;filter:blur(calc(var(--tilt-elemental-shadow-size) / 2));will-change:translate;translate:calc(var(--tilt-elemental-y, 0) * -1px) calc(var(--tilt-elemental-x, 0) * 1px);transition:translate var(--tilt-elemental-return-duration) var(--tilt-elemental-easing),opacity var(--tilt-elemental-return-duration) var(--tilt-elemental-easing)}tilt-elemental:defined[data-tilt-active]:before{opacity:1;transition-duration:var(--tilt-elemental-duration)}toolbar-elemental{--toolbar-elemental-gap: .25rem;--toolbar-elemental-inset: .25rem;--toolbar-elemental-radius: .375rem;--toolbar-elemental-border: color-mix(in srgb, currentcolor 20%, transparent);--toolbar-elemental-hover: color-mix(in srgb, currentcolor 10%, transparent);--toolbar-elemental-pressed: color-mix(in srgb, currentcolor 18%, transparent)}toolbar-elemental{padding:var(--toolbar-elemental-inset);border:1px solid var(--toolbar-elemental-border);border-radius:var(--toolbar-elemental-radius)}toolbar-elemental>[role=group]+[role=group]{padding-inline-start:var(--toolbar-elemental-inset);border-inline-start:1px solid var(--toolbar-elemental-border)}toolbar-elemental[vertical]>[role=group]+[role=group]{padding-block-start:var(--toolbar-elemental-inset);padding-inline-start:0;border-block-start:1px solid var(--toolbar-elemental-border);border-inline-start:0}toolbar-elemental button,toolbar-elemental a[href]{padding:.35rem .5rem;font:inherit;color:inherit;text-align:start;text-decoration:none;cursor:pointer;background:none;border:0;border-radius:var(--toolbar-elemental-radius)}toolbar-elemental button:hover,toolbar-elemental a[href]:hover{background:var(--toolbar-elemental-hover)}toolbar-elemental button[aria-pressed=true],toolbar-elemental a[href][aria-pressed=true]{background:var(--toolbar-elemental-pressed)}toolbar-elemental button:disabled,toolbar-elemental button[aria-disabled=true],toolbar-elemental a[href]:disabled,toolbar-elemental a[href][aria-disabled=true]{cursor:default;opacity:.45}tooltip-elemental{--tooltip-elemental-gap: 6px;--tooltip-elemental-viewport-margin: 6px;--tooltip-elemental-padding-block: .5em;--tooltip-elemental-padding-inline: .75em;--tooltip-elemental-radius: 6px;--tooltip-elemental-surface: CanvasText;--tooltip-elemental-color: Canvas;--tooltip-elemental-border-width: 1px;--tooltip-elemental-border-color: color-mix(in srgb, Canvas 28%, var(--tooltip-elemental-surface));--tooltip-elemental-caret: 5px;--tooltip-elemental-duration: 0s}tooltip-elemental:where(:defined)[role=tooltip],tooltip-elemental:where(:defined)>[role=tooltip]{padding:var(--tooltip-elemental-padding-block) var(--tooltip-elemental-padding-inline);border:var(--tooltip-elemental-border-width) solid var(--tooltip-elemental-border-color);border-radius:var(--tooltip-elemental-radius);background:var(--tooltip-elemental-surface);color:var(--tooltip-elemental-color);font-size:.75rem;line-height:1.5;opacity:0;transition:opacity var(--tooltip-elemental-duration) ease,display var(--tooltip-elemental-duration) allow-discrete}tooltip-elemental:where(:defined)[role=tooltip]:not([hidden]),tooltip-elemental:where(:defined)>[role=tooltip]:not([hidden]){opacity:1}@starting-style{tooltip-elemental:where(:defined)[role=tooltip]:not([hidden]),tooltip-elemental:where(:defined)>[role=tooltip]:not([hidden]){opacity:0}}@media(prefers-reduced-motion:reduce){tooltip-elemental:where(:defined)[role=tooltip],tooltip-elemental:where(:defined)>[role=tooltip]{transition:none}}tooltip-elemental:where(:defined)[role=tooltip]:before,tooltip-elemental:where(:defined)[role=tooltip]:after,tooltip-elemental:where(:defined)>[role=tooltip]:before,tooltip-elemental:where(:defined)>[role=tooltip]:after{content:"";position:absolute;border:var(--tooltip-elemental-caret) solid transparent}tooltip-elemental:where(:defined)[role=tooltip]:before,tooltip-elemental:where(:defined)>[role=tooltip]:before{border-width:calc(var(--tooltip-elemental-caret) + var(--tooltip-elemental-border-width))}tooltip-elemental:where(:defined)[role=tooltip],tooltip-elemental:where(:defined)>[role=tooltip]{--tooltip-elemental-caret-end: calc( 100% - var(--tooltip-elemental-radius) - 2 * (var(--tooltip-elemental-caret) + var(--tooltip-elemental-border-width)) );--tooltip-elemental-caret-at: clamp( var(--tooltip-elemental-radius), calc(var(--tooltip-elemental-arrow-offset, 50%) - var(--tooltip-elemental-caret)), var(--tooltip-elemental-caret-end) );--tooltip-elemental-caret-at-rim: calc(var(--tooltip-elemental-caret-at) - var(--tooltip-elemental-border-width))}tooltip-elemental:where(:defined)[role=tooltip][data-side=block-end]:before,tooltip-elemental:where(:defined)[role=tooltip][data-side=block-start]:before,tooltip-elemental:where(:defined)>[role=tooltip][data-side=block-end]:before,tooltip-elemental:where(:defined)>[role=tooltip][data-side=block-start]:before{inset-inline-start:var(--tooltip-elemental-caret-at-rim)}tooltip-elemental:where(:defined)[role=tooltip][data-side=block-end]:after,tooltip-elemental:where(:defined)[role=tooltip][data-side=block-start]:after,tooltip-elemental:where(:defined)>[role=tooltip][data-side=block-end]:after,tooltip-elemental:where(:defined)>[role=tooltip][data-side=block-start]:after{inset-inline-start:var(--tooltip-elemental-caret-at)}tooltip-elemental:where(:defined)[role=tooltip][data-side=inline-end]:before,tooltip-elemental:where(:defined)[role=tooltip][data-side=inline-start]:before,tooltip-elemental:where(:defined)>[role=tooltip][data-side=inline-end]:before,tooltip-elemental:where(:defined)>[role=tooltip][data-side=inline-start]:before{inset-block-start:var(--tooltip-elemental-caret-at-rim)}tooltip-elemental:where(:defined)[role=tooltip][data-side=inline-end]:after,tooltip-elemental:where(:defined)[role=tooltip][data-side=inline-start]:after,tooltip-elemental:where(:defined)>[role=tooltip][data-side=inline-end]:after,tooltip-elemental:where(:defined)>[role=tooltip][data-side=inline-start]:after{inset-block-start:var(--tooltip-elemental-caret-at)}tooltip-elemental:where(:defined)[role=tooltip][data-side=block-end]:before,tooltip-elemental:where(:defined)>[role=tooltip][data-side=block-end]:before{inset-block-end:100%;border-block-end-color:var(--tooltip-elemental-border-color)}tooltip-elemental:where(:defined)[role=tooltip][data-side=block-end]:after,tooltip-elemental:where(:defined)>[role=tooltip][data-side=block-end]:after{inset-block-end:calc(100% - var(--tooltip-elemental-border-width));border-block-end-color:var(--tooltip-elemental-surface)}tooltip-elemental:where(:defined)[role=tooltip][data-side=block-start]:before,tooltip-elemental:where(:defined)>[role=tooltip][data-side=block-start]:before{inset-block-start:100%;border-block-start-color:var(--tooltip-elemental-border-color)}tooltip-elemental:where(:defined)[role=tooltip][data-side=block-start]:after,tooltip-elemental:where(:defined)>[role=tooltip][data-side=block-start]:after{inset-block-start:calc(100% - var(--tooltip-elemental-border-width));border-block-start-color:var(--tooltip-elemental-surface)}tooltip-elemental:where(:defined)[role=tooltip][data-side=inline-end]:before,tooltip-elemental:where(:defined)>[role=tooltip][data-side=inline-end]:before{inset-inline-end:100%;border-inline-end-color:var(--tooltip-elemental-border-color)}tooltip-elemental:where(:defined)[role=tooltip][data-side=inline-end]:after,tooltip-elemental:where(:defined)>[role=tooltip][data-side=inline-end]:after{inset-inline-end:calc(100% - var(--tooltip-elemental-border-width));border-inline-end-color:var(--tooltip-elemental-surface)}tooltip-elemental:where(:defined)[role=tooltip][data-side=inline-start]:before,tooltip-elemental:where(:defined)>[role=tooltip][data-side=inline-start]:before{inset-inline-start:100%;border-inline-start-color:var(--tooltip-elemental-border-color)}tooltip-elemental:where(:defined)[role=tooltip][data-side=inline-start]:after,tooltip-elemental:where(:defined)>[role=tooltip][data-side=inline-start]:after{inset-inline-start:calc(100% - var(--tooltip-elemental-border-width));border-inline-start-color:var(--tooltip-elemental-surface)}@media(forced-colors:active){tooltip-elemental:where(:defined)[role=tooltip],tooltip-elemental:where(:defined)>[role=tooltip]{--tooltip-elemental-surface: Canvas;--tooltip-elemental-color: CanvasText;--tooltip-elemental-border-color: CanvasText}}tree-view-elemental{--tree-view-elemental-indent: 1.4rem;--tree-view-elemental-gap: .05rem;--tree-view-elemental-radius: .375rem;--tree-view-elemental-marker-color: color-mix(in srgb, currentcolor 60%, transparent);--tree-view-elemental-node-color: color-mix(in srgb, currentcolor 70%, transparent);--tree-view-elemental-hover: color-mix(in srgb, currentcolor 8%, transparent);--tree-view-elemental-rail: color-mix(in srgb, currentcolor 20%, transparent);--tree-view-elemental-current-color: currentcolor}tree-view-elemental:where(:defined) ul,tree-view-elemental:where(:defined) ol{padding:0;margin:0;list-style:none}tree-view-elemental:where(:defined) [role=group]{margin-inline-start:calc(var(--tree-view-elemental-indent) - .5rem);padding-inline-start:.5rem;border-inline-start:1px solid var(--tree-view-elemental-rail)}tree-view-elemental:where(:defined) [role=treeitem]{display:flex;gap:.4em;align-items:center;padding:.3rem .5rem;margin-block:var(--tree-view-elemental-gap);color:var(--tree-view-elemental-node-color);text-decoration:none;border-radius:var(--tree-view-elemental-radius)}tree-view-elemental:where(:defined) [role=treeitem]:hover{color:inherit;background:var(--tree-view-elemental-hover)}tree-view-elemental:where(:defined) [role=treeitem]:before{flex:none;width:1em;height:1em;content:""}tree-view-elemental:where(:defined) [aria-expanded]:before{background:var(--tree-view-elemental-marker-color);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L8 8.94l3.72-3.72a.749.749 0 0 1 1.06 0Z'/%3E%3C/svg%3E") center/contain no-repeat;transition:rotate .2s ease}tree-view-elemental:where(:defined) [aria-expanded=false]:before{rotate:-90deg}tree-view-elemental:where(:defined) [aria-expanded=true]:before{rotate:0deg}@media(forced-colors:active){tree-view-elemental:where(:defined) [aria-expanded]:before{background:CanvasText}}@media(prefers-reduced-motion:reduce){tree-view-elemental:where(:defined) [aria-expanded]:before{transition:none}}tree-view-elemental:where(:defined) [aria-current]:not([aria-current=false]){font-weight:600;color:var(--tree-view-elemental-current-color);background:color-mix(in srgb,var(--tree-view-elemental-current-color) 15%,transparent)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* book-of-elementals v3.2.
|
|
1
|
+
/* book-of-elementals v3.2.1 | https://stamat.github.io/book-of-elementals/ | MIT License */
|
|
2
2
|
:root {
|
|
3
3
|
--accordion-elemental-duration: 250ms;
|
|
4
4
|
--accordion-elemental-easing: ease;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* book-of-elementals v3.2.
|
|
1
|
+
/* book-of-elementals v3.2.1 | https://stamat.github.io/book-of-elementals/ | MIT License */
|
|
2
2
|
(() => {
|
|
3
3
|
var __defProp = Object.defineProperty;
|
|
4
4
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* book-of-elementals v3.2.
|
|
1
|
+
/* book-of-elementals v3.2.1 | https://stamat.github.io/book-of-elementals/ | MIT License */
|
|
2
2
|
:root{--accordion-elemental-duration: .25s;--accordion-elemental-easing: ease}accordion-elemental{display:block}accordion-elemental>details>summary{cursor:pointer}accordion-elemental>details>.accordion-elemental-content-wrapper{display:flow-root;margin:0;padding:0;border:0;transition:height var(--accordion-elemental-duration) var(--accordion-elemental-easing)}@media(prefers-reduced-motion:reduce){accordion-elemental>details>.accordion-elemental-content-wrapper{transition:none}}carousel-elemental{display:block;position:relative}carousel-elemental>[data-carousel-slides]{display:flex;gap:var(--carousel-elemental-gap, 0);margin:0;padding:0;overflow-x:auto;list-style:none;scroll-snap-type:x mandatory;scrollbar-width:none}carousel-elemental>[data-carousel-slides]::-webkit-scrollbar{display:none}carousel-elemental>[data-carousel-slides]>[data-carousel-slide]{box-sizing:border-box;flex:0 0 var(--carousel-elemental-slide-size, 100%);min-width:0;scroll-snap-align:start}@media(prefers-reduced-motion:no-preference){carousel-elemental>[data-carousel-slides]{scroll-behavior:smooth}}carousel-elemental[fade]>[data-carousel-slides]{position:relative;display:block;gap:0;overflow:visible;scroll-snap-type:none;touch-action:pan-y pinch-zoom}carousel-elemental[fade]>[data-carousel-slides]>[data-carousel-slide]{position:absolute;inset-block-start:0;inset-inline:0;visibility:hidden;opacity:0}carousel-elemental[fade]>[data-carousel-slides]>[data-carousel-current]{position:relative;visibility:visible;opacity:1}@media(prefers-reduced-motion:no-preference){carousel-elemental[fade]>[data-carousel-slides]{transition:height var(--carousel-elemental-fade, .4s) ease}carousel-elemental[fade]>[data-carousel-slides]>[data-carousel-slide]{transition:opacity var(--carousel-elemental-fade, .4s) ease,visibility 0s linear var(--carousel-elemental-fade, .4s)}carousel-elemental[fade]>[data-carousel-slides]>[data-carousel-current]{transition:opacity var(--carousel-elemental-fade, .4s) ease,visibility 0s}}checkbox-group-elemental{display:contents}@media(scripting:none){checkbox-group-elemental:not(:defined)>label:first-of-type,checkbox-group-elemental:not(:defined)>input[type=checkbox]:first-of-type{display:none}}@media(scripting:enabled){checkbox-group-elemental:not(:defined)>label:first-of-type,checkbox-group-elemental:not(:defined)>input[type=checkbox]:first-of-type{visibility:hidden}}combobox-elemental{position:relative;display:block}combobox-elemental>select.combobox-elemental-native{position:absolute;inset:0;inline-size:100%;block-size:100%;opacity:0;pointer-events:none}combobox-elemental .combobox-elemental-field{display:flex;flex-wrap:wrap;align-items:center;cursor:text}combobox-elemental .combobox-elemental-chips{display:contents}combobox-elemental .combobox-elemental-input{flex:1 1 4em;min-inline-size:0;padding:0;font:inherit;color:inherit;background:none;border:0;outline:none;font-size:max(16px,1em)}combobox-elemental .combobox-elemental-field:has(>.combobox-elemental-input:focus-visible){outline:2px solid currentcolor;outline-offset:2px}combobox-elemental[open] .combobox-elemental-field:has(>.combobox-elemental-input:focus-visible){outline-offset:-2px}combobox-elemental .combobox-elemental-indicator{flex:none;padding:0;color:inherit;cursor:pointer;background:none;border:0}combobox-elemental .combobox-elemental-chip-remove{cursor:pointer}combobox-elemental .combobox-elemental-list{position:absolute;z-index:2;inset-inline:0;margin:0;padding:0;list-style:none;max-block-size:var(--combobox-elemental-max-height, 15rem);overflow-y:auto}combobox-elemental .combobox-elemental-list ul{margin:0;padding:0;list-style:none}combobox-elemental .combobox-elemental-list[data-side=block-end]{inset-block-start:100%}combobox-elemental .combobox-elemental-list[data-side=block-start]{inset-block-end:100%}combobox-elemental .combobox-elemental-list[hidden],combobox-elemental .combobox-elemental-list [hidden]{display:none}combobox-elemental .combobox-elemental-option{cursor:pointer}combobox-elemental .combobox-elemental-option[aria-disabled=true],combobox-elemental .combobox-elemental-empty{cursor:default}combobox-elemental .combobox-elemental-add{cursor:pointer}copy-elemental{display:contents}copy-elemental[data-unavailable]>button{display:none}@media(scripting:none){copy-elemental:not(:defined)>button{display:none}}@media(scripting:enabled){copy-elemental:not(:defined)>button{visibility:hidden}}copy-elemental>.copy-elemental-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:root{--disclosure-elemental-duration: .25s;--disclosure-elemental-easing: ease}disclosure-elemental{display:contents}@media(scripting:none){disclosure-elemental:not(:defined)>button{display:none}}@media(scripting:enabled){disclosure-elemental:not(:defined,[open],[for],[data-for])>button+*{display:none}}.disclosure-elemental-region{transition:height var(--disclosure-elemental-duration) var(--disclosure-elemental-easing),margin var(--disclosure-elemental-duration) var(--disclosure-elemental-easing)}.disclosure-elemental-region[hidden]{padding:0;border:0;box-shadow:none}.disclosure-elemental-region[data-state=closed]{margin:0}.disclosure-elemental-region:not(:where(tr,td,th,thead,tbody,tfoot,caption)){display:flow-root}@media(prefers-reduced-motion:reduce){.disclosure-elemental-region{transition:none}}feed-elemental{display:block}feed-elemental>article,feed-elemental>[role=article]{scroll-margin-block:var(--feed-elemental-scroll-margin, 1rem)}field-elemental{display:block}marquee-elemental{--marquee-elemental-gap: 2rem}marquee-elemental:defined{--marquee-elemental-direction: normal;position:relative;display:flex;gap:var(--marquee-elemental-gap);align-items:center;overflow:clip}marquee-elemental:defined>*{flex:none}marquee-elemental:defined>ul,marquee-elemental:defined>ol{display:flex;gap:var(--marquee-elemental-gap);align-items:center;margin:0;padding:0;list-style:none}marquee-elemental:defined[data-marquee-running]>*:not(.marquee-elemental-control){animation-name:marquee-elemental-lap;animation-duration:var(--marquee-elemental-duration, 0s);animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:var(--marquee-elemental-direction)}marquee-elemental:defined[reverse]{--marquee-elemental-direction: reverse}marquee-elemental:defined:dir(rtl){--marquee-elemental-direction: reverse}marquee-elemental:defined[reverse]:dir(rtl){--marquee-elemental-direction: normal}marquee-elemental:defined:hover>*,marquee-elemental:defined:focus-within>*,marquee-elemental:defined[data-marquee-paused]>*{animation-play-state:paused}marquee-elemental:defined:has(>.marquee-elemental-control:hover):not([data-marquee-paused])>*,marquee-elemental:defined:has(>.marquee-elemental-control:focus):not([data-marquee-paused])>*{animation-play-state:running}marquee-elemental:defined>.marquee-elemental-control{position:absolute;inset-block-start:50%;inset-inline-end:0;z-index:1;translate:0 -50%;display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px}@keyframes marquee-elemental-lap{to{transform:translate(calc(var(--marquee-elemental-distance, 0px) * -1))}}menu-elemental{display:inline-block;position:relative}@media(scripting:none){menu-elemental:not(:defined)>button{display:none}}@media(scripting:enabled){menu-elemental:not(:defined)>:is(ul,menu){display:none}}menu-elemental[data-mode=inline]{display:block;position:static}menu-elemental ul,menu-elemental menu{list-style:none;margin:0;padding:0}menu-elemental [hidden]{display:none}menu-elemental[data-mode=flyout]>ul,menu-elemental[data-mode=flyout]>menu{position:absolute;inset-block-start:100%;inset-inline-start:0;z-index:10}menu-elemental[data-mode=flyout]>ul[data-side=block-start],menu-elemental[data-mode=flyout]>menu[data-side=block-start]{inset-block:auto 100%}menu-elemental[data-mode=flyout]>ul[data-align=end],menu-elemental[data-mode=flyout]>menu[data-align=end]{inset-inline:auto 0}menu-elemental[data-mode=flyout] li{position:relative}menu-elemental[data-mode=flyout] li>ul,menu-elemental[data-mode=flyout] li>menu{position:absolute;inset-block-start:0;inset-inline-start:100%}menu-elemental[data-mode=flyout] li>ul[data-side=inline-start],menu-elemental[data-mode=flyout] li>menu[data-side=inline-start]{inset-inline:auto 100%}menu-elemental[data-mode=flyout] li>ul[data-align=end],menu-elemental[data-mode=flyout] li>menu[data-align=end]{inset-block:auto 0}menu-elemental[data-mode=flyout] ul,menu-elemental[data-mode=flyout] menu{min-width:max-content}:root{--modal-elemental-duration: .2s;--modal-elemental-easing: ease;--modal-elemental-backdrop: rgb(0 0 0 / 50%)}modal-elemental{display:contents}modal-elemental>dialog{opacity:0;translate:0 1rem;transition:opacity var(--modal-elemental-duration) var(--modal-elemental-easing),translate var(--modal-elemental-duration) var(--modal-elemental-easing);overscroll-behavior:contain}modal-elemental>dialog[data-state=open]{opacity:1;translate:0 0}modal-elemental>dialog::backdrop{background:var(--modal-elemental-backdrop);opacity:0;transition:opacity var(--modal-elemental-duration) var(--modal-elemental-easing)}modal-elemental>dialog[data-state=open]::backdrop{opacity:1}modal-elemental>dialog[data-depth]:not([data-depth="1"])::backdrop{background:transparent}.modal-elemental-close{position:absolute;inset-block-start:var(--modal-elemental-close-inset, .5rem);inset-inline-end:var(--modal-elemental-close-inset, .5rem);z-index:1;inline-size:var(--modal-elemental-close-size, 2rem);block-size:var(--modal-elemental-close-size, 2rem);font:inherit;line-height:1;cursor:pointer}html:has(modal-elemental>dialog[data-depth]){overflow:hidden}html:has(modal-elemental){scrollbar-gutter:stable}modal-elemental:not(:defined)>dialog:target{display:block;position:static}@media(prefers-reduced-motion:reduce){modal-elemental>dialog,modal-elemental>dialog::backdrop{transition:none}}navbar-elemental{display:block}navbar-elemental:not(:defined) [data-navbar-toggle]{display:none}@media(scripting:enabled){navbar-elemental:not(:defined){overflow:clip}navbar-elemental:not(:defined) :is(ul,menu){display:flex;flex-wrap:nowrap;align-items:center}navbar-elemental:not(:defined) li>:is(ul,menu){display:none}navbar-elemental:not(:defined) [data-navbar-stack]{display:none}}navbar-elemental ul,navbar-elemental menu{list-style:none;margin:0;padding:0}[data-navbar-rail]{display:grid;align-items:center;min-width:0;grid-template-columns:minmax(0,1fr);overflow:clip;overflow-clip-margin:.5rem}[data-navbar-rail]>*{grid-area:1/1}[data-navbar-probe]{display:flex;flex-wrap:nowrap;align-items:center;visibility:hidden;pointer-events:none}[data-navbar-more]{display:none}[data-navbar-probe]>[data-navbar-more]{display:block}navbar-elemental[data-mode=bar][data-overflowing] [data-navbar-more]{display:block}navbar-elemental[data-mode=bar] [hidden]{display:none}navbar-elemental[data-mode=bar] [data-navbar-toggle]{display:none}navbar-elemental[data-mode=bar] li[data-overflow]{display:none}navbar-elemental[data-mode=bar] [data-navbar-stack]{display:none}[data-navbar-rail]>:is(ul,menu):not([data-navbar-probe]){min-width:0}navbar-elemental[data-mode=bar] [data-navbar-rail]>:is(ul,menu):not([data-navbar-probe]){display:flex;flex-wrap:nowrap;align-items:center}navbar-elemental[data-mode=bar] li>:is(ul,menu){position:absolute;z-index:10;min-width:max-content}navbar-elemental[data-mode=bar] li>:is(ul,menu) li>:is(ul,menu){position:static}@supports (position-area: block-end){navbar-elemental[data-mode=bar] [data-navbar-rail]>:is(ul,menu)>li{anchor-scope:--navbar-elemental-branch}navbar-elemental[data-mode=bar] [data-navbar-rail]>:is(ul,menu)>li>button{anchor-name:--navbar-elemental-branch}navbar-elemental[data-mode=bar] [data-navbar-rail]>:is(ul,menu)>li>ul,navbar-elemental[data-mode=bar] [data-navbar-rail]>:is(ul,menu)>li>menu{position-anchor:--navbar-elemental-branch;position-area:block-end span-inline-end;position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline}}navbar-elemental[data-mode=stack]{position:relative}navbar-elemental[data-mode=stack] li>:is(ul,menu){position:static}navbar-elemental[data-mode=stack] [data-navbar-rail]>:is(ul,menu):not([data-navbar-probe]){position:absolute;inset-inline:0;inset-block-start:100%;z-index:20}navbar-elemental[data-mode=stack] [data-navbar-rail]>:is(ul,menu):not([data-navbar-probe])[hidden]{padding:0;background:none;border:0;box-shadow:none}password-elemental{display:contents}@media(scripting:none){password-elemental:not(:defined)>button{display:none}}@media(scripting:enabled){password-elemental:not(:defined)>button{visibility:hidden}}password-elemental>.password-elemental-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}progress-elemental{position:relative;display:block}rearrange-elemental{display:contents}rearrange-elemental [data-rearrange-controls]{display:inline-flex;align-items:center;vertical-align:middle}rearrange-elemental [data-rearrange-handle]{cursor:grab;touch-action:none}rearrange-elemental[data-dragging]{user-select:none}rearrange-elemental[data-dragging] [data-rearrange-handle]{cursor:grabbing}rearrange-elemental :is(li,tr)[data-dragging]{position:relative;z-index:1}rearrange-elemental>.rearrange-elemental-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}search-elemental{display:block;position:relative}search-elemental>.search-elemental-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}segmented-elemental{position:relative;display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr}segmented-elemental>label{position:relative;display:flex;gap:.5em;align-items:center;justify-content:center;cursor:pointer}segmented-elemental>label>input[type=radio]{position:absolute;inline-size:1px;block-size:1px;margin:0;opacity:0}segmented-elemental>label:has(>input[type=radio]:focus-visible){outline:2px solid currentcolor;outline-offset:2px}slider-elemental{position:relative;display:block}slider-elemental>input[type=range]{position:relative;z-index:1;display:block;inline-size:100%;margin:0}slider-elemental:has(>input[type=range]~input[type=range]){display:grid}slider-elemental:has(>input[type=range]~input[type=range])>input[type=range]{grid-area:1/1;block-size:var(--slider-elemental-thumb-size, 1rem);pointer-events:none;appearance:none;background:transparent;color:var(--slider-elemental-thumb, currentcolor)}slider-elemental:has(>input[type=range]~input[type=range])>input[type=range]::-webkit-slider-runnable-track{block-size:100%;background:transparent;border:0}slider-elemental:has(>input[type=range]~input[type=range])>input[type=range]::-moz-range-track{block-size:100%;background:transparent;border:0}slider-elemental:has(>input[type=range]~input[type=range])>input[type=range]::-moz-range-progress{background:transparent}slider-elemental:has(>input[type=range]~input[type=range])>input[type=range]::-webkit-slider-thumb{pointer-events:auto;appearance:none;inline-size:var(--slider-elemental-thumb-size, 1rem);block-size:100%;background:currentcolor;border:0;border-radius:var(--slider-elemental-thumb-radius, 50%)}slider-elemental:has(>input[type=range]~input[type=range])>input[type=range]::-moz-range-thumb{pointer-events:auto;appearance:none;inline-size:var(--slider-elemental-thumb-size, 1rem);block-size:100%;background:currentcolor;border:0;border-radius:var(--slider-elemental-thumb-radius, 50%)}slider-elemental[data-stacked=start]>input[type=range]:nth-of-type(1){z-index:2}slider-elemental>output[data-tooltip]{position:absolute;inset-block-end:calc(100% + var(--slider-elemental-tooltip-gap, .375rem));inset-inline-start:calc(var(--slider-elemental-at, 0) * (100% - var(--slider-elemental-thumb-size, 1rem)) + var(--slider-elemental-thumb-size, 1rem) / 2);translate:-50%;pointer-events:none}slider-elemental>output[data-tooltip][data-reversed]:not([data-vertical]){translate:50%}slider-elemental>output[data-tooltip][data-vertical]{writing-mode:horizontal-tb;direction:ltr;unicode-bidi:plaintext;inset-block-end:auto;inset-inline-start:auto;left:calc(100% + var(--slider-elemental-tooltip-gap, .375rem));top:calc(var(--slider-elemental-at, 0) * (100% - var(--slider-elemental-thumb-size, 1rem)) + var(--slider-elemental-thumb-size, 1rem) / 2);translate:0 -50%}slider-elemental>output[data-tooltip][data-vertical][data-reversed]{top:auto;bottom:calc(var(--slider-elemental-at, 0) * (100% - var(--slider-elemental-thumb-size, 1rem)) + var(--slider-elemental-thumb-size, 1rem) / 2);translate:0 50%}sortable-table-elemental{display:contents}sortable-table-elemental>table>thead>tr:last-of-type>th:not([data-sort=none])>button{display:block;inline-size:100%;margin:0;padding:0;font:inherit;color:inherit;letter-spacing:inherit;word-spacing:inherit;line-height:inherit;text-transform:inherit;text-indent:inherit;text-shadow:inherit;text-align:inherit;background:none;border:0;cursor:pointer}sortable-table-elemental .sortable-table-elemental-note{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}splitter-elemental{--splitter-elemental-size: 24px;display:block}splitter-elemental[data-splitter-panes]{display:grid}splitter-elemental[data-splitter-panes]:not([vertical]){grid-template-columns:calc((100% - var(--splitter-elemental-size)) * var(--splitter-elemental-position, 50) / 100) var(--splitter-elemental-size) minmax(0,1fr)}splitter-elemental[vertical][data-splitter-panes]{grid-template-rows:calc((100% - var(--splitter-elemental-size)) * var(--splitter-elemental-position, 50) / 100) var(--splitter-elemental-size) minmax(0,1fr)}splitter-elemental[data-splitter-panes]>[data-splitter-handle]{position:relative;z-index:1;touch-action:none;user-select:none;cursor:col-resize}splitter-elemental[vertical][data-splitter-panes]>[data-splitter-handle]{cursor:row-resize}suggest-elemental{position:absolute;z-index:1;max-height:var(--suggest-elemental-max-height, 20rem);overflow-y:auto;overscroll-behavior:contain}suggest-elemental :where(ul,ol){margin:0;padding:0;list-style:none}suggest-elemental [role=option]{display:block;padding:calc(var(--suggest-elemental-inset, .5rem) * .75) var(--suggest-elemental-inset, .5rem);color:inherit;text-decoration:none}suggest-elemental [role=option][data-active]{background:var(--suggest-elemental-active, color-mix(in srgb, currentcolor 12%, transparent))}suggest-elemental[data-side=block-end]{inset-block-start:100%}suggest-elemental[data-side=block-start]{inset-block-end:100%}suggest-elemental[data-align=start]{inset-inline-start:0}suggest-elemental[data-align=end]{inset-inline-end:0}suggest-elemental:not(:defined){position:static;max-height:none}switch-elemental{display:contents}@media(scripting:none){switch-elemental:not(:defined)>button{display:none}}@media(scripting:enabled){switch-elemental:not(:defined)>button{visibility:hidden}}tabs-elemental{display:grid;grid-template-columns:minmax(0,1fr)}@media(scripting:enabled){tabs-elemental:not(:defined)>:is(ul,menu)~*~*{display:none}tabs-elemental:not(:defined)>:is(ul,menu){margin:0;padding:0;list-style:none}}tabs-elemental>[data-tabs-list]{grid-area:1/1;margin:0;padding:0;list-style:none}tabs-elemental>[data-tabs-panel]{grid-area:2/1}tabs-elemental[data-tabs-sliding]>[data-tabs-list]{position:relative}tabs-elemental[vertical]{grid-template-columns:auto minmax(0,1fr)}tabs-elemental[vertical]>[data-tabs-panel]{grid-area:1/2}tabs-elemental>[data-tabs-panel][hidden]{padding:0;pointer-events:none;background:none;border:0;box-shadow:none}tilt-elemental{--tilt-elemental-perspective: 1000px;--tilt-elemental-duration: .12s;--tilt-elemental-return-duration: .4s;--tilt-elemental-easing: ease-out;--tilt-elemental-depth-step: 1px;--tilt-elemental-glare-color: light-dark(rgb(255 255 255 / 100%), rgb(255 255 255 / 10%));--tilt-elemental-glare-size: 60%;display:block}tilt-elemental:defined{transform:perspective(var(--tilt-elemental-perspective)) rotateX(calc(var(--tilt-elemental-x, 0) * 1deg)) rotateY(calc(var(--tilt-elemental-y, 0) * 1deg));transform-style:preserve-3d;position:relative;transition:transform var(--tilt-elemental-return-duration) var(--tilt-elemental-easing)}tilt-elemental:defined[data-tilt-active]{transition-duration:var(--tilt-elemental-duration)}tilt-elemental:defined :has([data-tilt-depth]){transform-style:preserve-3d}tilt-elemental:defined [data-tilt-depth]{transform:translateZ(0);transition:transform var(--tilt-elemental-return-duration) var(--tilt-elemental-easing)}tilt-elemental:defined[data-tilt-active] [data-tilt-depth]{transform:translateZ(calc(var(--tilt-elemental-depth, 0) * var(--tilt-elemental-depth-step)));transition-duration:var(--tilt-elemental-duration)}tilt-elemental[glare]:defined:after{position:absolute;inset:0;content:"";pointer-events:none;background:radial-gradient(circle at calc(var(--tilt-elemental-glare-x, 50) * 1%) calc(var(--tilt-elemental-glare-y, 50) * 1%),var(--tilt-elemental-glare-color),transparent var(--tilt-elemental-glare-size));border-radius:inherit;opacity:0;transition:opacity var(--tilt-elemental-return-duration) var(--tilt-elemental-easing)}tilt-elemental[glare]:defined[data-tilt-active]:after{opacity:1;transition-duration:var(--tilt-elemental-duration)}toolbar-elemental{display:flex;align-items:center;gap:var(--toolbar-elemental-gap, .25rem)}toolbar-elemental[vertical]{flex-direction:column;align-items:stretch}toolbar-elemental [role=group]{display:flex;align-items:center;gap:var(--toolbar-elemental-gap, .25rem)}toolbar-elemental[vertical] [role=group]{flex-direction:column;align-items:stretch}tooltip-elemental{display:contents}tooltip-elemental[hidden],tooltip-elemental>[hidden]{display:none}tooltip-elemental:not(:defined):has(>[title])>:last-child{display:none}@media(scripting:enabled){tooltip-elemental:not(:defined)>:last-child:not(:only-child,button,[href],input,select,textarea,[tabindex]),tooltip-elemental:not(:defined)[for]{display:none}}tooltip-elemental:defined[role=tooltip],tooltip-elemental:defined>[role=tooltip]{position:fixed;z-index:10;inline-size:max-content;max-inline-size:var(--tooltip-elemental-max-width, 250px)}tooltip-elemental:defined[role=tooltip]:not([hidden]){display:block}tree-view-elemental{display:block}tree-view-elemental[role=tree] ul,tree-view-elemental[role=tree] ol{list-style:none}tree-view-elemental [role=treeitem][aria-expanded]:not([href]){cursor:pointer;user-select:none}
|