griffincss-ui 0.16.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Лазарев Михаил Юрьевич (Mikhail Lazarev)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/griffincss-ui-scoped.css

@@ -0,0 +1 @@
+@layer griffincss.reset, griffincss.core, griffincss.ui, griffincss.utils, griffincss.style;@layer griffincss.ui{@property --gr-r{syntax:"<length-percentage>";inherits:false;initial-value:0px}@property --gr-p{syntax:"<length-percentage>";inherits:false;initial-value:0px}@property --gr-name{syntax:"*";inherits:false}:root{--gr-gap: calc(0.75rem * var(--gr-density));--gr-gap-sm: calc(0.375rem * var(--gr-density));--gr-gap-lg: calc(1.25rem * var(--gr-density));--gr-max-width: 1440px;--gr-font-sans: system-ui, -apple-system, sans-serif;--gr-font-serif: Georgia, Cambria, serif;--gr-font-mono: SFMono-Regular, Menlo, Consolas, monospace;--gr-font-size-base: 1rem;--gr-hsl-white: 0, 0%, 100%;--gr-hsl-gray-50: 0, 0%, 96%;--gr-hsl-gray-100: 0, 0%, 89%;--gr-hsl-gray-200: 0, 0%, 82%;--gr-hsl-gray-300: 0, 0%, 67%;--gr-hsl-gray-400: 0, 0%, 50%;--gr-hsl-gray-500: 0, 0%, 38%;--gr-hsl-gray-600: 0, 0%, 29%;--gr-hsl-gray-700: 0, 0%, 21%;--gr-hsl-gray-800: 0, 0%, 13%;--gr-hsl-gray-900: 0, 0%, 5%;--gr-hsl-black: 0, 0%, 0%;--gr-hsl-primary: 220, 80%, 50%;--gr-hsl-primary-light: 220, 80%, 65%;--gr-hsl-primary-dark: 220, 80%, 35%;--gr-hsl-secondary: 220, 50%, 50%;--gr-hsl-secondary-light: 220, 50%, 65%;--gr-hsl-secondary-dark: 220, 50%, 35%;--gr-hsl-success: 148, 70%, 50%;--gr-hsl-success-light: 148, 70%, 65%;--gr-hsl-success-dark: 148, 70%, 35%;--gr-hsl-warning: 36, 90%, 50%;--gr-hsl-warning-light: 36, 90%, 65%;--gr-hsl-warning-dark: 36, 90%, 35%;--gr-hsl-danger: 4, 80%, 50%;--gr-hsl-danger-light: 4, 80%, 65%;--gr-hsl-danger-dark: 4, 80%, 35%;--gr-hsl-info: 292, 60%, 50%;--gr-hsl-info-light: 292, 60%, 65%;--gr-hsl-info-dark: 292, 60%, 35%;color-scheme:light;--gr-hsl-surface-0: 0, 0%, 100%;--gr-hsl-surface-1: 0, 0%, 96%;--gr-hsl-surface-2: 0, 0%, 89%;--gr-hsl-surface-sunken: 0, 0%, 92%;--gr-hsl-surface-overlay: 0, 0%, 100%;--gr-hsl-ink-0: 0, 0%, 5%;--gr-hsl-ink-1: 0, 0%, 29%;--gr-hsl-ink-2: 0, 0%, 40%;--gr-hsl-ink-3: 0, 0%, 50%;--gr-hsl-border: 0, 0%, 82%;--gr-hsl-border-strong: 0, 0%, 52%;--gr-hsl-accent: 220, 80%, 45%;--gr-hsl-accent-hover: 220, 80%, 36%;--gr-hsl-on-accent: 0, 0%, 100%;--gr-hsl-link: 220, 80%, 45%;--gr-hsl-link-hover: 220, 80%, 36%;--gr-hsl-link-visited: 292, 60%, 40%;--gr-hsl-focus: 220, 90%, 45%;--gr-hsl-status-success: 148, 70%, 26%;--gr-hsl-status-success-surface: 148, 70%, 26%;--gr-hsl-on-status-success: 0, 0%, 100%;--gr-hsl-status-warning: 36, 90%, 30%;--gr-hsl-status-warning-surface: 36, 92%, 52%;--gr-hsl-on-status-warning: 36, 100%, 12%;--gr-hsl-status-danger: 4, 80%, 42%;--gr-hsl-status-danger-surface: 4, 80%, 42%;--gr-hsl-on-status-danger: 0, 0%, 100%;--gr-hsl-status-info: 292, 60%, 40%;--gr-hsl-status-info-surface: 292, 60%, 40%;--gr-hsl-on-status-info: 0, 0%, 100%;--gr-hsl-ink-max: 0, 0%, 0%;--gr-hsl-ink-strong: 0, 0%, 15%;--gr-hsl-ink-mid: 0, 0%, 30%;--gr-hsl-surface-max: 0, 0%, 100%;--gr-hsl-surface-near: 0, 0%, 96%;--gr-hsl-accent-max: 220, 100%, 35%;--gr-hsl-accent-max-hover: 220, 100%, 25%;--gr-hsl-visited-max: 292, 80%, 30%;--gr-shadow-strength: 1;--gr-border-width: 1px;--gr-focus-width: 2px;--gr-leading-base: 1.5;--gr-tracking-base: normal;--gr-a11y-scale: 1.25;--gr-radius: 0.5rem;--gr-transition: 0.2s ease;--gr-density: 1;--gr-elevation: 1;--gr-radius-pill: 999px;--gr-shadow-color: 0, 0%, 0%;--gr-shadow-xs: 0 1px 2px hsl(var(--gr-shadow-color), calc(5% * var(--gr-shadow-strength) * var(--gr-elevation)));--gr-shadow-sm: 0 1px 3px hsl(var(--gr-shadow-color), calc(10% * var(--gr-shadow-strength) * var(--gr-elevation))), 0 1px 2px hsl(var(--gr-shadow-color), calc(6% * var(--gr-shadow-strength) * var(--gr-elevation)));--gr-shadow-md: 0 4px 6px hsl(var(--gr-shadow-color), calc(10% * var(--gr-shadow-strength) * var(--gr-elevation))), 0 2px 4px hsl(var(--gr-shadow-color), calc(6% * var(--gr-shadow-strength) * var(--gr-elevation)));--gr-shadow-lg: 0 10px 15px hsl(var(--gr-shadow-color), calc(10% * var(--gr-shadow-strength) * var(--gr-elevation))), 0 4px 6px hsl(var(--gr-shadow-color), calc(5% * var(--gr-shadow-strength) * var(--gr-elevation)));--gr-shadow-xl: 0 20px 25px hsl(var(--gr-shadow-color), calc(10% * var(--gr-shadow-strength) * var(--gr-elevation))), 0 10px 10px hsl(var(--gr-shadow-color), calc(4% * var(--gr-shadow-strength) * var(--gr-elevation)));--gr-shadow-2xl: 0 25px 50px hsl(var(--gr-shadow-color), calc(25% * var(--gr-shadow-strength) * var(--gr-elevation)));--gr-shadow-inner: inset 0 2px 4px hsl(var(--gr-shadow-color), calc(6% * var(--gr-shadow-strength) * var(--gr-elevation)));--gr-control-height: calc(2.5rem * var(--gr-density));--gr-control-height-sm: calc(2rem * var(--gr-density));--gr-control-height-lg: calc(3rem * var(--gr-density));--gr-control-padding-x: calc(0.875rem * var(--gr-density));--gr-ui-gap: calc(0.5rem * var(--gr-density));--gr-control-font-size: 1rem;--gr-overlay: hsl(var(--gr-shadow-color), 55%);--gr-z-dropdown: 1000;--gr-z-modal: 1100;--gr-z-toast: 1200;--gr-bp-sm: 640px;--gr-bp-md: 768px;--gr-bp-lg: 1024px;--gr-bp-xl: 1280px}@media(width >= 768px){:root{--gr-gap: calc(1rem * var(--gr-density));--gr-gap-sm: calc(0.5rem * var(--gr-density));--gr-gap-lg: calc(2rem * var(--gr-density))}}:root,[data-gr-theme],[data-gr-a11y]{--gr-color-bg: hsl(var(--gr-hsl-surface-0));--gr-color-surface: hsl(var(--gr-hsl-surface-1));--gr-color-surface-raised: hsl(var(--gr-hsl-surface-2));--gr-color-surface-overlay: hsl(var(--gr-hsl-surface-overlay));--gr-color-surface-sunken: hsl(var(--gr-hsl-surface-sunken));--gr-color-text: hsl(var(--gr-hsl-ink-0));--gr-color-text-secondary: hsl(var(--gr-hsl-ink-1));--gr-color-text-muted: hsl(var(--gr-hsl-ink-2));--gr-color-text-disabled: hsl(var(--gr-hsl-ink-3));--gr-color-border: hsl(var(--gr-hsl-border));--gr-color-border-strong: hsl(var(--gr-hsl-border-strong));--gr-color-accent: hsl(var(--gr-hsl-accent));--gr-color-accent-hover: hsl(var(--gr-hsl-accent-hover));--gr-color-on-accent: hsl(var(--gr-hsl-on-accent));--gr-color-link: hsl(var(--gr-hsl-link));--gr-color-link-hover: hsl(var(--gr-hsl-link-hover));--gr-color-link-visited: hsl(var(--gr-hsl-link-visited));--gr-color-focus: hsl(var(--gr-hsl-focus));--gr-color-success: hsl(var(--gr-hsl-status-success));--gr-color-success-surface: hsl(var(--gr-hsl-status-success-surface));--gr-color-on-success: hsl(var(--gr-hsl-on-status-success));--gr-color-warning: hsl(var(--gr-hsl-status-warning));--gr-color-warning-surface: hsl(var(--gr-hsl-status-warning-surface));--gr-color-on-warning: hsl(var(--gr-hsl-on-status-warning));--gr-color-danger: hsl(var(--gr-hsl-status-danger));--gr-color-danger-surface: hsl(var(--gr-hsl-status-danger-surface));--gr-color-on-danger: hsl(var(--gr-hsl-on-status-danger));--gr-color-info: hsl(var(--gr-hsl-status-info));--gr-color-info-surface: hsl(var(--gr-hsl-status-info-surface));--gr-color-on-info: hsl(var(--gr-hsl-on-status-info))}[data-gr-theme=dark]{color-scheme:dark;--gr-hsl-surface-0: 0, 0%, 7%;--gr-hsl-surface-1: 0, 0%, 11%;--gr-hsl-surface-2: 0, 0%, 16%;--gr-hsl-surface-sunken: 0, 0%, 4%;--gr-hsl-surface-overlay: 0, 0%, 16%;--gr-hsl-ink-0: 0, 0%, 96%;--gr-hsl-ink-1: 0, 0%, 78%;--gr-hsl-ink-2: 0, 0%, 62%;--gr-hsl-ink-3: 0, 0%, 50%;--gr-hsl-border: 0, 0%, 22%;--gr-hsl-border-strong: 0, 0%, 45%;--gr-hsl-accent: 220, 85%, 68%;--gr-hsl-accent-hover: 220, 85%, 78%;--gr-hsl-on-accent: 0, 0%, 7%;--gr-hsl-link: 220, 85%, 68%;--gr-hsl-link-hover: 220, 85%, 78%;--gr-hsl-link-visited: 292, 60%, 72%;--gr-hsl-focus: 220, 90%, 70%;--gr-hsl-status-success: 148, 55%, 60%;--gr-hsl-status-success-surface: 148, 55%, 60%;--gr-hsl-on-status-success: 0, 0%, 7%;--gr-hsl-status-warning: 36, 85%, 60%;--gr-hsl-status-warning-surface: 36, 85%, 60%;--gr-hsl-on-status-warning: 36, 100%, 10%;--gr-hsl-status-danger: 4, 85%, 66%;--gr-hsl-status-danger-surface: 4, 85%, 66%;--gr-hsl-on-status-danger: 0, 0%, 7%;--gr-hsl-status-info: 292, 60%, 72%;--gr-hsl-status-info-surface: 292, 60%, 72%;--gr-hsl-on-status-info: 0, 0%, 7%;--gr-hsl-ink-max: 0, 0%, 100%;--gr-hsl-ink-strong: 0, 0%, 88%;--gr-hsl-ink-mid: 0, 0%, 75%;--gr-hsl-surface-max: 0, 0%, 0%;--gr-hsl-surface-near: 0, 0%, 8%;--gr-hsl-accent-max: 220, 100%, 80%;--gr-hsl-accent-max-hover: 220, 100%, 90%;--gr-hsl-visited-max: 292, 80%, 85%;--gr-shadow-strength: 2.6}[data-gr-theme=light]{color-scheme:light;--gr-hsl-surface-0: 0, 0%, 100%;--gr-hsl-surface-1: 0, 0%, 96%;--gr-hsl-surface-2: 0, 0%, 89%;--gr-hsl-surface-sunken: 0, 0%, 92%;--gr-hsl-surface-overlay: 0, 0%, 100%;--gr-hsl-ink-0: 0, 0%, 5%;--gr-hsl-ink-1: 0, 0%, 29%;--gr-hsl-ink-2: 0, 0%, 40%;--gr-hsl-ink-3: 0, 0%, 50%;--gr-hsl-border: 0, 0%, 82%;--gr-hsl-border-strong: 0, 0%, 52%;--gr-hsl-accent: 220, 80%, 45%;--gr-hsl-accent-hover: 220, 80%, 36%;--gr-hsl-on-accent: 0, 0%, 100%;--gr-hsl-link: 220, 80%, 45%;--gr-hsl-link-hover: 220, 80%, 36%;--gr-hsl-link-visited: 292, 60%, 40%;--gr-hsl-focus: 220, 90%, 45%;--gr-hsl-status-success: 148, 70%, 26%;--gr-hsl-status-success-surface: 148, 70%, 26%;--gr-hsl-on-status-success: 0, 0%, 100%;--gr-hsl-status-warning: 36, 90%, 30%;--gr-hsl-status-warning-surface: 36, 92%, 52%;--gr-hsl-on-status-warning: 36, 100%, 12%;--gr-hsl-status-danger: 4, 80%, 42%;--gr-hsl-status-danger-surface: 4, 80%, 42%;--gr-hsl-on-status-danger: 0, 0%, 100%;--gr-hsl-status-info: 292, 60%, 40%;--gr-hsl-status-info-surface: 292, 60%, 40%;--gr-hsl-on-status-info: 0, 0%, 100%;--gr-hsl-ink-max: 0, 0%, 0%;--gr-hsl-ink-strong: 0, 0%, 15%;--gr-hsl-ink-mid: 0, 0%, 30%;--gr-hsl-surface-max: 0, 0%, 100%;--gr-hsl-surface-near: 0, 0%, 96%;--gr-hsl-accent-max: 220, 100%, 35%;--gr-hsl-accent-max-hover: 220, 100%, 25%;--gr-hsl-visited-max: 292, 80%, 30%;--gr-shadow-strength: 1}@media(prefers-color-scheme: dark){:root:not([data-gr-theme]),[data-gr-theme=auto]{color-scheme:dark;--gr-hsl-surface-0: 0, 0%, 7%;--gr-hsl-surface-1: 0, 0%, 11%;--gr-hsl-surface-2: 0, 0%, 16%;--gr-hsl-surface-sunken: 0, 0%, 4%;--gr-hsl-surface-overlay: 0, 0%, 16%;--gr-hsl-ink-0: 0, 0%, 96%;--gr-hsl-ink-1: 0, 0%, 78%;--gr-hsl-ink-2: 0, 0%, 62%;--gr-hsl-ink-3: 0, 0%, 50%;--gr-hsl-border: 0, 0%, 22%;--gr-hsl-border-strong: 0, 0%, 45%;--gr-hsl-accent: 220, 85%, 68%;--gr-hsl-accent-hover: 220, 85%, 78%;--gr-hsl-on-accent: 0, 0%, 7%;--gr-hsl-link: 220, 85%, 68%;--gr-hsl-link-hover: 220, 85%, 78%;--gr-hsl-link-visited: 292, 60%, 72%;--gr-hsl-focus: 220, 90%, 70%;--gr-hsl-status-success: 148, 55%, 60%;--gr-hsl-status-success-surface: 148, 55%, 60%;--gr-hsl-on-status-success: 0, 0%, 7%;--gr-hsl-status-warning: 36, 85%, 60%;--gr-hsl-status-warning-surface: 36, 85%, 60%;--gr-hsl-on-status-warning: 36, 100%, 10%;--gr-hsl-status-danger: 4, 85%, 66%;--gr-hsl-status-danger-surface: 4, 85%, 66%;--gr-hsl-on-status-danger: 0, 0%, 7%;--gr-hsl-status-info: 292, 60%, 72%;--gr-hsl-status-info-surface: 292, 60%, 72%;--gr-hsl-on-status-info: 0, 0%, 7%;--gr-hsl-ink-max: 0, 0%, 100%;--gr-hsl-ink-strong: 0, 0%, 88%;--gr-hsl-ink-mid: 0, 0%, 75%;--gr-hsl-surface-max: 0, 0%, 0%;--gr-hsl-surface-near: 0, 0%, 8%;--gr-hsl-accent-max: 220, 100%, 80%;--gr-hsl-accent-max-hover: 220, 100%, 90%;--gr-hsl-visited-max: 292, 80%, 85%;--gr-shadow-strength: 2.6}}[data-gr-a11y=low-vision]{font-size:calc(100%*var(--gr-a11y-scale, 1.25));--gr-leading-base: 1.7;--gr-tracking-base: 0.02em}[data-gr-a11y=low-vision],[data-gr-a11y=low-vision] [data-gr-theme]{--gr-hsl-surface-0: var(--gr-hsl-surface-max);--gr-hsl-surface-1: var(--gr-hsl-surface-max);--gr-hsl-surface-2: var(--gr-hsl-surface-near);--gr-hsl-surface-sunken: var(--gr-hsl-surface-near);--gr-hsl-surface-overlay: var(--gr-hsl-surface-max);--gr-hsl-ink-0: var(--gr-hsl-ink-max);--gr-hsl-ink-1: var(--gr-hsl-ink-max);--gr-hsl-ink-2: var(--gr-hsl-ink-strong);--gr-hsl-ink-3: var(--gr-hsl-ink-mid);--gr-hsl-border: var(--gr-hsl-ink-mid);--gr-hsl-border-strong: var(--gr-hsl-ink-max);--gr-hsl-accent: var(--gr-hsl-accent-max);--gr-hsl-accent-hover: var(--gr-hsl-accent-max-hover);--gr-hsl-link: var(--gr-hsl-accent-max);--gr-hsl-link-hover: var(--gr-hsl-accent-max-hover);--gr-hsl-link-visited: var(--gr-hsl-visited-max);--gr-hsl-focus: var(--gr-hsl-ink-max);--gr-border-width: 2px;--gr-focus-width: 3px}@media(prefers-contrast: more){:root:not([data-gr-a11y]),:root:not([data-gr-a11y]) [data-gr-theme]{--gr-hsl-surface-0: var(--gr-hsl-surface-max);--gr-hsl-surface-1: var(--gr-hsl-surface-max);--gr-hsl-surface-2: var(--gr-hsl-surface-near);--gr-hsl-surface-sunken: var(--gr-hsl-surface-near);--gr-hsl-surface-overlay: var(--gr-hsl-surface-max);--gr-hsl-ink-0: var(--gr-hsl-ink-max);--gr-hsl-ink-1: var(--gr-hsl-ink-max);--gr-hsl-ink-2: var(--gr-hsl-ink-strong);--gr-hsl-ink-3: var(--gr-hsl-ink-mid);--gr-hsl-border: var(--gr-hsl-ink-mid);--gr-hsl-border-strong: var(--gr-hsl-ink-max);--gr-hsl-accent: var(--gr-hsl-accent-max);--gr-hsl-accent-hover: var(--gr-hsl-accent-max-hover);--gr-hsl-link: var(--gr-hsl-accent-max);--gr-hsl-link-hover: var(--gr-hsl-accent-max-hover);--gr-hsl-link-visited: var(--gr-hsl-visited-max);--gr-hsl-focus: var(--gr-hsl-ink-max);--gr-border-width: 2px;--gr-focus-width: 3px}}[data-gr-a11y=low-vision] a[href]{color:var(--gr-color-link);text-decoration:underline;text-underline-offset:.2em}[data-gr-a11y=low-vision] :focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px}@media print{:root,:root:not([data-gr-theme]),[data-gr-theme],[data-gr-a11y]{--gr-shadow-strength: 0}}@keyframes gr-spin{to{transform:rotate(360deg)}}@keyframes gr-progress-slide{from{background-position-x:0%}to{background-position-x:100%}}@keyframes gr-skeleton-pulse{50%{opacity:.45}}@scope (.griffin){.gr-accordion{display:flex;box-sizing:border-box;flex-direction:column;border:var(--gr-border-width) solid var(--gr-color-border);border-radius:var(--gr-radius);background-color:var(--gr-color-surface);color:var(--gr-color-text);overflow:hidden}.gr-accordion>.gr-accordion-item+.gr-accordion-item{border-block-start:var(--gr-border-width) solid var(--gr-color-border)}.gr-accordion-trigger{display:flex;box-sizing:border-box;align-items:center;justify-content:space-between;gap:var(--gr-ui-gap);min-block-size:var(--gr-control-height);padding-block:calc(var(--gr-gap)*.5);padding-inline:var(--gr-gap);background-color:rgba(0,0,0,0);color:inherit;font-family:inherit;font-size:var(--gr-control-font-size);font-weight:600;line-height:1.4;text-align:start;list-style:none;cursor:pointer}.gr-accordion-trigger::-webkit-details-marker{display:none}@media(hover: hover){.gr-accordion-trigger:hover{background-color:color-mix(in srgb, currentcolor 6%, transparent)}}.gr-accordion-trigger:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:calc(-1*var(--gr-focus-width))}.gr-accordion-trigger::after{--gr-accordion-arrow: 0.34rem;content:"";flex:none;inline-size:calc(var(--gr-accordion-arrow)*2);block-size:var(--gr-accordion-arrow);background-image:linear-gradient(45deg, transparent 50%, currentcolor 50%),linear-gradient(135deg, currentcolor 50%, transparent 50%);background-position:left center,right center;background-repeat:no-repeat;background-size:var(--gr-accordion-arrow) var(--gr-accordion-arrow);rotate:0deg;transition:rotate var(--gr-transition)}.gr-accordion-item[open]>.gr-accordion-trigger::after{rotate:180deg}@media(prefers-reduced-motion: reduce){.gr-accordion-trigger::after{transition-duration:.01ms}}.gr-accordion-panel{padding-block:0 var(--gr-gap);padding-inline:var(--gr-gap);color:var(--gr-color-text-secondary);line-height:var(--gr-leading-base)}@supports(interpolate-size: allow-keywords) and selector(::details-content){.gr-accordion-item{interpolate-size:allow-keywords}.gr-accordion-item::details-content{block-size:0;overflow:hidden;transition:block-size var(--gr-transition),content-visibility var(--gr-transition) allow-discrete}.gr-accordion-item[open]::details-content{block-size:auto}@media(prefers-reduced-motion: reduce){.gr-accordion-item::details-content{transition-duration:.01ms}}}.gr-accordion-flush{border-inline:0;border-block-start:0;border-radius:0;background-color:rgba(0,0,0,0)}.gr-alert{--gr-alert-color: var(--gr-color-info);--gr-alert-fill: var(--gr-color-info);display:flex;box-sizing:border-box;align-items:flex-start;gap:var(--gr-ui-gap);padding:var(--gr-gap);border:var(--gr-border-width) solid var(--gr-alert-fill);border-inline-start-width:calc(var(--gr-border-width)*4);border-radius:var(--gr-radius);background-color:color-mix(in srgb, var(--gr-alert-fill) 10%, var(--gr-color-bg));color:var(--gr-color-text);line-height:1.5}.gr-alert-title{display:block;margin:0;color:var(--gr-alert-color);font-size:inherit;font-weight:600}.gr-alert-icon{flex:none;inline-size:1.25em;block-size:1.25em;color:var(--gr-alert-color);line-height:1.25;text-align:center}.gr-alert-body{flex:1 1 auto;min-inline-size:0}.gr-alert-info{--gr-alert-color: var(--gr-color-info);--gr-alert-fill: var(--gr-color-info)}.gr-alert-success{--gr-alert-color: var(--gr-color-success);--gr-alert-fill: var(--gr-color-success)}.gr-alert-warning{--gr-alert-color: var(--gr-color-warning);--gr-alert-fill: var(--gr-color-warning-surface)}.gr-alert-danger{--gr-alert-color: var(--gr-color-danger);--gr-alert-fill: var(--gr-color-danger)}.gr-alert-dismissible{padding-inline-end:calc(var(--gr-gap)*.5)}.gr-avatar{--gr-avatar-size: 2.5rem;display:inline-flex;position:relative;box-sizing:border-box;flex:none;align-items:center;justify-content:center;inline-size:var(--gr-avatar-size);block-size:var(--gr-avatar-size);border-radius:var(--gr-radius-pill);background-color:var(--gr-color-surface-raised);color:var(--gr-color-text-secondary);font-size:calc(var(--gr-avatar-size)*.38);font-weight:600;line-height:1;text-transform:uppercase;user-select:none;overflow:hidden}.gr-avatar img{position:absolute;inset:0;inline-size:100%;block-size:100%;border-radius:inherit;object-fit:cover}.gr-avatar-xs{--gr-avatar-size: 1.5rem}.gr-avatar-sm{--gr-avatar-size: 2rem}.gr-avatar-lg{--gr-avatar-size: 3rem}.gr-avatar-xl{--gr-avatar-size: 4rem}.gr-avatar-square{border-radius:var(--gr-radius)}.gr-avatar-group{display:inline-flex;align-items:center}.gr-avatar-group>.gr-avatar{box-shadow:0 0 0 calc(var(--gr-border-width)*2) var(--gr-color-bg)}.gr-avatar-group>.gr-avatar+.gr-avatar{margin-inline-start:calc(var(--gr-avatar-size)*-0.3)}.gr-avatar-group>.gr-avatar:hover,.gr-avatar-group>.gr-avatar:focus-visible,.gr-avatar-group>.gr-avatar:focus-within{position:relative;z-index:1}.gr-badge{--gr-badge-color: var(--gr-color-text-secondary);--gr-badge-fill: var(--gr-color-text-secondary);--gr-badge-on-fill: var(--gr-color-on-accent);display:inline-flex;box-sizing:border-box;align-items:center;gap:calc(var(--gr-ui-gap)*.5);padding-block:.125em;padding-inline:.5em;border:var(--gr-border-width) solid rgba(0,0,0,0);border-radius:calc(var(--gr-radius)*.5);background-color:color-mix(in srgb, var(--gr-badge-fill) 16%, var(--gr-color-bg));color:var(--gr-badge-color);font-size:.8125em;font-weight:600;line-height:1.4;white-space:nowrap;vertical-align:middle}.gr-badge-accent{--gr-badge-color: var(--gr-color-accent);--gr-badge-fill: var(--gr-color-accent);--gr-badge-on-fill: var(--gr-color-on-accent)}.gr-badge-success{--gr-badge-color: var(--gr-color-success);--gr-badge-fill: var(--gr-color-success-surface);--gr-badge-on-fill: var(--gr-color-on-success)}.gr-badge-warning{--gr-badge-color: var(--gr-color-warning);--gr-badge-fill: var(--gr-color-warning-surface);--gr-badge-on-fill: var(--gr-color-on-warning)}.gr-badge-danger{--gr-badge-color: var(--gr-color-danger);--gr-badge-fill: var(--gr-color-danger-surface);--gr-badge-on-fill: var(--gr-color-on-danger)}.gr-badge-info{--gr-badge-color: var(--gr-color-info);--gr-badge-fill: var(--gr-color-info-surface);--gr-badge-on-fill: var(--gr-color-on-info)}.gr-badge-pill{padding-inline:.6em;border-radius:var(--gr-radius-pill)}.gr-badge-outline{border-color:currentcolor;background-color:rgba(0,0,0,0)}.gr-badge-count{justify-content:center;min-inline-size:1.6em;padding-inline:.4em;border-radius:var(--gr-radius-pill);background-color:var(--gr-badge-fill);color:var(--gr-badge-on-fill);font-variant-numeric:tabular-nums}.gr-tag{display:inline-flex;box-sizing:border-box;align-items:center;gap:calc(var(--gr-ui-gap)*.5);padding-block:.125em;padding-inline:.5em;border:var(--gr-border-width) solid var(--gr-color-border);border-radius:calc(var(--gr-radius)*.5);background-color:var(--gr-color-surface-raised);color:var(--gr-color-text);font-size:.875em;line-height:1.4;white-space:nowrap;vertical-align:middle}.gr-tag-remove{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;inline-size:1.2em;block-size:1.2em;padding:0;border:0;border-radius:var(--gr-radius-pill);background-color:rgba(0,0,0,0);color:var(--gr-color-text-secondary);font-family:inherit;font-size:inherit;line-height:1;cursor:pointer}@media(hover: hover){.gr-tag-remove:hover{background-color:var(--gr-color-border);color:var(--gr-color-text)}}.gr-tag-remove:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:1px}.gr-dot{--gr-badge-fill: var(--gr-color-text-secondary);display:inline-block;inline-size:.6em;block-size:.6em;border-radius:var(--gr-radius-pill);background-color:var(--gr-badge-fill);vertical-align:middle}.gr-dot-accent{--gr-badge-fill: var(--gr-color-accent)}.gr-dot-success{--gr-badge-fill: var(--gr-color-success-surface)}.gr-dot-warning{--gr-badge-fill: var(--gr-color-warning-surface)}.gr-dot-danger{--gr-badge-fill: var(--gr-color-danger-surface)}.gr-dot-info{--gr-badge-fill: var(--gr-color-info-surface)}.gr-breadcrumb{--gr-breadcrumb-sep: "/";display:flex;box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:calc(var(--gr-ui-gap)*.5);margin:0;padding:0;color:var(--gr-color-text-secondary);font-size:.875rem;line-height:1.4;list-style:none}.gr-breadcrumb>:where(li,.gr-breadcrumb-item){display:flex;align-items:center;gap:calc(var(--gr-ui-gap)*.5);margin:0;padding:0;list-style:none}.gr-breadcrumb>:where(li,.gr-breadcrumb-item)+:where(li,.gr-breadcrumb-item)::before{content:var(--gr-breadcrumb-sep);color:var(--gr-color-text-muted)}.gr-breadcrumb a{color:inherit;text-decoration:none}@media(hover: hover){.gr-breadcrumb a:hover{color:var(--gr-color-link-hover);text-decoration-line:underline}}.gr-breadcrumb a:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px;border-radius:calc(var(--gr-radius)*.5)}.gr-breadcrumb [aria-current=page]{color:var(--gr-color-text);font-weight:600}.gr-breadcrumb-scroll{flex-wrap:nowrap;overflow:auto hidden;white-space:nowrap;scrollbar-width:thin}.gr-breadcrumb-scroll>:where(li,.gr-breadcrumb-item){flex:none}.gr-btn{--gr-btn-height: var(--gr-control-height);--gr-btn-bg: var(--gr-color-surface-raised);--gr-btn-fg: var(--gr-color-text);--gr-btn-border: var(--gr-color-border);--gr-btn-bg-hover: color-mix(in srgb, var(--gr-btn-bg) 88%, var(--gr-btn-fg));--gr-btn-bg-active: color-mix(in srgb, var(--gr-btn-bg) 76%, var(--gr-btn-fg));display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;gap:var(--gr-ui-gap);min-block-size:var(--gr-btn-height);margin:0;padding-block:0;padding-inline:var(--gr-control-padding-x);border:var(--gr-border-width) solid var(--gr-btn-border);border-radius:var(--gr-radius);background-color:var(--gr-btn-bg);color:var(--gr-btn-fg);font-family:inherit;font-size:var(--gr-control-font-size);line-height:1.2;text-align:center;text-decoration:none;white-space:nowrap;vertical-align:middle;cursor:pointer;transition:background-color var(--gr-transition),border-color var(--gr-transition),color var(--gr-transition)}@media(hover: hover){.gr-btn:hover:not(:disabled,[aria-disabled=true]){background-color:var(--gr-btn-bg-hover)}}.gr-btn:active:not(:disabled,[aria-disabled=true]){background-color:var(--gr-btn-bg-active)}.gr-btn:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px}.gr-btn:disabled,.gr-btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.gr-btn[aria-busy=true]{opacity:.7;cursor:progress}.gr-btn-primary{--gr-btn-bg: var(--gr-color-accent);--gr-btn-fg: var(--gr-color-on-accent);--gr-btn-border: var(--gr-color-accent)}.gr-btn-success{--gr-btn-bg: var(--gr-color-success-surface);--gr-btn-fg: var(--gr-color-on-success);--gr-btn-border: var(--gr-color-success-surface)}.gr-btn-warning{--gr-btn-bg: var(--gr-color-warning-surface);--gr-btn-fg: var(--gr-color-on-warning);--gr-btn-border: var(--gr-color-warning-surface)}.gr-btn-danger{--gr-btn-bg: var(--gr-color-danger-surface);--gr-btn-fg: var(--gr-color-on-danger);--gr-btn-border: var(--gr-color-danger-surface)}.gr-btn-info{--gr-btn-bg: var(--gr-color-info-surface);--gr-btn-fg: var(--gr-color-on-info);--gr-btn-border: var(--gr-color-info-surface)}.gr-btn-secondary{--gr-btn-bg: transparent;--gr-btn-fg: var(--gr-color-accent);--gr-btn-border: var(--gr-color-accent)}.gr-btn-ghost{--gr-btn-bg: transparent;--gr-btn-fg: var(--gr-color-text);--gr-btn-border: transparent}.gr-btn-link{--gr-btn-bg: transparent;--gr-btn-fg: var(--gr-color-link);--gr-btn-border: transparent;--gr-btn-bg-hover: transparent;--gr-btn-bg-active: transparent;padding-inline:0;text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-offset:.2em}@media(hover: hover){.gr-btn-link:hover:not(:disabled,[aria-disabled=true]){--gr-btn-fg: var(--gr-color-link-hover)}}.gr-btn-sm{--gr-btn-height: var(--gr-control-height-sm);padding-inline:calc(var(--gr-control-padding-x)*.7);font-size:.875rem}.gr-btn-lg{--gr-btn-height: var(--gr-control-height-lg);padding-inline:calc(var(--gr-control-padding-x)*1.4);font-size:1.125rem}.gr-btn-block{display:flex;inline-size:100%}.gr-btn-icon{min-inline-size:var(--gr-btn-height);padding-inline:0}.gr-btn-group{display:inline-flex;vertical-align:middle}.gr-btn-group>.gr-btn{border-radius:0}.gr-btn-group>.gr-btn:first-child{border-start-start-radius:var(--gr-radius);border-end-start-radius:var(--gr-radius)}.gr-btn-group>.gr-btn:last-child{border-start-end-radius:var(--gr-radius);border-end-end-radius:var(--gr-radius)}.gr-btn-group>.gr-btn+.gr-btn{margin-inline-start:calc(-1*var(--gr-border-width))}.gr-btn-group>.gr-btn:hover,.gr-btn-group>.gr-btn:focus-visible{position:relative;z-index:1}.gr-card{display:flex;box-sizing:border-box;flex-direction:column;min-inline-size:0;border:var(--gr-border-width) solid var(--gr-color-border);border-radius:var(--gr-radius);background-color:var(--gr-color-surface);color:var(--gr-color-text);overflow:hidden}.gr-card-body{flex:1 1 auto;padding:var(--gr-gap)}.gr-card-header,.gr-card-footer{padding-block:calc(var(--gr-gap)*.75);padding-inline:var(--gr-gap)}.gr-card-header{border-block-end:var(--gr-border-width) solid var(--gr-color-border);font-weight:600}.gr-card-footer{border-block-start:var(--gr-border-width) solid var(--gr-color-border);color:var(--gr-color-text-secondary);font-size:.875rem}.gr-card-media{display:block;inline-size:100%;block-size:auto;object-fit:cover}.gr-card-raised{border-color:rgba(0,0,0,0);background-color:var(--gr-color-surface-raised);box-shadow:var(--gr-shadow-md)}.gr-card-flat{border-color:rgba(0,0,0,0);background-color:var(--gr-color-surface);box-shadow:none}.gr-card-interactive{position:relative;transition:border-color var(--gr-transition),box-shadow var(--gr-transition)}.gr-card-interactive :where(a[href])::after{content:"";position:absolute;inset:0}@media(hover: hover){.gr-card-interactive:hover{border-color:var(--gr-color-border-strong);box-shadow:var(--gr-shadow-md)}}.gr-card-interactive:focus-within{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px}.gr-card-interactive :where(a[href]){color:inherit;text-decoration:none}.gr-checkbox,.gr-radio{--gr-choice-size: 1.15em;flex:none;inline-size:var(--gr-choice-size);block-size:var(--gr-choice-size);margin:0;accent-color:var(--gr-color-accent);cursor:pointer}.gr-checkbox:focus-visible,.gr-radio:focus-visible,.gr-switch:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px}.gr-checkbox:disabled,.gr-radio:disabled,.gr-switch:disabled{opacity:.55;cursor:not-allowed}.gr-switch{--gr-switch-track: 2.25rem;--gr-switch-thumb: 1rem;box-sizing:border-box;flex:none;inline-size:var(--gr-switch-track);block-size:calc(var(--gr-switch-thumb) + .375rem);margin:0;padding:.1875rem;border:var(--gr-border-width) solid var(--gr-color-border-strong);border-radius:var(--gr-radius-pill);background-color:var(--gr-color-surface-sunken);background-image:radial-gradient(circle at 50% 50%, var(--gr-color-text-secondary) 45%, transparent 46%);background-repeat:no-repeat;background-position:left center;background-size:var(--gr-switch-thumb) var(--gr-switch-thumb);background-origin:content-box;appearance:none;cursor:pointer;transition:background-color var(--gr-transition),background-position var(--gr-transition),border-color var(--gr-transition)}.gr-switch:checked{border-color:var(--gr-color-accent);background-color:var(--gr-color-accent);background-image:radial-gradient(circle at 50% 50%, var(--gr-color-on-accent) 45%, transparent 46%);background-position:right center}@media(prefers-reduced-motion: reduce){.gr-switch{transition:background-color var(--gr-transition),border-color var(--gr-transition)}}.gr-segmented{--gr-segmented-radius: calc(var(--gr-radius) - var(--gr-border-width));display:inline-flex;box-sizing:border-box;min-inline-size:0;margin:0;padding:0;border:var(--gr-border-width) solid var(--gr-color-border-strong);border-radius:var(--gr-radius)}.gr-segmented label{display:block;position:relative;flex:1}.gr-segmented input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.gr-segmented span{display:block;padding-block:.375rem;padding-inline:var(--gr-ui-gap);border-inline-start:var(--gr-border-width) solid var(--gr-color-border);color:var(--gr-color-text-secondary);font-size:.875rem;text-align:center;white-space:nowrap;cursor:pointer;transition:background-color var(--gr-transition),color var(--gr-transition)}.gr-segmented label:first-child span{border-inline-start:0;border-start-start-radius:var(--gr-segmented-radius);border-end-start-radius:var(--gr-segmented-radius)}.gr-segmented label:last-child span{border-start-end-radius:var(--gr-segmented-radius);border-end-end-radius:var(--gr-segmented-radius)}@media(hover: hover){.gr-segmented span:hover{background-color:var(--gr-color-surface-raised);color:var(--gr-color-text)}}.gr-segmented input:checked+span{background-color:var(--gr-color-accent);color:var(--gr-color-on-accent)}.gr-segmented input:focus-visible+span{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:calc(-1*var(--gr-focus-width) - 1px)}.gr-segmented input:disabled+span{opacity:.55;cursor:not-allowed}.gr-choice{display:inline-flex;align-items:center;gap:var(--gr-ui-gap);color:var(--gr-color-text);line-height:1.4;cursor:pointer}.gr-choice:has(:disabled){color:var(--gr-color-text-disabled);cursor:not-allowed}.gr-drawer{--gr-drawer-size: 20rem;--gr-drawer-slide: 100%;position:fixed;box-sizing:border-box;flex-direction:column;inset-block:0;inline-size:min(var(--gr-drawer-size),100%);max-inline-size:none;block-size:auto;max-block-size:none;margin:0;padding:0;border:0;border-radius:0;background-color:var(--gr-color-surface-overlay);color:var(--gr-color-text);box-shadow:var(--gr-shadow-xl);overflow:hidden}.gr-drawer[open]{display:flex}.gr-drawer::backdrop{background-color:var(--gr-overlay)}.gr-drawer-start{--gr-drawer-slide: -100%;inset-inline:0 auto;border-inline-end:var(--gr-border-width) solid var(--gr-color-border)}.gr-drawer-end{--gr-drawer-slide: 100%;inset-inline:auto 0;border-inline-start:var(--gr-border-width) solid var(--gr-color-border)}.gr-drawer-top,.gr-drawer-bottom{inset-inline:0;inline-size:auto;block-size:auto;max-block-size:50dvh}.gr-drawer-top{--gr-drawer-slide: -100%;inset-block:0 auto;border-block-end:var(--gr-border-width) solid var(--gr-color-border)}.gr-drawer-bottom{--gr-drawer-slide: 100%;inset-block:auto 0;border-block-start:var(--gr-border-width) solid var(--gr-color-border)}.gr-drawer-sm{--gr-drawer-size: 15rem}.gr-drawer-lg{--gr-drawer-size: 28rem}@supports(transition-behavior: allow-discrete){.gr-drawer{opacity:0;translate:var(--gr-drawer-slide) 0;transition:opacity var(--gr-transition),translate var(--gr-transition),overlay var(--gr-transition) allow-discrete,display var(--gr-transition) allow-discrete}.gr-drawer-top,.gr-drawer-bottom{translate:0 var(--gr-drawer-slide)}.gr-drawer[open]{opacity:1;translate:0}.gr-drawer::backdrop{opacity:0;transition:opacity var(--gr-transition),overlay var(--gr-transition) allow-discrete,display var(--gr-transition) allow-discrete}.gr-drawer[open]::backdrop{opacity:1}@starting-style{.gr-drawer[open]{opacity:0;translate:var(--gr-drawer-slide) 0}.gr-drawer-top[open],.gr-drawer-bottom[open]{translate:0 var(--gr-drawer-slide)}.gr-drawer[open]::backdrop{opacity:0}}}@media(prefers-reduced-motion: reduce){.gr-drawer{translate:none;transition-duration:.01ms}.gr-drawer::backdrop{transition-duration:.01ms}}.gr-dropdown{position:relative;display:inline-block}.gr-dropdown>summary{list-style:none;cursor:pointer}.gr-dropdown>summary::-webkit-details-marker{display:none}.gr-dropdown-panel{position:absolute;z-index:var(--gr-z-dropdown);inset-block-start:calc(100% + var(--gr-ui-gap)*.5);inset-inline-start:0;box-sizing:border-box;min-inline-size:max-content;max-inline-size:min(20rem,90vw);margin:0}.gr-dropdown-end .gr-dropdown-panel{inset-inline:auto 0}.gr-dropdown-up .gr-dropdown-panel{inset-block:auto calc(100% + var(--gr-ui-gap)*.5)}.gr-dropdown-panel[popover]{position:fixed;inset:auto 0 0;max-inline-size:100%;margin:0;border:0;padding:0;background:none;color:inherit;overflow:visible}@supports(anchor-name: --gr-dropdown-anchor){.gr-dropdown{anchor-scope:--gr-dropdown-anchor}.gr-dropdown>:where(summary,button,.gr-btn){anchor-name:--gr-dropdown-anchor}.gr-dropdown-panel[popover]{position-anchor:--gr-dropdown-anchor;inset-block:calc(anchor(end) + var(--gr-ui-gap)*.5) auto;inset-inline:anchor(start) auto;min-inline-size:max-content;max-inline-size:min(20rem,90%);position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline}.gr-dropdown-end .gr-dropdown-panel[popover]{inset-inline:auto anchor(end)}.gr-dropdown-up .gr-dropdown-panel[popover]{inset-block:auto calc(anchor(start) + var(--gr-ui-gap)*.5)}}.gr-dropdown-hover .gr-dropdown-panel{visibility:hidden;opacity:0;transition:opacity var(--gr-transition),visibility var(--gr-transition);transition-delay:.25s}.gr-dropdown-hover .gr-dropdown-panel::before{content:"";position:absolute;inset-block-end:100%;inset-inline:0;block-size:calc(var(--gr-ui-gap)*.5)}.gr-dropdown-hover.gr-dropdown-up .gr-dropdown-panel::before{inset-block:100% auto}@media(hover: hover){.gr-dropdown-hover:hover .gr-dropdown-panel{visibility:visible;opacity:1;transition-delay:0s}}.gr-dropdown-hover:focus-within .gr-dropdown-panel{visibility:visible;opacity:1;transition-delay:0s}@media(prefers-reduced-motion: reduce){.gr-dropdown-hover .gr-dropdown-panel{transition-duration:.01ms}}@supports(transition-behavior: allow-discrete){.gr-dropdown-panel[popover]{opacity:0;translate:0 calc(-1*var(--gr-ui-gap)*.5);transition:opacity var(--gr-transition),translate var(--gr-transition),overlay var(--gr-transition) allow-discrete,display var(--gr-transition) allow-discrete}.gr-dropdown-panel[popover]:popover-open{opacity:1;translate:0}@starting-style{.gr-dropdown-panel[popover]:popover-open{opacity:0;translate:0 calc(-1*var(--gr-ui-gap)*.5)}}}@media(prefers-reduced-motion: reduce){.gr-dropdown-panel[popover]{translate:none;transition-duration:.01ms}}.gr-empty{display:flex;box-sizing:border-box;flex-direction:column;align-items:center;gap:var(--gr-ui-gap);padding-block:calc(var(--gr-gap)*2);padding-inline:var(--gr-gap);color:var(--gr-color-text-secondary);text-align:center}.gr-empty-icon{color:var(--gr-color-text-muted);font-size:2.5rem;line-height:1}.gr-empty-title{margin:0;color:var(--gr-color-text);font-size:1.125rem;font-weight:600;line-height:1.3}.gr-empty-text{max-inline-size:46ch;margin:0;line-height:1.5}.gr-empty-actions{display:flex;flex-wrap:wrap;gap:var(--gr-ui-gap);justify-content:center;margin-block-start:calc(var(--gr-ui-gap)*.5)}.gr-empty-boxed{border:var(--gr-border-width) dashed var(--gr-color-border);border-radius:var(--gr-radius);background-color:color-mix(in srgb, currentcolor 3%, transparent)}.gr-field{display:flex;flex-direction:column;gap:calc(var(--gr-ui-gap)*.5)}.gr-label{color:var(--gr-color-text);font-size:.875rem;font-weight:600;line-height:1.4}.gr-hint{color:var(--gr-color-text-muted);font-size:.8125rem;line-height:1.4}.gr-error{color:var(--gr-color-danger);font-size:.8125rem;line-height:1.4}.gr-input,.gr-textarea,.gr-select{--gr-control-h: var(--gr-control-height);display:block;box-sizing:border-box;inline-size:100%;min-block-size:var(--gr-control-h);margin:0;padding-block:.375rem;padding-inline:var(--gr-control-padding-x);border:var(--gr-border-width) solid var(--gr-color-border);border-radius:var(--gr-radius);background-color:var(--gr-color-bg);color:var(--gr-color-text);font-family:inherit;font-size:var(--gr-control-font-size);line-height:1.4;transition:border-color var(--gr-transition)}.gr-textarea{min-block-size:calc(var(--gr-control-h)*2);resize:vertical}.gr-select{--gr-select-arrow: 0.34rem;padding-inline-end:calc(var(--gr-control-padding-x)*2 + var(--gr-select-arrow)*2);background-image:conic-gradient(from -45deg at 50% 100%, currentcolor 0 90deg, transparent 0);background-repeat:no-repeat;background-position:right var(--gr-control-padding-x) center;background-size:calc(var(--gr-select-arrow)*2) var(--gr-select-arrow);appearance:none}.gr-select[multiple],.gr-select[size]{padding-inline-end:var(--gr-control-padding-x);background-image:none}.gr-input::placeholder,.gr-textarea::placeholder{color:var(--gr-color-text-muted);opacity:1}.gr-input:focus-visible,.gr-textarea:focus-visible,.gr-select:focus-visible{border-color:var(--gr-color-accent);outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:1px}.gr-input:user-invalid,.gr-textarea:user-invalid,.gr-select:user-invalid,.gr-input[aria-invalid=true],.gr-textarea[aria-invalid=true],.gr-select[aria-invalid=true]{border-color:var(--gr-color-danger)}.gr-input:disabled,.gr-textarea:disabled,.gr-select:disabled{border-color:var(--gr-color-border);background-color:var(--gr-color-surface-sunken);color:var(--gr-color-text-disabled);cursor:not-allowed}.gr-input:read-only:not(:disabled),.gr-textarea:read-only:not(:disabled){background-color:var(--gr-color-surface)}.gr-input-sm{--gr-control-h: var(--gr-control-height-sm);padding-block:.1875rem;padding-inline:calc(var(--gr-control-padding-x)*.7);font-size:.875rem}.gr-input-lg{--gr-control-h: var(--gr-control-height-lg);padding-block:.5rem;padding-inline:calc(var(--gr-control-padding-x)*1.4);font-size:1.125rem}.gr-input-group{display:flex;inline-size:100%}.gr-input-group>*{border-radius:0}.gr-input-group>:first-child{border-start-start-radius:var(--gr-radius);border-end-start-radius:var(--gr-radius)}.gr-input-group>:last-child{border-start-end-radius:var(--gr-radius);border-end-end-radius:var(--gr-radius)}.gr-input-group>*+*{margin-inline-start:calc(-1*var(--gr-border-width))}.gr-input-group>.gr-input,.gr-input-group>.gr-select{flex:1 1 auto;inline-size:auto;min-inline-size:0}.gr-input-group>:focus-within,.gr-input-group>:focus-visible{position:relative;z-index:1}.gr-input-addon{--gr-control-h: var(--gr-control-height);display:inline-flex;box-sizing:border-box;flex:0 0 auto;align-items:center;min-block-size:var(--gr-control-h);padding-inline:var(--gr-control-padding-x);border:var(--gr-border-width) solid var(--gr-color-border);background-color:var(--gr-color-surface-raised);color:var(--gr-color-text-secondary);font-size:var(--gr-control-font-size);white-space:nowrap}.gr-link{color:var(--gr-color-link);text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-offset:.2em;cursor:pointer;transition:color var(--gr-transition),text-decoration-color var(--gr-transition)}.gr-link:visited{color:var(--gr-color-link-visited)}@media(hover: hover){.gr-link:hover{color:var(--gr-color-link-hover)}}.gr-link:active{color:var(--gr-color-link-hover)}.gr-link:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px;border-radius:calc(var(--gr-radius)*.25)}.gr-link-muted{color:var(--gr-color-text-secondary)}.gr-link-muted:visited{color:var(--gr-color-text-secondary)}@media(hover: hover){.gr-link-muted:hover{color:var(--gr-color-text)}}.gr-link-inherit{color:inherit}.gr-link-inherit:visited{color:inherit}@media(hover: hover){.gr-link-inherit:hover{color:inherit;text-decoration-color:var(--gr-color-link)}}.gr-link-quiet{text-decoration-line:none}@media(hover: hover){.gr-link-quiet:hover{text-decoration-line:underline}}.gr-link-quiet:focus-visible{text-decoration-line:underline}.gr-link-dotted{text-decoration-style:dotted}.gr-link-dashed{text-decoration-style:dashed}.gr-link-wavy{text-decoration-style:wavy}.gr-link-double{text-decoration-style:double}.gr-link-wavy,.gr-link-double{text-underline-offset:.3em}.gr-link-external::after{content:"\2197";display:inline-block;margin-inline-start:.15em;font-size:.85em;vertical-align:baseline}.gr-menu{display:flex;box-sizing:border-box;flex-direction:column;min-inline-size:11rem;margin:0;padding-block:calc(var(--gr-ui-gap)*.5);padding-inline:0;border:var(--gr-border-width) solid var(--gr-color-border);border-radius:var(--gr-radius);background-color:var(--gr-color-surface-overlay);color:var(--gr-color-text);box-shadow:var(--gr-shadow-lg);list-style:none}.gr-menu>:where(li){display:flex;margin:0;padding:0;list-style:none}.gr-menu>:where(li)>:where(*){flex:1 1 auto}.gr-menu-item{--gr-menu-fg: var(--gr-color-text);display:flex;box-sizing:border-box;align-items:center;gap:var(--gr-ui-gap);inline-size:100%;min-block-size:var(--gr-control-height-sm);margin:0;padding-block:calc(var(--gr-ui-gap)*.5);padding-inline:var(--gr-control-padding-x);border:0;background-color:rgba(0,0,0,0);color:var(--gr-menu-fg);font-family:inherit;font-size:var(--gr-control-font-size);line-height:1.3;text-align:start;text-decoration:none;cursor:pointer}@media(hover: hover){.gr-menu-item:hover:not(:disabled,[aria-disabled=true]){background-color:color-mix(in srgb, currentcolor 10%, transparent)}}.gr-menu-item:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:calc(-1*var(--gr-focus-width))}.gr-menu-item:disabled,.gr-menu-item[aria-disabled=true]{--gr-menu-fg: var(--gr-color-text-disabled);cursor:not-allowed}.gr-menu-item[aria-checked=true],.gr-menu-item[aria-current]{--gr-menu-fg: var(--gr-color-accent);background-color:color-mix(in srgb, var(--gr-color-accent) 12%, transparent);font-weight:600}.gr-menu-danger{--gr-menu-fg: var(--gr-color-danger)}@media(hover: hover){.gr-menu-danger:hover:not(:disabled,[aria-disabled=true]){background-color:color-mix(in srgb, var(--gr-color-danger) 12%, transparent)}}.gr-menu-header{padding-block:calc(var(--gr-ui-gap)*.5);padding-inline:var(--gr-control-padding-x);color:var(--gr-color-text-muted);font-size:.8125rem;font-weight:600;line-height:1.3}.gr-menu-sep{block-size:0;margin-block:calc(var(--gr-ui-gap)*.5);margin-inline:0;border:0;border-block-start:var(--gr-border-width) solid var(--gr-color-border)}.gr-menu-icon{flex:none;inline-size:1.25em;block-size:1.25em;text-align:center}.gr-menu-shortcut{margin-inline-start:auto;padding-inline-start:var(--gr-ui-gap);color:var(--gr-color-text-muted);font-size:.8125rem;font-variant-numeric:tabular-nums;white-space:nowrap}.gr-modal{position:fixed;box-sizing:border-box;flex-direction:column;inline-size:min(32rem,100% - var(--gr-gap)*2);max-inline-size:none;max-block-size:min(85dvh,100% - var(--gr-gap)*2);padding:0;border:var(--gr-border-width) solid var(--gr-color-border);border-radius:var(--gr-radius);background-color:var(--gr-color-surface-overlay);color:var(--gr-color-text);box-shadow:var(--gr-shadow-xl);overflow:hidden}.gr-modal[open]{display:flex}.gr-modal::backdrop{background-color:var(--gr-overlay)}.gr-modal-header{display:flex;flex:none;align-items:center;justify-content:space-between;gap:var(--gr-ui-gap);padding-block:calc(var(--gr-gap)*.75);padding-inline:var(--gr-gap);border-block-end:var(--gr-border-width) solid var(--gr-color-border)}.gr-modal-title{margin:0;font-size:1.125rem;font-weight:600;line-height:1.3}.gr-modal-body{flex:1 1 auto;padding:var(--gr-gap);line-height:var(--gr-leading-base);overflow-y:auto;overscroll-behavior:contain}.gr-modal-footer{display:flex;flex:none;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--gr-ui-gap);padding-block:calc(var(--gr-gap)*.75);padding-inline:var(--gr-gap);border-block-start:var(--gr-border-width) solid var(--gr-color-border)}.gr-modal-sm{inline-size:min(24rem,100% - var(--gr-gap)*2)}.gr-modal-lg{inline-size:min(48rem,100% - var(--gr-gap)*2)}.gr-modal-full{inline-size:calc(100% - var(--gr-gap)*2);block-size:calc(100% - var(--gr-gap)*2);max-block-size:none}@supports(transition-behavior: allow-discrete){.gr-modal{opacity:0;translate:0 var(--gr-gap);transition:opacity var(--gr-transition),translate var(--gr-transition),overlay var(--gr-transition) allow-discrete,display var(--gr-transition) allow-discrete}.gr-modal[open]{opacity:1;translate:0}.gr-modal::backdrop{opacity:0;transition:opacity var(--gr-transition),overlay var(--gr-transition) allow-discrete,display var(--gr-transition) allow-discrete}.gr-modal[open]::backdrop{opacity:1}@starting-style{.gr-modal[open]{opacity:0;translate:0 var(--gr-gap)}.gr-modal[open]::backdrop{opacity:0}}}@media(prefers-reduced-motion: reduce){.gr-modal{translate:none;transition-duration:.01ms}.gr-modal::backdrop{transition-duration:.01ms}}.gr-nav{display:flex;box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:var(--gr-ui-gap);margin:0;padding:0;list-style:none}.gr-nav>:where(li){display:flex;margin:0;padding:0;list-style:none}.gr-nav-vertical>:where(li){align-items:stretch;flex-direction:column}.gr-nav-vertical{flex-flow:column nowrap;align-items:stretch}.gr-nav-link{--gr-nav-fg: var(--gr-color-text-secondary);display:flex;box-sizing:border-box;align-items:center;gap:var(--gr-ui-gap);min-block-size:var(--gr-control-height-sm);padding-block:0;padding-inline:calc(var(--gr-control-padding-x)*.75);border:0;border-radius:var(--gr-radius);background-color:rgba(0,0,0,0);color:var(--gr-nav-fg);font-family:inherit;font-size:var(--gr-control-font-size);line-height:1.2;text-decoration:none;cursor:pointer}@media(hover: hover){.gr-nav-link:hover:not([aria-current],[aria-disabled=true]){--gr-nav-fg: var(--gr-color-text);background-color:color-mix(in srgb, currentcolor 8%, transparent)}}.gr-nav-link:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px}.gr-nav-link[aria-current]{--gr-nav-fg: var(--gr-color-accent);background-color:color-mix(in srgb, var(--gr-color-accent) 12%, transparent);font-weight:600}.gr-nav-link[aria-disabled=true]{color:var(--gr-color-text-disabled);cursor:not-allowed}.gr-nav-underline .gr-nav-link{border-block-end:calc(var(--gr-border-width)*2) solid rgba(0,0,0,0);border-radius:0}.gr-nav-underline .gr-nav-link[aria-current]{border-block-end-color:var(--gr-color-accent);background-color:rgba(0,0,0,0)}@media(hover: hover){.gr-nav-underline .gr-nav-link:hover:not([aria-current],[aria-disabled=true]){border-block-end-color:var(--gr-color-border-strong);background-color:rgba(0,0,0,0)}}.gr-nav-underline.gr-nav-vertical .gr-nav-link{border-block-end:0;border-inline-start:calc(var(--gr-border-width)*2) solid rgba(0,0,0,0)}.gr-nav-underline.gr-nav-vertical .gr-nav-link[aria-current]{border-inline-start-color:var(--gr-color-accent)}.gr-navbar{display:flex;box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:var(--gr-ui-gap);padding-block:calc(var(--gr-gap)*.5);padding-inline:var(--gr-gap);border-block-end:var(--gr-border-width) solid var(--gr-color-border);background-color:var(--gr-color-surface);color:var(--gr-color-text)}.gr-navbar-brand{display:flex;align-items:center;gap:var(--gr-ui-gap);margin-inline-end:auto;color:var(--gr-color-text);font-size:1.125rem;font-weight:700;text-decoration:none}.gr-nav-toggle>summary{display:flex;box-sizing:border-box;align-items:center;justify-content:center;min-inline-size:var(--gr-control-height);min-block-size:var(--gr-control-height);padding-inline:calc(var(--gr-control-padding-x)*.5);border:var(--gr-border-width) solid var(--gr-color-border);border-radius:var(--gr-radius);color:var(--gr-color-text);font-size:var(--gr-control-font-size);list-style:none;cursor:pointer}.gr-nav-toggle>summary::-webkit-details-marker{display:none}.gr-nav-toggle>summary:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px}.gr-nav-collapse{display:none;flex-basis:100%;flex-direction:column;align-items:stretch}.gr-nav-toggle[open]~.gr-nav-collapse{display:flex}@media(width >= 768px){.gr-nav-toggle{display:none}.gr-nav-collapse{display:flex;flex-basis:auto;flex-direction:row;align-items:center}}.gr-pagination{display:flex;box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:calc(var(--gr-ui-gap)*.5);margin:0;padding:0;list-style:none}.gr-pagination>:where(li){display:flex;margin:0;padding:0;list-style:none}.gr-page{--gr-page-size: var(--gr-control-height);--gr-page-fg: var(--gr-color-text);display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;min-inline-size:var(--gr-page-size);min-block-size:var(--gr-page-size);padding-inline:calc(var(--gr-control-padding-x)*.5);border:var(--gr-border-width) solid var(--gr-color-border);border-radius:var(--gr-radius);background-color:var(--gr-color-surface);color:var(--gr-page-fg);font-family:inherit;font-size:var(--gr-control-font-size);font-variant-numeric:tabular-nums;line-height:1;text-decoration:none;cursor:pointer}@media(hover: hover){.gr-page:hover:not([aria-current],[aria-disabled=true],:disabled){border-color:var(--gr-color-border-strong);background-color:var(--gr-color-surface-raised)}}.gr-page:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px}.gr-page[aria-current]{border-color:var(--gr-color-accent);background-color:var(--gr-color-accent);color:var(--gr-color-on-accent);font-weight:600;cursor:default}.gr-page[aria-disabled=true],.gr-page:disabled{color:var(--gr-color-text-disabled);opacity:.7;cursor:not-allowed}.gr-page-gap{display:inline-flex;align-items:flex-end;justify-content:center;min-inline-size:calc(var(--gr-control-height)*.75);min-block-size:var(--gr-control-height);color:var(--gr-color-text-muted);user-select:none}.gr-pagination-compact .gr-page{--gr-page-size: var(--gr-control-height-sm);font-size:.875rem}.gr-pagination-compact .gr-page-gap{min-block-size:var(--gr-control-height-sm)}.gr-pagination-joined{gap:0}.gr-pagination-joined .gr-page{border-radius:0}.gr-pagination-joined>:first-child .gr-page,.gr-pagination-joined>.gr-page:first-child{border-start-start-radius:var(--gr-radius);border-end-start-radius:var(--gr-radius)}.gr-pagination-joined>:last-child .gr-page,.gr-pagination-joined>.gr-page:last-child{border-start-end-radius:var(--gr-radius);border-end-end-radius:var(--gr-radius)}.gr-pagination-joined .gr-page+.gr-page,.gr-pagination-joined>:where(*+*) .gr-page{margin-inline-start:calc(-1*var(--gr-border-width))}.gr-pagination-joined .gr-page:focus-visible,.gr-pagination-joined .gr-page[aria-current]{position:relative;z-index:1}.gr-progress{--gr-progress-fill: var(--gr-color-accent);--gr-progress-track: color-mix(in srgb, currentcolor 12%, transparent);--gr-progress-height: 0.5rem;display:block;box-sizing:border-box;inline-size:100%;block-size:var(--gr-progress-height);border:0;border-radius:var(--gr-radius-pill);background-color:var(--gr-progress-track);appearance:none;overflow:hidden}.gr-progress::-webkit-progress-bar{background-image:none;background-color:var(--gr-progress-track);border-radius:var(--gr-radius-pill)}.gr-progress::-webkit-progress-value{background-image:none;background-color:var(--gr-progress-fill);border-radius:var(--gr-radius-pill);transition:inline-size var(--gr-transition)}.gr-progress::-moz-progress-bar{background-image:none;background-color:var(--gr-progress-fill);border-radius:var(--gr-radius-pill)}.gr-progress-sm{--gr-progress-height: 0.25rem}.gr-progress-lg{--gr-progress-height: 0.75rem}.gr-progress-success{--gr-progress-fill: var(--gr-color-success)}.gr-progress-warning{--gr-progress-fill: var(--gr-color-warning-surface)}.gr-progress-danger{--gr-progress-fill: var(--gr-color-danger)}.gr-progress-indeterminate{background-image:linear-gradient(to right, var(--gr-progress-fill) 0 100%);background-repeat:no-repeat;background-size:40% 100%;animation:gr-progress-slide 1.4s ease-in-out infinite alternate}.gr-progress-indeterminate::-webkit-progress-bar{background-color:rgba(0,0,0,0)}.gr-progress-indeterminate::-webkit-progress-value{background-color:rgba(0,0,0,0)}.gr-progress-indeterminate::-moz-progress-bar{background-color:rgba(0,0,0,0)}@media(prefers-reduced-motion: reduce){.gr-progress-indeterminate{animation-duration:3s}}.gr-meter{--gr-meter-height: 0.75rem;display:block;box-sizing:border-box;inline-size:100%;block-size:var(--gr-meter-height);border:0;border-radius:var(--gr-radius-pill);background-color:color-mix(in srgb, currentcolor 12%, transparent);appearance:none;overflow:hidden}.gr-meter::-webkit-meter-bar{background-image:none;background-color:color-mix(in srgb, currentcolor 12%, transparent);border:0;border-radius:var(--gr-radius-pill)}.gr-meter::-webkit-meter-optimum-value{background-image:none;background-color:var(--gr-color-success);border-radius:var(--gr-radius-pill)}.gr-meter::-webkit-meter-suboptimum-value{background-image:none;background-color:var(--gr-color-warning-surface);border-radius:var(--gr-radius-pill)}.gr-meter::-webkit-meter-even-less-good-value{background-image:none;background-color:var(--gr-color-danger);border-radius:var(--gr-radius-pill)}.gr-meter:-moz-meter-optimum::-moz-meter-bar{background-image:none;background-color:var(--gr-color-success);border-radius:var(--gr-radius-pill)}.gr-meter:-moz-meter-sub-optimum::-moz-meter-bar{background-image:none;background-color:var(--gr-color-warning-surface);border-radius:var(--gr-radius-pill)}.gr-meter:-moz-meter-sub-sub-optimum::-moz-meter-bar{background-image:none;background-color:var(--gr-color-danger);border-radius:var(--gr-radius-pill)}.gr-skeleton{display:block;box-sizing:border-box;min-block-size:1em;border-radius:calc(var(--gr-radius)*.5);background-color:color-mix(in srgb, currentcolor 12%, transparent);animation:gr-skeleton-pulse 1.6s ease-in-out infinite}.gr-skeleton-text{block-size:1em;min-block-size:0;border-radius:var(--gr-radius-pill);margin-block:.25em}.gr-skeleton-text:last-child{inline-size:60%}.gr-skeleton-circle{flex:none;inline-size:2.5rem;block-size:2.5rem;border-radius:var(--gr-radius-pill)}.gr-skeleton-group{display:flex;box-sizing:border-box;flex-wrap:wrap;align-items:flex-start;gap:var(--gr-ui-gap);padding:var(--gr-gap)}.gr-skeleton-stack{display:flex;flex:1 1 0;flex-direction:column;gap:.5em;min-inline-size:0}.gr-skeleton-stack .gr-skeleton-text{margin-block:0}@media(prefers-reduced-motion: reduce){.gr-skeleton{animation:none}}.gr-spinner{--gr-spinner-size: 1.5em;--gr-spinner-thickness: 0.15em;--gr-spinner-track: color-mix(in srgb, currentcolor 20%, transparent);--gr-spinner-color: var(--gr-color-accent);display:inline-block;box-sizing:border-box;inline-size:var(--gr-spinner-size);block-size:var(--gr-spinner-size);border:var(--gr-spinner-thickness) solid var(--gr-spinner-track);border-block-start-color:var(--gr-spinner-color);border-radius:var(--gr-radius-pill);vertical-align:middle;animation:gr-spin .8s linear infinite}.gr-spinner-sm{--gr-spinner-size: 1em;--gr-spinner-thickness: 0.12em}.gr-spinner-lg{--gr-spinner-size: 2.5em;--gr-spinner-thickness: 0.18em}.gr-spinner-current{--gr-spinner-color: currentcolor}@media(prefers-reduced-motion: reduce){.gr-spinner{animation-duration:2.4s}}.gr-steps{--gr-step-marker-size: 2rem;display:flex;box-sizing:border-box;margin:0;padding:0;list-style:none}.gr-steps>:where(li){display:flex;flex:1 1 0;min-inline-size:0;margin:0;padding:0;list-style:none}.gr-step{--gr-step-color: var(--gr-color-text-muted);--gr-step-line: var(--gr-color-border);--gr-step-marker-fg: var(--gr-color-text-muted);--gr-step-marker-bg: var(--gr-color-bg);position:relative;display:flex;box-sizing:border-box;flex:1 1 0;flex-direction:column;align-items:center;gap:calc(var(--gr-ui-gap)*.5);min-inline-size:0;color:var(--gr-step-color);text-align:center}.gr-step::after{content:"";position:absolute;inset-block-start:calc(var(--gr-step-marker-size)/2);inset-inline:50% -50%;block-size:var(--gr-border-width);margin-block-start:calc(var(--gr-border-width)*-0.5);background-color:var(--gr-step-line)}.gr-steps>:last-child .gr-step::after,.gr-steps>.gr-step:last-child::after{content:none}.gr-step-marker{position:relative;z-index:1;display:flex;box-sizing:border-box;flex:none;align-items:center;justify-content:center;inline-size:var(--gr-step-marker-size);block-size:var(--gr-step-marker-size);border:var(--gr-border-width) solid currentcolor;border-radius:var(--gr-radius-pill);background-color:var(--gr-step-marker-bg);color:var(--gr-step-marker-fg);font-size:.875rem;font-weight:600;line-height:1}.gr-step-label{color:var(--gr-step-color);font-size:.9375rem;font-weight:600;line-height:1.3}.gr-step-note{color:var(--gr-color-text-muted);font-size:.8125rem;font-weight:400;line-height:1.35}.gr-step-done{--gr-step-color: var(--gr-color-text);--gr-step-line: var(--gr-color-accent);--gr-step-marker-fg: var(--gr-color-accent)}.gr-step[aria-current]{--gr-step-color: var(--gr-color-text);--gr-step-marker-fg: var(--gr-color-on-accent);--gr-step-marker-bg: var(--gr-color-accent)}.gr-step[aria-current] .gr-step-marker{border-color:var(--gr-color-accent)}.gr-step-disabled{--gr-step-color: var(--gr-color-text-disabled);--gr-step-marker-fg: var(--gr-color-text-disabled)}.gr-steps-vertical{flex-direction:column;gap:var(--gr-gap)}.gr-steps-vertical>:where(li){flex:none}.gr-steps-vertical .gr-step{flex:none;flex-direction:row;align-items:flex-start;gap:var(--gr-ui-gap);text-align:start}.gr-steps-vertical .gr-step::after{inset-block:var(--gr-step-marker-size) calc(var(--gr-gap)*-1);inset-inline:calc(var(--gr-step-marker-size)/2) auto;inline-size:var(--gr-border-width);block-size:auto;margin-block-start:0;margin-inline-start:calc(var(--gr-border-width)*-0.5)}.gr-steps-vertical .gr-step-body{display:flex;flex-direction:column;gap:calc(var(--gr-ui-gap)*.25);padding-block-start:calc((var(--gr-step-marker-size) - 1.3em)/2)}.gr-table{inline-size:100%;border-collapse:collapse;color:var(--gr-color-text);text-align:start}.gr-table th,.gr-table td{padding-block:calc(var(--gr-gap)*.5);padding-inline:calc(var(--gr-gap)*.75);border-block-end:var(--gr-border-width) solid var(--gr-color-border);text-align:start;vertical-align:top}.gr-table th{color:var(--gr-color-text-secondary);font-size:.875rem;font-weight:600;white-space:nowrap}.gr-table thead th{border-block-end:calc(var(--gr-border-width)*2) solid var(--gr-color-border-strong)}.gr-table tfoot td{border-block-end:0;color:var(--gr-color-text-secondary);font-size:.875rem}.gr-table caption{padding-block-end:calc(var(--gr-gap)*.5);color:var(--gr-color-text-secondary);font-size:.875rem;text-align:start}.gr-table-striped tbody tr:nth-child(odd){background-color:color-mix(in srgb, currentcolor 5%, transparent)}.gr-table-bordered{border:var(--gr-border-width) solid var(--gr-color-border)}.gr-table-bordered th,.gr-table-bordered td{border:var(--gr-border-width) solid var(--gr-color-border)}.gr-table-compact th,.gr-table-compact td{padding-block:calc(var(--gr-gap)*.25);padding-inline:calc(var(--gr-gap)*.5);font-size:.875rem}.gr-table-relaxed th,.gr-table-relaxed td{padding-block:calc(var(--gr-gap)*.875);padding-inline:calc(var(--gr-gap)*1.25)}@media(hover: hover){.gr-table-hover tbody tr:hover{background-image:linear-gradient(color-mix(in srgb, currentcolor 6%, transparent), color-mix(in srgb, currentcolor 6%, transparent))}}.gr-table-wrap{inline-size:100%;max-block-size:100%;overflow:auto;overscroll-behavior-x:contain}.gr-table-sticky thead th{position:sticky;inset-block-start:0;z-index:1;border-block-end:0;background-color:var(--gr-color-bg);box-shadow:inset 0 calc(-2*var(--gr-border-width)) 0 var(--gr-color-border-strong)}.gr-tabs{display:flex;box-sizing:border-box;flex-direction:column}.gr-tablist{display:flex;box-sizing:border-box;flex-wrap:nowrap;align-items:stretch;gap:calc(var(--gr-ui-gap)*.5);margin:0;padding:0;box-shadow:inset 0 calc(-1*var(--gr-border-width)) 0 0 var(--gr-color-border);overflow-x:auto;scrollbar-width:thin;list-style:none}.gr-tablist>:where(li){display:flex;margin:0;padding:0;list-style:none}.gr-tab{--gr-tab-fg: var(--gr-color-text-secondary);display:inline-flex;box-sizing:border-box;flex:none;align-items:center;gap:var(--gr-ui-gap);min-block-size:var(--gr-control-height);margin:0;padding-block:0;padding-inline:var(--gr-control-padding-x);border:0;border-block-end:calc(var(--gr-border-width)*2) solid rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:var(--gr-tab-fg);font-family:inherit;font-size:var(--gr-control-font-size);line-height:1.2;white-space:nowrap;text-decoration:none;cursor:pointer}@media(hover: hover){.gr-tab:hover:not([aria-selected=true],[aria-current],[aria-disabled=true],:disabled){--gr-tab-fg: var(--gr-color-text);border-block-end-color:var(--gr-color-border-strong)}}.gr-tab:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:calc(-1*var(--gr-focus-width))}.gr-tab[aria-selected=true],.gr-tab[aria-current]{--gr-tab-fg: var(--gr-color-accent);border-block-end-color:var(--gr-color-accent);font-weight:600}.gr-tab:disabled,.gr-tab[aria-disabled=true]{--gr-tab-fg: var(--gr-color-text-disabled);cursor:not-allowed}.gr-tab-panel{box-sizing:border-box;padding-block:var(--gr-gap)}.gr-tab-panel:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:calc(-1*var(--gr-focus-width))}.gr-tabs-pills .gr-tablist{box-shadow:none}.gr-tabs-pills .gr-tab{min-block-size:var(--gr-control-height-sm);border-block-end:0;border-radius:var(--gr-radius)}@media(hover: hover){.gr-tabs-pills .gr-tab:hover:not([aria-selected=true],[aria-current],[aria-disabled=true],:disabled){background-color:color-mix(in srgb, currentcolor 8%, transparent)}}.gr-tabs-pills .gr-tab[aria-selected=true],.gr-tabs-pills .gr-tab[aria-current]{background-color:var(--gr-color-accent);color:var(--gr-color-on-accent)}.gr-tabs-stretch .gr-tablist{overflow-x:visible}.gr-tabs-stretch .gr-tab{flex:1 1 0;justify-content:center;min-inline-size:0;padding-inline:calc(var(--gr-control-padding-x)*.5);white-space:normal}.gr-toast-region{--gr-toast-slide: -0.75rem;position:fixed;z-index:var(--gr-z-toast);inset-block:0 auto;inset-inline:auto 0;display:flex;box-sizing:border-box;flex-direction:column;gap:var(--gr-ui-gap);max-inline-size:min(26rem,100%);padding:var(--gr-gap);pointer-events:none}.gr-toast-region-top-start{inset-block:0 auto;inset-inline:0 auto}.gr-toast-region-top-end{inset-block:0 auto;inset-inline:auto 0}.gr-toast-region-bottom-start{--gr-toast-slide: 0.75rem;inset-block:auto 0;inset-inline:0 auto;flex-direction:column-reverse}.gr-toast-region-bottom-end{--gr-toast-slide: 0.75rem;inset-block:auto 0;inset-inline:auto 0;flex-direction:column-reverse}.gr-toast{--gr-toast-color: var(--gr-color-text-secondary);--gr-toast-fill: var(--gr-color-border-strong);display:flex;box-sizing:border-box;align-items:flex-start;gap:var(--gr-ui-gap);padding-block:calc(var(--gr-ui-gap)*1.25);padding-inline:var(--gr-gap);border:var(--gr-border-width) solid var(--gr-color-border);border-inline-start-width:calc(var(--gr-border-width)*4);border-inline-start-color:var(--gr-toast-fill);border-radius:var(--gr-radius);background-color:var(--gr-color-surface-overlay);box-shadow:var(--gr-shadow-lg);color:var(--gr-color-text);font-size:.9375rem;line-height:1.45;pointer-events:auto;transition:opacity var(--gr-transition),translate var(--gr-transition)}@starting-style{.gr-toast{opacity:0;translate:0 var(--gr-toast-slide, -0.75rem)}}.gr-toast-leaving{opacity:0;translate:0 var(--gr-toast-slide, -0.75rem);pointer-events:none}@media(prefers-reduced-motion: reduce){.gr-toast{transition-duration:.01ms}}.gr-toast-icon{flex:none;inline-size:1.25em;block-size:1.25em;color:var(--gr-toast-color);line-height:1.25;text-align:center}.gr-toast-body{flex:1 1 auto;min-inline-size:0}.gr-toast-title{display:block;margin:0;color:var(--gr-toast-color);font-size:inherit;font-weight:600}.gr-toast-info{--gr-toast-color: var(--gr-color-info);--gr-toast-fill: var(--gr-color-info)}.gr-toast-success{--gr-toast-color: var(--gr-color-success);--gr-toast-fill: var(--gr-color-success)}.gr-toast-warning{--gr-toast-color: var(--gr-color-warning);--gr-toast-fill: var(--gr-color-warning-surface)}.gr-toast-danger{--gr-toast-color: var(--gr-color-danger);--gr-toast-fill: var(--gr-color-danger)}.gr-tooltip-anchor{position:relative;display:inline-flex;vertical-align:middle}.gr-tooltip{--gr-tooltip-offset: calc(var(--gr-ui-gap) * 0.75);position:absolute;z-index:var(--gr-z-dropdown);inset-block-end:calc(100% + var(--gr-tooltip-offset));inset-inline-start:50%;box-sizing:border-box;inline-size:max-content;max-inline-size:min(16rem,70vw);padding-block:calc(var(--gr-ui-gap)*.5);padding-inline:calc(var(--gr-control-padding-x)*.6);border-radius:calc(var(--gr-radius)*.75);background-color:var(--gr-color-text);color:var(--gr-color-bg);font-size:.8125rem;line-height:1.35;text-align:center;translate:-50% 0;opacity:0;visibility:hidden;content-visibility:hidden;transition:opacity var(--gr-transition),visibility var(--gr-transition),content-visibility var(--gr-transition) allow-discrete;pointer-events:none}.gr-tooltip-anchor:focus-within .gr-tooltip{opacity:1;visibility:visible;content-visibility:visible}@media(hover: hover){.gr-tooltip-anchor:hover .gr-tooltip{opacity:1;visibility:visible;content-visibility:visible}}@media(prefers-reduced-motion: reduce){.gr-tooltip{transition-duration:.01ms}}.gr-tooltip-bottom{inset-block:calc(100% + var(--gr-tooltip-offset)) auto}.gr-tooltip-start,.gr-tooltip-end{inset-block:50% auto;translate:0 -50%}.gr-tooltip-start{inset-inline:auto calc(100% + var(--gr-tooltip-offset))}.gr-tooltip-end{inset-inline:calc(100% + var(--gr-tooltip-offset)) auto}@supports(anchor-name: --gr-tooltip-anchor){.gr-tooltip-anchor:has(>[popover].gr-tooltip){anchor-scope:--gr-tooltip-anchor;anchor-name:--gr-tooltip-anchor}[popover].gr-tooltip{position:fixed;position-anchor:--gr-tooltip-anchor;position-area:block-start center;inset:auto;margin:0;margin-block-end:var(--gr-tooltip-offset);border:0;translate:none;overflow:visible;position-try-fallbacks:flip-block}[popover].gr-tooltip:popover-open{opacity:1;visibility:visible;content-visibility:visible}}}}

