griffincss-ui 0.22.1 → 0.23.1

package/dist/griffincss-ui-scoped.css

@@ -1 +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-rating-symbol: "\2605";--gr-rating-color: var(--gr-color-warning-surface);--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}}:where(.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}:where(.griffin) .gr-accordion>.gr-accordion-item+.gr-accordion-item{border-block-start:var(--gr-border-width) solid var(--gr-color-border)}:where(.griffin) .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}:where(.griffin) .gr-accordion-trigger::-webkit-details-marker{display:none}@media(hover: hover){:where(.griffin) .gr-accordion-trigger:hover{background-color:hsl(var(--gr-hsl-ink-0), 6%)}}:where(.griffin) .gr-accordion-trigger:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:calc(-1*var(--gr-focus-width))}:where(.griffin) .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)}:where(.griffin) .gr-accordion-item[open]>.gr-accordion-trigger::after{rotate:180deg}@media(prefers-reduced-motion: reduce){:where(.griffin) .gr-accordion-trigger::after{transition-duration:.01ms}}:where(.griffin) .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){:where(.griffin) .gr-accordion-item{interpolate-size:allow-keywords}:where(.griffin) .gr-accordion-item::details-content{block-size:0;overflow:hidden;transition:block-size var(--gr-transition),content-visibility var(--gr-transition) allow-discrete}:where(.griffin) .gr-accordion-item[open]::details-content{block-size:auto}@media(prefers-reduced-motion: reduce){:where(.griffin) .gr-accordion-item::details-content{transition-duration:.01ms}}}:where(.griffin) .gr-accordion-flush{border-inline:0;border-block-start:0;border-radius:0;background-color:rgba(0,0,0,0)}:where(.griffin) .gr-alert{--gr-alert-color: var(--gr-color-info);--gr-alert-fill: var(--gr-color-info);--gr-alert-fill-hsl: var(--gr-hsl-status-info);--gr-alert-veil: hsl(var(--gr-alert-fill-hsl), 10%);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:var(--gr-color-bg);background-image:linear-gradient(var(--gr-alert-veil), var(--gr-alert-veil));color:var(--gr-color-text);line-height:1.5}:where(.griffin) .gr-alert-title{display:block;margin:0;color:var(--gr-alert-color);font-size:inherit;font-weight:600}:where(.griffin) .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}:where(.griffin) .gr-alert-body{flex:1 1 auto;min-inline-size:0}:where(.griffin) .gr-alert-info{--gr-alert-color: var(--gr-color-info);--gr-alert-fill: var(--gr-color-info);--gr-alert-fill-hsl: var(--gr-hsl-status-info)}:where(.griffin) .gr-alert-success{--gr-alert-color: var(--gr-color-success);--gr-alert-fill: var(--gr-color-success);--gr-alert-fill-hsl: var(--gr-hsl-status-success)}:where(.griffin) .gr-alert-warning{--gr-alert-color: var(--gr-color-warning);--gr-alert-fill: var(--gr-color-warning-surface);--gr-alert-fill-hsl: var(--gr-hsl-status-warning-surface)}:where(.griffin) .gr-alert-danger{--gr-alert-color: var(--gr-color-danger);--gr-alert-fill: var(--gr-color-danger);--gr-alert-fill-hsl: var(--gr-hsl-status-danger)}:where(.griffin) .gr-alert-dismissible{padding-inline-end:calc(var(--gr-gap)*.5)}:where(.griffin) .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}:where(.griffin) .gr-avatar img{position:absolute;inset:0;inline-size:100%;block-size:100%;border-radius:inherit;object-fit:cover}:where(.griffin) .gr-avatar-xs{--gr-avatar-size: 1.5rem}:where(.griffin) .gr-avatar-sm{--gr-avatar-size: 2rem}:where(.griffin) .gr-avatar-lg{--gr-avatar-size: 3rem}:where(.griffin) .gr-avatar-xl{--gr-avatar-size: 4rem}:where(.griffin) .gr-avatar-square{border-radius:var(--gr-radius)}:where(.griffin) .gr-avatar-group{display:inline-flex;align-items:center}:where(.griffin) .gr-avatar-group>.gr-avatar{box-shadow:0 0 0 calc(var(--gr-border-width)*2) var(--gr-color-bg)}:where(.griffin) .gr-avatar-group>.gr-avatar+.gr-avatar{margin-inline-start:calc(var(--gr-avatar-size)*-0.3)}:where(.griffin) .gr-avatar-group>.gr-avatar:hover,:where(.griffin) .gr-avatar-group>.gr-avatar:focus-visible,:where(.griffin) .gr-avatar-group>.gr-avatar:focus-within{position:relative;z-index:1}:where(.griffin) .gr-badge{--gr-badge-color: var(--gr-color-text-secondary);--gr-badge-fill: var(--gr-color-text-secondary);--gr-badge-fill-hsl: var(--gr-hsl-ink-1);--gr-badge-veil: hsl(var(--gr-badge-fill-hsl), 16%);--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:var(--gr-color-bg);background-image:linear-gradient(var(--gr-badge-veil), var(--gr-badge-veil));color:var(--gr-badge-color);font-size:.8125em;font-weight:600;line-height:1.4;white-space:nowrap;vertical-align:middle}:where(.griffin) .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-fill-hsl: var(--gr-hsl-accent)}:where(.griffin) .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-fill-hsl: var(--gr-hsl-status-success-surface)}:where(.griffin) .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-fill-hsl: var(--gr-hsl-status-warning-surface)}:where(.griffin) .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-fill-hsl: var(--gr-hsl-status-danger-surface)}:where(.griffin) .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-fill-hsl: var(--gr-hsl-status-info-surface)}:where(.griffin) .gr-badge-pill{padding-inline:.6em;border-radius:var(--gr-radius-pill)}:where(.griffin) .gr-badge-outline{border-color:currentcolor;background-color:rgba(0,0,0,0);--gr-badge-veil: transparent}:where(.griffin) .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);--gr-badge-veil: transparent;color:var(--gr-badge-on-fill);font-variant-numeric:tabular-nums}:where(.griffin) .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}:where(.griffin) .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){:where(.griffin) .gr-tag-remove:hover{background-color:var(--gr-color-border);color:var(--gr-color-text)}}:where(.griffin) .gr-tag-remove:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:1px}:where(.griffin) .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}:where(.griffin) .gr-dot-accent{--gr-badge-fill: var(--gr-color-accent)}:where(.griffin) .gr-dot-success{--gr-badge-fill: var(--gr-color-success-surface)}:where(.griffin) .gr-dot-warning{--gr-badge-fill: var(--gr-color-warning-surface)}:where(.griffin) .gr-dot-danger{--gr-badge-fill: var(--gr-color-danger-surface)}:where(.griffin) .gr-dot-info{--gr-badge-fill: var(--gr-color-info-surface)}:where(.griffin) .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}:where(.griffin) .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}:where(.griffin) .gr-breadcrumb>:where(li,.gr-breadcrumb-item)+:where(li,.gr-breadcrumb-item)::before{content:var(--gr-breadcrumb-sep);color:var(--gr-color-text-muted)}:where(.griffin) .gr-breadcrumb a{color:inherit;text-decoration:none}@media(hover: hover){:where(.griffin) .gr-breadcrumb a:hover{color:var(--gr-color-link-hover);text-decoration-line:underline}}:where(.griffin) .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)}:where(.griffin) .gr-breadcrumb [aria-current=page]{color:var(--gr-color-text);font-weight:600}:where(.griffin) .gr-breadcrumb-scroll{flex-wrap:nowrap;overflow:auto hidden;white-space:nowrap;scrollbar-width:thin}:where(.griffin) .gr-breadcrumb-scroll>:where(li,.gr-breadcrumb-item){flex:none}:where(.griffin) .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-fg-hsl: var(--gr-hsl-ink-0);--gr-btn-veil-hover: hsl(var(--gr-btn-fg-hsl), 12%);--gr-btn-veil-active: hsl(var(--gr-btn-fg-hsl), 24%);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),box-shadow var(--gr-transition),border-color var(--gr-transition),color var(--gr-transition)}@media(hover: hover){:where(.griffin) .gr-btn:hover:not(:disabled,[aria-disabled=true]){box-shadow:inset 0 0 0 100vmax var(--gr-btn-veil-hover)}}:where(.griffin) .gr-btn:active:not(:disabled,[aria-disabled=true]){box-shadow:inset 0 0 0 100vmax var(--gr-btn-veil-active)}:where(.griffin) .gr-btn:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px}:where(.griffin) .gr-btn:disabled,:where(.griffin) .gr-btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}:where(.griffin) .gr-btn[aria-busy=true]{opacity:.7;cursor:progress}:where(.griffin) .gr-btn-primary{--gr-btn-bg: var(--gr-color-accent);--gr-btn-fg: var(--gr-color-on-accent);--gr-btn-fg-hsl: var(--gr-hsl-on-accent);--gr-btn-border: var(--gr-color-accent)}:where(.griffin) .gr-btn-success{--gr-btn-bg: var(--gr-color-success-surface);--gr-btn-fg: var(--gr-color-on-success);--gr-btn-fg-hsl: var(--gr-hsl-on-status-success);--gr-btn-border: var(--gr-color-success-surface)}:where(.griffin) .gr-btn-warning{--gr-btn-bg: var(--gr-color-warning-surface);--gr-btn-fg: var(--gr-color-on-warning);--gr-btn-fg-hsl: var(--gr-hsl-on-status-warning);--gr-btn-border: var(--gr-color-warning-surface)}:where(.griffin) .gr-btn-danger{--gr-btn-bg: var(--gr-color-danger-surface);--gr-btn-fg: var(--gr-color-on-danger);--gr-btn-fg-hsl: var(--gr-hsl-on-status-danger);--gr-btn-border: var(--gr-color-danger-surface)}:where(.griffin) .gr-btn-info{--gr-btn-bg: var(--gr-color-info-surface);--gr-btn-fg: var(--gr-color-on-info);--gr-btn-fg-hsl: var(--gr-hsl-on-status-info);--gr-btn-border: var(--gr-color-info-surface)}:where(.griffin) .gr-btn-secondary{--gr-btn-bg: transparent;--gr-btn-fg: var(--gr-color-accent);--gr-btn-fg-hsl: var(--gr-hsl-accent);--gr-btn-border: var(--gr-color-accent)}:where(.griffin) .gr-btn-ghost{--gr-btn-bg: transparent;--gr-btn-fg: var(--gr-color-text);--gr-btn-border: transparent}:where(.griffin) .gr-btn-link{--gr-btn-bg: transparent;--gr-btn-fg: var(--gr-color-link);--gr-btn-fg-hsl: var(--gr-hsl-link);--gr-btn-border: transparent;--gr-btn-veil-hover: transparent;--gr-btn-veil-active: transparent;padding-inline:0;text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-offset:.2em}@media(hover: hover){:where(.griffin) .gr-btn-link:hover:not(:disabled,[aria-disabled=true]){--gr-btn-fg: var(--gr-color-link-hover)}}:where(.griffin) .gr-btn-sm{--gr-btn-height: var(--gr-control-height-sm);padding-inline:calc(var(--gr-control-padding-x)*.7);font-size:.875rem}:where(.griffin) .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}:where(.griffin) .gr-btn-block{display:flex;inline-size:100%}:where(.griffin) .gr-btn-icon{min-inline-size:var(--gr-btn-height);padding-inline:0}:where(.griffin) .gr-btn-group{display:inline-flex;vertical-align:middle}:where(.griffin) .gr-btn-group>.gr-btn{border-radius:0}:where(.griffin) .gr-btn-group>.gr-btn:first-child{border-start-start-radius:var(--gr-radius);border-end-start-radius:var(--gr-radius)}:where(.griffin) .gr-btn-group>.gr-btn:last-child{border-start-end-radius:var(--gr-radius);border-end-end-radius:var(--gr-radius)}:where(.griffin) .gr-btn-group>.gr-btn+.gr-btn{margin-inline-start:calc(-1*var(--gr-border-width))}:where(.griffin) .gr-btn-group>.gr-btn:hover,:where(.griffin) .gr-btn-group>.gr-btn:focus-visible{position:relative;z-index:1}:where(.griffin) .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}:where(.griffin) .gr-card-body{flex:1 1 auto;padding:var(--gr-gap)}:where(.griffin) .gr-card-header,:where(.griffin) .gr-card-footer{padding-block:calc(var(--gr-gap)*.75);padding-inline:var(--gr-gap)}:where(.griffin) .gr-card-header{border-block-end:var(--gr-border-width) solid var(--gr-color-border);font-weight:600}:where(.griffin) .gr-card-footer{border-block-start:var(--gr-border-width) solid var(--gr-color-border);color:var(--gr-color-text-secondary);font-size:.875rem}:where(.griffin) .gr-card-media{display:block;inline-size:100%;block-size:auto;object-fit:cover}:where(.griffin) .gr-card-raised{border-color:rgba(0,0,0,0);background-color:var(--gr-color-surface-raised);box-shadow:var(--gr-shadow-md)}:where(.griffin) .gr-card-flat{border-color:rgba(0,0,0,0);background-color:var(--gr-color-surface);box-shadow:none}:where(.griffin) .gr-card-interactive{position:relative;transition:border-color var(--gr-transition),box-shadow var(--gr-transition)}:where(.griffin) .gr-card-interactive :where(a[href])::after{content:"";position:absolute;inset:0}@media(hover: hover){:where(.griffin) .gr-card-interactive:hover{border-color:var(--gr-color-border-strong);box-shadow:var(--gr-shadow-md)}}:where(.griffin) .gr-card-interactive:focus-within{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px}:where(.griffin) .gr-card-interactive :where(a[href]){color:inherit;text-decoration:none}:where(.griffin) .gr-checkbox,:where(.griffin) .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}:where(.griffin) .gr-checkbox:focus-visible,:where(.griffin) .gr-radio:focus-visible,:where(.griffin) .gr-switch:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px}:where(.griffin) .gr-checkbox:disabled,:where(.griffin) .gr-radio:disabled,:where(.griffin) .gr-switch:disabled{opacity:.55;cursor:not-allowed}:where(.griffin) .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)}:where(.griffin) .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){:where(.griffin) .gr-switch{transition:background-color var(--gr-transition),border-color var(--gr-transition)}}:where(.griffin) .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)}:where(.griffin) .gr-segmented label{display:block;position:relative;flex:1}:where(.griffin) .gr-segmented input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}:where(.griffin) .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)}:where(.griffin) .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)}:where(.griffin) .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){:where(.griffin) .gr-segmented span:hover{background-color:var(--gr-color-surface-raised);color:var(--gr-color-text)}}:where(.griffin) .gr-segmented input:checked+span{background-color:var(--gr-color-accent);color:var(--gr-color-on-accent)}:where(.griffin) .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)}:where(.griffin) .gr-segmented input:disabled+span{opacity:.55;cursor:not-allowed}:where(.griffin) .gr-choice{display:inline-flex;align-items:center;gap:var(--gr-ui-gap);color:var(--gr-color-text);line-height:1.4;cursor:pointer}:where(.griffin) .gr-choice:has(:disabled){color:var(--gr-color-text-disabled);cursor:not-allowed}:where(.griffin) .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}:where(.griffin) .gr-drawer[open]{display:flex}:where(.griffin) .gr-drawer::backdrop{background-color:var(--gr-overlay)}:where(.griffin) .gr-drawer-start{--gr-drawer-slide: -100%;inset-inline:0 auto;border-inline-end:var(--gr-border-width) solid var(--gr-color-border)}:where(.griffin) .gr-drawer-end{--gr-drawer-slide: 100%;inset-inline:auto 0;border-inline-start:var(--gr-border-width) solid var(--gr-color-border)}:where(.griffin) .gr-drawer-top,:where(.griffin) .gr-drawer-bottom{inset-inline:0;inline-size:auto;block-size:auto;max-block-size:50dvh}:where(.griffin) .gr-drawer-top{--gr-drawer-slide: -100%;inset-block:0 auto;border-block-end:var(--gr-border-width) solid var(--gr-color-border)}:where(.griffin) .gr-drawer-bottom{--gr-drawer-slide: 100%;inset-block:auto 0;border-block-start:var(--gr-border-width) solid var(--gr-color-border)}:where(.griffin) .gr-drawer-sm{--gr-drawer-size: 15rem}:where(.griffin) .gr-drawer-lg{--gr-drawer-size: 28rem}@supports(transition-behavior: allow-discrete){:where(.griffin) .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}:where(.griffin) .gr-drawer-top,:where(.griffin) .gr-drawer-bottom{translate:0 var(--gr-drawer-slide)}:where(.griffin) .gr-drawer[open]{opacity:1;translate:0}:where(.griffin) .gr-drawer::backdrop{opacity:0;transition:opacity var(--gr-transition),overlay var(--gr-transition) allow-discrete,display var(--gr-transition) allow-discrete}:where(.griffin) .gr-drawer[open]::backdrop{opacity:1}@starting-style{:where(.griffin) .gr-drawer[open]{opacity:0;translate:var(--gr-drawer-slide) 0}:where(.griffin) .gr-drawer-top[open],:where(.griffin) .gr-drawer-bottom[open]{translate:0 var(--gr-drawer-slide)}:where(.griffin) .gr-drawer[open]::backdrop{opacity:0}}}@media(prefers-reduced-motion: reduce){:where(.griffin) .gr-drawer{translate:none;transition-duration:.01ms}:where(.griffin) .gr-drawer::backdrop{transition-duration:.01ms}}:where(.griffin) .gr-dropdown{position:relative;display:inline-block}:where(.griffin) .gr-dropdown>summary{list-style:none;cursor:pointer}:where(.griffin) .gr-dropdown>summary::-webkit-details-marker{display:none}:where(.griffin) .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}:where(.griffin) .gr-dropdown-end .gr-dropdown-panel{inset-inline:auto 0}:where(.griffin) .gr-dropdown-up .gr-dropdown-panel{inset-block:auto calc(100% + var(--gr-ui-gap)*.5)}:where(.griffin) .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){:where(.griffin) .gr-dropdown{anchor-scope:--gr-dropdown-anchor}:where(.griffin) .gr-dropdown>:where(summary,button,.gr-btn){anchor-name:--gr-dropdown-anchor}:where(.griffin) .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}:where(.griffin) .gr-dropdown-end .gr-dropdown-panel[popover]{inset-inline:auto anchor(end)}:where(.griffin) .gr-dropdown-up .gr-dropdown-panel[popover]{inset-block:auto calc(anchor(start) + var(--gr-ui-gap)*.5)}}:where(.griffin) .gr-dropdown-hover .gr-dropdown-panel{visibility:hidden;opacity:0;transition:opacity var(--gr-transition),visibility var(--gr-transition);transition-delay:.25s}:where(.griffin) .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)}:where(.griffin) .gr-dropdown-hover.gr-dropdown-up .gr-dropdown-panel::before{inset-block:100% auto}@media(hover: hover){:where(.griffin) .gr-dropdown-hover:hover .gr-dropdown-panel{visibility:visible;opacity:1;transition-delay:0s}}:where(.griffin) .gr-dropdown-hover:focus-within .gr-dropdown-panel{visibility:visible;opacity:1;transition-delay:0s}@media(prefers-reduced-motion: reduce){:where(.griffin) .gr-dropdown-hover .gr-dropdown-panel{transition-duration:.01ms}}@supports(transition-behavior: allow-discrete){:where(.griffin) .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}:where(.griffin) .gr-dropdown-panel[popover]:popover-open{opacity:1;translate:0}@starting-style{:where(.griffin) .gr-dropdown-panel[popover]:popover-open{opacity:0;translate:0 calc(-1*var(--gr-ui-gap)*.5)}}}@media(prefers-reduced-motion: reduce){:where(.griffin) .gr-dropdown-panel[popover]{translate:none;transition-duration:.01ms}}:where(.griffin) .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}:where(.griffin) .gr-empty-icon{color:var(--gr-color-text-muted);font-size:2.5rem;line-height:1}:where(.griffin) .gr-empty-title{margin:0;color:var(--gr-color-text);font-size:1.125rem;font-weight:600;line-height:1.3}:where(.griffin) .gr-empty-text{max-inline-size:46ch;margin:0;line-height:1.5}:where(.griffin) .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)}:where(.griffin) .gr-empty-boxed{border:var(--gr-border-width) dashed var(--gr-color-border);border-radius:var(--gr-radius);background-color:hsl(var(--gr-hsl-ink-1), 3%)}:where(.griffin) .gr-field{display:flex;flex-direction:column;gap:calc(var(--gr-ui-gap)*.5)}:where(.griffin) .gr-label{color:var(--gr-color-text);font-size:.875rem;font-weight:600;line-height:1.4}:where(.griffin) .gr-hint{color:var(--gr-color-text-muted);font-size:.8125rem;line-height:1.4}:where(.griffin) .gr-error{color:var(--gr-color-danger);font-size:.8125rem;line-height:1.4}:where(.griffin) .gr-success{color:var(--gr-color-success);font-size:.8125rem;line-height:1.4}:where(.griffin) .gr-field:has([required]) .gr-label::after,:where(.griffin) .gr-required::after{content:"*";margin-inline-start:.25em;color:var(--gr-color-danger)}:where(.griffin) .gr-input,:where(.griffin) .gr-textarea,:where(.griffin) .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)}:where(.griffin) .gr-textarea{min-block-size:calc(var(--gr-control-h)*2);resize:vertical}:where(.griffin) .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}:where(.griffin) .gr-select[multiple],:where(.griffin) .gr-select[size]{padding-inline-end:var(--gr-control-padding-x);background-image:none}:where(.griffin) .gr-input::placeholder,:where(.griffin) .gr-textarea::placeholder{color:var(--gr-color-text-muted);opacity:1}:where(.griffin) .gr-input:focus-visible,:where(.griffin) .gr-textarea:focus-visible,:where(.griffin) .gr-select:focus-visible{border-color:var(--gr-color-accent);outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:1px}:where(.griffin) .gr-input:user-invalid,:where(.griffin) .gr-textarea:user-invalid,:where(.griffin) .gr-select:user-invalid,:where(.griffin) .gr-input[aria-invalid=true],:where(.griffin) .gr-textarea[aria-invalid=true],:where(.griffin) .gr-select[aria-invalid=true]{border-color:var(--gr-color-danger)}:where(.griffin) .gr-input[aria-invalid=false],:where(.griffin) .gr-textarea[aria-invalid=false],:where(.griffin) .gr-select[aria-invalid=false]{border-color:var(--gr-color-success)}:where(.griffin) .gr-input:disabled,:where(.griffin) .gr-textarea:disabled,:where(.griffin) .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}:where(.griffin) .gr-input:read-only:not(:disabled),:where(.griffin) .gr-textarea:read-only:not(:disabled){background-color:var(--gr-color-surface)}:where(.griffin) .gr-input::-webkit-datetime-edit{padding-block:0}:where(.griffin) .gr-input::-webkit-datetime-edit-fields-wrapper{padding-block:0}:where(.griffin) .gr-input-no-spin{appearance:textfield}:where(.griffin) .gr-input-no-spin::-webkit-outer-spin-button{margin:0;appearance:none}:where(.griffin) .gr-input-no-spin::-webkit-inner-spin-button{margin:0;appearance:none}:where(.griffin) .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}:where(.griffin) .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}:where(.griffin) .gr-input-group{display:flex;inline-size:100%}:where(.griffin) .gr-input-group>*{border-radius:0}:where(.griffin) .gr-input-group>:first-child{border-start-start-radius:var(--gr-radius);border-end-start-radius:var(--gr-radius)}:where(.griffin) .gr-input-group>:last-child{border-start-end-radius:var(--gr-radius);border-end-end-radius:var(--gr-radius)}:where(.griffin) .gr-input-group>*+*{margin-inline-start:calc(-1*var(--gr-border-width))}:where(.griffin) .gr-input-group>.gr-input,:where(.griffin) .gr-input-group>.gr-select{flex:1 1 auto;inline-size:auto;min-inline-size:0}:where(.griffin) .gr-input-group>:focus-within,:where(.griffin) .gr-input-group>:focus-visible{position:relative;z-index:1}:where(.griffin) .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}:where(.griffin) .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)}:where(.griffin) .gr-link:visited{color:var(--gr-color-link-visited)}@media(hover: hover){:where(.griffin) .gr-link:hover{color:var(--gr-color-link-hover)}}:where(.griffin) .gr-link:active{color:var(--gr-color-link-hover)}:where(.griffin) .gr-link:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px;border-radius:calc(var(--gr-radius)*.25)}:where(.griffin) .gr-link-muted{color:var(--gr-color-text-secondary)}:where(.griffin) .gr-link-muted:visited{color:var(--gr-color-text-secondary)}@media(hover: hover){:where(.griffin) .gr-link-muted:hover{color:var(--gr-color-text)}}:where(.griffin) .gr-link-inherit{color:inherit}:where(.griffin) .gr-link-inherit:visited{color:inherit}@media(hover: hover){:where(.griffin) .gr-link-inherit:hover{color:inherit;text-decoration-color:var(--gr-color-link)}}:where(.griffin) .gr-link-quiet{text-decoration-line:none}@media(hover: hover){:where(.griffin) .gr-link-quiet:hover{text-decoration-line:underline}}:where(.griffin) .gr-link-quiet:focus-visible{text-decoration-line:underline}:where(.griffin) .gr-link-dotted{text-decoration-style:dotted}:where(.griffin) .gr-link-dashed{text-decoration-style:dashed}:where(.griffin) .gr-link-wavy{text-decoration-style:wavy}:where(.griffin) .gr-link-double{text-decoration-style:double}:where(.griffin) .gr-link-wavy,:where(.griffin) .gr-link-double{text-underline-offset:.3em}:where(.griffin) .gr-link-external::after{content:"\2197";display:inline-block;margin-inline-start:.15em;font-size:.85em;vertical-align:baseline}:where(.griffin) .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}:where(.griffin) .gr-menu>:where(li){display:flex;margin:0;padding:0;list-style:none}:where(.griffin) .gr-menu>:where(li)>:where(*){flex:1 1 auto}:where(.griffin) .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){:where(.griffin) .gr-menu-item:hover:not(:disabled,[aria-disabled=true]){background-color:hsl(var(--gr-hsl-ink-0), 10%)}}:where(.griffin) .gr-menu-item:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:calc(-1*var(--gr-focus-width))}:where(.griffin) .gr-menu-item:disabled,:where(.griffin) .gr-menu-item[aria-disabled=true]{--gr-menu-fg: var(--gr-color-text-disabled);cursor:not-allowed}:where(.griffin) .gr-menu-item[aria-checked=true],:where(.griffin) .gr-menu-item[aria-current]{--gr-menu-fg: var(--gr-color-accent);background-color:hsl(var(--gr-hsl-accent), 12%);font-weight:600}:where(.griffin) .gr-menu-danger{--gr-menu-fg: var(--gr-color-danger)}@media(hover: hover){:where(.griffin) .gr-menu-danger:hover:not(:disabled,[aria-disabled=true]){background-color:hsl(var(--gr-hsl-status-danger), 12%)}}:where(.griffin) .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}:where(.griffin) .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)}:where(.griffin) .gr-menu-icon{flex:none;inline-size:1.25em;block-size:1.25em;text-align:center}:where(.griffin) .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}:where(.griffin) .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}:where(.griffin) .gr-modal[open]{display:flex}:where(.griffin) .gr-modal::backdrop{background-color:var(--gr-overlay)}:where(.griffin) .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)}:where(.griffin) .gr-modal-title{margin:0;font-size:1.125rem;font-weight:600;line-height:1.3}:where(.griffin) .gr-modal-body{flex:1 1 auto;padding:var(--gr-gap);line-height:var(--gr-leading-base);overflow-y:auto;overscroll-behavior:contain}:where(.griffin) .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)}:where(.griffin) .gr-modal-sm{inline-size:min(24rem,100% - var(--gr-gap)*2)}:where(.griffin) .gr-modal-lg{inline-size:min(48rem,100% - var(--gr-gap)*2)}:where(.griffin) .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){:where(.griffin) .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}:where(.griffin) .gr-modal[open]{opacity:1;translate:0}:where(.griffin) .gr-modal::backdrop{opacity:0;transition:opacity var(--gr-transition),overlay var(--gr-transition) allow-discrete,display var(--gr-transition) allow-discrete}:where(.griffin) .gr-modal[open]::backdrop{opacity:1}@starting-style{:where(.griffin) .gr-modal[open]{opacity:0;translate:0 var(--gr-gap)}:where(.griffin) .gr-modal[open]::backdrop{opacity:0}}}@media(prefers-reduced-motion: reduce){:where(.griffin) .gr-modal{translate:none;transition-duration:.01ms}:where(.griffin) .gr-modal::backdrop{transition-duration:.01ms}}:where(.griffin) .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}:where(.griffin) .gr-nav>:where(li){display:flex;margin:0;padding:0;list-style:none}:where(.griffin) .gr-nav-vertical>:where(li){align-items:stretch;flex-direction:column}:where(.griffin) .gr-nav-vertical{flex-flow:column nowrap;align-items:stretch}:where(.griffin) .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){:where(.griffin) .gr-nav-link:hover:not([aria-current],[aria-disabled=true]){--gr-nav-fg: var(--gr-color-text);background-color:hsl(var(--gr-hsl-ink-0), 8%)}}:where(.griffin) .gr-nav-link:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px}:where(.griffin) .gr-nav-link[aria-current]{--gr-nav-fg: var(--gr-color-accent);background-color:hsl(var(--gr-hsl-accent), 12%);font-weight:600}:where(.griffin) .gr-nav-link[aria-disabled=true]{color:var(--gr-color-text-disabled);cursor:not-allowed}:where(.griffin) .gr-nav-underline .gr-nav-link{border-block-end:calc(var(--gr-border-width)*2) solid rgba(0,0,0,0);border-radius:0}:where(.griffin) .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){:where(.griffin) .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)}}:where(.griffin) .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)}:where(.griffin) .gr-nav-underline.gr-nav-vertical .gr-nav-link[aria-current]{border-inline-start-color:var(--gr-color-accent)}:where(.griffin) .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)}:where(.griffin) .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}:where(.griffin) .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}:where(.griffin) .gr-nav-toggle>summary::-webkit-details-marker{display:none}:where(.griffin) .gr-nav-toggle>summary:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px}:where(.griffin) .gr-nav-collapse{display:none;flex-basis:100%;flex-direction:column;align-items:stretch}:where(.griffin) .gr-nav-toggle[open]~.gr-nav-collapse{display:flex}@media(width >= 768px){:where(.griffin) .gr-nav-toggle{display:none}:where(.griffin) .gr-nav-collapse{display:flex;flex-basis:auto;flex-direction:row;align-items:center}}:where(.griffin) .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}:where(.griffin) .gr-pagination>:where(li){display:flex;margin:0;padding:0;list-style:none}:where(.griffin) .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){:where(.griffin) .gr-page:hover:not([aria-current],[aria-disabled=true],:disabled){border-color:var(--gr-color-border-strong);background-color:var(--gr-color-surface-raised)}}:where(.griffin) .gr-page:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px}:where(.griffin) .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}:where(.griffin) .gr-page[aria-disabled=true],:where(.griffin) .gr-page:disabled{color:var(--gr-color-text-disabled);opacity:.7;cursor:not-allowed}:where(.griffin) .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}:where(.griffin) .gr-pagination-compact .gr-page{--gr-page-size: var(--gr-control-height-sm);font-size:.875rem}:where(.griffin) .gr-pagination-compact .gr-page-gap{min-block-size:var(--gr-control-height-sm)}:where(.griffin) .gr-pagination-joined{gap:0}:where(.griffin) .gr-pagination-joined .gr-page{border-radius:0}:where(.griffin) .gr-pagination-joined>:first-child .gr-page,:where(.griffin) .gr-pagination-joined>.gr-page:first-child{border-start-start-radius:var(--gr-radius);border-end-start-radius:var(--gr-radius)}:where(.griffin) .gr-pagination-joined>:last-child .gr-page,:where(.griffin) .gr-pagination-joined>.gr-page:last-child{border-start-end-radius:var(--gr-radius);border-end-end-radius:var(--gr-radius)}:where(.griffin) .gr-pagination-joined .gr-page+.gr-page,:where(.griffin) .gr-pagination-joined>:where(*+*) .gr-page{margin-inline-start:calc(-1*var(--gr-border-width))}:where(.griffin) .gr-pagination-joined .gr-page:focus-visible,:where(.griffin) .gr-pagination-joined .gr-page[aria-current]{position:relative;z-index:1}:where(.griffin) .gr-progress{--gr-progress-fill: var(--gr-color-accent);--gr-progress-track: hsl(var(--gr-hsl-ink-0), 12%);--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}:where(.griffin) .gr-progress::-webkit-progress-bar{background-image:none;background-color:var(--gr-progress-track);border-radius:var(--gr-radius-pill)}:where(.griffin) .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)}:where(.griffin) .gr-progress::-moz-progress-bar{background-image:none;background-color:var(--gr-progress-fill);border-radius:var(--gr-radius-pill)}:where(.griffin) .gr-progress-sm{--gr-progress-height: 0.25rem}:where(.griffin) .gr-progress-lg{--gr-progress-height: 0.75rem}:where(.griffin) .gr-progress-success{--gr-progress-fill: var(--gr-color-success)}:where(.griffin) .gr-progress-warning{--gr-progress-fill: var(--gr-color-warning-surface)}:where(.griffin) .gr-progress-danger{--gr-progress-fill: var(--gr-color-danger)}:where(.griffin) .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}:where(.griffin) .gr-progress-indeterminate::-webkit-progress-bar{background-color:rgba(0,0,0,0)}:where(.griffin) .gr-progress-indeterminate::-webkit-progress-value{background-color:rgba(0,0,0,0)}:where(.griffin) .gr-progress-indeterminate::-moz-progress-bar{background-color:rgba(0,0,0,0)}@media(prefers-reduced-motion: reduce){:where(.griffin) .gr-progress-indeterminate{animation-duration:3s}}:where(.griffin) .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:hsl(var(--gr-hsl-ink-0), 12%);appearance:none;overflow:hidden}:where(.griffin) .gr-meter::-webkit-meter-bar{background-image:none;background-color:hsl(var(--gr-hsl-ink-0), 12%);border:0;border-radius:var(--gr-radius-pill)}:where(.griffin) .gr-meter::-webkit-meter-optimum-value{background-image:none;background-color:var(--gr-color-success);border-radius:var(--gr-radius-pill)}:where(.griffin) .gr-meter::-webkit-meter-suboptimum-value{background-image:none;background-color:var(--gr-color-warning-surface);border-radius:var(--gr-radius-pill)}:where(.griffin) .gr-meter::-webkit-meter-even-less-good-value{background-image:none;background-color:var(--gr-color-danger);border-radius:var(--gr-radius-pill)}:where(.griffin) .gr-meter:-moz-meter-optimum::-moz-meter-bar{background-image:none;background-color:var(--gr-color-success);border-radius:var(--gr-radius-pill)}:where(.griffin) .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)}:where(.griffin) .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)}:where(.griffin) .gr-range{--gr-range-track: 0.375rem;--gr-range-thumb: 1.125rem;--gr-range-fill: calc(var(--gr-progress, 0) * 100%);--gr-range-dir: to right;display:block;box-sizing:border-box;inline-size:100%;block-size:var(--gr-range-thumb);margin:0;background-color:rgba(0,0,0,0);accent-color:var(--gr-color-accent);appearance:none;cursor:pointer}:where(.griffin) .gr-range::-webkit-slider-runnable-track{block-size:var(--gr-range-track);border-radius:var(--gr-radius-pill);background-color:hsl(var(--gr-hsl-ink-0), 12%);background-image:linear-gradient(var(--gr-range-dir), var(--gr-color-accent) 0 var(--gr-range-fill), transparent 0)}:where(.griffin) .gr-range:dir(rtl),:where(.griffin) .gr-range-pair:dir(rtl){--gr-range-dir: to left}:where(.griffin) .gr-range::-moz-range-track{block-size:var(--gr-range-track);border-radius:var(--gr-radius-pill);background-color:hsl(var(--gr-hsl-ink-0), 12%)}:where(.griffin) .gr-range::-moz-range-progress{block-size:var(--gr-range-track);border-radius:var(--gr-radius-pill);background-color:var(--gr-color-accent)}:where(.griffin) .gr-range::-webkit-slider-thumb{inline-size:var(--gr-range-thumb);block-size:var(--gr-range-thumb);margin-block-start:calc((var(--gr-range-track) - var(--gr-range-thumb))/2);border:0;border-radius:var(--gr-radius-pill);background-color:var(--gr-color-accent);appearance:none;transition:background-color var(--gr-transition)}:where(.griffin) .gr-range::-moz-range-thumb{inline-size:var(--gr-range-thumb);block-size:var(--gr-range-thumb);border:0;border-radius:var(--gr-radius-pill);background-color:var(--gr-color-accent);transition:background-color var(--gr-transition)}:where(.griffin) .gr-range-pair{--gr-range-track: 0.375rem;--gr-range-dir: to right;display:grid;align-items:center}:where(.griffin) .gr-range-pair::before{content:"";grid-area:1/1;align-self:center;block-size:var(--gr-range-track);border-radius:var(--gr-radius-pill);background-color:hsl(var(--gr-hsl-ink-0), 12%);background-image:linear-gradient(var(--gr-range-dir), transparent 0 calc(var(--gr-range-from, 0) * 100%), var(--gr-color-accent) 0 calc(var(--gr-range-to, 0) * 100%), transparent 0)}:where(.griffin) .gr-range-pair>.gr-range{grid-area:1/1;pointer-events:none}:where(.griffin) .gr-range-pair>.gr-range::-webkit-slider-thumb{pointer-events:auto}:where(.griffin) .gr-range-pair>.gr-range::-moz-range-thumb{pointer-events:auto}:where(.griffin) .gr-range-pair>.gr-range::-webkit-slider-runnable-track{background:none}:where(.griffin) .gr-range-pair>.gr-range::-moz-range-track{background:none}:where(.griffin) .gr-range-pair>.gr-range::-moz-range-progress{background:none}:where(.griffin) .gr-range:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px}:where(.griffin) .gr-range:disabled{opacity:.55;cursor:not-allowed}@media(hover: hover){:where(.griffin) .gr-range:hover:enabled::-webkit-slider-thumb{box-shadow:inset 0 0 0 100vmax hsl(var(--gr-hsl-on-accent), 15%)}:where(.griffin) .gr-range:hover:enabled::-moz-range-thumb{box-shadow:inset 0 0 0 100vmax hsl(var(--gr-hsl-on-accent), 15%)}}:where(.griffin) .gr-rating{--gr-rating-fill: calc(var(--gr-rating, 0) / 5 * 100%);position:relative;display:inline-block;white-space:nowrap}:where(.griffin) .gr-rating::before{content:var(--gr-rating-symbol) var(--gr-rating-symbol) var(--gr-rating-symbol) var(--gr-rating-symbol) var(--gr-rating-symbol);opacity:.3}:where(.griffin) .gr-rating::after{content:var(--gr-rating-symbol) var(--gr-rating-symbol) var(--gr-rating-symbol) var(--gr-rating-symbol) var(--gr-rating-symbol);position:absolute;inset-block:0;inset-inline-start:0;inline-size:var(--gr-rating-fill);overflow:hidden;color:var(--gr-rating-color)}:where(.griffin) .gr-skeleton{display:block;box-sizing:border-box;min-block-size:1em;border-radius:calc(var(--gr-radius)*.5);background-color:hsl(var(--gr-hsl-ink-0), 12%);animation:gr-skeleton-pulse 1.6s ease-in-out infinite}:where(.griffin) .gr-skeleton-text{block-size:1em;min-block-size:0;border-radius:var(--gr-radius-pill);margin-block:.25em}:where(.griffin) .gr-skeleton-text:last-child{inline-size:60%}:where(.griffin) .gr-skeleton-circle{flex:none;inline-size:2.5rem;block-size:2.5rem;border-radius:var(--gr-radius-pill)}:where(.griffin) .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)}:where(.griffin) .gr-skeleton-stack{display:flex;flex:1 1 0;flex-direction:column;gap:.5em;min-inline-size:0}:where(.griffin) .gr-skeleton-stack .gr-skeleton-text{margin-block:0}@media(prefers-reduced-motion: reduce){:where(.griffin) .gr-skeleton{animation:none}}:where(.griffin) .gr-spinner{--gr-spinner-size: 1.5em;--gr-spinner-thickness: 0.15em;--gr-spinner-track: currentcolor;--gr-spinner-track-opacity: 0.2;--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);position:relative;border-radius:var(--gr-radius-pill);vertical-align:middle;animation:gr-spin .8s linear infinite}:where(.griffin) .gr-spinner::before,:where(.griffin) .gr-spinner::after{content:"";position:absolute;box-sizing:border-box;inset:0;border:var(--gr-spinner-thickness) solid rgba(0,0,0,0);border-radius:inherit}:where(.griffin) .gr-spinner::before{border-color:var(--gr-spinner-track);opacity:var(--gr-spinner-track-opacity)}:where(.griffin) .gr-spinner::after{border-block-start-color:var(--gr-spinner-color)}:where(.griffin) .gr-spinner-sm{--gr-spinner-size: 1em;--gr-spinner-thickness: 0.12em}:where(.griffin) .gr-spinner-lg{--gr-spinner-size: 2.5em;--gr-spinner-thickness: 0.18em}:where(.griffin) .gr-spinner-current{--gr-spinner-color: currentcolor}@media(prefers-reduced-motion: reduce){:where(.griffin) .gr-spinner{animation-duration:2.4s}}:where(.griffin) .gr-steps{--gr-step-marker-size: 2rem;display:flex;box-sizing:border-box;margin:0;padding:0;list-style:none}:where(.griffin) .gr-steps>:where(li){display:flex;flex:1 1 0;min-inline-size:0;margin:0;padding:0;list-style:none}:where(.griffin) .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}:where(.griffin) .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)}:where(.griffin) .gr-steps>:last-child .gr-step::after,:where(.griffin) .gr-steps>.gr-step:last-child::after{content:none}:where(.griffin) .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}:where(.griffin) .gr-step-label{color:var(--gr-step-color);font-size:.9375rem;font-weight:600;line-height:1.3}:where(.griffin) .gr-step-note{color:var(--gr-color-text-muted);font-size:.8125rem;font-weight:400;line-height:1.35}:where(.griffin) .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)}:where(.griffin) .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)}:where(.griffin) .gr-step[aria-current] .gr-step-marker{border-color:var(--gr-color-accent)}:where(.griffin) .gr-step-disabled{--gr-step-color: var(--gr-color-text-disabled);--gr-step-marker-fg: var(--gr-color-text-disabled)}:where(.griffin) .gr-steps-vertical{flex-direction:column;gap:var(--gr-gap)}:where(.griffin) .gr-steps-vertical>:where(li){flex:none}:where(.griffin) .gr-steps-vertical .gr-step{flex:none;flex-direction:row;align-items:flex-start;gap:var(--gr-ui-gap);text-align:start}:where(.griffin) .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)}:where(.griffin) .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)}:where(.griffin) .gr-table{inline-size:100%;border-collapse:collapse;color:var(--gr-color-text);text-align:start}:where(.griffin) .gr-table th,:where(.griffin) .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}:where(.griffin) .gr-table th{color:var(--gr-color-text-secondary);font-size:.875rem;font-weight:600;white-space:nowrap}:where(.griffin) .gr-table thead th{border-block-end:calc(var(--gr-border-width)*2) solid var(--gr-color-border-strong)}:where(.griffin) .gr-table tfoot td{border-block-end:0;color:var(--gr-color-text-secondary);font-size:.875rem}:where(.griffin) .gr-table caption{padding-block-end:calc(var(--gr-gap)*.5);color:var(--gr-color-text-secondary);font-size:.875rem;text-align:start}:where(.griffin) .gr-table-striped tbody tr:nth-child(odd){background-color:hsl(var(--gr-hsl-ink-0), 5%)}:where(.griffin) .gr-table-bordered{border:var(--gr-border-width) solid var(--gr-color-border)}:where(.griffin) .gr-table-bordered th,:where(.griffin) .gr-table-bordered td{border:var(--gr-border-width) solid var(--gr-color-border)}:where(.griffin) .gr-table-compact th,:where(.griffin) .gr-table-compact td{padding-block:calc(var(--gr-gap)*.25);padding-inline:calc(var(--gr-gap)*.5);font-size:.875rem}:where(.griffin) .gr-table-relaxed th,:where(.griffin) .gr-table-relaxed td{padding-block:calc(var(--gr-gap)*.875);padding-inline:calc(var(--gr-gap)*1.25)}@media(hover: hover){:where(.griffin) .gr-table-hover tbody tr:hover{background-image:linear-gradient(hsl(var(--gr-hsl-ink-0), 6%), hsl(var(--gr-hsl-ink-0), 6%))}}:where(.griffin) .gr-table-wrap{inline-size:100%;max-block-size:100%;overflow:auto;overscroll-behavior-x:contain}:where(.griffin) .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)}:where(.griffin) .gr-table th[aria-sort]::after{margin-inline-start:.4em;font-size:.85em}:where(.griffin) .gr-table th[aria-sort=ascending]::after{content:"\2191"}:where(.griffin) .gr-table th[aria-sort=descending]::after{content:"\2193"}:where(.griffin) .gr-table[data-gr-state] th[aria-sort]{cursor:pointer;user-select:none}:where(.griffin) .gr-table[data-gr-state] th[aria-sort=none]::after{content:"\2195";opacity:.65}:where(.griffin) .gr-table th[aria-sort]:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:-2px}:where(.griffin) .gr-tabs{display:flex;box-sizing:border-box;flex-direction:column}:where(.griffin) .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}:where(.griffin) .gr-tablist>:where(li){display:flex;margin:0;padding:0;list-style:none}:where(.griffin) .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){:where(.griffin) .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)}}:where(.griffin) .gr-tab:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:calc(-1*var(--gr-focus-width))}:where(.griffin) .gr-tab[aria-selected=true],:where(.griffin) .gr-tab[aria-current]{--gr-tab-fg: var(--gr-color-accent);border-block-end-color:var(--gr-color-accent);font-weight:600}:where(.griffin) .gr-tab:disabled,:where(.griffin) .gr-tab[aria-disabled=true]{--gr-tab-fg: var(--gr-color-text-disabled);cursor:not-allowed}:where(.griffin) .gr-tab-panel{box-sizing:border-box;padding-block:var(--gr-gap)}:where(.griffin) .gr-tab-panel:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:calc(-1*var(--gr-focus-width))}:where(.griffin) .gr-tabs-pills .gr-tablist{box-shadow:none}:where(.griffin) .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){:where(.griffin) .gr-tabs-pills .gr-tab:hover:not([aria-selected=true],[aria-current],[aria-disabled=true],:disabled){background-color:hsl(var(--gr-hsl-ink-0), 8%)}}:where(.griffin) .gr-tabs-pills .gr-tab[aria-selected=true],:where(.griffin) .gr-tabs-pills .gr-tab[aria-current]{background-color:var(--gr-color-accent);color:var(--gr-color-on-accent)}:where(.griffin) .gr-tabs-stretch .gr-tablist{overflow-x:visible}:where(.griffin) .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}:where(.griffin) .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}:where(.griffin) .gr-toast-region-top-start{inset-block:0 auto;inset-inline:0 auto}:where(.griffin) .gr-toast-region-top-end{inset-block:0 auto;inset-inline:auto 0}:where(.griffin) .gr-toast-region-bottom-start{--gr-toast-slide: 0.75rem;inset-block:auto 0;inset-inline:0 auto;flex-direction:column-reverse}:where(.griffin) .gr-toast-region-bottom-end{--gr-toast-slide: 0.75rem;inset-block:auto 0;inset-inline:auto 0;flex-direction:column-reverse}:where(.griffin) .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{:where(.griffin) .gr-toast{opacity:0;translate:0 var(--gr-toast-slide, -0.75rem)}}:where(.griffin) .gr-toast-leaving{opacity:0;translate:0 var(--gr-toast-slide, -0.75rem);pointer-events:none}@media(prefers-reduced-motion: reduce){:where(.griffin) .gr-toast{transition-duration:.01ms}}:where(.griffin) .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}:where(.griffin) .gr-toast-body{flex:1 1 auto;min-inline-size:0}:where(.griffin) .gr-toast-title{display:block;margin:0;color:var(--gr-toast-color);font-size:inherit;font-weight:600}:where(.griffin) .gr-toast-info{--gr-toast-color: var(--gr-color-info);--gr-toast-fill: var(--gr-color-info)}:where(.griffin) .gr-toast-success{--gr-toast-color: var(--gr-color-success);--gr-toast-fill: var(--gr-color-success)}:where(.griffin) .gr-toast-warning{--gr-toast-color: var(--gr-color-warning);--gr-toast-fill: var(--gr-color-warning-surface)}:where(.griffin) .gr-toast-danger{--gr-toast-color: var(--gr-color-danger);--gr-toast-fill: var(--gr-color-danger)}:where(.griffin) .gr-tooltip-anchor{position:relative;display:inline-flex;vertical-align:middle}:where(.griffin) .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}:where(.griffin) .gr-tooltip-anchor:focus-within .gr-tooltip{opacity:1;visibility:visible;content-visibility:visible}@media(hover: hover){:where(.griffin) .gr-tooltip-anchor:hover .gr-tooltip{opacity:1;visibility:visible;content-visibility:visible}}@media(prefers-reduced-motion: reduce){:where(.griffin) .gr-tooltip{transition-duration:.01ms}}:where(.griffin) .gr-tooltip-bottom{inset-block:calc(100% + var(--gr-tooltip-offset)) auto}:where(.griffin) .gr-tooltip-start,:where(.griffin) .gr-tooltip-end{inset-block:50% auto;translate:0 -50%}:where(.griffin) .gr-tooltip-start{inset-inline:auto calc(100% + var(--gr-tooltip-offset))}:where(.griffin) .gr-tooltip-end{inset-inline:calc(100% + var(--gr-tooltip-offset)) auto}@supports(anchor-name: --gr-tooltip-anchor){:where(.griffin) .gr-tooltip-anchor:has(>[popover].gr-tooltip){anchor-scope:--gr-tooltip-anchor;anchor-name:--gr-tooltip-anchor}:where(.griffin) [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}:where(.griffin) [popover].gr-tooltip:popover-open{opacity:1;visibility:visible;content-visibility:visible}}}
+@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-rating-symbol: "\2605";--gr-rating-color: var(--gr-color-warning-surface);--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}}:where(.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}:where(.griffin) .gr-accordion>.gr-accordion-item+.gr-accordion-item{border-block-start:var(--gr-border-width) solid var(--gr-color-border)}:where(.griffin) .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}:where(.griffin) .gr-accordion-trigger::-webkit-details-marker{display:none}@media(hover: hover){:where(.griffin) .gr-accordion-trigger:hover{background-color:hsl(var(--gr-hsl-ink-0), 6%)}}:where(.griffin) .gr-accordion-trigger:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:calc(-1*var(--gr-focus-width))}:where(.griffin) .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)}:where(.griffin) .gr-accordion-item[open]>.gr-accordion-trigger::after{rotate:180deg}@media(prefers-reduced-motion: reduce){:where(.griffin) .gr-accordion-trigger::after{transition-duration:.01ms}}:where(.griffin) .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){:where(.griffin) .gr-accordion-item{interpolate-size:allow-keywords}:where(.griffin) .gr-accordion-item::details-content{block-size:0;overflow:hidden;transition:block-size var(--gr-transition),content-visibility var(--gr-transition) allow-discrete}:where(.griffin) .gr-accordion-item[open]::details-content{block-size:auto}@media(prefers-reduced-motion: reduce){:where(.griffin) .gr-accordion-item::details-content{transition-duration:.01ms}}}:where(.griffin) .gr-accordion-flush{border-inline:0;border-block-start:0;border-radius:0;background-color:rgba(0,0,0,0)}:where(.griffin) .gr-alert{--gr-alert-color: var(--gr-color-info);--gr-alert-fill: var(--gr-color-info);--gr-alert-fill-hsl: var(--gr-hsl-status-info);--gr-alert-veil: hsl(var(--gr-alert-fill-hsl), 10%);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:var(--gr-color-bg);background-image:linear-gradient(var(--gr-alert-veil), var(--gr-alert-veil));color:var(--gr-color-text);line-height:1.5}:where(.griffin) .gr-alert-title{display:block;margin:0;color:var(--gr-alert-color);font-size:inherit;font-weight:600}:where(.griffin) .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}:where(.griffin) .gr-alert-body{flex:1 1 auto;min-inline-size:0}:where(.griffin) .gr-alert-info{--gr-alert-color: var(--gr-color-info);--gr-alert-fill: var(--gr-color-info);--gr-alert-fill-hsl: var(--gr-hsl-status-info)}:where(.griffin) .gr-alert-success{--gr-alert-color: var(--gr-color-success);--gr-alert-fill: var(--gr-color-success);--gr-alert-fill-hsl: var(--gr-hsl-status-success)}:where(.griffin) .gr-alert-warning{--gr-alert-color: var(--gr-color-warning);--gr-alert-fill: var(--gr-color-warning-surface);--gr-alert-fill-hsl: var(--gr-hsl-status-warning-surface)}:where(.griffin) .gr-alert-danger{--gr-alert-color: var(--gr-color-danger);--gr-alert-fill: var(--gr-color-danger);--gr-alert-fill-hsl: var(--gr-hsl-status-danger)}:where(.griffin) .gr-alert-dismissible{padding-inline-end:calc(var(--gr-gap)*.5)}:where(.griffin) .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}:where(.griffin) .gr-avatar img{position:absolute;inset:0;inline-size:100%;block-size:100%;border-radius:inherit;object-fit:cover}:where(.griffin) .gr-avatar-xs{--gr-avatar-size: 1.5rem}:where(.griffin) .gr-avatar-sm{--gr-avatar-size: 2rem}:where(.griffin) .gr-avatar-lg{--gr-avatar-size: 3rem}:where(.griffin) .gr-avatar-xl{--gr-avatar-size: 4rem}:where(.griffin) .gr-avatar-square{border-radius:var(--gr-radius)}:where(.griffin) .gr-avatar-group{display:inline-flex;align-items:center}:where(.griffin) .gr-avatar-group>.gr-avatar{box-shadow:0 0 0 calc(var(--gr-border-width)*2) var(--gr-color-bg)}:where(.griffin) .gr-avatar-group>.gr-avatar+.gr-avatar{margin-inline-start:calc(var(--gr-avatar-size)*-0.3)}:where(.griffin) .gr-avatar-group>.gr-avatar:hover,:where(.griffin) .gr-avatar-group>.gr-avatar:focus-visible,:where(.griffin) .gr-avatar-group>.gr-avatar:focus-within{position:relative;z-index:1}:where(.griffin) .gr-badge{--gr-badge-color: var(--gr-color-text-secondary);--gr-badge-fill: var(--gr-color-text-secondary);--gr-badge-fill-hsl: var(--gr-hsl-ink-1);--gr-badge-veil: hsl(var(--gr-badge-fill-hsl), 16%);--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:var(--gr-color-bg);background-image:linear-gradient(var(--gr-badge-veil), var(--gr-badge-veil));color:var(--gr-badge-color);font-size:.8125em;font-weight:600;line-height:1.4;white-space:nowrap;vertical-align:middle}:where(.griffin) .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-fill-hsl: var(--gr-hsl-accent)}:where(.griffin) .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-fill-hsl: var(--gr-hsl-status-success-surface)}:where(.griffin) .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-fill-hsl: var(--gr-hsl-status-warning-surface)}:where(.griffin) .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-fill-hsl: var(--gr-hsl-status-danger-surface)}:where(.griffin) .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-fill-hsl: var(--gr-hsl-status-info-surface)}:where(.griffin) .gr-badge-pill{padding-inline:.6em;border-radius:var(--gr-radius-pill)}:where(.griffin) .gr-badge-outline{border-color:currentcolor;background-color:rgba(0,0,0,0);--gr-badge-veil: transparent}:where(.griffin) .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);--gr-badge-veil: transparent;color:var(--gr-badge-on-fill);font-variant-numeric:tabular-nums}:where(.griffin) .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}:where(.griffin) .gr-tag-remove{color:rgba(0,0,0,0)}:where(.griffin) .gr-tag-remove::before,:where(.griffin) .gr-tag-remove::after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:.55rem;block-size:calc(var(--gr-border-width)*1.5);border-radius:var(--gr-border-width);background-color:var(--gr-cross-color);transform:translate(-50%, -50%) rotate(45deg)}:where(.griffin) .gr-tag-remove::after{transform:translate(-50%, -50%) rotate(-45deg)}:where(.griffin) .gr-tag-remove{--gr-cross-color: var(--gr-color-text-secondary);position:relative;display:inline-flex;box-sizing:border-box;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);cursor:pointer}@media(hover: hover){:where(.griffin) .gr-tag-remove:hover{--gr-cross-color: var(--gr-color-text);background-color:var(--gr-color-border)}}:where(.griffin) .gr-tag-remove:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:1px}:where(.griffin) .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}:where(.griffin) .gr-dot-accent{--gr-badge-fill: var(--gr-color-accent)}:where(.griffin) .gr-dot-success{--gr-badge-fill: var(--gr-color-success-surface)}:where(.griffin) .gr-dot-warning{--gr-badge-fill: var(--gr-color-warning-surface)}:where(.griffin) .gr-dot-danger{--gr-badge-fill: var(--gr-color-danger-surface)}:where(.griffin) .gr-dot-info{--gr-badge-fill: var(--gr-color-info-surface)}:where(.griffin) .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}:where(.griffin) .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}:where(.griffin) .gr-breadcrumb>:where(li,.gr-breadcrumb-item)+:where(li,.gr-breadcrumb-item)::before{content:var(--gr-breadcrumb-sep);color:var(--gr-color-text-muted)}:where(.griffin) .gr-breadcrumb a{color:inherit;text-decoration:none}@media(hover: hover){:where(.griffin) .gr-breadcrumb a:hover{color:var(--gr-color-link-hover);text-decoration-line:underline}}:where(.griffin) .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)}:where(.griffin) .gr-breadcrumb [aria-current=page]{color:var(--gr-color-text);font-weight:600}:where(.griffin) .gr-breadcrumb-scroll{flex-wrap:nowrap;overflow:auto hidden;white-space:nowrap;scrollbar-width:thin}:where(.griffin) .gr-breadcrumb-scroll>:where(li,.gr-breadcrumb-item){flex:none}:where(.griffin) .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-fg-hsl: var(--gr-hsl-ink-0);--gr-btn-veil-hover: hsl(var(--gr-btn-fg-hsl), 12%);--gr-btn-veil-active: hsl(var(--gr-btn-fg-hsl), 24%);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),box-shadow var(--gr-transition),border-color var(--gr-transition),color var(--gr-transition)}@media(hover: hover){:where(.griffin) .gr-btn:hover:not(:disabled,[aria-disabled=true]){box-shadow:inset 0 0 0 100vmax var(--gr-btn-veil-hover)}}:where(.griffin) .gr-btn:active:not(:disabled,[aria-disabled=true]){box-shadow:inset 0 0 0 100vmax var(--gr-btn-veil-active)}:where(.griffin) .gr-btn:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px}:where(.griffin) .gr-btn:disabled,:where(.griffin) .gr-btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}:where(.griffin) .gr-btn[aria-busy=true]{opacity:.7;cursor:progress}:where(.griffin) .gr-btn-primary{--gr-btn-bg: var(--gr-color-accent);--gr-btn-fg: var(--gr-color-on-accent);--gr-btn-fg-hsl: var(--gr-hsl-on-accent);--gr-btn-border: var(--gr-color-accent)}:where(.griffin) .gr-btn-success{--gr-btn-bg: var(--gr-color-success-surface);--gr-btn-fg: var(--gr-color-on-success);--gr-btn-fg-hsl: var(--gr-hsl-on-status-success);--gr-btn-border: var(--gr-color-success-surface)}:where(.griffin) .gr-btn-warning{--gr-btn-bg: var(--gr-color-warning-surface);--gr-btn-fg: var(--gr-color-on-warning);--gr-btn-fg-hsl: var(--gr-hsl-on-status-warning);--gr-btn-border: var(--gr-color-warning-surface)}:where(.griffin) .gr-btn-danger{--gr-btn-bg: var(--gr-color-danger-surface);--gr-btn-fg: var(--gr-color-on-danger);--gr-btn-fg-hsl: var(--gr-hsl-on-status-danger);--gr-btn-border: var(--gr-color-danger-surface)}:where(.griffin) .gr-btn-info{--gr-btn-bg: var(--gr-color-info-surface);--gr-btn-fg: var(--gr-color-on-info);--gr-btn-fg-hsl: var(--gr-hsl-on-status-info);--gr-btn-border: var(--gr-color-info-surface)}:where(.griffin) .gr-btn-secondary{--gr-btn-bg: transparent;--gr-btn-fg: var(--gr-color-accent);--gr-btn-fg-hsl: var(--gr-hsl-accent);--gr-btn-border: var(--gr-color-accent)}:where(.griffin) .gr-btn-ghost{--gr-btn-bg: transparent;--gr-btn-fg: var(--gr-color-text);--gr-btn-border: transparent}:where(.griffin) .gr-btn-link{--gr-btn-bg: transparent;--gr-btn-fg: var(--gr-color-link);--gr-btn-fg-hsl: var(--gr-hsl-link);--gr-btn-border: transparent;--gr-btn-veil-hover: transparent;--gr-btn-veil-active: transparent;padding-inline:0;text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-offset:.2em}@media(hover: hover){:where(.griffin) .gr-btn-link:hover:not(:disabled,[aria-disabled=true]){--gr-btn-fg: var(--gr-color-link-hover)}}:where(.griffin) .gr-btn-sm{--gr-btn-height: var(--gr-control-height-sm);padding-inline:calc(var(--gr-control-padding-x)*.7);font-size:.875rem}:where(.griffin) .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}:where(.griffin) .gr-btn-block{display:flex;inline-size:100%}:where(.griffin) .gr-btn-icon{min-inline-size:var(--gr-btn-height);padding-inline:0}:where(.griffin) .gr-btn-group{display:inline-flex;vertical-align:middle}:where(.griffin) .gr-btn-group>.gr-btn{border-radius:0}:where(.griffin) .gr-btn-group>.gr-btn:first-child{border-start-start-radius:var(--gr-radius);border-end-start-radius:var(--gr-radius)}:where(.griffin) .gr-btn-group>.gr-btn:last-child{border-start-end-radius:var(--gr-radius);border-end-end-radius:var(--gr-radius)}:where(.griffin) .gr-btn-group>.gr-btn+.gr-btn{margin-inline-start:calc(-1*var(--gr-border-width))}:where(.griffin) .gr-btn-group>.gr-btn:hover,:where(.griffin) .gr-btn-group>.gr-btn:focus-visible{position:relative;z-index:1}:where(.griffin) .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}:where(.griffin) .gr-card-body{flex:1 1 auto;padding:var(--gr-gap)}:where(.griffin) .gr-card-header,:where(.griffin) .gr-card-footer{padding-block:calc(var(--gr-gap)*.75);padding-inline:var(--gr-gap)}:where(.griffin) .gr-card-header{border-block-end:var(--gr-border-width) solid var(--gr-color-border);font-weight:600}:where(.griffin) .gr-card-footer{border-block-start:var(--gr-border-width) solid var(--gr-color-border);color:var(--gr-color-text-secondary);font-size:.875rem}:where(.griffin) .gr-card-media{display:block;inline-size:100%;block-size:auto;object-fit:cover}:where(.griffin) .gr-card-raised{border-color:rgba(0,0,0,0);background-color:var(--gr-color-surface-raised);box-shadow:var(--gr-shadow-md)}:where(.griffin) .gr-card-flat{border-color:rgba(0,0,0,0);background-color:var(--gr-color-surface);box-shadow:none}:where(.griffin) .gr-card-interactive{position:relative;transition:border-color var(--gr-transition),box-shadow var(--gr-transition)}:where(.griffin) .gr-card-interactive :where(a[href])::after{content:"";position:absolute;inset:0}@media(hover: hover){:where(.griffin) .gr-card-interactive:hover{border-color:var(--gr-color-border-strong);box-shadow:var(--gr-shadow-md)}}:where(.griffin) .gr-card-interactive:focus-within{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px}:where(.griffin) .gr-card-interactive :where(a[href]){color:inherit;text-decoration:none}:where(.griffin) .gr-checkbox,:where(.griffin) .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}:where(.griffin) .gr-checkbox:focus-visible,:where(.griffin) .gr-radio:focus-visible,:where(.griffin) .gr-switch:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px}:where(.griffin) .gr-checkbox:disabled,:where(.griffin) .gr-radio:disabled,:where(.griffin) .gr-switch:disabled{opacity:.55;cursor:not-allowed}:where(.griffin) .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)}:where(.griffin) .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){:where(.griffin) .gr-switch{transition:background-color var(--gr-transition),border-color var(--gr-transition)}}:where(.griffin) .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)}:where(.griffin) .gr-segmented label{display:block;position:relative;flex:1}:where(.griffin) .gr-segmented input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}:where(.griffin) .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)}:where(.griffin) .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)}:where(.griffin) .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){:where(.griffin) .gr-segmented span:hover{background-color:var(--gr-color-surface-raised);color:var(--gr-color-text)}}:where(.griffin) .gr-segmented input:checked+span{background-color:var(--gr-color-accent);color:var(--gr-color-on-accent)}:where(.griffin) .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)}:where(.griffin) .gr-segmented input:disabled+span{opacity:.55;cursor:not-allowed}:where(.griffin) .gr-choice{display:inline-flex;align-items:center;gap:var(--gr-ui-gap);color:var(--gr-color-text);line-height:1.4;cursor:pointer}:where(.griffin) .gr-choice:has(:disabled){color:var(--gr-color-text-disabled);cursor:not-allowed}:where(.griffin) .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}:where(.griffin) .gr-drawer[open]{display:flex}:where(.griffin) .gr-drawer::backdrop{background-color:var(--gr-overlay)}:where(.griffin) .gr-drawer-start{--gr-drawer-slide: -100%;inset-inline:0 auto;border-inline-end:var(--gr-border-width) solid var(--gr-color-border)}:where(.griffin) .gr-drawer-end{--gr-drawer-slide: 100%;inset-inline:auto 0;border-inline-start:var(--gr-border-width) solid var(--gr-color-border)}:where(.griffin) .gr-drawer-top,:where(.griffin) .gr-drawer-bottom{inset-inline:0;inline-size:auto;block-size:auto;max-block-size:50dvh}:where(.griffin) .gr-drawer-top{--gr-drawer-slide: -100%;inset-block:0 auto;border-block-end:var(--gr-border-width) solid var(--gr-color-border)}:where(.griffin) .gr-drawer-bottom{--gr-drawer-slide: 100%;inset-block:auto 0;border-block-start:var(--gr-border-width) solid var(--gr-color-border)}:where(.griffin) .gr-drawer-sm{--gr-drawer-size: 15rem}:where(.griffin) .gr-drawer-lg{--gr-drawer-size: 28rem}@supports(transition-behavior: allow-discrete){:where(.griffin) .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}:where(.griffin) .gr-drawer-top,:where(.griffin) .gr-drawer-bottom{translate:0 var(--gr-drawer-slide)}:where(.griffin) .gr-drawer[open]{opacity:1;translate:0}:where(.griffin) .gr-drawer::backdrop{opacity:0;transition:opacity var(--gr-transition),overlay var(--gr-transition) allow-discrete,display var(--gr-transition) allow-discrete}:where(.griffin) .gr-drawer[open]::backdrop{opacity:1}@starting-style{:where(.griffin) .gr-drawer[open]{opacity:0;translate:var(--gr-drawer-slide) 0}:where(.griffin) .gr-drawer-top[open],:where(.griffin) .gr-drawer-bottom[open]{translate:0 var(--gr-drawer-slide)}:where(.griffin) .gr-drawer[open]::backdrop{opacity:0}}}@media(prefers-reduced-motion: reduce){:where(.griffin) .gr-drawer{translate:none;transition-duration:.01ms}:where(.griffin) .gr-drawer::backdrop{transition-duration:.01ms}}:where(.griffin) .gr-dropdown{position:relative;display:inline-block}:where(.griffin) .gr-dropdown>summary{list-style:none;cursor:pointer}:where(.griffin) .gr-dropdown>summary::-webkit-details-marker{display:none}:where(.griffin) .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}:where(.griffin) .gr-dropdown-end .gr-dropdown-panel{inset-inline:auto 0}:where(.griffin) .gr-dropdown-up .gr-dropdown-panel{inset-block:auto calc(100% + var(--gr-ui-gap)*.5)}:where(.griffin) .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){:where(.griffin) .gr-dropdown{anchor-scope:--gr-dropdown-anchor}:where(.griffin) .gr-dropdown>:where(summary,button,.gr-btn){anchor-name:--gr-dropdown-anchor}:where(.griffin) .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}:where(.griffin) .gr-dropdown-end .gr-dropdown-panel[popover]{inset-inline:auto anchor(end)}:where(.griffin) .gr-dropdown-up .gr-dropdown-panel[popover]{inset-block:auto calc(anchor(start) + var(--gr-ui-gap)*.5)}}:where(.griffin) .gr-dropdown-hover .gr-dropdown-panel{visibility:hidden;opacity:0;transition:opacity var(--gr-transition),visibility var(--gr-transition);transition-delay:.25s}:where(.griffin) .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)}:where(.griffin) .gr-dropdown-hover.gr-dropdown-up .gr-dropdown-panel::before{inset-block:100% auto}@media(hover: hover){:where(.griffin) .gr-dropdown-hover:hover .gr-dropdown-panel{visibility:visible;opacity:1;transition-delay:0s}}:where(.griffin) .gr-dropdown-hover:focus-within .gr-dropdown-panel{visibility:visible;opacity:1;transition-delay:0s}@media(prefers-reduced-motion: reduce){:where(.griffin) .gr-dropdown-hover .gr-dropdown-panel{transition-duration:.01ms}}@supports(transition-behavior: allow-discrete){:where(.griffin) .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}:where(.griffin) .gr-dropdown-panel[popover]:popover-open{opacity:1;translate:0}@starting-style{:where(.griffin) .gr-dropdown-panel[popover]:popover-open{opacity:0;translate:0 calc(-1*var(--gr-ui-gap)*.5)}}}@media(prefers-reduced-motion: reduce){:where(.griffin) .gr-dropdown-panel[popover]{translate:none;transition-duration:.01ms}}:where(.griffin) .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}:where(.griffin) .gr-empty-icon{color:var(--gr-color-text-muted);font-size:2.5rem;line-height:1}:where(.griffin) .gr-empty-title{margin:0;color:var(--gr-color-text);font-size:1.125rem;font-weight:600;line-height:1.3}:where(.griffin) .gr-empty-text{max-inline-size:46ch;margin:0;line-height:1.5}:where(.griffin) .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)}:where(.griffin) .gr-empty-boxed{border:var(--gr-border-width) dashed var(--gr-color-border);border-radius:var(--gr-radius);background-color:hsl(var(--gr-hsl-ink-1), 3%)}:where(.griffin) .gr-field{display:flex;flex-direction:column;gap:calc(var(--gr-ui-gap)*.5)}:where(.griffin) .gr-label{color:var(--gr-color-text);font-size:.875rem;font-weight:600;line-height:1.4}:where(.griffin) .gr-hint{color:var(--gr-color-text-muted);font-size:.8125rem;line-height:1.4}:where(.griffin) .gr-error{color:var(--gr-color-danger);font-size:.8125rem;line-height:1.4}:where(.griffin) .gr-success{color:var(--gr-color-success);font-size:.8125rem;line-height:1.4}:where(.griffin) .gr-field:has([required]) .gr-label::after,:where(.griffin) .gr-required::after{content:"*";margin-inline-start:.25em;color:var(--gr-color-danger)}:where(.griffin) .gr-input,:where(.griffin) .gr-textarea,:where(.griffin) .gr-select,:where(.griffin) .gr-file{--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)}:where(.griffin) .gr-textarea{min-block-size:calc(var(--gr-control-h)*2);field-sizing:content;resize:vertical}:where(.griffin) .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}:where(.griffin) .gr-select[multiple],:where(.griffin) .gr-select[size]{padding-inline-end:var(--gr-control-padding-x);background-image:none}:where(.griffin) .gr-input::placeholder,:where(.griffin) .gr-textarea::placeholder{color:var(--gr-color-text-muted);opacity:1}:where(.griffin) .gr-input:focus-visible,:where(.griffin) .gr-textarea:focus-visible,:where(.griffin) .gr-select:focus-visible,:where(.griffin) .gr-file:focus-visible{border-color:var(--gr-color-accent);outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:1px}:where(.griffin) .gr-input:user-invalid,:where(.griffin) .gr-textarea:user-invalid,:where(.griffin) .gr-select:user-invalid,:where(.griffin) .gr-file:user-invalid,:where(.griffin) .gr-input[aria-invalid=true],:where(.griffin) .gr-textarea[aria-invalid=true],:where(.griffin) .gr-select[aria-invalid=true],:where(.griffin) .gr-file[aria-invalid=true]{border-color:var(--gr-color-danger)}:where(.griffin) .gr-input[aria-invalid=false],:where(.griffin) .gr-textarea[aria-invalid=false],:where(.griffin) .gr-select[aria-invalid=false]{border-color:var(--gr-color-success)}:where(.griffin) .gr-input:disabled,:where(.griffin) .gr-textarea:disabled,:where(.griffin) .gr-select:disabled,:where(.griffin) .gr-file:disabled{border-color:var(--gr-color-border);background-color:var(--gr-color-surface-sunken);color:var(--gr-color-text-disabled);cursor:not-allowed}:where(.griffin) .gr-input:read-only:not(:disabled),:where(.griffin) .gr-textarea:read-only:not(:disabled){background-color:var(--gr-color-surface)}:where(.griffin) .gr-file{--gr-file-inset: 0.25rem;--gr-file-button: calc(var(--gr-control-h) - 2 * var(--gr-border-width) - 2 * var(--gr-file-inset));padding-block:0;padding-inline-start:var(--gr-file-inset);line-height:calc(var(--gr-control-h) - 2*var(--gr-border-width));cursor:pointer}:where(.griffin) .gr-file::file-selector-button{box-sizing:border-box;block-size:var(--gr-file-button);margin-block:var(--gr-file-inset);margin-inline:0 var(--gr-control-padding-x);padding-block:0;padding-inline:calc(var(--gr-control-padding-x)*.7);border:var(--gr-border-width) solid var(--gr-color-border);border-radius:max(0px,var(--gr-radius) - var(--gr-border-width) - var(--gr-file-inset));background-color:var(--gr-color-surface-raised);color:var(--gr-color-text);font:inherit;font-size:.875rem;line-height:calc(var(--gr-file-button) - 2*var(--gr-border-width));vertical-align:top;cursor:pointer}:where(.griffin) .gr-file-drop{display:flex;flex-direction:column;gap:var(--gr-ui-gap);align-items:center;justify-content:center;box-sizing:border-box;min-block-size:8rem;padding:var(--gr-gap);border:2px dashed var(--gr-color-border-strong);border-radius:var(--gr-radius);background-color:var(--gr-color-surface);color:var(--gr-color-text-secondary);text-align:center;cursor:pointer;transition:border-color var(--gr-transition),background-color var(--gr-transition)}:where(.griffin) .gr-file-drop>.gr-file{inline-size:auto}:where(.griffin) .gr-file-drop[data-gr-state=over]{border-color:var(--gr-color-accent);background-color:hsl(var(--gr-hsl-accent), 8%)}:where(.griffin) .gr-input::-webkit-datetime-edit{padding-block:0}:where(.griffin) .gr-input::-webkit-datetime-edit-fields-wrapper{padding-block:0}:where(.griffin) .gr-input-no-spin{appearance:textfield}:where(.griffin) .gr-input-no-spin::-webkit-outer-spin-button{margin:0;appearance:none}:where(.griffin) .gr-input-no-spin::-webkit-inner-spin-button{margin:0;appearance:none}:where(.griffin) .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}:where(.griffin) .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}:where(.griffin) .gr-input-group{display:flex;inline-size:100%}:where(.griffin) .gr-input-group>*{border-radius:0}:where(.griffin) .gr-input-group>:first-child{border-start-start-radius:var(--gr-radius);border-end-start-radius:var(--gr-radius)}:where(.griffin) .gr-input-group>:last-child{border-start-end-radius:var(--gr-radius);border-end-end-radius:var(--gr-radius)}:where(.griffin) .gr-input-group>*+*{margin-inline-start:calc(-1*var(--gr-border-width))}:where(.griffin) .gr-input-group>.gr-input,:where(.griffin) .gr-input-group>.gr-select{flex:1 1 auto;inline-size:auto;min-inline-size:0}:where(.griffin) .gr-input-group>:focus-within,:where(.griffin) .gr-input-group>:focus-visible{position:relative;z-index:1}:where(.griffin) .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}:where(.griffin) .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)}:where(.griffin) .gr-link:visited{color:var(--gr-color-link-visited)}@media(hover: hover){:where(.griffin) .gr-link:hover{color:var(--gr-color-link-hover)}}:where(.griffin) .gr-link:active{color:var(--gr-color-link-hover)}:where(.griffin) .gr-link:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px;border-radius:calc(var(--gr-radius)*.25)}:where(.griffin) .gr-link-muted{color:var(--gr-color-text-secondary)}:where(.griffin) .gr-link-muted:visited{color:var(--gr-color-text-secondary)}@media(hover: hover){:where(.griffin) .gr-link-muted:hover{color:var(--gr-color-text)}}:where(.griffin) .gr-link-inherit{color:inherit}:where(.griffin) .gr-link-inherit:visited{color:inherit}@media(hover: hover){:where(.griffin) .gr-link-inherit:hover{color:inherit;text-decoration-color:var(--gr-color-link)}}:where(.griffin) .gr-link-quiet{text-decoration-line:none}@media(hover: hover){:where(.griffin) .gr-link-quiet:hover{text-decoration-line:underline}}:where(.griffin) .gr-link-quiet:focus-visible{text-decoration-line:underline}:where(.griffin) .gr-link-dotted{text-decoration-style:dotted}:where(.griffin) .gr-link-dashed{text-decoration-style:dashed}:where(.griffin) .gr-link-wavy{text-decoration-style:wavy}:where(.griffin) .gr-link-double{text-decoration-style:double}:where(.griffin) .gr-link-wavy,:where(.griffin) .gr-link-double{text-underline-offset:.3em}:where(.griffin) .gr-link-external::after{content:"\2197";display:inline-block;margin-inline-start:.15em;font-size:.85em;vertical-align:baseline}:where(.griffin) .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}:where(.griffin) .gr-menu>:where(li){display:flex;margin:0;padding:0;list-style:none}:where(.griffin) .gr-menu>:where(li)>:where(*){flex:1 1 auto}:where(.griffin) .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){:where(.griffin) .gr-menu-item:hover:not(:disabled,[aria-disabled=true]){background-color:hsl(var(--gr-hsl-ink-0), 10%)}}:where(.griffin) .gr-menu-item:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:calc(-1*var(--gr-focus-width))}:where(.griffin) .gr-menu-item:disabled,:where(.griffin) .gr-menu-item[aria-disabled=true]{--gr-menu-fg: var(--gr-color-text-disabled);cursor:not-allowed}:where(.griffin) .gr-menu-item[aria-checked=true],:where(.griffin) .gr-menu-item[aria-current]{--gr-menu-fg: var(--gr-color-accent);background-color:hsl(var(--gr-hsl-accent), 12%);font-weight:600}:where(.griffin) .gr-menu-danger{--gr-menu-fg: var(--gr-color-danger)}@media(hover: hover){:where(.griffin) .gr-menu-danger:hover:not(:disabled,[aria-disabled=true]){background-color:hsl(var(--gr-hsl-status-danger), 12%)}}:where(.griffin) .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}:where(.griffin) .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)}:where(.griffin) .gr-menu-icon{flex:none;inline-size:1.25em;block-size:1.25em;text-align:center}:where(.griffin) .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}:where(.griffin) .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}:where(.griffin) .gr-modal[open]{display:flex}:where(.griffin) .gr-modal::backdrop{background-color:var(--gr-overlay)}:where(.griffin) .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)}:where(.griffin) .gr-modal-title{margin:0;font-size:1.125rem;font-weight:600;line-height:1.3}:where(.griffin) .gr-modal-body{flex:1 1 auto;padding:var(--gr-gap);line-height:var(--gr-leading-base);overflow-y:auto;overscroll-behavior:contain}:where(.griffin) .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)}:where(.griffin) .gr-modal-sm{inline-size:min(24rem,100% - var(--gr-gap)*2)}:where(.griffin) .gr-modal-lg{inline-size:min(48rem,100% - var(--gr-gap)*2)}:where(.griffin) .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){:where(.griffin) .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}:where(.griffin) .gr-modal[open]{opacity:1;translate:0}:where(.griffin) .gr-modal::backdrop{opacity:0;transition:opacity var(--gr-transition),overlay var(--gr-transition) allow-discrete,display var(--gr-transition) allow-discrete}:where(.griffin) .gr-modal[open]::backdrop{opacity:1}@starting-style{:where(.griffin) .gr-modal[open]{opacity:0;translate:0 var(--gr-gap)}:where(.griffin) .gr-modal[open]::backdrop{opacity:0}}}@media(prefers-reduced-motion: reduce){:where(.griffin) .gr-modal{translate:none;transition-duration:.01ms}:where(.griffin) .gr-modal::backdrop{transition-duration:.01ms}}:where(.griffin) .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}:where(.griffin) .gr-nav>:where(li){display:flex;margin:0;padding:0;list-style:none}:where(.griffin) .gr-nav-vertical>:where(li){align-items:stretch;flex-direction:column}:where(.griffin) .gr-nav-vertical{flex-flow:column nowrap;align-items:stretch}:where(.griffin) .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){:where(.griffin) .gr-nav-link:hover:not([aria-current],[aria-disabled=true]){--gr-nav-fg: var(--gr-color-text);background-color:hsl(var(--gr-hsl-ink-0), 8%)}}:where(.griffin) .gr-nav-link:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px}:where(.griffin) .gr-nav-link[aria-current]{--gr-nav-fg: var(--gr-color-accent);background-color:hsl(var(--gr-hsl-accent), 12%);font-weight:600}:where(.griffin) .gr-nav-link[aria-disabled=true]{color:var(--gr-color-text-disabled);cursor:not-allowed}:where(.griffin) .gr-nav-underline .gr-nav-link{border-block-end:calc(var(--gr-border-width)*2) solid rgba(0,0,0,0);border-radius:0}:where(.griffin) .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){:where(.griffin) .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)}}:where(.griffin) .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)}:where(.griffin) .gr-nav-underline.gr-nav-vertical .gr-nav-link[aria-current]{border-inline-start-color:var(--gr-color-accent)}:where(.griffin) .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)}:where(.griffin) .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}:where(.griffin) .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}:where(.griffin) .gr-nav-toggle>summary::-webkit-details-marker{display:none}:where(.griffin) .gr-nav-toggle>summary:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px}:where(.griffin) .gr-nav-collapse{display:none;flex-basis:100%;flex-direction:column;align-items:stretch}:where(.griffin) .gr-nav-toggle[open]~.gr-nav-collapse{display:flex}@media(width >= 768px){:where(.griffin) .gr-nav-toggle{display:none}:where(.griffin) .gr-nav-collapse{display:flex;flex-basis:auto;flex-direction:row;align-items:center}}:where(.griffin) .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}:where(.griffin) .gr-pagination>:where(li){display:flex;margin:0;padding:0;list-style:none}:where(.griffin) .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){:where(.griffin) .gr-page:hover:not([aria-current],[aria-disabled=true],:disabled){border-color:var(--gr-color-border-strong);background-color:var(--gr-color-surface-raised)}}:where(.griffin) .gr-page:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px}:where(.griffin) .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}:where(.griffin) .gr-page[aria-disabled=true],:where(.griffin) .gr-page:disabled{color:var(--gr-color-text-disabled);opacity:.7;cursor:not-allowed}:where(.griffin) .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}:where(.griffin) .gr-pagination-compact .gr-page{--gr-page-size: var(--gr-control-height-sm);font-size:.875rem}:where(.griffin) .gr-pagination-compact .gr-page-gap{min-block-size:var(--gr-control-height-sm)}:where(.griffin) .gr-pagination-joined{gap:0}:where(.griffin) .gr-pagination-joined .gr-page{border-radius:0}:where(.griffin) .gr-pagination-joined>:first-child .gr-page,:where(.griffin) .gr-pagination-joined>.gr-page:first-child{border-start-start-radius:var(--gr-radius);border-end-start-radius:var(--gr-radius)}:where(.griffin) .gr-pagination-joined>:last-child .gr-page,:where(.griffin) .gr-pagination-joined>.gr-page:last-child{border-start-end-radius:var(--gr-radius);border-end-end-radius:var(--gr-radius)}:where(.griffin) .gr-pagination-joined .gr-page+.gr-page,:where(.griffin) .gr-pagination-joined>:where(*+*) .gr-page{margin-inline-start:calc(-1*var(--gr-border-width))}:where(.griffin) .gr-pagination-joined .gr-page:focus-visible,:where(.griffin) .gr-pagination-joined .gr-page[aria-current]{position:relative;z-index:1}:where(.griffin) .gr-progress{--gr-progress-fill: var(--gr-color-accent);--gr-progress-track: hsl(var(--gr-hsl-ink-0), 12%);--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}:where(.griffin) .gr-progress::-webkit-progress-bar{background-image:none;background-color:var(--gr-progress-track);border-radius:var(--gr-radius-pill)}:where(.griffin) .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)}:where(.griffin) .gr-progress::-moz-progress-bar{background-image:none;background-color:var(--gr-progress-fill);border-radius:var(--gr-radius-pill)}:where(.griffin) .gr-progress-sm{--gr-progress-height: 0.25rem}:where(.griffin) .gr-progress-lg{--gr-progress-height: 0.75rem}:where(.griffin) .gr-progress-success{--gr-progress-fill: var(--gr-color-success)}:where(.griffin) .gr-progress-warning{--gr-progress-fill: var(--gr-color-warning-surface)}:where(.griffin) .gr-progress-danger{--gr-progress-fill: var(--gr-color-danger)}:where(.griffin) .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}:where(.griffin) .gr-progress-indeterminate::-webkit-progress-bar{background-color:rgba(0,0,0,0)}:where(.griffin) .gr-progress-indeterminate::-webkit-progress-value{background-color:rgba(0,0,0,0)}:where(.griffin) .gr-progress-indeterminate::-moz-progress-bar{background-color:rgba(0,0,0,0)}@media(prefers-reduced-motion: reduce){:where(.griffin) .gr-progress-indeterminate{animation-duration:3s}}:where(.griffin) .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:hsl(var(--gr-hsl-ink-0), 12%);appearance:none;overflow:hidden}:where(.griffin) .gr-meter::-webkit-meter-bar{background-image:none;background-color:hsl(var(--gr-hsl-ink-0), 12%);border:0;border-radius:var(--gr-radius-pill)}:where(.griffin) .gr-meter::-webkit-meter-optimum-value{background-image:none;background-color:var(--gr-color-success);border-radius:var(--gr-radius-pill)}:where(.griffin) .gr-meter::-webkit-meter-suboptimum-value{background-image:none;background-color:var(--gr-color-warning-surface);border-radius:var(--gr-radius-pill)}:where(.griffin) .gr-meter::-webkit-meter-even-less-good-value{background-image:none;background-color:var(--gr-color-danger);border-radius:var(--gr-radius-pill)}:where(.griffin) .gr-meter:-moz-meter-optimum::-moz-meter-bar{background-image:none;background-color:var(--gr-color-success);border-radius:var(--gr-radius-pill)}:where(.griffin) .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)}:where(.griffin) .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)}:where(.griffin) .gr-range{--gr-range-track: 0.375rem;--gr-range-thumb: 1.125rem;--gr-range-fill: calc(var(--gr-progress, 0) * 100%);--gr-range-dir: to right;display:block;box-sizing:border-box;inline-size:100%;block-size:var(--gr-range-thumb);margin:0;background-color:rgba(0,0,0,0);accent-color:var(--gr-color-accent);appearance:none;cursor:pointer}:where(.griffin) .gr-range::-webkit-slider-runnable-track{block-size:var(--gr-range-track);border-radius:var(--gr-radius-pill);background-color:hsl(var(--gr-hsl-ink-0), 12%);background-image:linear-gradient(var(--gr-range-dir), var(--gr-color-accent) 0 var(--gr-range-fill), transparent 0)}:where(.griffin) .gr-range:dir(rtl),:where(.griffin) .gr-range-pair:dir(rtl){--gr-range-dir: to left}:where(.griffin) .gr-range::-moz-range-track{block-size:var(--gr-range-track);border-radius:var(--gr-radius-pill);background-color:hsl(var(--gr-hsl-ink-0), 12%)}:where(.griffin) .gr-range::-moz-range-progress{block-size:var(--gr-range-track);border-radius:var(--gr-radius-pill);background-color:var(--gr-color-accent)}:where(.griffin) .gr-range::-webkit-slider-thumb{inline-size:var(--gr-range-thumb);block-size:var(--gr-range-thumb);margin-block-start:calc((var(--gr-range-track) - var(--gr-range-thumb))/2);border:0;border-radius:var(--gr-radius-pill);background-color:var(--gr-color-accent);appearance:none;transition:background-color var(--gr-transition)}:where(.griffin) .gr-range::-moz-range-thumb{inline-size:var(--gr-range-thumb);block-size:var(--gr-range-thumb);border:0;border-radius:var(--gr-radius-pill);background-color:var(--gr-color-accent);transition:background-color var(--gr-transition)}:where(.griffin) .gr-range-pair{--gr-range-track: 0.375rem;--gr-range-dir: to right;display:grid;align-items:center}:where(.griffin) .gr-range-pair::before{content:"";grid-area:1/1;align-self:center;block-size:var(--gr-range-track);border-radius:var(--gr-radius-pill);background-color:hsl(var(--gr-hsl-ink-0), 12%);background-image:linear-gradient(var(--gr-range-dir), transparent 0 calc(var(--gr-range-from, 0) * 100%), var(--gr-color-accent) 0 calc(var(--gr-range-to, 0) * 100%), transparent 0)}:where(.griffin) .gr-range-pair>.gr-range{grid-area:1/1;pointer-events:none}:where(.griffin) .gr-range-pair>.gr-range::-webkit-slider-thumb{pointer-events:auto}:where(.griffin) .gr-range-pair>.gr-range::-moz-range-thumb{pointer-events:auto}:where(.griffin) .gr-range-pair>.gr-range::-webkit-slider-runnable-track{background:none}:where(.griffin) .gr-range-pair>.gr-range::-moz-range-track{background:none}:where(.griffin) .gr-range-pair>.gr-range::-moz-range-progress{background:none}:where(.griffin) .gr-range:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px}:where(.griffin) .gr-range:disabled{opacity:.55;cursor:not-allowed}@media(hover: hover){:where(.griffin) .gr-range:hover:enabled::-webkit-slider-thumb{box-shadow:inset 0 0 0 100vmax hsl(var(--gr-hsl-on-accent), 15%)}:where(.griffin) .gr-range:hover:enabled::-moz-range-thumb{box-shadow:inset 0 0 0 100vmax hsl(var(--gr-hsl-on-accent), 15%)}}:where(.griffin) .gr-rating{--gr-rating-fill: calc(var(--gr-rating, 0) / 5 * 100%);position:relative;display:inline-block;white-space:nowrap}:where(.griffin) .gr-rating::before{content:var(--gr-rating-symbol) var(--gr-rating-symbol) var(--gr-rating-symbol) var(--gr-rating-symbol) var(--gr-rating-symbol);opacity:.3}:where(.griffin) .gr-rating::after{content:var(--gr-rating-symbol) var(--gr-rating-symbol) var(--gr-rating-symbol) var(--gr-rating-symbol) var(--gr-rating-symbol);position:absolute;inset-block:0;inset-inline-start:0;inline-size:var(--gr-rating-fill);overflow:hidden;color:var(--gr-rating-color)}:where(.griffin) .gr-skeleton{display:block;box-sizing:border-box;min-block-size:1em;border-radius:calc(var(--gr-radius)*.5);background-color:hsl(var(--gr-hsl-ink-0), 12%);animation:gr-skeleton-pulse 1.6s ease-in-out infinite}:where(.griffin) .gr-skeleton-text{block-size:1em;min-block-size:0;border-radius:var(--gr-radius-pill);margin-block:.25em}:where(.griffin) .gr-skeleton-text:last-child{inline-size:60%}:where(.griffin) .gr-skeleton-circle{flex:none;inline-size:2.5rem;block-size:2.5rem;border-radius:var(--gr-radius-pill)}:where(.griffin) .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)}:where(.griffin) .gr-skeleton-stack{display:flex;flex:1 1 0;flex-direction:column;gap:.5em;min-inline-size:0}:where(.griffin) .gr-skeleton-stack .gr-skeleton-text{margin-block:0}@media(prefers-reduced-motion: reduce){:where(.griffin) .gr-skeleton{animation:none}}:where(.griffin) .gr-spinner{--gr-spinner-size: 1.5em;--gr-spinner-thickness: 0.15em;--gr-spinner-track: currentcolor;--gr-spinner-track-opacity: 0.2;--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);position:relative;border-radius:var(--gr-radius-pill);vertical-align:middle;animation:gr-spin .8s linear infinite}:where(.griffin) .gr-spinner::before,:where(.griffin) .gr-spinner::after{content:"";position:absolute;box-sizing:border-box;inset:0;border:var(--gr-spinner-thickness) solid rgba(0,0,0,0);border-radius:inherit}:where(.griffin) .gr-spinner::before{border-color:var(--gr-spinner-track);opacity:var(--gr-spinner-track-opacity)}:where(.griffin) .gr-spinner::after{border-block-start-color:var(--gr-spinner-color)}:where(.griffin) .gr-spinner-sm{--gr-spinner-size: 1em;--gr-spinner-thickness: 0.12em}:where(.griffin) .gr-spinner-lg{--gr-spinner-size: 2.5em;--gr-spinner-thickness: 0.18em}:where(.griffin) .gr-spinner-current{--gr-spinner-color: currentcolor}@media(prefers-reduced-motion: reduce){:where(.griffin) .gr-spinner{animation-duration:2.4s}}:where(.griffin) .gr-steps{--gr-step-marker-size: 2rem;display:flex;box-sizing:border-box;margin:0;padding:0;list-style:none}:where(.griffin) .gr-steps>:where(li){display:flex;flex:1 1 0;min-inline-size:0;margin:0;padding:0;list-style:none}:where(.griffin) .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}:where(.griffin) .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)}:where(.griffin) .gr-steps>:last-child .gr-step::after,:where(.griffin) .gr-steps>.gr-step:last-child::after{content:none}:where(.griffin) .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}:where(.griffin) .gr-step-label{color:var(--gr-step-color);font-size:.9375rem;font-weight:600;line-height:1.3}:where(.griffin) .gr-step-note{color:var(--gr-color-text-muted);font-size:.8125rem;font-weight:400;line-height:1.35}:where(.griffin) .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)}:where(.griffin) .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)}:where(.griffin) .gr-step[aria-current] .gr-step-marker{border-color:var(--gr-color-accent)}:where(.griffin) .gr-step-disabled{--gr-step-color: var(--gr-color-text-disabled);--gr-step-marker-fg: var(--gr-color-text-disabled)}:where(.griffin) .gr-steps-vertical{flex-direction:column;gap:var(--gr-gap)}:where(.griffin) .gr-steps-vertical>:where(li){flex:none}:where(.griffin) .gr-steps-vertical .gr-step{flex:none;flex-direction:row;align-items:flex-start;gap:var(--gr-ui-gap);text-align:start}:where(.griffin) .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)}:where(.griffin) .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)}:where(.griffin) .gr-table{inline-size:100%;border-collapse:collapse;color:var(--gr-color-text);text-align:start}:where(.griffin) .gr-table th,:where(.griffin) .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}:where(.griffin) .gr-table th{color:var(--gr-color-text-secondary);font-size:.875rem;font-weight:600;white-space:nowrap}:where(.griffin) .gr-table thead th{border-block-end:calc(var(--gr-border-width)*2) solid var(--gr-color-border-strong)}:where(.griffin) .gr-table tfoot td{border-block-end:0;color:var(--gr-color-text-secondary);font-size:.875rem}:where(.griffin) .gr-table caption{padding-block-end:calc(var(--gr-gap)*.5);color:var(--gr-color-text-secondary);font-size:.875rem;text-align:start}:where(.griffin) .gr-table-striped tbody tr:nth-child(odd){background-color:hsl(var(--gr-hsl-ink-0), 5%)}:where(.griffin) .gr-table-bordered{border:var(--gr-border-width) solid var(--gr-color-border)}:where(.griffin) .gr-table-bordered th,:where(.griffin) .gr-table-bordered td{border:var(--gr-border-width) solid var(--gr-color-border)}:where(.griffin) .gr-table-compact th,:where(.griffin) .gr-table-compact td{padding-block:calc(var(--gr-gap)*.25);padding-inline:calc(var(--gr-gap)*.5);font-size:.875rem}:where(.griffin) .gr-table-relaxed th,:where(.griffin) .gr-table-relaxed td{padding-block:calc(var(--gr-gap)*.875);padding-inline:calc(var(--gr-gap)*1.25)}@media(hover: hover){:where(.griffin) .gr-table-hover tbody tr:hover{background-image:linear-gradient(hsl(var(--gr-hsl-ink-0), 6%), hsl(var(--gr-hsl-ink-0), 6%))}}:where(.griffin) .gr-table-wrap{inline-size:100%;max-block-size:100%;overflow:auto;overscroll-behavior-x:contain}:where(.griffin) .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)}:where(.griffin) .gr-table th[aria-sort]::after{margin-inline-start:.4em;font-size:.85em}:where(.griffin) .gr-table th[aria-sort=ascending]::after{content:"\2191"}:where(.griffin) .gr-table th[aria-sort=descending]::after{content:"\2193"}:where(.griffin) .gr-table[data-gr-state] th[aria-sort]{cursor:pointer;user-select:none}:where(.griffin) .gr-table[data-gr-state] th[aria-sort=none]::after{content:"\2195";opacity:.65}:where(.griffin) .gr-table th[aria-sort]:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:-2px}:where(.griffin) .gr-tabs{display:flex;box-sizing:border-box;flex-direction:column}:where(.griffin) .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}:where(.griffin) .gr-tablist>:where(li){display:flex;margin:0;padding:0;list-style:none}:where(.griffin) .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){:where(.griffin) .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)}}:where(.griffin) .gr-tab:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:calc(-1*var(--gr-focus-width))}:where(.griffin) .gr-tab[aria-selected=true],:where(.griffin) .gr-tab[aria-current]{--gr-tab-fg: var(--gr-color-accent);border-block-end-color:var(--gr-color-accent);font-weight:600}:where(.griffin) .gr-tab:disabled,:where(.griffin) .gr-tab[aria-disabled=true]{--gr-tab-fg: var(--gr-color-text-disabled);cursor:not-allowed}:where(.griffin) .gr-tab-panel{box-sizing:border-box;padding-block:var(--gr-gap)}:where(.griffin) .gr-tab-panel:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:calc(-1*var(--gr-focus-width))}:where(.griffin) .gr-tabs-pills .gr-tablist{box-shadow:none}:where(.griffin) .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){:where(.griffin) .gr-tabs-pills .gr-tab:hover:not([aria-selected=true],[aria-current],[aria-disabled=true],:disabled){background-color:hsl(var(--gr-hsl-ink-0), 8%)}}:where(.griffin) .gr-tabs-pills .gr-tab[aria-selected=true],:where(.griffin) .gr-tabs-pills .gr-tab[aria-current]{background-color:var(--gr-color-accent);color:var(--gr-color-on-accent)}:where(.griffin) .gr-tabs-stretch .gr-tablist{overflow-x:visible}:where(.griffin) .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}:where(.griffin) .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}:where(.griffin) .gr-toast-region-top-start{inset-block:0 auto;inset-inline:0 auto}:where(.griffin) .gr-toast-region-top-end{inset-block:0 auto;inset-inline:auto 0}:where(.griffin) .gr-toast-region-bottom-start{--gr-toast-slide: 0.75rem;inset-block:auto 0;inset-inline:0 auto;flex-direction:column-reverse}:where(.griffin) .gr-toast-region-bottom-end{--gr-toast-slide: 0.75rem;inset-block:auto 0;inset-inline:auto 0;flex-direction:column-reverse}:where(.griffin) .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{:where(.griffin) .gr-toast{opacity:0;translate:0 var(--gr-toast-slide, -0.75rem)}}:where(.griffin) .gr-toast-leaving{opacity:0;translate:0 var(--gr-toast-slide, -0.75rem);pointer-events:none}@media(prefers-reduced-motion: reduce){:where(.griffin) .gr-toast{transition-duration:.01ms}}:where(.griffin) .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}:where(.griffin) .gr-toast-body{flex:1 1 auto;min-inline-size:0}:where(.griffin) .gr-toast-title{display:block;margin:0;color:var(--gr-toast-color);font-size:inherit;font-weight:600}:where(.griffin) .gr-toast-info{--gr-toast-color: var(--gr-color-info);--gr-toast-fill: var(--gr-color-info)}:where(.griffin) .gr-toast-success{--gr-toast-color: var(--gr-color-success);--gr-toast-fill: var(--gr-color-success)}:where(.griffin) .gr-toast-warning{--gr-toast-color: var(--gr-color-warning);--gr-toast-fill: var(--gr-color-warning-surface)}:where(.griffin) .gr-toast-danger{--gr-toast-color: var(--gr-color-danger);--gr-toast-fill: var(--gr-color-danger)}:where(.griffin) .gr-tooltip-anchor{position:relative;display:inline-flex;vertical-align:middle}:where(.griffin) .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}:where(.griffin) .gr-tooltip-anchor:focus-within .gr-tooltip{opacity:1;visibility:visible;content-visibility:visible}@media(hover: hover){:where(.griffin) .gr-tooltip-anchor:hover .gr-tooltip{opacity:1;visibility:visible;content-visibility:visible}}@media(prefers-reduced-motion: reduce){:where(.griffin) .gr-tooltip{transition-duration:.01ms}}:where(.griffin) .gr-tooltip-bottom{inset-block:calc(100% + var(--gr-tooltip-offset)) auto}:where(.griffin) .gr-tooltip-start,:where(.griffin) .gr-tooltip-end{inset-block:50% auto;translate:0 -50%}:where(.griffin) .gr-tooltip-start{inset-inline:auto calc(100% + var(--gr-tooltip-offset))}:where(.griffin) .gr-tooltip-end{inset-inline:calc(100% + var(--gr-tooltip-offset)) auto}@supports(anchor-name: --gr-tooltip-anchor){:where(.griffin) .gr-tooltip-anchor:has(>[popover].gr-tooltip){anchor-scope:--gr-tooltip-anchor;anchor-name:--gr-tooltip-anchor}:where(.griffin) [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}:where(.griffin) [popover].gr-tooltip:popover-open{opacity:1;visibility:visible;content-visibility:visible}}}