package/dist/griffincss-ui.css

@@ -0,0 +1 @@
+@layer griffincss.reset, griffincss.core, griffincss.ui, griffincss.utils, griffincss.style;@layer griffincss.ui{@property --gr-r{syntax:"<length-percentage>";inherits:false;initial-value:0px}@property --gr-p{syntax:"<length-percentage>";inherits:false;initial-value:0px}@property --gr-name{syntax:"*";inherits:false}:root{--gr-gap: calc(0.75rem * var(--gr-density));--gr-gap-sm: calc(0.375rem * var(--gr-density));--gr-gap-lg: calc(1.25rem * var(--gr-density));--gr-max-width: 1440px;--gr-font-sans: system-ui, -apple-system, sans-serif;--gr-font-serif: Georgia, Cambria, serif;--gr-font-mono: SFMono-Regular, Menlo, Consolas, monospace;--gr-font-size-base: 1rem;--gr-hsl-white: 0, 0%, 100%;--gr-hsl-gray-50: 0, 0%, 96%;--gr-hsl-gray-100: 0, 0%, 89%;--gr-hsl-gray-200: 0, 0%, 82%;--gr-hsl-gray-300: 0, 0%, 67%;--gr-hsl-gray-400: 0, 0%, 50%;--gr-hsl-gray-500: 0, 0%, 38%;--gr-hsl-gray-600: 0, 0%, 29%;--gr-hsl-gray-700: 0, 0%, 21%;--gr-hsl-gray-800: 0, 0%, 13%;--gr-hsl-gray-900: 0, 0%, 5%;--gr-hsl-black: 0, 0%, 0%;--gr-hsl-primary: 220, 80%, 50%;--gr-hsl-primary-light: 220, 80%, 65%;--gr-hsl-primary-dark: 220, 80%, 35%;--gr-hsl-secondary: 220, 50%, 50%;--gr-hsl-secondary-light: 220, 50%, 65%;--gr-hsl-secondary-dark: 220, 50%, 35%;--gr-hsl-success: 148, 70%, 50%;--gr-hsl-success-light: 148, 70%, 65%;--gr-hsl-success-dark: 148, 70%, 35%;--gr-hsl-warning: 36, 90%, 50%;--gr-hsl-warning-light: 36, 90%, 65%;--gr-hsl-warning-dark: 36, 90%, 35%;--gr-hsl-danger: 4, 80%, 50%;--gr-hsl-danger-light: 4, 80%, 65%;--gr-hsl-danger-dark: 4, 80%, 35%;--gr-hsl-info: 292, 60%, 50%;--gr-hsl-info-light: 292, 60%, 65%;--gr-hsl-info-dark: 292, 60%, 35%;color-scheme:light;--gr-hsl-surface-0: 0, 0%, 100%;--gr-hsl-surface-1: 0, 0%, 96%;--gr-hsl-surface-2: 0, 0%, 89%;--gr-hsl-surface-sunken: 0, 0%, 92%;--gr-hsl-surface-overlay: 0, 0%, 100%;--gr-hsl-ink-0: 0, 0%, 5%;--gr-hsl-ink-1: 0, 0%, 29%;--gr-hsl-ink-2: 0, 0%, 40%;--gr-hsl-ink-3: 0, 0%, 50%;--gr-hsl-border: 0, 0%, 82%;--gr-hsl-border-strong: 0, 0%, 52%;--gr-hsl-accent: 220, 80%, 45%;--gr-hsl-accent-hover: 220, 80%, 36%;--gr-hsl-on-accent: 0, 0%, 100%;--gr-hsl-link: 220, 80%, 45%;--gr-hsl-link-hover: 220, 80%, 36%;--gr-hsl-link-visited: 292, 60%, 40%;--gr-hsl-focus: 220, 90%, 45%;--gr-hsl-status-success: 148, 70%, 26%;--gr-hsl-status-success-surface: 148, 70%, 26%;--gr-hsl-on-status-success: 0, 0%, 100%;--gr-hsl-status-warning: 36, 90%, 30%;--gr-hsl-status-warning-surface: 36, 92%, 52%;--gr-hsl-on-status-warning: 36, 100%, 12%;--gr-hsl-status-danger: 4, 80%, 42%;--gr-hsl-status-danger-surface: 4, 80%, 42%;--gr-hsl-on-status-danger: 0, 0%, 100%;--gr-hsl-status-info: 292, 60%, 40%;--gr-hsl-status-info-surface: 292, 60%, 40%;--gr-hsl-on-status-info: 0, 0%, 100%;--gr-hsl-ink-max: 0, 0%, 0%;--gr-hsl-ink-strong: 0, 0%, 15%;--gr-hsl-ink-mid: 0, 0%, 30%;--gr-hsl-surface-max: 0, 0%, 100%;--gr-hsl-surface-near: 0, 0%, 96%;--gr-hsl-accent-max: 220, 100%, 35%;--gr-hsl-accent-max-hover: 220, 100%, 25%;--gr-hsl-visited-max: 292, 80%, 30%;--gr-shadow-strength: 1;--gr-border-width: 1px;--gr-focus-width: 2px;--gr-leading-base: 1.5;--gr-tracking-base: normal;--gr-a11y-scale: 1.25;--gr-radius: 0.5rem;--gr-transition: 0.2s ease;--gr-density: 1;--gr-elevation: 1;--gr-radius-pill: 999px;--gr-shadow-color: 0, 0%, 0%;--gr-shadow-xs: 0 1px 2px hsl(var(--gr-shadow-color), calc(5% * var(--gr-shadow-strength) * var(--gr-elevation)));--gr-shadow-sm: 0 1px 3px hsl(var(--gr-shadow-color), calc(10% * var(--gr-shadow-strength) * var(--gr-elevation))), 0 1px 2px hsl(var(--gr-shadow-color), calc(6% * var(--gr-shadow-strength) * var(--gr-elevation)));--gr-shadow-md: 0 4px 6px hsl(var(--gr-shadow-color), calc(10% * var(--gr-shadow-strength) * var(--gr-elevation))), 0 2px 4px hsl(var(--gr-shadow-color), calc(6% * var(--gr-shadow-strength) * var(--gr-elevation)));--gr-shadow-lg: 0 10px 15px hsl(var(--gr-shadow-color), calc(10% * var(--gr-shadow-strength) * var(--gr-elevation))), 0 4px 6px hsl(var(--gr-shadow-color), calc(5% * var(--gr-shadow-strength) * var(--gr-elevation)));--gr-shadow-xl: 0 20px 25px hsl(var(--gr-shadow-color), calc(10% * var(--gr-shadow-strength) * var(--gr-elevation))), 0 10px 10px hsl(var(--gr-shadow-color), calc(4% * var(--gr-shadow-strength) * var(--gr-elevation)));--gr-shadow-2xl: 0 25px 50px hsl(var(--gr-shadow-color), calc(25% * var(--gr-shadow-strength) * var(--gr-elevation)));--gr-shadow-inner: inset 0 2px 4px hsl(var(--gr-shadow-color), calc(6% * var(--gr-shadow-strength) * var(--gr-elevation)));--gr-control-height: calc(2.5rem * var(--gr-density));--gr-control-height-sm: calc(2rem * var(--gr-density));--gr-control-height-lg: calc(3rem * var(--gr-density));--gr-control-padding-x: calc(0.875rem * var(--gr-density));--gr-ui-gap: calc(0.5rem * var(--gr-density));--gr-control-font-size: 1rem;--gr-overlay: hsl(var(--gr-shadow-color), 55%);--gr-z-dropdown: 1000;--gr-z-modal: 1100;--gr-z-toast: 1200;--gr-bp-sm: 640px;--gr-bp-md: 768px;--gr-bp-lg: 1024px;--gr-bp-xl: 1280px}@media(width >= 768px){:root{--gr-gap: calc(1rem * var(--gr-density));--gr-gap-sm: calc(0.5rem * var(--gr-density));--gr-gap-lg: calc(2rem * var(--gr-density))}}:root,[data-gr-theme],[data-gr-a11y]{--gr-color-bg: hsl(var(--gr-hsl-surface-0));--gr-color-surface: hsl(var(--gr-hsl-surface-1));--gr-color-surface-raised: hsl(var(--gr-hsl-surface-2));--gr-color-surface-overlay: hsl(var(--gr-hsl-surface-overlay));--gr-color-surface-sunken: hsl(var(--gr-hsl-surface-sunken));--gr-color-text: hsl(var(--gr-hsl-ink-0));--gr-color-text-secondary: hsl(var(--gr-hsl-ink-1));--gr-color-text-muted: hsl(var(--gr-hsl-ink-2));--gr-color-text-disabled: hsl(var(--gr-hsl-ink-3));--gr-color-border: hsl(var(--gr-hsl-border));--gr-color-border-strong: hsl(var(--gr-hsl-border-strong));--gr-color-accent: hsl(var(--gr-hsl-accent));--gr-color-accent-hover: hsl(var(--gr-hsl-accent-hover));--gr-color-on-accent: hsl(var(--gr-hsl-on-accent));--gr-color-link: hsl(var(--gr-hsl-link));--gr-color-link-hover: hsl(var(--gr-hsl-link-hover));--gr-color-link-visited: hsl(var(--gr-hsl-link-visited));--gr-color-focus: hsl(var(--gr-hsl-focus));--gr-color-success: hsl(var(--gr-hsl-status-success));--gr-color-success-surface: hsl(var(--gr-hsl-status-success-surface));--gr-color-on-success: hsl(var(--gr-hsl-on-status-success));--gr-color-warning: hsl(var(--gr-hsl-status-warning));--gr-color-warning-surface: hsl(var(--gr-hsl-status-warning-surface));--gr-color-on-warning: hsl(var(--gr-hsl-on-status-warning));--gr-color-danger: hsl(var(--gr-hsl-status-danger));--gr-color-danger-surface: hsl(var(--gr-hsl-status-danger-surface));--gr-color-on-danger: hsl(var(--gr-hsl-on-status-danger));--gr-color-info: hsl(var(--gr-hsl-status-info));--gr-color-info-surface: hsl(var(--gr-hsl-status-info-surface));--gr-color-on-info: hsl(var(--gr-hsl-on-status-info))}[data-gr-theme=dark]{color-scheme:dark;--gr-hsl-surface-0: 0, 0%, 7%;--gr-hsl-surface-1: 0, 0%, 11%;--gr-hsl-surface-2: 0, 0%, 16%;--gr-hsl-surface-sunken: 0, 0%, 4%;--gr-hsl-surface-overlay: 0, 0%, 16%;--gr-hsl-ink-0: 0, 0%, 96%;--gr-hsl-ink-1: 0, 0%, 78%;--gr-hsl-ink-2: 0, 0%, 62%;--gr-hsl-ink-3: 0, 0%, 50%;--gr-hsl-border: 0, 0%, 22%;--gr-hsl-border-strong: 0, 0%, 45%;--gr-hsl-accent: 220, 85%, 68%;--gr-hsl-accent-hover: 220, 85%, 78%;--gr-hsl-on-accent: 0, 0%, 7%;--gr-hsl-link: 220, 85%, 68%;--gr-hsl-link-hover: 220, 85%, 78%;--gr-hsl-link-visited: 292, 60%, 72%;--gr-hsl-focus: 220, 90%, 70%;--gr-hsl-status-success: 148, 55%, 60%;--gr-hsl-status-success-surface: 148, 55%, 60%;--gr-hsl-on-status-success: 0, 0%, 7%;--gr-hsl-status-warning: 36, 85%, 60%;--gr-hsl-status-warning-surface: 36, 85%, 60%;--gr-hsl-on-status-warning: 36, 100%, 10%;--gr-hsl-status-danger: 4, 85%, 66%;--gr-hsl-status-danger-surface: 4, 85%, 66%;--gr-hsl-on-status-danger: 0, 0%, 7%;--gr-hsl-status-info: 292, 60%, 72%;--gr-hsl-status-info-surface: 292, 60%, 72%;--gr-hsl-on-status-info: 0, 0%, 7%;--gr-hsl-ink-max: 0, 0%, 100%;--gr-hsl-ink-strong: 0, 0%, 88%;--gr-hsl-ink-mid: 0, 0%, 75%;--gr-hsl-surface-max: 0, 0%, 0%;--gr-hsl-surface-near: 0, 0%, 8%;--gr-hsl-accent-max: 220, 100%, 80%;--gr-hsl-accent-max-hover: 220, 100%, 90%;--gr-hsl-visited-max: 292, 80%, 85%;--gr-shadow-strength: 2.6}[data-gr-theme=light]{color-scheme:light;--gr-hsl-surface-0: 0, 0%, 100%;--gr-hsl-surface-1: 0, 0%, 96%;--gr-hsl-surface-2: 0, 0%, 89%;--gr-hsl-surface-sunken: 0, 0%, 92%;--gr-hsl-surface-overlay: 0, 0%, 100%;--gr-hsl-ink-0: 0, 0%, 5%;--gr-hsl-ink-1: 0, 0%, 29%;--gr-hsl-ink-2: 0, 0%, 40%;--gr-hsl-ink-3: 0, 0%, 50%;--gr-hsl-border: 0, 0%, 82%;--gr-hsl-border-strong: 0, 0%, 52%;--gr-hsl-accent: 220, 80%, 45%;--gr-hsl-accent-hover: 220, 80%, 36%;--gr-hsl-on-accent: 0, 0%, 100%;--gr-hsl-link: 220, 80%, 45%;--gr-hsl-link-hover: 220, 80%, 36%;--gr-hsl-link-visited: 292, 60%, 40%;--gr-hsl-focus: 220, 90%, 45%;--gr-hsl-status-success: 148, 70%, 26%;--gr-hsl-status-success-surface: 148, 70%, 26%;--gr-hsl-on-status-success: 0, 0%, 100%;--gr-hsl-status-warning: 36, 90%, 30%;--gr-hsl-status-warning-surface: 36, 92%, 52%;--gr-hsl-on-status-warning: 36, 100%, 12%;--gr-hsl-status-danger: 4, 80%, 42%;--gr-hsl-status-danger-surface: 4, 80%, 42%;--gr-hsl-on-status-danger: 0, 0%, 100%;--gr-hsl-status-info: 292, 60%, 40%;--gr-hsl-status-info-surface: 292, 60%, 40%;--gr-hsl-on-status-info: 0, 0%, 100%;--gr-hsl-ink-max: 0, 0%, 0%;--gr-hsl-ink-strong: 0, 0%, 15%;--gr-hsl-ink-mid: 0, 0%, 30%;--gr-hsl-surface-max: 0, 0%, 100%;--gr-hsl-surface-near: 0, 0%, 96%;--gr-hsl-accent-max: 220, 100%, 35%;--gr-hsl-accent-max-hover: 220, 100%, 25%;--gr-hsl-visited-max: 292, 80%, 30%;--gr-shadow-strength: 1}@media(prefers-color-scheme: dark){:root:not([data-gr-theme]),[data-gr-theme=auto]{color-scheme:dark;--gr-hsl-surface-0: 0, 0%, 7%;--gr-hsl-surface-1: 0, 0%, 11%;--gr-hsl-surface-2: 0, 0%, 16%;--gr-hsl-surface-sunken: 0, 0%, 4%;--gr-hsl-surface-overlay: 0, 0%, 16%;--gr-hsl-ink-0: 0, 0%, 96%;--gr-hsl-ink-1: 0, 0%, 78%;--gr-hsl-ink-2: 0, 0%, 62%;--gr-hsl-ink-3: 0, 0%, 50%;--gr-hsl-border: 0, 0%, 22%;--gr-hsl-border-strong: 0, 0%, 45%;--gr-hsl-accent: 220, 85%, 68%;--gr-hsl-accent-hover: 220, 85%, 78%;--gr-hsl-on-accent: 0, 0%, 7%;--gr-hsl-link: 220, 85%, 68%;--gr-hsl-link-hover: 220, 85%, 78%;--gr-hsl-link-visited: 292, 60%, 72%;--gr-hsl-focus: 220, 90%, 70%;--gr-hsl-status-success: 148, 55%, 60%;--gr-hsl-status-success-surface: 148, 55%, 60%;--gr-hsl-on-status-success: 0, 0%, 7%;--gr-hsl-status-warning: 36, 85%, 60%;--gr-hsl-status-warning-surface: 36, 85%, 60%;--gr-hsl-on-status-warning: 36, 100%, 10%;--gr-hsl-status-danger: 4, 85%, 66%;--gr-hsl-status-danger-surface: 4, 85%, 66%;--gr-hsl-on-status-danger: 0, 0%, 7%;--gr-hsl-status-info: 292, 60%, 72%;--gr-hsl-status-info-surface: 292, 60%, 72%;--gr-hsl-on-status-info: 0, 0%, 7%;--gr-hsl-ink-max: 0, 0%, 100%;--gr-hsl-ink-strong: 0, 0%, 88%;--gr-hsl-ink-mid: 0, 0%, 75%;--gr-hsl-surface-max: 0, 0%, 0%;--gr-hsl-surface-near: 0, 0%, 8%;--gr-hsl-accent-max: 220, 100%, 80%;--gr-hsl-accent-max-hover: 220, 100%, 90%;--gr-hsl-visited-max: 292, 80%, 85%;--gr-shadow-strength: 2.6}}[data-gr-a11y=low-vision]{font-size:calc(100%*var(--gr-a11y-scale, 1.25));--gr-leading-base: 1.7;--gr-tracking-base: 0.02em}[data-gr-a11y=low-vision],[data-gr-a11y=low-vision] [data-gr-theme]{--gr-hsl-surface-0: var(--gr-hsl-surface-max);--gr-hsl-surface-1: var(--gr-hsl-surface-max);--gr-hsl-surface-2: var(--gr-hsl-surface-near);--gr-hsl-surface-sunken: var(--gr-hsl-surface-near);--gr-hsl-surface-overlay: var(--gr-hsl-surface-max);--gr-hsl-ink-0: var(--gr-hsl-ink-max);--gr-hsl-ink-1: var(--gr-hsl-ink-max);--gr-hsl-ink-2: var(--gr-hsl-ink-strong);--gr-hsl-ink-3: var(--gr-hsl-ink-mid);--gr-hsl-border: var(--gr-hsl-ink-mid);--gr-hsl-border-strong: var(--gr-hsl-ink-max);--gr-hsl-accent: var(--gr-hsl-accent-max);--gr-hsl-accent-hover: var(--gr-hsl-accent-max-hover);--gr-hsl-link: var(--gr-hsl-accent-max);--gr-hsl-link-hover: var(--gr-hsl-accent-max-hover);--gr-hsl-link-visited: var(--gr-hsl-visited-max);--gr-hsl-focus: var(--gr-hsl-ink-max);--gr-border-width: 2px;--gr-focus-width: 3px}@media(prefers-contrast: more){:root:not([data-gr-a11y]),:root:not([data-gr-a11y]) [data-gr-theme]{--gr-hsl-surface-0: var(--gr-hsl-surface-max);--gr-hsl-surface-1: var(--gr-hsl-surface-max);--gr-hsl-surface-2: var(--gr-hsl-surface-near);--gr-hsl-surface-sunken: var(--gr-hsl-surface-near);--gr-hsl-surface-overlay: var(--gr-hsl-surface-max);--gr-hsl-ink-0: var(--gr-hsl-ink-max);--gr-hsl-ink-1: var(--gr-hsl-ink-max);--gr-hsl-ink-2: var(--gr-hsl-ink-strong);--gr-hsl-ink-3: var(--gr-hsl-ink-mid);--gr-hsl-border: var(--gr-hsl-ink-mid);--gr-hsl-border-strong: var(--gr-hsl-ink-max);--gr-hsl-accent: var(--gr-hsl-accent-max);--gr-hsl-accent-hover: var(--gr-hsl-accent-max-hover);--gr-hsl-link: var(--gr-hsl-accent-max);--gr-hsl-link-hover: var(--gr-hsl-accent-max-hover);--gr-hsl-link-visited: var(--gr-hsl-visited-max);--gr-hsl-focus: var(--gr-hsl-ink-max);--gr-border-width: 2px;--gr-focus-width: 3px}}[data-gr-a11y=low-vision] a[href]{color:var(--gr-color-link);text-decoration:underline;text-underline-offset:.2em}[data-gr-a11y=low-vision] :focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px}@media print{:root,:root:not([data-gr-theme]),[data-gr-theme],[data-gr-a11y]{--gr-shadow-strength: 0}}@keyframes gr-spin{to{transform:rotate(360deg)}}@keyframes gr-progress-slide{from{background-position-x:0%}to{background-position-x:100%}}@keyframes gr-skeleton-pulse{50%{opacity:.45}}.gr-accordion{display:flex;box-sizing:border-box;flex-direction:column;border:var(--gr-border-width) solid var(--gr-color-border);border-radius:var(--gr-radius);background-color:var(--gr-color-surface);color:var(--gr-color-text);overflow:hidden}.gr-accordion>.gr-accordion-item+.gr-accordion-item{border-block-start:var(--gr-border-width) solid var(--gr-color-border)}.gr-accordion-trigger{display:flex;box-sizing:border-box;align-items:center;justify-content:space-between;gap:var(--gr-ui-gap);min-block-size:var(--gr-control-height);padding-block:calc(var(--gr-gap)*.5);padding-inline:var(--gr-gap);background-color:rgba(0,0,0,0);color:inherit;font-family:inherit;font-size:var(--gr-control-font-size);font-weight:600;line-height:1.4;text-align:start;list-style:none;cursor:pointer}.gr-accordion-trigger::-webkit-details-marker{display:none}@media(hover: hover){.gr-accordion-trigger:hover{background-color:color-mix(in srgb, currentcolor 6%, transparent)}}.gr-accordion-trigger:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:calc(-1*var(--gr-focus-width))}.gr-accordion-trigger::after{--gr-accordion-arrow: 0.34rem;content:"";flex:none;inline-size:calc(var(--gr-accordion-arrow)*2);block-size:var(--gr-accordion-arrow);background-image:linear-gradient(45deg, transparent 50%, currentcolor 50%),linear-gradient(135deg, currentcolor 50%, transparent 50%);background-position:left center,right center;background-repeat:no-repeat;background-size:var(--gr-accordion-arrow) var(--gr-accordion-arrow);rotate:0deg;transition:rotate var(--gr-transition)}.gr-accordion-item[open]>.gr-accordion-trigger::after{rotate:180deg}@media(prefers-reduced-motion: reduce){.gr-accordion-trigger::after{transition-duration:.01ms}}.gr-accordion-panel{padding-block:0 var(--gr-gap);padding-inline:var(--gr-gap);color:var(--gr-color-text-secondary);line-height:var(--gr-leading-base)}@supports(interpolate-size: allow-keywords) and selector(::details-content){.gr-accordion-item{interpolate-size:allow-keywords}.gr-accordion-item::details-content{block-size:0;overflow:hidden;transition:block-size var(--gr-transition),content-visibility var(--gr-transition) allow-discrete}.gr-accordion-item[open]::details-content{block-size:auto}@media(prefers-reduced-motion: reduce){.gr-accordion-item::details-content{transition-duration:.01ms}}}.gr-accordion-flush{border-inline:0;border-block-start:0;border-radius:0;background-color:rgba(0,0,0,0)}.gr-alert{--gr-alert-color: var(--gr-color-info);--gr-alert-fill: var(--gr-color-info);display:flex;box-sizing:border-box;align-items:flex-start;gap:var(--gr-ui-gap);padding:var(--gr-gap);border:var(--gr-border-width) solid var(--gr-alert-fill);border-inline-start-width:calc(var(--gr-border-width)*4);border-radius:var(--gr-radius);background-color:color-mix(in srgb, var(--gr-alert-fill) 10%, var(--gr-color-bg));color:var(--gr-color-text);line-height:1.5}.gr-alert-title{display:block;margin:0;color:var(--gr-alert-color);font-size:inherit;font-weight:600}.gr-alert-icon{flex:none;inline-size:1.25em;block-size:1.25em;color:var(--gr-alert-color);line-height:1.25;text-align:center}.gr-alert-body{flex:1 1 auto;min-inline-size:0}.gr-alert-info{--gr-alert-color: var(--gr-color-info);--gr-alert-fill: var(--gr-color-info)}.gr-alert-success{--gr-alert-color: var(--gr-color-success);--gr-alert-fill: var(--gr-color-success)}.gr-alert-warning{--gr-alert-color: var(--gr-color-warning);--gr-alert-fill: var(--gr-color-warning-surface)}.gr-alert-danger{--gr-alert-color: var(--gr-color-danger);--gr-alert-fill: var(--gr-color-danger)}.gr-alert-dismissible{padding-inline-end:calc(var(--gr-gap)*.5)}.gr-avatar{--gr-avatar-size: 2.5rem;display:inline-flex;position:relative;box-sizing:border-box;flex:none;align-items:center;justify-content:center;inline-size:var(--gr-avatar-size);block-size:var(--gr-avatar-size);border-radius:var(--gr-radius-pill);background-color:var(--gr-color-surface-raised);color:var(--gr-color-text-secondary);font-size:calc(var(--gr-avatar-size)*.38);font-weight:600;line-height:1;text-transform:uppercase;user-select:none;overflow:hidden}.gr-avatar img{position:absolute;inset:0;inline-size:100%;block-size:100%;border-radius:inherit;object-fit:cover}.gr-avatar-xs{--gr-avatar-size: 1.5rem}.gr-avatar-sm{--gr-avatar-size: 2rem}.gr-avatar-lg{--gr-avatar-size: 3rem}.gr-avatar-xl{--gr-avatar-size: 4rem}.gr-avatar-square{border-radius:var(--gr-radius)}.gr-avatar-group{display:inline-flex;align-items:center}.gr-avatar-group>.gr-avatar{box-shadow:0 0 0 calc(var(--gr-border-width)*2) var(--gr-color-bg)}.gr-avatar-group>.gr-avatar+.gr-avatar{margin-inline-start:calc(var(--gr-avatar-size)*-0.3)}.gr-avatar-group>.gr-avatar:hover,.gr-avatar-group>.gr-avatar:focus-visible,.gr-avatar-group>.gr-avatar:focus-within{position:relative;z-index:1}.gr-badge{--gr-badge-color: var(--gr-color-text-secondary);--gr-badge-fill: var(--gr-color-text-secondary);--gr-badge-on-fill: var(--gr-color-on-accent);display:inline-flex;box-sizing:border-box;align-items:center;gap:calc(var(--gr-ui-gap)*.5);padding-block:.125em;padding-inline:.5em;border:var(--gr-border-width) solid rgba(0,0,0,0);border-radius:calc(var(--gr-radius)*.5);background-color:color-mix(in srgb, var(--gr-badge-fill) 16%, var(--gr-color-bg));color:var(--gr-badge-color);font-size:.8125em;font-weight:600;line-height:1.4;white-space:nowrap;vertical-align:middle}.gr-badge-accent{--gr-badge-color: var(--gr-color-accent);--gr-badge-fill: var(--gr-color-accent);--gr-badge-on-fill: var(--gr-color-on-accent)}.gr-badge-success{--gr-badge-color: var(--gr-color-success);--gr-badge-fill: var(--gr-color-success-surface);--gr-badge-on-fill: var(--gr-color-on-success)}.gr-badge-warning{--gr-badge-color: var(--gr-color-warning);--gr-badge-fill: var(--gr-color-warning-surface);--gr-badge-on-fill: var(--gr-color-on-warning)}.gr-badge-danger{--gr-badge-color: var(--gr-color-danger);--gr-badge-fill: var(--gr-color-danger-surface);--gr-badge-on-fill: var(--gr-color-on-danger)}.gr-badge-info{--gr-badge-color: var(--gr-color-info);--gr-badge-fill: var(--gr-color-info-surface);--gr-badge-on-fill: var(--gr-color-on-info)}.gr-badge-pill{padding-inline:.6em;border-radius:var(--gr-radius-pill)}.gr-badge-outline{border-color:currentcolor;background-color:rgba(0,0,0,0)}.gr-badge-count{justify-content:center;min-inline-size:1.6em;padding-inline:.4em;border-radius:var(--gr-radius-pill);background-color:var(--gr-badge-fill);color:var(--gr-badge-on-fill);font-variant-numeric:tabular-nums}.gr-tag{display:inline-flex;box-sizing:border-box;align-items:center;gap:calc(var(--gr-ui-gap)*.5);padding-block:.125em;padding-inline:.5em;border:var(--gr-border-width) solid var(--gr-color-border);border-radius:calc(var(--gr-radius)*.5);background-color:var(--gr-color-surface-raised);color:var(--gr-color-text);font-size:.875em;line-height:1.4;white-space:nowrap;vertical-align:middle}.gr-tag-remove{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;inline-size:1.2em;block-size:1.2em;padding:0;border:0;border-radius:var(--gr-radius-pill);background-color:rgba(0,0,0,0);color:var(--gr-color-text-secondary);font-family:inherit;font-size:inherit;line-height:1;cursor:pointer}@media(hover: hover){.gr-tag-remove:hover{background-color:var(--gr-color-border);color:var(--gr-color-text)}}.gr-tag-remove:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:1px}.gr-dot{--gr-badge-fill: var(--gr-color-text-secondary);display:inline-block;inline-size:.6em;block-size:.6em;border-radius:var(--gr-radius-pill);background-color:var(--gr-badge-fill);vertical-align:middle}.gr-dot-accent{--gr-badge-fill: var(--gr-color-accent)}.gr-dot-success{--gr-badge-fill: var(--gr-color-success-surface)}.gr-dot-warning{--gr-badge-fill: var(--gr-color-warning-surface)}.gr-dot-danger{--gr-badge-fill: var(--gr-color-danger-surface)}.gr-dot-info{--gr-badge-fill: var(--gr-color-info-surface)}.gr-breadcrumb{--gr-breadcrumb-sep: "/";display:flex;box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:calc(var(--gr-ui-gap)*.5);margin:0;padding:0;color:var(--gr-color-text-secondary);font-size:.875rem;line-height:1.4;list-style:none}.gr-breadcrumb>:where(li,.gr-breadcrumb-item){display:flex;align-items:center;gap:calc(var(--gr-ui-gap)*.5);margin:0;padding:0;list-style:none}.gr-breadcrumb>:where(li,.gr-breadcrumb-item)+:where(li,.gr-breadcrumb-item)::before{content:var(--gr-breadcrumb-sep);color:var(--gr-color-text-muted)}.gr-breadcrumb a{color:inherit;text-decoration:none}@media(hover: hover){.gr-breadcrumb a:hover{color:var(--gr-color-link-hover);text-decoration-line:underline}}.gr-breadcrumb a:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px;border-radius:calc(var(--gr-radius)*.5)}.gr-breadcrumb [aria-current=page]{color:var(--gr-color-text);font-weight:600}.gr-breadcrumb-scroll{flex-wrap:nowrap;overflow:auto hidden;white-space:nowrap;scrollbar-width:thin}.gr-breadcrumb-scroll>:where(li,.gr-breadcrumb-item){flex:none}.gr-btn{--gr-btn-height: var(--gr-control-height);--gr-btn-bg: var(--gr-color-surface-raised);--gr-btn-fg: var(--gr-color-text);--gr-btn-border: var(--gr-color-border);--gr-btn-bg-hover: color-mix(in srgb, var(--gr-btn-bg) 88%, var(--gr-btn-fg));--gr-btn-bg-active: color-mix(in srgb, var(--gr-btn-bg) 76%, var(--gr-btn-fg));display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;gap:var(--gr-ui-gap);min-block-size:var(--gr-btn-height);margin:0;padding-block:0;padding-inline:var(--gr-control-padding-x);border:var(--gr-border-width) solid var(--gr-btn-border);border-radius:var(--gr-radius);background-color:var(--gr-btn-bg);color:var(--gr-btn-fg);font-family:inherit;font-size:var(--gr-control-font-size);line-height:1.2;text-align:center;text-decoration:none;white-space:nowrap;vertical-align:middle;cursor:pointer;transition:background-color var(--gr-transition),border-color var(--gr-transition),color var(--gr-transition)}@media(hover: hover){.gr-btn:hover:not(:disabled,[aria-disabled=true]){background-color:var(--gr-btn-bg-hover)}}.gr-btn:active:not(:disabled,[aria-disabled=true]){background-color:var(--gr-btn-bg-active)}.gr-btn:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px}.gr-btn:disabled,.gr-btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.gr-btn[aria-busy=true]{opacity:.7;cursor:progress}.gr-btn-primary{--gr-btn-bg: var(--gr-color-accent);--gr-btn-fg: var(--gr-color-on-accent);--gr-btn-border: var(--gr-color-accent)}.gr-btn-success{--gr-btn-bg: var(--gr-color-success-surface);--gr-btn-fg: var(--gr-color-on-success);--gr-btn-border: var(--gr-color-success-surface)}.gr-btn-warning{--gr-btn-bg: var(--gr-color-warning-surface);--gr-btn-fg: var(--gr-color-on-warning);--gr-btn-border: var(--gr-color-warning-surface)}.gr-btn-danger{--gr-btn-bg: var(--gr-color-danger-surface);--gr-btn-fg: var(--gr-color-on-danger);--gr-btn-border: var(--gr-color-danger-surface)}.gr-btn-info{--gr-btn-bg: var(--gr-color-info-surface);--gr-btn-fg: var(--gr-color-on-info);--gr-btn-border: var(--gr-color-info-surface)}.gr-btn-secondary{--gr-btn-bg: transparent;--gr-btn-fg: var(--gr-color-accent);--gr-btn-border: var(--gr-color-accent)}.gr-btn-ghost{--gr-btn-bg: transparent;--gr-btn-fg: var(--gr-color-text);--gr-btn-border: transparent}.gr-btn-link{--gr-btn-bg: transparent;--gr-btn-fg: var(--gr-color-link);--gr-btn-border: transparent;--gr-btn-bg-hover: transparent;--gr-btn-bg-active: transparent;padding-inline:0;text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-offset:.2em}@media(hover: hover){.gr-btn-link:hover:not(:disabled,[aria-disabled=true]){--gr-btn-fg: var(--gr-color-link-hover)}}.gr-btn-sm{--gr-btn-height: var(--gr-control-height-sm);padding-inline:calc(var(--gr-control-padding-x)*.7);font-size:.875rem}.gr-btn-lg{--gr-btn-height: var(--gr-control-height-lg);padding-inline:calc(var(--gr-control-padding-x)*1.4);font-size:1.125rem}.gr-btn-block{display:flex;inline-size:100%}.gr-btn-icon{min-inline-size:var(--gr-btn-height);padding-inline:0}.gr-btn-group{display:inline-flex;vertical-align:middle}.gr-btn-group>.gr-btn{border-radius:0}.gr-btn-group>.gr-btn:first-child{border-start-start-radius:var(--gr-radius);border-end-start-radius:var(--gr-radius)}.gr-btn-group>.gr-btn:last-child{border-start-end-radius:var(--gr-radius);border-end-end-radius:var(--gr-radius)}.gr-btn-group>.gr-btn+.gr-btn{margin-inline-start:calc(-1*var(--gr-border-width))}.gr-btn-group>.gr-btn:hover,.gr-btn-group>.gr-btn:focus-visible{position:relative;z-index:1}.gr-card{display:flex;box-sizing:border-box;flex-direction:column;min-inline-size:0;border:var(--gr-border-width) solid var(--gr-color-border);border-radius:var(--gr-radius);background-color:var(--gr-color-surface);color:var(--gr-color-text);overflow:hidden}.gr-card-body{flex:1 1 auto;padding:var(--gr-gap)}.gr-card-header,.gr-card-footer{padding-block:calc(var(--gr-gap)*.75);padding-inline:var(--gr-gap)}.gr-card-header{border-block-end:var(--gr-border-width) solid var(--gr-color-border);font-weight:600}.gr-card-footer{border-block-start:var(--gr-border-width) solid var(--gr-color-border);color:var(--gr-color-text-secondary);font-size:.875rem}.gr-card-media{display:block;inline-size:100%;block-size:auto;object-fit:cover}.gr-card-raised{border-color:rgba(0,0,0,0);background-color:var(--gr-color-surface-raised);box-shadow:var(--gr-shadow-md)}.gr-card-flat{border-color:rgba(0,0,0,0);background-color:var(--gr-color-surface);box-shadow:none}.gr-card-interactive{position:relative;transition:border-color var(--gr-transition),box-shadow var(--gr-transition)}.gr-card-interactive :where(a[href])::after{content:"";position:absolute;inset:0}@media(hover: hover){.gr-card-interactive:hover{border-color:var(--gr-color-border-strong);box-shadow:var(--gr-shadow-md)}}.gr-card-interactive:focus-within{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px}.gr-card-interactive :where(a[href]){color:inherit;text-decoration:none}.gr-checkbox,.gr-radio{--gr-choice-size: 1.15em;flex:none;inline-size:var(--gr-choice-size);block-size:var(--gr-choice-size);margin:0;accent-color:var(--gr-color-accent);cursor:pointer}.gr-checkbox:focus-visible,.gr-radio:focus-visible,.gr-switch:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px}.gr-checkbox:disabled,.gr-radio:disabled,.gr-switch:disabled{opacity:.55;cursor:not-allowed}.gr-switch{--gr-switch-track: 2.25rem;--gr-switch-thumb: 1rem;box-sizing:border-box;flex:none;inline-size:var(--gr-switch-track);block-size:calc(var(--gr-switch-thumb) + .375rem);margin:0;padding:.1875rem;border:var(--gr-border-width) solid var(--gr-color-border-strong);border-radius:var(--gr-radius-pill);background-color:var(--gr-color-surface-sunken);background-image:radial-gradient(circle at 50% 50%, var(--gr-color-text-secondary) 45%, transparent 46%);background-repeat:no-repeat;background-position:left center;background-size:var(--gr-switch-thumb) var(--gr-switch-thumb);background-origin:content-box;appearance:none;cursor:pointer;transition:background-color var(--gr-transition),background-position var(--gr-transition),border-color var(--gr-transition)}.gr-switch:checked{border-color:var(--gr-color-accent);background-color:var(--gr-color-accent);background-image:radial-gradient(circle at 50% 50%, var(--gr-color-on-accent) 45%, transparent 46%);background-position:right center}@media(prefers-reduced-motion: reduce){.gr-switch{transition:background-color var(--gr-transition),border-color var(--gr-transition)}}.gr-segmented{--gr-segmented-radius: calc(var(--gr-radius) - var(--gr-border-width));display:inline-flex;box-sizing:border-box;min-inline-size:0;margin:0;padding:0;border:var(--gr-border-width) solid var(--gr-color-border-strong);border-radius:var(--gr-radius)}.gr-segmented label{display:block;position:relative;flex:1}.gr-segmented input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.gr-segmented span{display:block;padding-block:.375rem;padding-inline:var(--gr-ui-gap);border-inline-start:var(--gr-border-width) solid var(--gr-color-border);color:var(--gr-color-text-secondary);font-size:.875rem;text-align:center;white-space:nowrap;cursor:pointer;transition:background-color var(--gr-transition),color var(--gr-transition)}.gr-segmented label:first-child span{border-inline-start:0;border-start-start-radius:var(--gr-segmented-radius);border-end-start-radius:var(--gr-segmented-radius)}.gr-segmented label:last-child span{border-start-end-radius:var(--gr-segmented-radius);border-end-end-radius:var(--gr-segmented-radius)}@media(hover: hover){.gr-segmented span:hover{background-color:var(--gr-color-surface-raised);color:var(--gr-color-text)}}.gr-segmented input:checked+span{background-color:var(--gr-color-accent);color:var(--gr-color-on-accent)}.gr-segmented input:focus-visible+span{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:calc(-1*var(--gr-focus-width) - 1px)}.gr-segmented input:disabled+span{opacity:.55;cursor:not-allowed}.gr-choice{display:inline-flex;align-items:center;gap:var(--gr-ui-gap);color:var(--gr-color-text);line-height:1.4;cursor:pointer}.gr-choice:has(:disabled){color:var(--gr-color-text-disabled);cursor:not-allowed}.gr-drawer{--gr-drawer-size: 20rem;--gr-drawer-slide: 100%;position:fixed;box-sizing:border-box;flex-direction:column;inset-block:0;inline-size:min(var(--gr-drawer-size),100%);max-inline-size:none;block-size:auto;max-block-size:none;margin:0;padding:0;border:0;border-radius:0;background-color:var(--gr-color-surface-overlay);color:var(--gr-color-text);box-shadow:var(--gr-shadow-xl);overflow:hidden}.gr-drawer[open]{display:flex}.gr-drawer::backdrop{background-color:var(--gr-overlay)}.gr-drawer-start{--gr-drawer-slide: -100%;inset-inline:0 auto;border-inline-end:var(--gr-border-width) solid var(--gr-color-border)}.gr-drawer-end{--gr-drawer-slide: 100%;inset-inline:auto 0;border-inline-start:var(--gr-border-width) solid var(--gr-color-border)}.gr-drawer-top,.gr-drawer-bottom{inset-inline:0;inline-size:auto;block-size:auto;max-block-size:50dvh}.gr-drawer-top{--gr-drawer-slide: -100%;inset-block:0 auto;border-block-end:var(--gr-border-width) solid var(--gr-color-border)}.gr-drawer-bottom{--gr-drawer-slide: 100%;inset-block:auto 0;border-block-start:var(--gr-border-width) solid var(--gr-color-border)}.gr-drawer-sm{--gr-drawer-size: 15rem}.gr-drawer-lg{--gr-drawer-size: 28rem}@supports(transition-behavior: allow-discrete){.gr-drawer{opacity:0;translate:var(--gr-drawer-slide) 0;transition:opacity var(--gr-transition),translate var(--gr-transition),overlay var(--gr-transition) allow-discrete,display var(--gr-transition) allow-discrete}.gr-drawer-top,.gr-drawer-bottom{translate:0 var(--gr-drawer-slide)}.gr-drawer[open]{opacity:1;translate:0}.gr-drawer::backdrop{opacity:0;transition:opacity var(--gr-transition),overlay var(--gr-transition) allow-discrete,display var(--gr-transition) allow-discrete}.gr-drawer[open]::backdrop{opacity:1}@starting-style{.gr-drawer[open]{opacity:0;translate:var(--gr-drawer-slide) 0}.gr-drawer-top[open],.gr-drawer-bottom[open]{translate:0 var(--gr-drawer-slide)}.gr-drawer[open]::backdrop{opacity:0}}}@media(prefers-reduced-motion: reduce){.gr-drawer{translate:none;transition-duration:.01ms}.gr-drawer::backdrop{transition-duration:.01ms}}.gr-dropdown{position:relative;display:inline-block}.gr-dropdown>summary{list-style:none;cursor:pointer}.gr-dropdown>summary::-webkit-details-marker{display:none}.gr-dropdown-panel{position:absolute;z-index:var(--gr-z-dropdown);inset-block-start:calc(100% + var(--gr-ui-gap)*.5);inset-inline-start:0;box-sizing:border-box;min-inline-size:max-content;max-inline-size:min(20rem,90vw);margin:0}.gr-dropdown-end .gr-dropdown-panel{inset-inline:auto 0}.gr-dropdown-up .gr-dropdown-panel{inset-block:auto calc(100% + var(--gr-ui-gap)*.5)}.gr-dropdown-panel[popover]{position:fixed;inset:auto 0 0;max-inline-size:100%;margin:0;border:0;padding:0;background:none;color:inherit;overflow:visible}@supports(anchor-name: --gr-dropdown-anchor){.gr-dropdown{anchor-scope:--gr-dropdown-anchor}.gr-dropdown>:where(summary,button,.gr-btn){anchor-name:--gr-dropdown-anchor}.gr-dropdown-panel[popover]{position-anchor:--gr-dropdown-anchor;inset-block:calc(anchor(end) + var(--gr-ui-gap)*.5) auto;inset-inline:anchor(start) auto;min-inline-size:max-content;max-inline-size:min(20rem,90%);position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline}.gr-dropdown-end .gr-dropdown-panel[popover]{inset-inline:auto anchor(end)}.gr-dropdown-up .gr-dropdown-panel[popover]{inset-block:auto calc(anchor(start) + var(--gr-ui-gap)*.5)}}.gr-dropdown-hover .gr-dropdown-panel{visibility:hidden;opacity:0;transition:opacity var(--gr-transition),visibility var(--gr-transition);transition-delay:.25s}.gr-dropdown-hover .gr-dropdown-panel::before{content:"";position:absolute;inset-block-end:100%;inset-inline:0;block-size:calc(var(--gr-ui-gap)*.5)}.gr-dropdown-hover.gr-dropdown-up .gr-dropdown-panel::before{inset-block:100% auto}@media(hover: hover){.gr-dropdown-hover:hover .gr-dropdown-panel{visibility:visible;opacity:1;transition-delay:0s}}.gr-dropdown-hover:focus-within .gr-dropdown-panel{visibility:visible;opacity:1;transition-delay:0s}@media(prefers-reduced-motion: reduce){.gr-dropdown-hover .gr-dropdown-panel{transition-duration:.01ms}}@supports(transition-behavior: allow-discrete){.gr-dropdown-panel[popover]{opacity:0;translate:0 calc(-1*var(--gr-ui-gap)*.5);transition:opacity var(--gr-transition),translate var(--gr-transition),overlay var(--gr-transition) allow-discrete,display var(--gr-transition) allow-discrete}.gr-dropdown-panel[popover]:popover-open{opacity:1;translate:0}@starting-style{.gr-dropdown-panel[popover]:popover-open{opacity:0;translate:0 calc(-1*var(--gr-ui-gap)*.5)}}}@media(prefers-reduced-motion: reduce){.gr-dropdown-panel[popover]{translate:none;transition-duration:.01ms}}.gr-empty{display:flex;box-sizing:border-box;flex-direction:column;align-items:center;gap:var(--gr-ui-gap);padding-block:calc(var(--gr-gap)*2);padding-inline:var(--gr-gap);color:var(--gr-color-text-secondary);text-align:center}.gr-empty-icon{color:var(--gr-color-text-muted);font-size:2.5rem;line-height:1}.gr-empty-title{margin:0;color:var(--gr-color-text);font-size:1.125rem;font-weight:600;line-height:1.3}.gr-empty-text{max-inline-size:46ch;margin:0;line-height:1.5}.gr-empty-actions{display:flex;flex-wrap:wrap;gap:var(--gr-ui-gap);justify-content:center;margin-block-start:calc(var(--gr-ui-gap)*.5)}.gr-empty-boxed{border:var(--gr-border-width) dashed var(--gr-color-border);border-radius:var(--gr-radius);background-color:color-mix(in srgb, currentcolor 3%, transparent)}.gr-field{display:flex;flex-direction:column;gap:calc(var(--gr-ui-gap)*.5)}.gr-label{color:var(--gr-color-text);font-size:.875rem;font-weight:600;line-height:1.4}.gr-hint{color:var(--gr-color-text-muted);font-size:.8125rem;line-height:1.4}.gr-error{color:var(--gr-color-danger);font-size:.8125rem;line-height:1.4}.gr-input,.gr-textarea,.gr-select{--gr-control-h: var(--gr-control-height);display:block;box-sizing:border-box;inline-size:100%;min-block-size:var(--gr-control-h);margin:0;padding-block:.375rem;padding-inline:var(--gr-control-padding-x);border:var(--gr-border-width) solid var(--gr-color-border);border-radius:var(--gr-radius);background-color:var(--gr-color-bg);color:var(--gr-color-text);font-family:inherit;font-size:var(--gr-control-font-size);line-height:1.4;transition:border-color var(--gr-transition)}.gr-textarea{min-block-size:calc(var(--gr-control-h)*2);resize:vertical}.gr-select{--gr-select-arrow: 0.34rem;padding-inline-end:calc(var(--gr-control-padding-x)*2 + var(--gr-select-arrow)*2);background-image:conic-gradient(from -45deg at 50% 100%, currentcolor 0 90deg, transparent 0);background-repeat:no-repeat;background-position:right var(--gr-control-padding-x) center;background-size:calc(var(--gr-select-arrow)*2) var(--gr-select-arrow);appearance:none}.gr-select[multiple],.gr-select[size]{padding-inline-end:var(--gr-control-padding-x);background-image:none}.gr-input::placeholder,.gr-textarea::placeholder{color:var(--gr-color-text-muted);opacity:1}.gr-input:focus-visible,.gr-textarea:focus-visible,.gr-select:focus-visible{border-color:var(--gr-color-accent);outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:1px}.gr-input:user-invalid,.gr-textarea:user-invalid,.gr-select:user-invalid,.gr-input[aria-invalid=true],.gr-textarea[aria-invalid=true],.gr-select[aria-invalid=true]{border-color:var(--gr-color-danger)}.gr-input:disabled,.gr-textarea:disabled,.gr-select:disabled{border-color:var(--gr-color-border);background-color:var(--gr-color-surface-sunken);color:var(--gr-color-text-disabled);cursor:not-allowed}.gr-input:read-only:not(:disabled),.gr-textarea:read-only:not(:disabled){background-color:var(--gr-color-surface)}.gr-input-sm{--gr-control-h: var(--gr-control-height-sm);padding-block:.1875rem;padding-inline:calc(var(--gr-control-padding-x)*.7);font-size:.875rem}.gr-input-lg{--gr-control-h: var(--gr-control-height-lg);padding-block:.5rem;padding-inline:calc(var(--gr-control-padding-x)*1.4);font-size:1.125rem}.gr-input-group{display:flex;inline-size:100%}.gr-input-group>*{border-radius:0}.gr-input-group>:first-child{border-start-start-radius:var(--gr-radius);border-end-start-radius:var(--gr-radius)}.gr-input-group>:last-child{border-start-end-radius:var(--gr-radius);border-end-end-radius:var(--gr-radius)}.gr-input-group>*+*{margin-inline-start:calc(-1*var(--gr-border-width))}.gr-input-group>.gr-input,.gr-input-group>.gr-select{flex:1 1 auto;inline-size:auto;min-inline-size:0}.gr-input-group>:focus-within,.gr-input-group>:focus-visible{position:relative;z-index:1}.gr-input-addon{--gr-control-h: var(--gr-control-height);display:inline-flex;box-sizing:border-box;flex:0 0 auto;align-items:center;min-block-size:var(--gr-control-h);padding-inline:var(--gr-control-padding-x);border:var(--gr-border-width) solid var(--gr-color-border);background-color:var(--gr-color-surface-raised);color:var(--gr-color-text-secondary);font-size:var(--gr-control-font-size);white-space:nowrap}.gr-link{color:var(--gr-color-link);text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-offset:.2em;cursor:pointer;transition:color var(--gr-transition),text-decoration-color var(--gr-transition)}.gr-link:visited{color:var(--gr-color-link-visited)}@media(hover: hover){.gr-link:hover{color:var(--gr-color-link-hover)}}.gr-link:active{color:var(--gr-color-link-hover)}.gr-link:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px;border-radius:calc(var(--gr-radius)*.25)}.gr-link-muted{color:var(--gr-color-text-secondary)}.gr-link-muted:visited{color:var(--gr-color-text-secondary)}@media(hover: hover){.gr-link-muted:hover{color:var(--gr-color-text)}}.gr-link-inherit{color:inherit}.gr-link-inherit:visited{color:inherit}@media(hover: hover){.gr-link-inherit:hover{color:inherit;text-decoration-color:var(--gr-color-link)}}.gr-link-quiet{text-decoration-line:none}@media(hover: hover){.gr-link-quiet:hover{text-decoration-line:underline}}.gr-link-quiet:focus-visible{text-decoration-line:underline}.gr-link-dotted{text-decoration-style:dotted}.gr-link-dashed{text-decoration-style:dashed}.gr-link-wavy{text-decoration-style:wavy}.gr-link-double{text-decoration-style:double}.gr-link-wavy,.gr-link-double{text-underline-offset:.3em}.gr-link-external::after{content:"\2197";display:inline-block;margin-inline-start:.15em;font-size:.85em;vertical-align:baseline}.gr-menu{display:flex;box-sizing:border-box;flex-direction:column;min-inline-size:11rem;margin:0;padding-block:calc(var(--gr-ui-gap)*.5);padding-inline:0;border:var(--gr-border-width) solid var(--gr-color-border);border-radius:var(--gr-radius);background-color:var(--gr-color-surface-overlay);color:var(--gr-color-text);box-shadow:var(--gr-shadow-lg);list-style:none}.gr-menu>:where(li){display:flex;margin:0;padding:0;list-style:none}.gr-menu>:where(li)>:where(*){flex:1 1 auto}.gr-menu-item{--gr-menu-fg: var(--gr-color-text);display:flex;box-sizing:border-box;align-items:center;gap:var(--gr-ui-gap);inline-size:100%;min-block-size:var(--gr-control-height-sm);margin:0;padding-block:calc(var(--gr-ui-gap)*.5);padding-inline:var(--gr-control-padding-x);border:0;background-color:rgba(0,0,0,0);color:var(--gr-menu-fg);font-family:inherit;font-size:var(--gr-control-font-size);line-height:1.3;text-align:start;text-decoration:none;cursor:pointer}@media(hover: hover){.gr-menu-item:hover:not(:disabled,[aria-disabled=true]){background-color:color-mix(in srgb, currentcolor 10%, transparent)}}.gr-menu-item:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:calc(-1*var(--gr-focus-width))}.gr-menu-item:disabled,.gr-menu-item[aria-disabled=true]{--gr-menu-fg: var(--gr-color-text-disabled);cursor:not-allowed}.gr-menu-item[aria-checked=true],.gr-menu-item[aria-current]{--gr-menu-fg: var(--gr-color-accent);background-color:color-mix(in srgb, var(--gr-color-accent) 12%, transparent);font-weight:600}.gr-menu-danger{--gr-menu-fg: var(--gr-color-danger)}@media(hover: hover){.gr-menu-danger:hover:not(:disabled,[aria-disabled=true]){background-color:color-mix(in srgb, var(--gr-color-danger) 12%, transparent)}}.gr-menu-header{padding-block:calc(var(--gr-ui-gap)*.5);padding-inline:var(--gr-control-padding-x);color:var(--gr-color-text-muted);font-size:.8125rem;font-weight:600;line-height:1.3}.gr-menu-sep{block-size:0;margin-block:calc(var(--gr-ui-gap)*.5);margin-inline:0;border:0;border-block-start:var(--gr-border-width) solid var(--gr-color-border)}.gr-menu-icon{flex:none;inline-size:1.25em;block-size:1.25em;text-align:center}.gr-menu-shortcut{margin-inline-start:auto;padding-inline-start:var(--gr-ui-gap);color:var(--gr-color-text-muted);font-size:.8125rem;font-variant-numeric:tabular-nums;white-space:nowrap}.gr-modal{position:fixed;box-sizing:border-box;flex-direction:column;inline-size:min(32rem,100% - var(--gr-gap)*2);max-inline-size:none;max-block-size:min(85dvh,100% - var(--gr-gap)*2);padding:0;border:var(--gr-border-width) solid var(--gr-color-border);border-radius:var(--gr-radius);background-color:var(--gr-color-surface-overlay);color:var(--gr-color-text);box-shadow:var(--gr-shadow-xl);overflow:hidden}.gr-modal[open]{display:flex}.gr-modal::backdrop{background-color:var(--gr-overlay)}.gr-modal-header{display:flex;flex:none;align-items:center;justify-content:space-between;gap:var(--gr-ui-gap);padding-block:calc(var(--gr-gap)*.75);padding-inline:var(--gr-gap);border-block-end:var(--gr-border-width) solid var(--gr-color-border)}.gr-modal-title{margin:0;font-size:1.125rem;font-weight:600;line-height:1.3}.gr-modal-body{flex:1 1 auto;padding:var(--gr-gap);line-height:var(--gr-leading-base);overflow-y:auto;overscroll-behavior:contain}.gr-modal-footer{display:flex;flex:none;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--gr-ui-gap);padding-block:calc(var(--gr-gap)*.75);padding-inline:var(--gr-gap);border-block-start:var(--gr-border-width) solid var(--gr-color-border)}.gr-modal-sm{inline-size:min(24rem,100% - var(--gr-gap)*2)}.gr-modal-lg{inline-size:min(48rem,100% - var(--gr-gap)*2)}.gr-modal-full{inline-size:calc(100% - var(--gr-gap)*2);block-size:calc(100% - var(--gr-gap)*2);max-block-size:none}@supports(transition-behavior: allow-discrete){.gr-modal{opacity:0;translate:0 var(--gr-gap);transition:opacity var(--gr-transition),translate var(--gr-transition),overlay var(--gr-transition) allow-discrete,display var(--gr-transition) allow-discrete}.gr-modal[open]{opacity:1;translate:0}.gr-modal::backdrop{opacity:0;transition:opacity var(--gr-transition),overlay var(--gr-transition) allow-discrete,display var(--gr-transition) allow-discrete}.gr-modal[open]::backdrop{opacity:1}@starting-style{.gr-modal[open]{opacity:0;translate:0 var(--gr-gap)}.gr-modal[open]::backdrop{opacity:0}}}@media(prefers-reduced-motion: reduce){.gr-modal{translate:none;transition-duration:.01ms}.gr-modal::backdrop{transition-duration:.01ms}}.gr-nav{display:flex;box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:var(--gr-ui-gap);margin:0;padding:0;list-style:none}.gr-nav>:where(li){display:flex;margin:0;padding:0;list-style:none}.gr-nav-vertical>:where(li){align-items:stretch;flex-direction:column}.gr-nav-vertical{flex-flow:column nowrap;align-items:stretch}.gr-nav-link{--gr-nav-fg: var(--gr-color-text-secondary);display:flex;box-sizing:border-box;align-items:center;gap:var(--gr-ui-gap);min-block-size:var(--gr-control-height-sm);padding-block:0;padding-inline:calc(var(--gr-control-padding-x)*.75);border:0;border-radius:var(--gr-radius);background-color:rgba(0,0,0,0);color:var(--gr-nav-fg);font-family:inherit;font-size:var(--gr-control-font-size);line-height:1.2;text-decoration:none;cursor:pointer}@media(hover: hover){.gr-nav-link:hover:not([aria-current],[aria-disabled=true]){--gr-nav-fg: var(--gr-color-text);background-color:color-mix(in srgb, currentcolor 8%, transparent)}}.gr-nav-link:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px}.gr-nav-link[aria-current]{--gr-nav-fg: var(--gr-color-accent);background-color:color-mix(in srgb, var(--gr-color-accent) 12%, transparent);font-weight:600}.gr-nav-link[aria-disabled=true]{color:var(--gr-color-text-disabled);cursor:not-allowed}.gr-nav-underline .gr-nav-link{border-block-end:calc(var(--gr-border-width)*2) solid rgba(0,0,0,0);border-radius:0}.gr-nav-underline .gr-nav-link[aria-current]{border-block-end-color:var(--gr-color-accent);background-color:rgba(0,0,0,0)}@media(hover: hover){.gr-nav-underline .gr-nav-link:hover:not([aria-current],[aria-disabled=true]){border-block-end-color:var(--gr-color-border-strong);background-color:rgba(0,0,0,0)}}.gr-nav-underline.gr-nav-vertical .gr-nav-link{border-block-end:0;border-inline-start:calc(var(--gr-border-width)*2) solid rgba(0,0,0,0)}.gr-nav-underline.gr-nav-vertical .gr-nav-link[aria-current]{border-inline-start-color:var(--gr-color-accent)}.gr-navbar{display:flex;box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:var(--gr-ui-gap);padding-block:calc(var(--gr-gap)*.5);padding-inline:var(--gr-gap);border-block-end:var(--gr-border-width) solid var(--gr-color-border);background-color:var(--gr-color-surface);color:var(--gr-color-text)}.gr-navbar-brand{display:flex;align-items:center;gap:var(--gr-ui-gap);margin-inline-end:auto;color:var(--gr-color-text);font-size:1.125rem;font-weight:700;text-decoration:none}.gr-nav-toggle>summary{display:flex;box-sizing:border-box;align-items:center;justify-content:center;min-inline-size:var(--gr-control-height);min-block-size:var(--gr-control-height);padding-inline:calc(var(--gr-control-padding-x)*.5);border:var(--gr-border-width) solid var(--gr-color-border);border-radius:var(--gr-radius);color:var(--gr-color-text);font-size:var(--gr-control-font-size);list-style:none;cursor:pointer}.gr-nav-toggle>summary::-webkit-details-marker{display:none}.gr-nav-toggle>summary:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px}.gr-nav-collapse{display:none;flex-basis:100%;flex-direction:column;align-items:stretch}.gr-nav-toggle[open]~.gr-nav-collapse{display:flex}@media(width >= 768px){.gr-nav-toggle{display:none}.gr-nav-collapse{display:flex;flex-basis:auto;flex-direction:row;align-items:center}}.gr-pagination{display:flex;box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:calc(var(--gr-ui-gap)*.5);margin:0;padding:0;list-style:none}.gr-pagination>:where(li){display:flex;margin:0;padding:0;list-style:none}.gr-page{--gr-page-size: var(--gr-control-height);--gr-page-fg: var(--gr-color-text);display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;min-inline-size:var(--gr-page-size);min-block-size:var(--gr-page-size);padding-inline:calc(var(--gr-control-padding-x)*.5);border:var(--gr-border-width) solid var(--gr-color-border);border-radius:var(--gr-radius);background-color:var(--gr-color-surface);color:var(--gr-page-fg);font-family:inherit;font-size:var(--gr-control-font-size);font-variant-numeric:tabular-nums;line-height:1;text-decoration:none;cursor:pointer}@media(hover: hover){.gr-page:hover:not([aria-current],[aria-disabled=true],:disabled){border-color:var(--gr-color-border-strong);background-color:var(--gr-color-surface-raised)}}.gr-page:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px}.gr-page[aria-current]{border-color:var(--gr-color-accent);background-color:var(--gr-color-accent);color:var(--gr-color-on-accent);font-weight:600;cursor:default}.gr-page[aria-disabled=true],.gr-page:disabled{color:var(--gr-color-text-disabled);opacity:.7;cursor:not-allowed}.gr-page-gap{display:inline-flex;align-items:flex-end;justify-content:center;min-inline-size:calc(var(--gr-control-height)*.75);min-block-size:var(--gr-control-height);color:var(--gr-color-text-muted);user-select:none}.gr-pagination-compact .gr-page{--gr-page-size: var(--gr-control-height-sm);font-size:.875rem}.gr-pagination-compact .gr-page-gap{min-block-size:var(--gr-control-height-sm)}.gr-pagination-joined{gap:0}.gr-pagination-joined .gr-page{border-radius:0}.gr-pagination-joined>:first-child .gr-page,.gr-pagination-joined>.gr-page:first-child{border-start-start-radius:var(--gr-radius);border-end-start-radius:var(--gr-radius)}.gr-pagination-joined>:last-child .gr-page,.gr-pagination-joined>.gr-page:last-child{border-start-end-radius:var(--gr-radius);border-end-end-radius:var(--gr-radius)}.gr-pagination-joined .gr-page+.gr-page,.gr-pagination-joined>:where(*+*) .gr-page{margin-inline-start:calc(-1*var(--gr-border-width))}.gr-pagination-joined .gr-page:focus-visible,.gr-pagination-joined .gr-page[aria-current]{position:relative;z-index:1}.gr-progress{--gr-progress-fill: var(--gr-color-accent);--gr-progress-track: color-mix(in srgb, currentcolor 12%, transparent);--gr-progress-height: 0.5rem;display:block;box-sizing:border-box;inline-size:100%;block-size:var(--gr-progress-height);border:0;border-radius:var(--gr-radius-pill);background-color:var(--gr-progress-track);appearance:none;overflow:hidden}.gr-progress::-webkit-progress-bar{background-image:none;background-color:var(--gr-progress-track);border-radius:var(--gr-radius-pill)}.gr-progress::-webkit-progress-value{background-image:none;background-color:var(--gr-progress-fill);border-radius:var(--gr-radius-pill);transition:inline-size var(--gr-transition)}.gr-progress::-moz-progress-bar{background-image:none;background-color:var(--gr-progress-fill);border-radius:var(--gr-radius-pill)}.gr-progress-sm{--gr-progress-height: 0.25rem}.gr-progress-lg{--gr-progress-height: 0.75rem}.gr-progress-success{--gr-progress-fill: var(--gr-color-success)}.gr-progress-warning{--gr-progress-fill: var(--gr-color-warning-surface)}.gr-progress-danger{--gr-progress-fill: var(--gr-color-danger)}.gr-progress-indeterminate{background-image:linear-gradient(to right, var(--gr-progress-fill) 0 100%);background-repeat:no-repeat;background-size:40% 100%;animation:gr-progress-slide 1.4s ease-in-out infinite alternate}.gr-progress-indeterminate::-webkit-progress-bar{background-color:rgba(0,0,0,0)}.gr-progress-indeterminate::-webkit-progress-value{background-color:rgba(0,0,0,0)}.gr-progress-indeterminate::-moz-progress-bar{background-color:rgba(0,0,0,0)}@media(prefers-reduced-motion: reduce){.gr-progress-indeterminate{animation-duration:3s}}.gr-meter{--gr-meter-height: 0.75rem;display:block;box-sizing:border-box;inline-size:100%;block-size:var(--gr-meter-height);border:0;border-radius:var(--gr-radius-pill);background-color:color-mix(in srgb, currentcolor 12%, transparent);appearance:none;overflow:hidden}.gr-meter::-webkit-meter-bar{background-image:none;background-color:color-mix(in srgb, currentcolor 12%, transparent);border:0;border-radius:var(--gr-radius-pill)}.gr-meter::-webkit-meter-optimum-value{background-image:none;background-color:var(--gr-color-success);border-radius:var(--gr-radius-pill)}.gr-meter::-webkit-meter-suboptimum-value{background-image:none;background-color:var(--gr-color-warning-surface);border-radius:var(--gr-radius-pill)}.gr-meter::-webkit-meter-even-less-good-value{background-image:none;background-color:var(--gr-color-danger);border-radius:var(--gr-radius-pill)}.gr-meter:-moz-meter-optimum::-moz-meter-bar{background-image:none;background-color:var(--gr-color-success);border-radius:var(--gr-radius-pill)}.gr-meter:-moz-meter-sub-optimum::-moz-meter-bar{background-image:none;background-color:var(--gr-color-warning-surface);border-radius:var(--gr-radius-pill)}.gr-meter:-moz-meter-sub-sub-optimum::-moz-meter-bar{background-image:none;background-color:var(--gr-color-danger);border-radius:var(--gr-radius-pill)}.gr-skeleton{display:block;box-sizing:border-box;min-block-size:1em;border-radius:calc(var(--gr-radius)*.5);background-color:color-mix(in srgb, currentcolor 12%, transparent);animation:gr-skeleton-pulse 1.6s ease-in-out infinite}.gr-skeleton-text{block-size:1em;min-block-size:0;border-radius:var(--gr-radius-pill);margin-block:.25em}.gr-skeleton-text:last-child{inline-size:60%}.gr-skeleton-circle{flex:none;inline-size:2.5rem;block-size:2.5rem;border-radius:var(--gr-radius-pill)}.gr-skeleton-group{display:flex;box-sizing:border-box;flex-wrap:wrap;align-items:flex-start;gap:var(--gr-ui-gap);padding:var(--gr-gap)}.gr-skeleton-stack{display:flex;flex:1 1 0;flex-direction:column;gap:.5em;min-inline-size:0}.gr-skeleton-stack .gr-skeleton-text{margin-block:0}@media(prefers-reduced-motion: reduce){.gr-skeleton{animation:none}}.gr-spinner{--gr-spinner-size: 1.5em;--gr-spinner-thickness: 0.15em;--gr-spinner-track: color-mix(in srgb, currentcolor 20%, transparent);--gr-spinner-color: var(--gr-color-accent);display:inline-block;box-sizing:border-box;inline-size:var(--gr-spinner-size);block-size:var(--gr-spinner-size);border:var(--gr-spinner-thickness) solid var(--gr-spinner-track);border-block-start-color:var(--gr-spinner-color);border-radius:var(--gr-radius-pill);vertical-align:middle;animation:gr-spin .8s linear infinite}.gr-spinner-sm{--gr-spinner-size: 1em;--gr-spinner-thickness: 0.12em}.gr-spinner-lg{--gr-spinner-size: 2.5em;--gr-spinner-thickness: 0.18em}.gr-spinner-current{--gr-spinner-color: currentcolor}@media(prefers-reduced-motion: reduce){.gr-spinner{animation-duration:2.4s}}.gr-steps{--gr-step-marker-size: 2rem;display:flex;box-sizing:border-box;margin:0;padding:0;list-style:none}.gr-steps>:where(li){display:flex;flex:1 1 0;min-inline-size:0;margin:0;padding:0;list-style:none}.gr-step{--gr-step-color: var(--gr-color-text-muted);--gr-step-line: var(--gr-color-border);--gr-step-marker-fg: var(--gr-color-text-muted);--gr-step-marker-bg: var(--gr-color-bg);position:relative;display:flex;box-sizing:border-box;flex:1 1 0;flex-direction:column;align-items:center;gap:calc(var(--gr-ui-gap)*.5);min-inline-size:0;color:var(--gr-step-color);text-align:center}.gr-step::after{content:"";position:absolute;inset-block-start:calc(var(--gr-step-marker-size)/2);inset-inline:50% -50%;block-size:var(--gr-border-width);margin-block-start:calc(var(--gr-border-width)*-0.5);background-color:var(--gr-step-line)}.gr-steps>:last-child .gr-step::after,.gr-steps>.gr-step:last-child::after{content:none}.gr-step-marker{position:relative;z-index:1;display:flex;box-sizing:border-box;flex:none;align-items:center;justify-content:center;inline-size:var(--gr-step-marker-size);block-size:var(--gr-step-marker-size);border:var(--gr-border-width) solid currentcolor;border-radius:var(--gr-radius-pill);background-color:var(--gr-step-marker-bg);color:var(--gr-step-marker-fg);font-size:.875rem;font-weight:600;line-height:1}.gr-step-label{color:var(--gr-step-color);font-size:.9375rem;font-weight:600;line-height:1.3}.gr-step-note{color:var(--gr-color-text-muted);font-size:.8125rem;font-weight:400;line-height:1.35}.gr-step-done{--gr-step-color: var(--gr-color-text);--gr-step-line: var(--gr-color-accent);--gr-step-marker-fg: var(--gr-color-accent)}.gr-step[aria-current]{--gr-step-color: var(--gr-color-text);--gr-step-marker-fg: var(--gr-color-on-accent);--gr-step-marker-bg: var(--gr-color-accent)}.gr-step[aria-current] .gr-step-marker{border-color:var(--gr-color-accent)}.gr-step-disabled{--gr-step-color: var(--gr-color-text-disabled);--gr-step-marker-fg: var(--gr-color-text-disabled)}.gr-steps-vertical{flex-direction:column;gap:var(--gr-gap)}.gr-steps-vertical>:where(li){flex:none}.gr-steps-vertical .gr-step{flex:none;flex-direction:row;align-items:flex-start;gap:var(--gr-ui-gap);text-align:start}.gr-steps-vertical .gr-step::after{inset-block:var(--gr-step-marker-size) calc(var(--gr-gap)*-1);inset-inline:calc(var(--gr-step-marker-size)/2) auto;inline-size:var(--gr-border-width);block-size:auto;margin-block-start:0;margin-inline-start:calc(var(--gr-border-width)*-0.5)}.gr-steps-vertical .gr-step-body{display:flex;flex-direction:column;gap:calc(var(--gr-ui-gap)*.25);padding-block-start:calc((var(--gr-step-marker-size) - 1.3em)/2)}.gr-table{inline-size:100%;border-collapse:collapse;color:var(--gr-color-text);text-align:start}.gr-table th,.gr-table td{padding-block:calc(var(--gr-gap)*.5);padding-inline:calc(var(--gr-gap)*.75);border-block-end:var(--gr-border-width) solid var(--gr-color-border);text-align:start;vertical-align:top}.gr-table th{color:var(--gr-color-text-secondary);font-size:.875rem;font-weight:600;white-space:nowrap}.gr-table thead th{border-block-end:calc(var(--gr-border-width)*2) solid var(--gr-color-border-strong)}.gr-table tfoot td{border-block-end:0;color:var(--gr-color-text-secondary);font-size:.875rem}.gr-table caption{padding-block-end:calc(var(--gr-gap)*.5);color:var(--gr-color-text-secondary);font-size:.875rem;text-align:start}.gr-table-striped tbody tr:nth-child(odd){background-color:color-mix(in srgb, currentcolor 5%, transparent)}.gr-table-bordered{border:var(--gr-border-width) solid var(--gr-color-border)}.gr-table-bordered th,.gr-table-bordered td{border:var(--gr-border-width) solid var(--gr-color-border)}.gr-table-compact th,.gr-table-compact td{padding-block:calc(var(--gr-gap)*.25);padding-inline:calc(var(--gr-gap)*.5);font-size:.875rem}.gr-table-relaxed th,.gr-table-relaxed td{padding-block:calc(var(--gr-gap)*.875);padding-inline:calc(var(--gr-gap)*1.25)}@media(hover: hover){.gr-table-hover tbody tr:hover{background-image:linear-gradient(color-mix(in srgb, currentcolor 6%, transparent), color-mix(in srgb, currentcolor 6%, transparent))}}.gr-table-wrap{inline-size:100%;max-block-size:100%;overflow:auto;overscroll-behavior-x:contain}.gr-table-sticky thead th{position:sticky;inset-block-start:0;z-index:1;border-block-end:0;background-color:var(--gr-color-bg);box-shadow:inset 0 calc(-2*var(--gr-border-width)) 0 var(--gr-color-border-strong)}.gr-tabs{display:flex;box-sizing:border-box;flex-direction:column}.gr-tablist{display:flex;box-sizing:border-box;flex-wrap:nowrap;align-items:stretch;gap:calc(var(--gr-ui-gap)*.5);margin:0;padding:0;box-shadow:inset 0 calc(-1*var(--gr-border-width)) 0 0 var(--gr-color-border);overflow-x:auto;scrollbar-width:thin;list-style:none}.gr-tablist>:where(li){display:flex;margin:0;padding:0;list-style:none}.gr-tab{--gr-tab-fg: var(--gr-color-text-secondary);display:inline-flex;box-sizing:border-box;flex:none;align-items:center;gap:var(--gr-ui-gap);min-block-size:var(--gr-control-height);margin:0;padding-block:0;padding-inline:var(--gr-control-padding-x);border:0;border-block-end:calc(var(--gr-border-width)*2) solid rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:var(--gr-tab-fg);font-family:inherit;font-size:var(--gr-control-font-size);line-height:1.2;white-space:nowrap;text-decoration:none;cursor:pointer}@media(hover: hover){.gr-tab:hover:not([aria-selected=true],[aria-current],[aria-disabled=true],:disabled){--gr-tab-fg: var(--gr-color-text);border-block-end-color:var(--gr-color-border-strong)}}.gr-tab:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:calc(-1*var(--gr-focus-width))}.gr-tab[aria-selected=true],.gr-tab[aria-current]{--gr-tab-fg: var(--gr-color-accent);border-block-end-color:var(--gr-color-accent);font-weight:600}.gr-tab:disabled,.gr-tab[aria-disabled=true]{--gr-tab-fg: var(--gr-color-text-disabled);cursor:not-allowed}.gr-tab-panel{box-sizing:border-box;padding-block:var(--gr-gap)}.gr-tab-panel:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:calc(-1*var(--gr-focus-width))}.gr-tabs-pills .gr-tablist{box-shadow:none}.gr-tabs-pills .gr-tab{min-block-size:var(--gr-control-height-sm);border-block-end:0;border-radius:var(--gr-radius)}@media(hover: hover){.gr-tabs-pills .gr-tab:hover:not([aria-selected=true],[aria-current],[aria-disabled=true],:disabled){background-color:color-mix(in srgb, currentcolor 8%, transparent)}}.gr-tabs-pills .gr-tab[aria-selected=true],.gr-tabs-pills .gr-tab[aria-current]{background-color:var(--gr-color-accent);color:var(--gr-color-on-accent)}.gr-tabs-stretch .gr-tablist{overflow-x:visible}.gr-tabs-stretch .gr-tab{flex:1 1 0;justify-content:center;min-inline-size:0;padding-inline:calc(var(--gr-control-padding-x)*.5);white-space:normal}.gr-toast-region{--gr-toast-slide: -0.75rem;position:fixed;z-index:var(--gr-z-toast);inset-block:0 auto;inset-inline:auto 0;display:flex;box-sizing:border-box;flex-direction:column;gap:var(--gr-ui-gap);max-inline-size:min(26rem,100%);padding:var(--gr-gap);pointer-events:none}.gr-toast-region-top-start{inset-block:0 auto;inset-inline:0 auto}.gr-toast-region-top-end{inset-block:0 auto;inset-inline:auto 0}.gr-toast-region-bottom-start{--gr-toast-slide: 0.75rem;inset-block:auto 0;inset-inline:0 auto;flex-direction:column-reverse}.gr-toast-region-bottom-end{--gr-toast-slide: 0.75rem;inset-block:auto 0;inset-inline:auto 0;flex-direction:column-reverse}.gr-toast{--gr-toast-color: var(--gr-color-text-secondary);--gr-toast-fill: var(--gr-color-border-strong);display:flex;box-sizing:border-box;align-items:flex-start;gap:var(--gr-ui-gap);padding-block:calc(var(--gr-ui-gap)*1.25);padding-inline:var(--gr-gap);border:var(--gr-border-width) solid var(--gr-color-border);border-inline-start-width:calc(var(--gr-border-width)*4);border-inline-start-color:var(--gr-toast-fill);border-radius:var(--gr-radius);background-color:var(--gr-color-surface-overlay);box-shadow:var(--gr-shadow-lg);color:var(--gr-color-text);font-size:.9375rem;line-height:1.45;pointer-events:auto;transition:opacity var(--gr-transition),translate var(--gr-transition)}@starting-style{.gr-toast{opacity:0;translate:0 var(--gr-toast-slide, -0.75rem)}}.gr-toast-leaving{opacity:0;translate:0 var(--gr-toast-slide, -0.75rem);pointer-events:none}@media(prefers-reduced-motion: reduce){.gr-toast{transition-duration:.01ms}}.gr-toast-icon{flex:none;inline-size:1.25em;block-size:1.25em;color:var(--gr-toast-color);line-height:1.25;text-align:center}.gr-toast-body{flex:1 1 auto;min-inline-size:0}.gr-toast-title{display:block;margin:0;color:var(--gr-toast-color);font-size:inherit;font-weight:600}.gr-toast-info{--gr-toast-color: var(--gr-color-info);--gr-toast-fill: var(--gr-color-info)}.gr-toast-success{--gr-toast-color: var(--gr-color-success);--gr-toast-fill: var(--gr-color-success)}.gr-toast-warning{--gr-toast-color: var(--gr-color-warning);--gr-toast-fill: var(--gr-color-warning-surface)}.gr-toast-danger{--gr-toast-color: var(--gr-color-danger);--gr-toast-fill: var(--gr-color-danger)}.gr-tooltip-anchor{position:relative;display:inline-flex;vertical-align:middle}.gr-tooltip{--gr-tooltip-offset: calc(var(--gr-ui-gap) * 0.75);position:absolute;z-index:var(--gr-z-dropdown);inset-block-end:calc(100% + var(--gr-tooltip-offset));inset-inline-start:50%;box-sizing:border-box;inline-size:max-content;max-inline-size:min(16rem,70vw);padding-block:calc(var(--gr-ui-gap)*.5);padding-inline:calc(var(--gr-control-padding-x)*.6);border-radius:calc(var(--gr-radius)*.75);background-color:var(--gr-color-text);color:var(--gr-color-bg);font-size:.8125rem;line-height:1.35;text-align:center;translate:-50% 0;opacity:0;visibility:hidden;content-visibility:hidden;transition:opacity var(--gr-transition),visibility var(--gr-transition),content-visibility var(--gr-transition) allow-discrete;pointer-events:none}.gr-tooltip-anchor:focus-within .gr-tooltip{opacity:1;visibility:visible;content-visibility:visible}@media(hover: hover){.gr-tooltip-anchor:hover .gr-tooltip{opacity:1;visibility:visible;content-visibility:visible}}@media(prefers-reduced-motion: reduce){.gr-tooltip{transition-duration:.01ms}}.gr-tooltip-bottom{inset-block:calc(100% + var(--gr-tooltip-offset)) auto}.gr-tooltip-start,.gr-tooltip-end{inset-block:50% auto;translate:0 -50%}.gr-tooltip-start{inset-inline:auto calc(100% + var(--gr-tooltip-offset))}.gr-tooltip-end{inset-inline:calc(100% + var(--gr-tooltip-offset)) auto}@supports(anchor-name: --gr-tooltip-anchor){.gr-tooltip-anchor:has(>[popover].gr-tooltip){anchor-scope:--gr-tooltip-anchor;anchor-name:--gr-tooltip-anchor}[popover].gr-tooltip{position:fixed;position-anchor:--gr-tooltip-anchor;position-area:block-start center;inset:auto;margin:0;margin-block-end:var(--gr-tooltip-offset);border:0;translate:none;overflow:visible;position-try-fallbacks:flip-block}[popover].gr-tooltip:popover-open{opacity:1;visibility:visible;content-visibility:visible}}[data-gr-style=strict] .gr-card-header{background-color:rgba(0,0,0,0);font-weight:500}[data-gr-style=strict] .gr-btn{box-shadow:none;font-weight:500}[data-gr-style=strict] .gr-table th{font-weight:600;letter-spacing:.01em}[data-gr-style=compact] .gr-table th,[data-gr-style=compact] .gr-table td{padding-block:calc(var(--gr-gap)*.35);border-block-end:var(--gr-border-width) solid var(--gr-color-border)}[data-gr-style=compact] .gr-card-header,[data-gr-style=compact] .gr-card-footer{padding-block:calc(var(--gr-gap)*.5)}[data-gr-style=compact] .gr-alert{padding:calc(var(--gr-gap)*.6)}[data-gr-style=compact] .gr-menu-item{padding-block:calc(var(--gr-gap)*.3)}[data-gr-style=airy] .gr-card{border-color:rgba(0,0,0,0);box-shadow:var(--gr-shadow-md)}[data-gr-style=airy] .gr-btn:active:not(:disabled,[aria-disabled=true]){scale:.97}}

package/dist/griffincss-ui.js

@@ -0,0 +1,3 @@
+/*! Griffincss UI | MIT | https://gitverse.ru/BarneyScott/GriffinCSS */
+!function(){"use strict";var t=function(){var t="data-gr-dismiss",e=["top-start","top-end","bottom-start","bottom-end"],r=["info","success","warning","danger"],n="data-gr-tabs",o=!1,i=null;function a(t){i=t.target}function u(e){var r,o=s(e.target,"["+t+"]");if(o)!function(e){var r=e.getAttribute(t),n=r?"function"==typeof document.querySelector?document.querySelector(r):null:s(e,".gr-toast,.gr-alert,.gr-tag");n?d(n):l("крестику нечего закрывать: ни цели в data-gr-dismiss, ни сообщения вокруг")}(o);else if(!function(t){var e=s(t.target,".gr-tab");if(!e)return!1;var r=s(e,"["+n+"]");if(!r)return!1;if(q(e))return"function"==typeof t.preventDefault&&t.preventDefault(),!0;var o=r.querySelectorAll(".gr-tab"),i=N(o,e);return-1!==i&&("function"==typeof t.preventDefault&&t.preventDefault(),x(o,i,!1),!0)}(e)){var a=e.target;(r=a)&&"DIALOG"===r.tagName&&"function"==typeof r.close&&a.hasAttribute("data-gr-overlay-close")&&(null!==i&&i!==a||function(t,e){if("function"!=typeof t.getBoundingClientRect)return!1;var r=t.getBoundingClientRect();return!(!r||!r.width&&!r.height||"number"!=typeof e.clientX||"number"!=typeof e.clientY||0===e.clientX&&0===e.clientY||!(e.clientX<r.left||e.clientX>r.right||e.clientY<r.top||e.clientY>r.bottom))}(a,e)&&a.close("overlay"))}}function s(t,e){if(!t)return null;if("function"==typeof t.closest)return t.closest(e);for(var r=t;r;){if("function"==typeof r.matches&&r.matches(e))return r;r=r.parentNode}return null}function c(t,e){for(var r=e;r;){if(r===t)return!0;r=r.parentNode}return!1}function l(t){"undefined"!=typeof console&&console&&"function"==typeof console.warn&&console.warn("Griffincss UI: "+t)}function f(t,e){var r=document.createElement(t);if(e)for(var n=e.split(" "),o=0;o<n.length;o++)r.classList.add(n[o]);return r}function d(t){return!!t&&(t.classList&&t.classList.contains("gr-toast")?(y(t),!0):("function"==typeof t.remove&&t.remove(),!0))}function g(t,e){for(var r=0;r<t.length;r++)if(t[r]===e)return r;return-1}function v(t,e){t.grToastRest=e,t.grToastFrom=b(),t.grToastTimer=setTimeout(function(){y(t)},e)}function m(t){t.grToastTimer&&(clearTimeout(t.grToastTimer),t.grToastTimer=null)}function b(){return"undefined"!=typeof Date&&Date.now?Date.now():0}function p(t){t&&!t.grToastLeaving&&t.grToastTimer&&(m(t),t.grToastRest=Math.max(0,t.grToastRest-(b()-t.grToastFrom)))}function A(t){!t||t.grToastLeaving||t.grToastTimer||t.grToastRest&&v(t,t.grToastRest)}function y(t){t.grToastLeaving||(t.grToastLeaving=!0,m(t),t.classList&&t.classList.add("gr-toast-leaving"),setTimeout(function(){"function"==typeof t.remove&&t.remove()},300))}function h(t){p(s(t.target,".gr-toast"))}function L(t){var e=s(t.target,".gr-toast");e&&!c(e,t.relatedTarget)&&A(e)}function T(t){p(s(t.target,".gr-toast"))}function w(t){var e=s(t.target,".gr-toast");e&&!c(e,t.relatedTarget)&&A(e)}var E=0;function C(t){for(var e=(t||document).querySelectorAll("["+n+"]"),r=0;r<e.length;r++)S(e[r]);return Y}function S(t){var e=t.querySelectorAll(".gr-tab");if(e.length){var r=t.querySelectorAll(".gr-tablist");r.length&&r[0].setAttribute("role","tablist");for(var n=0,o=0;o<e.length;o++){var i=e[o],a=D(i);i.setAttribute("role","tab"),i.getAttribute("id")||i.setAttribute("id","gr-tab-"+ ++E),a&&(i.setAttribute("aria-controls",a.getAttribute("id")),a.setAttribute("role","tabpanel"),a.setAttribute("aria-labelledby",i.getAttribute("id")),a.setAttribute("tabindex","0")),(i.hasAttribute("aria-current")||"true"===i.getAttribute("aria-selected"))&&(n=o)}x(e,n,!1)}}function D(t){var e=t.getAttribute("href"),r=t.getAttribute("aria-controls");return!r&&e&&"#"===e.charAt(0)&&(r=e.slice(1)),r?document.getElementById(r):null}function x(t,e,r){for(var n=0;n<t.length;n++){var o=t[n],i=n===e,a=D(o);o.setAttribute("aria-selected",i?"true":"false"),o.setAttribute("tabindex",i?"0":"-1"),o.removeAttribute("aria-current"),a&&(i?a.removeAttribute("hidden"):a.setAttribute("hidden",""))}r&&"function"==typeof t[e].focus&&t[e].focus()}function q(t){return"true"===t.getAttribute("aria-disabled")||t.hasAttribute("disabled")}function R(t,e,r){for(var n=e,o=0;o<t.length;o++)if(!q(t[n=(n+r+t.length)%t.length]))return n;return e}function k(t,e){return R(t,e>0?-1:t.length,e)}function G(t){var e=s(t.target,".gr-tab");if(e){var r=s(e,"["+n+"]");if(r){var o=r.querySelectorAll(".gr-tab"),i=N(o,e);if(-1!==i){var a=i,u=t.key;if("ArrowRight"===u||"ArrowDown"===u)a=R(o,i,1);else if("ArrowLeft"===u||"ArrowUp"===u)a=R(o,i,-1);else if("Home"===u)a=k(o,1);else{if("End"!==u)return;a=k(o,-1)}"function"==typeof t.preventDefault&&t.preventDefault(),x(o,a,!0)}}}}function N(t,e){for(var r=0;r<t.length;r++)if(t[r]===e)return r;return-1}function X(){return o||(o=!0,document.addEventListener("pointerdown",a,!0),document.addEventListener("click",u),document.addEventListener("keydown",G),document.addEventListener("pointerover",h),document.addEventListener("pointerout",L),document.addEventListener("focusin",T),document.addEventListener("focusout",w)),Y}var Y={start:X,destroy:function(){return o?(o=!1,i=null,document.removeEventListener("pointerdown",a,!0),document.removeEventListener("click",u),document.removeEventListener("keydown",G),document.removeEventListener("pointerover",h),document.removeEventListener("pointerout",L),document.removeEventListener("focusin",T),document.removeEventListener("focusout",w),Y):Y},toast:function(n,o){var i=-1===g(r,(o=o||{}).status)?"":o.status,a=-1===g(e,o.position)?"bottom-end":o.position,u=void 0===o.assertive?"danger"===i:!!o.assertive;i&&!o.title&&l('тост со статусом "'+i+'" без title: статус остался одним цветом, а он не переживает чёрно-белую печать и дальтонизм');var s=function(e,r,n){var o=f("div",n?"gr-toast gr-toast-"+n:"gr-toast");if(r.icon){var i=f("span","gr-toast-icon");i.setAttribute("aria-hidden","true"),i.textContent=r.icon,o.appendChild(i)}var a=f("div","gr-toast-body");if(r.title){var u=f("strong","gr-toast-title");u.textContent=r.title,a.appendChild(u)}var s=f("span");if(s.textContent=null==e?"":String(e),a.appendChild(s),o.appendChild(a),!1!==r.dismissible){var c=f("button","gr-btn gr-btn-icon gr-btn-ghost gr-btn-sm");c.setAttribute("type","button"),c.setAttribute(t,""),c.setAttribute("aria-label",r.closeLabel||"Закрыть"),c.textContent="×",o.appendChild(c)}return o}(n,o,i);(function(t,e){for(var r=e?"assertive":"polite",n="gr-toast-region-"+t,o=document.querySelectorAll(".gr-toast-region"),i=0;i<o.length;i++){var a=o[i];if(a.classList.contains(n)&&a.getAttribute("aria-live")===r)return a}var u=f("div","gr-toast-region "+n);return u.setAttribute("aria-live",r),u.setAttribute("role",e?"alert":"status"),document.body.appendChild(u),u})(a,u).appendChild(s);var c=void 0===o.timeout?5e3:Number(o.timeout);return c>0&&v(s,c),s},dismiss:d,tabs:C,version:"0.16.0",_autoStart:function(){try{var t=document.currentScript;if(t&&"false"===t.getAttribute("data-auto"))return}catch(t){}"loading"!==document.readyState?(X(),C()):document.addEventListener("DOMContentLoaded",function(){X(),C()})}};return Y}();"object"==typeof module&&module.exports&&(module.exports=t),"undefined"!=typeof window&&"undefined"!=typeof document&&(window.Griffincss||(window.Griffincss={}),window.Griffincss.ui=t,t._autoStart())}();
+//# sourceMappingURL=griffincss-ui.js.map

package/dist/griffincss-ui.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["api","DISMISS_ATTR","TOAST_POSITIONS","TOAST_STATUSES","TABS_ATTR","started","pressed","onPointerDown","event","target","onClick","node","trigger","closest","selector","getAttribute","document","querySelector","dismiss","warn","dismissFrom","tab","group","disabled","preventDefault","tabs","querySelectorAll","index","indexOfNode","select","onTabClick","dialog","tagName","close","hasAttribute","getBoundingClientRect","rect","width","height","clientX","clientY","left","right","top","bottom","outsideBox","current","matches","parentNode","contains","root","message","console","element","tag","className","createElement","names","split","i","length","classList","add","leave","remove","indexOf","list","value","startTimer","rest","grToastRest","grToastFrom","now","grToastTimer","setTimeout","stopTimer","clearTimeout","Date","pauseToast","grToastLeaving","Math","max","resumeToast","onPointerOver","onPointerOut","relatedTarget","onFocusIn","onFocusOut","tabsSeq","initTabs","groups","initGroup","publicApi","lists","setAttribute","selected","panel","panelOf","href","id","charAt","slice","getElementById","focus","on","removeAttribute","step","from","delta","edge","onKeyDown","next","key","start","addEventListener","destroy","removeEventListener","toast","text","options","status","position","urgent","undefined","assertive","title","icon","textContent","appendChild","body","line","String","dismissible","closeLabel","buildToast","live","wanted","existing","region","created","ensureRegion","timeout","Number","version","_autoStart","script","currentScript","e","readyState","factory","module","exports","window","Griffincss","ui"],"sources":["src/griffincss-ui.js"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "griffincss-ui",
+  "version": "0.16.0",
+  "description": "Griffincss UI — компоненты интерфейса: кнопки, поля, карточки, таблицы, статусы; на токенах ядра, с обеими темами и режимом для слабовидящих",
+  "homepage": "https://gitverse.ru/BarneyScott/GriffinCSS",
+  "repository": {
+    "type": "git",
+    "url": "git+https://gitverse.ru/BarneyScott/GriffinCSS.git",
+    "directory": "packages/ui"
+  },
+  "bugs": {
+    "url": "https://gitverse.ru/BarneyScott/GriffinCSS/issues"
+  },
+  "author": "Лазарев Михаил Юрьевич <bersi82@gmail.com>",
+  "license": "MIT",
+  "main": "dist/griffincss-ui.css",
+  "style": "dist/griffincss-ui.css",
+  "sass": "scss/griffincss-ui.scss",
+  "exports": {
+    ".": "./dist/griffincss-ui.css",
+    "./scoped": "./dist/griffincss-ui-scoped.css",
+    "./js": "./dist/griffincss-ui.js",
+    "./scss": "./scss/griffincss-ui.scss",
+    "./scss/*": "./scss/*",
+    "./dist/*": "./dist/*",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist/",
+    "scss/",
+    "src/"
+  ],
+  "peerDependencies": {
+    "griffincss-core": "^0.16.0"
+  },
+  "keywords": [
+    "css",
+    "scss",
+    "sass",
+    "ui",
+    "components",
+    "button",
+    "form",
+    "card",
+    "griffincss"
+  ],
+  "scripts": {
+    "build": "npm run build:css && npm run build:scoped && npm run build:js",
+    "build:css": "sass scss/griffincss-ui.scss dist/griffincss-ui.css --load-path=../../node_modules --style=compressed --no-source-map",
+    "build:scoped": "sass scss/griffincss-ui-scoped.scss dist/griffincss-ui-scoped.css --load-path=../../node_modules --style=compressed --no-source-map",
+    "build:js": "terser src/griffincss-ui.js -c passes=3 -m --comments false --format \"preamble='/*! Griffincss UI | MIT | https://gitverse.ru/BarneyScott/GriffinCSS */'\" --source-map \"url='griffincss-ui.js.map'\" -o dist/griffincss-ui.js"
+  }
+}

package/scss/_accordion.scss

@@ -0,0 +1,155 @@
+// Griffincss UI — Accordion
+// Раскрывающиеся разделы на <details> и <summary>. Всё поведение —
+// раскрытие, клавиатура, поиск по странице внутри свёрнутого раздела —
+// платформа даёт сама.
+//
+// Эксклюзивность (открыт только один раздел) тоже даёт платформа: общий
+// атрибут name у соседних <details>. Ни одной строки CSS на это не нужно,
+// поэтому в модуле её и нет:
+//
+//   <div class="gr-accordion">
+//     <details class="gr-accordion-item" name="faq">…</details>
+//     <details class="gr-accordion-item" name="faq">…</details>
+//   </div>
+//
+// Анимация высоты — украшение поверх работающего раздела: она включается
+// только там, где браузер умеет интерполировать auto. Без неё аккордеон
+// раскрывается мгновенно и остаётся полностью рабочим.
+
+.gr-accordion {
+  display: flex;
+  box-sizing: border-box;
+  flex-direction: column;
+  border: var(--gr-border-width) solid var(--gr-color-border);
+  border-radius: var(--gr-radius);
+  background-color: var(--gr-color-surface);
+  color: var(--gr-color-text);
+  overflow: hidden;
+}
+
+// Разделы отбиты линией друг от друга, но не от краёв обёртки: первая
+// граница совпала бы с её собственной и дала бы двойную линию.
+.gr-accordion > .gr-accordion-item + .gr-accordion-item {
+  border-block-start: var(--gr-border-width) solid var(--gr-color-border);
+}
+
+// --- Заголовок --------------------------------------------------------------
+
+.gr-accordion-trigger {
+  display: flex;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--gr-ui-gap);
+  min-block-size: var(--gr-control-height);
+  padding-block: calc(var(--gr-gap) * 0.5);
+  padding-inline: var(--gr-gap);
+  background-color: transparent;
+  color: inherit;
+  font-family: inherit;
+  font-size: var(--gr-control-font-size);
+  font-weight: 600;
+  line-height: 1.4;
+  text-align: start;
+  list-style: none;
+  cursor: pointer;
+}
+
+.gr-accordion-trigger::-webkit-details-marker {
+  display: none;
+}
+
+@media (hover: hover) {
+  .gr-accordion-trigger:hover {
+    background-color: color-mix(in srgb, currentcolor 6%, transparent);
+  }
+}
+
+// Контур внутренний: заголовок лежит вплотную к краям обёртки, и внешний
+// срезался бы её overflow: hidden.
+.gr-accordion-trigger:focus-visible {
+  outline: var(--gr-focus-width) solid var(--gr-color-focus);
+  outline-offset: calc(-1 * var(--gr-focus-width));
+}
+
+// Стрелка. Два линейных градиента, сложенных в «галочку», — тот же приём,
+// что у стрелки .gr-select: цвет берётся из currentcolor, поэтому она
+// следует теме, а не зашитому в картинку значению.
+// Стрелка — две квадратные плитки в ряд, в каждой по половине «галочки»
+// из линейного градиента. Плитки обязаны быть квадратными: диагональ
+// в 45° внутри вытянутого прямоугольника даёт не треугольник, а косой клин,
+// и стрелка выглядит кривой. Приём и пропорции те же, что у .gr-select.
+.gr-accordion-trigger::after {
+  --gr-accordion-arrow: 0.34rem;
+
+  content: "";
+  flex: none;
+  inline-size: calc(var(--gr-accordion-arrow) * 2);
+  block-size: var(--gr-accordion-arrow);
+  background-image:
+    linear-gradient(45deg, transparent 50%, currentcolor 50%),
+    linear-gradient(135deg, currentcolor 50%, transparent 50%);
+  background-position: left center, right center;
+  background-repeat: no-repeat;
+  background-size: var(--gr-accordion-arrow) var(--gr-accordion-arrow);
+  rotate: 0deg;
+  transition: rotate var(--gr-transition);
+}
+
+.gr-accordion-item[open] > .gr-accordion-trigger::after {
+  rotate: 180deg;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .gr-accordion-trigger::after {
+    transition-duration: 0.01ms;
+  }
+}
+
+// --- Содержимое -------------------------------------------------------------
+
+.gr-accordion-panel {
+  padding-block: 0 var(--gr-gap);
+  padding-inline: var(--gr-gap);
+  color: var(--gr-color-text-secondary);
+  line-height: var(--gr-leading-base);
+}
+
+// Плавное раскрытие. Условий два: браузер умеет анимировать высоту до auto
+// (interpolate-size) и умеет выбирать содержимое <details> селектором
+// (::details-content). Не выполнено хотя бы одно — раздел просто
+// раскрывается сразу, и это рабочее состояние, а не поломка.
+@supports (interpolate-size: allow-keywords) and selector(::details-content) {
+  .gr-accordion-item {
+    interpolate-size: allow-keywords;
+  }
+
+  .gr-accordion-item::details-content {
+    block-size: 0;
+    overflow: hidden;
+    transition:
+      block-size var(--gr-transition),
+      content-visibility var(--gr-transition) allow-discrete;
+  }
+
+  .gr-accordion-item[open]::details-content {
+    block-size: auto;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .gr-accordion-item::details-content {
+      transition-duration: 0.01ms;
+    }
+  }
+}
+
+// --- Варианты ---------------------------------------------------------------
+
+// Без обёртки: разделы отбиты только линиями, без рамки вокруг и без фона.
+// Так аккордеон вписывается в готовую карточку или в колонку текста.
+.gr-accordion-flush {
+  border-inline: 0;
+  border-block-start: 0;
+  border-radius: 0;
+  background-color: transparent;
+}