griffincss-ui 0.29.0 → 0.29.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/dist/griffincss-ui-scoped.css +1 -1
  2. package/dist/griffincss-ui.css +1 -1
  3. package/dist/griffincss-ui.js +1 -1
  4. package/dist/griffincss-ui.js.map +1 -1
  5. package/dist/griffinjs-core.js +1 -1
  6. package/dist/griffinjs-dialog.js +1 -1
  7. package/dist/griffinjs-dialog.js.map +1 -1
  8. package/dist/griffinjs-megamenu.js +1 -1
  9. package/dist/griffinjs-megamenu.js.map +1 -1
  10. package/dist/griffinjs.css +1 -1
  11. package/dist/griffinjs.js +1 -1
  12. package/dist/griffinjs.js.map +1 -1
  13. package/package.json +2 -2
  14. package/scss/_accordion.scss +9 -0
  15. package/scss/_alert.scss +5 -0
  16. package/scss/_card.scss +13 -0
  17. package/scss/_drawer.scss +4 -0
  18. package/scss/_modal.scss +4 -0
  19. package/scss/_table.scss +29 -9
  20. package/scss/griffinjs/_megamenu.scss +4 -0
  21. package/src/griffincss-ui.js +221 -8
  22. package/src/griffinjs/core/griffinjs-core.js +2 -2
  23. package/src/griffinjs/widgets/dialog.js +4 -0
  24. package/src/griffinjs/widgets/megamenu.js +2 -0
package/dist/griffincss-ui-scoped.css CHANGED
@@ -1 +1 @@
1
- @layer griffincss.reset, griffincss.tokens, griffincss.core, griffincss.ui, griffincss.utils, griffincss.style, griffincss.hidden;@layer griffincss.tokens{@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-base: 220, 80%, 45%;--gr-hsl-accent-base-hover: 220, 80%, 36%;--gr-hsl-accent: var(--gr-hsl-accent-base);--gr-hsl-accent-hover: var(--gr-hsl-accent-base-hover);--gr-hsl-on-accent: 0, 0%, 100%;--gr-hsl-link: var(--gr-hsl-accent-base);--gr-hsl-link-hover: var(--gr-hsl-accent-base-hover);--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-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));--gr-color-rating: hsl(var(--gr-hsl-status-warning-surface))}[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-base: 220, 85%, 68%;--gr-hsl-accent-base-hover: 220, 85%, 78%;--gr-hsl-accent: var(--gr-hsl-accent-base);--gr-hsl-accent-hover: var(--gr-hsl-accent-base-hover);--gr-hsl-on-accent: 0, 0%, 7%;--gr-hsl-link: var(--gr-hsl-accent-base);--gr-hsl-link-hover: var(--gr-hsl-accent-base-hover);--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-base: 220, 80%, 45%;--gr-hsl-accent-base-hover: 220, 80%, 36%;--gr-hsl-accent: var(--gr-hsl-accent-base);--gr-hsl-accent-hover: var(--gr-hsl-accent-base-hover);--gr-hsl-on-accent: 0, 0%, 100%;--gr-hsl-link: var(--gr-hsl-accent-base);--gr-hsl-link-hover: var(--gr-hsl-accent-base-hover);--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-base: 220, 85%, 68%;--gr-hsl-accent-base-hover: 220, 85%, 78%;--gr-hsl-accent: var(--gr-hsl-accent-base);--gr-hsl-accent-hover: var(--gr-hsl-accent-base-hover);--gr-hsl-on-accent: 0, 0%, 7%;--gr-hsl-link: var(--gr-hsl-accent-base);--gr-hsl-link-hover: var(--gr-hsl-accent-base-hover);--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]{--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-on-accent: var(--gr-hsl-surface-max);--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-on-accent: var(--gr-hsl-surface-max);--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 print{:root,:root:not([data-gr-theme]),[data-gr-theme],[data-gr-a11y]{--gr-shadow-strength: 0}}}@layer griffincss.ui{[data-gr-a11y=low-vision]{font-size:calc(100%*var(--gr-a11y-scale, 1.25))}[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}@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}}@property --gr-scroll-start{syntax:"<number>";inherits:false;initial-value:0}@property --gr-scroll-end{syntax:"<number>";inherits:false;initial-value:0}@keyframes gr-scroll-start{to{--gr-scroll-start: 1}}@keyframes gr-scroll-end{from{--gr-scroll-end: 1}}: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-accordion-summary-pad, var(--gr-gap))*.5);padding-inline:var(--gr-accordion-summary-pad, 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-container, 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) a.gr-btn:not(.gr-btn-link){color:var(--gr-btn-fg);text-decoration-line:none}: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-card-border, var(--gr-color-border));border-radius:var(--gr-card-radius, var(--gr-radius-container, var(--gr-radius)));background-color:var(--gr-card-bg, var(--gr-color-surface));color:var(--gr-color-text);overflow:var(--gr-card-overflow, hidden)}:where(.griffin) .gr-card-body{flex:1 1 auto;padding:var(--gr-card-pad, var(--gr-gap))}:where(.griffin) .gr-card-header,:where(.griffin) .gr-card-footer{padding-block:calc(var(--gr-card-pad, var(--gr-gap))*.75);padding-inline:var(--gr-card-pad, 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-overlay{background-color:var(--gr-color-surface-overlay)}: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);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~label span{border-inline-start:var(--gr-border-width) solid var(--gr-color-border)}:where(.griffin) .gr-segmented label:first-of-type span{border-start-start-radius:var(--gr-segmented-radius);border-end-start-radius:var(--gr-segmented-radius)}:where(.griffin) .gr-segmented label:last-of-type 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-choice-start{align-items:flex-start}:where(.griffin) .gr-choice-start>input{margin-block-start:.15em}:where(.griffin) .gr-choice-row{display:flex;justify-content:space-between}:where(.griffin) .gr-swatch,:where(.griffin) .gr-swatch-tag{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;border:var(--gr-border-width) solid var(--gr-color-border-strong);cursor:pointer;transition:box-shadow var(--gr-transition),background-color var(--gr-transition),color var(--gr-transition)}:where(.griffin) .gr-swatch{--gr-swatch: var(--gr-color-surface-sunken);inline-size:var(--gr-swatch-size, 1.5rem);block-size:var(--gr-swatch-size, 1.5rem);border-radius:var(--gr-swatch-radius, var(--gr-radius-pill));background-color:var(--gr-swatch)}:where(.griffin) .gr-swatch>img{inline-size:100%;block-size:100%;border-radius:inherit;object-fit:cover}:where(.griffin) .gr-swatch-tag{min-inline-size:2.25rem;padding-block:.25rem;padding-inline:.625rem;border-radius:var(--gr-radius);background-color:var(--gr-color-surface);color:var(--gr-color-text);font-size:.875rem;line-height:1.4}:where(.griffin) a.gr-swatch-tag{text-decoration-line:none}:where(.griffin) .gr-choice:has(>.gr-swatch,>.gr-swatch-tag){position:relative}:where(.griffin) .gr-choice:has(>.gr-swatch,>.gr-swatch-tag)>.gr-radio{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}:where(.griffin) .gr-radio:checked+.gr-swatch,:where(.griffin) .gr-swatch[aria-current]{box-shadow:0 0 0 2px var(--gr-color-surface),0 0 0 4px var(--gr-color-accent)}:where(.griffin) .gr-radio:checked+.gr-swatch-tag,:where(.griffin) .gr-swatch-tag[aria-current],:where(.griffin) a.gr-swatch-tag[aria-current]{border-color:var(--gr-color-accent);background-color:var(--gr-color-accent);color:var(--gr-color-on-accent)}:where(.griffin) .gr-radio:focus-visible+.gr-swatch,:where(.griffin) .gr-radio:focus-visible+.gr-swatch-tag,:where(.griffin) .gr-swatch:focus-visible,:where(.griffin) .gr-swatch-tag:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px}:where(.griffin) .gr-radio:disabled+.gr-swatch,:where(.griffin) .gr-radio:disabled+.gr-swatch-tag{opacity:.55;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:var(--gr-dropdown-min-width, max-content);max-inline-size:min(20rem,90vw);margin:0;padding:var(--gr-dropdown-pad, 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:var(--gr-dropdown-pad, 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:var(--gr-dropdown-min-width, 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],:where(.griffin) .gr-field[data-gr-state=error] .gr-input,:where(.griffin) .gr-field[data-gr-state=error] .gr-textarea,:where(.griffin) .gr-field[data-gr-state=error] .gr-select,:where(.griffin) .gr-field[data-gr-state=error] .gr-file{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>:nth-child(1 of :not([type=hidden],[hidden],template,script,datalist)){margin-inline-start:0;border-start-start-radius:var(--gr-radius);border-end-start-radius:var(--gr-radius)}:where(.griffin) .gr-input-group>:nth-last-child(1 of :not([type=hidden],[hidden],template,script,datalist)){border-start-end-radius:var(--gr-radius);border-end-end-radius:var(--gr-radius)}: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-container, 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;min-block-size:10rem;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-container, 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[data-gr-state=loading]::before{content:"";box-sizing:border-box;inline-size:2.5em;block-size:2.5em;margin:auto;border:.18em solid var(--gr-color-border);border-block-start-color:var(--gr-color-accent);border-radius:var(--gr-radius-pill);animation:gr-spin .8s linear infinite}: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:var(--gr-modal-body-overflow, 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-modal-transition, var(--gr-transition)),translate var(--gr-modal-transition, var(--gr-transition)),overlay var(--gr-modal-transition, var(--gr-transition)) allow-discrete,display var(--gr-modal-transition, 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-modal[data-gr-state=loading]::before{animation-duration:2.4s}}: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:var(--gr-nav-item-pad, 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-nav-link-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],:where(.griffin) a.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-prose{min-inline-size:0;overflow-wrap:break-word}:where(.griffin) :where(.gr-prose,.gr-prose blockquote,.gr-prose li)>*{margin-block:0}:where(.griffin) :where(.gr-prose,.gr-prose blockquote,.gr-prose li)>*+*{margin-block-start:var(--gr-gap)}:where(.griffin) :where(.gr-prose>*+:is(h1,h2,h3,h4,h5,h6),.gr-prose>*+hr,.gr-prose>hr+*){margin-block-start:var(--gr-gap-lg)}:where(.griffin) :where(.gr-prose>:is(h1,h2,h3,h4,h5,h6)+*){margin-block-start:var(--gr-gap-sm)}:where(.griffin) :where(.gr-prose :is(ul,ol):not([class])){padding-inline-start:1.5em}:where(.griffin) :where(.gr-prose :is(ul,ol):not([class])>li+li,.gr-prose li>:is(ul,ol)){margin-block-start:var(--gr-gap-sm)}:where(.griffin) :where(.gr-prose :is(ul,ol):not([class])>li)::marker{color:var(--gr-color-text-secondary)}:where(.griffin) :where(.gr-prose :is(blockquote,figure)){margin-inline:0}:where(.griffin) :where(.gr-prose blockquote){padding-inline-start:1em;border-inline-start:.25rem solid var(--gr-color-accent);font-style:italic}:where(.griffin) :where(.gr-prose hr){block-size:0;border:0;border-block-start:var(--gr-border-width) solid var(--gr-color-border)}:where(.griffin) :where(.gr-prose :is(img,video)){max-inline-size:100%;block-size:auto}:where(.griffin) :where(.gr-prose iframe){max-inline-size:100%}@supports(aspect-ratio: attr(width type(<number>)) / attr(height type(<number>))){:where(.griffin) :where(.gr-prose iframe[width][height]:not([width$="%"],[height$="%"])){aspect-ratio:attr(width type(<number>)) / attr(height type(<number>));block-size:auto;min-block-size:min(attr(height px), 150px)}}:where(.griffin) :where(.gr-prose pre){overflow-x:auto}:where(.griffin) :where(.gr-prose a:not([class])){color:var(--gr-color-link);text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-offset:.2em}:where(.griffin) :where(.gr-prose a:not([class]):visited){color:var(--gr-color-link-visited)}@media(hover: hover){:where(.griffin) :where(.gr-prose a:not([class]):hover){color:var(--gr-color-link-hover)}}: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, var(--gr-color-rating))}: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, 2rem);block-size:var(--gr-step-marker-size, 2rem);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-body{display:flex;flex-direction:column;gap:calc(var(--gr-ui-gap)*.5)}:where(.griffin) :where(.gr-steps-plain) .gr-step{--gr-step-color: var(--gr-color-text);--gr-step-marker-fg: var(--gr-color-accent)}: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{gap:calc(var(--gr-ui-gap)*.25);padding-block-start:calc((var(--gr-step-marker-size) - 1.3em)/2)}@media(width < 640px){:where(.griffin) .gr-steps-stack-sm{flex-direction:column;gap:var(--gr-gap)}:where(.griffin) .gr-steps-stack-sm>:where(li){flex:none}:where(.griffin) .gr-steps-stack-sm .gr-step{flex:none;flex-direction:row;align-items:flex-start;gap:var(--gr-ui-gap);text-align:start}:where(.griffin) .gr-steps-stack-sm .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-stack-sm .gr-step-body{gap:calc(var(--gr-ui-gap)*.25);padding-block-start:calc((var(--gr-step-marker-size) - 1.3em)/2)}}@container (width < 640px){:where(.griffin) .gr-steps-stack-csm{flex-direction:column;gap:var(--gr-gap)}:where(.griffin) .gr-steps-stack-csm>:where(li){flex:none}:where(.griffin) .gr-steps-stack-csm .gr-step{flex:none;flex-direction:row;align-items:flex-start;gap:var(--gr-ui-gap);text-align:start}:where(.griffin) .gr-steps-stack-csm .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-stack-csm .gr-step-body{gap:calc(var(--gr-ui-gap)*.25);padding-block-start:calc((var(--gr-step-marker-size) - 1.3em)/2)}}@media(width < 768px){:where(.griffin) .gr-steps-stack-md{flex-direction:column;gap:var(--gr-gap)}:where(.griffin) .gr-steps-stack-md>:where(li){flex:none}:where(.griffin) .gr-steps-stack-md .gr-step{flex:none;flex-direction:row;align-items:flex-start;gap:var(--gr-ui-gap);text-align:start}:where(.griffin) .gr-steps-stack-md .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-stack-md .gr-step-body{gap:calc(var(--gr-ui-gap)*.25);padding-block-start:calc((var(--gr-step-marker-size) - 1.3em)/2)}}@container (width < 768px){:where(.griffin) .gr-steps-stack-cmd{flex-direction:column;gap:var(--gr-gap)}:where(.griffin) .gr-steps-stack-cmd>:where(li){flex:none}:where(.griffin) .gr-steps-stack-cmd .gr-step{flex:none;flex-direction:row;align-items:flex-start;gap:var(--gr-ui-gap);text-align:start}:where(.griffin) .gr-steps-stack-cmd .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-stack-cmd .gr-step-body{gap:calc(var(--gr-ui-gap)*.25);padding-block-start:calc((var(--gr-step-marker-size) - 1.3em)/2)}}@media(width < 1024px){:where(.griffin) .gr-steps-stack-lg{flex-direction:column;gap:var(--gr-gap)}:where(.griffin) .gr-steps-stack-lg>:where(li){flex:none}:where(.griffin) .gr-steps-stack-lg .gr-step{flex:none;flex-direction:row;align-items:flex-start;gap:var(--gr-ui-gap);text-align:start}:where(.griffin) .gr-steps-stack-lg .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-stack-lg .gr-step-body{gap:calc(var(--gr-ui-gap)*.25);padding-block-start:calc((var(--gr-step-marker-size) - 1.3em)/2)}}@container (width < 1024px){:where(.griffin) .gr-steps-stack-clg{flex-direction:column;gap:var(--gr-gap)}:where(.griffin) .gr-steps-stack-clg>:where(li){flex:none}:where(.griffin) .gr-steps-stack-clg .gr-step{flex:none;flex-direction:row;align-items:flex-start;gap:var(--gr-ui-gap);text-align:start}:where(.griffin) .gr-steps-stack-clg .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-stack-clg .gr-step-body{gap:calc(var(--gr-ui-gap)*.25);padding-block-start:calc((var(--gr-step-marker-size) - 1.3em)/2)}}@media(width < 1280px){:where(.griffin) .gr-steps-stack-xl{flex-direction:column;gap:var(--gr-gap)}:where(.griffin) .gr-steps-stack-xl>:where(li){flex:none}:where(.griffin) .gr-steps-stack-xl .gr-step{flex:none;flex-direction:row;align-items:flex-start;gap:var(--gr-ui-gap);text-align:start}:where(.griffin) .gr-steps-stack-xl .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-stack-xl .gr-step-body{gap:calc(var(--gr-ui-gap)*.25);padding-block-start:calc((var(--gr-step-marker-size) - 1.3em)/2)}}@container (width < 1280px){:where(.griffin) .gr-steps-stack-cxl{flex-direction:column;gap:var(--gr-gap)}:where(.griffin) .gr-steps-stack-cxl>:where(li){flex:none}:where(.griffin) .gr-steps-stack-cxl .gr-step{flex:none;flex-direction:row;align-items:flex-start;gap:var(--gr-ui-gap);text-align:start}:where(.griffin) .gr-steps-stack-cxl .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-stack-cxl .gr-step-body{gap:calc(var(--gr-ui-gap)*.25);padding-block-start:calc((var(--gr-step-marker-size) - 1.3em)/2)}}:where(.griffin) .gr-table,:where(.griffin) :where(.gr-prose 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,:where(.griffin) :where(.gr-prose table :is(th,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,:where(.griffin) :where(.gr-prose table th){color:var(--gr-color-text-secondary);font-size:.875rem;font-weight:600}:where(.griffin) .gr-table th{white-space:nowrap}:where(.griffin) .gr-table thead th,:where(.griffin) :where(.gr-prose table thead th){border-block-end:calc(var(--gr-border-width)*2) solid var(--gr-color-border-strong)}:where(.griffin) .gr-table tfoot td,:where(.griffin) :where(.gr-prose table tfoot td){border-block-end:0;color:var(--gr-color-text-secondary);font-size:.875rem}:where(.griffin) .gr-table caption,:where(.griffin) :where(.gr-prose 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-stack,:where(.griffin) .gr-table-stack tbody,:where(.griffin) .gr-table-stack tfoot,:where(.griffin) .gr-table-stack tr{display:block}:where(.griffin) .gr-table-stack thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}:where(.griffin) .gr-table-stack tr{margin-block-end:var(--gr-gap);border:var(--gr-border-width) solid var(--gr-color-border);border-radius:var(--gr-radius-container, var(--gr-radius))}:where(.griffin) .gr-table-stack tr:last-child{margin-block-end:0}:where(.griffin) .gr-table-stack tr>*{display:flex;gap:var(--gr-gap);white-space:normal}:where(.griffin) .gr-table-stack tr>:last-child{border-block-end:0}:where(.griffin) .gr-table-stack tr>[data-label]::before{content:attr(data-label);flex:0 0 40%;color:var(--gr-color-text-secondary);font-size:.875rem;font-weight:600;text-align:start}@media(width < 640px){:where(.griffin) .gr-table-stack-sm,:where(.griffin) .gr-table-stack-sm tbody,:where(.griffin) .gr-table-stack-sm tfoot,:where(.griffin) .gr-table-stack-sm tr{display:block}:where(.griffin) .gr-table-stack-sm thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}:where(.griffin) .gr-table-stack-sm tr{margin-block-end:var(--gr-gap);border:var(--gr-border-width) solid var(--gr-color-border);border-radius:var(--gr-radius-container, var(--gr-radius))}:where(.griffin) .gr-table-stack-sm tr:last-child{margin-block-end:0}:where(.griffin) .gr-table-stack-sm tr>*{display:flex;gap:var(--gr-gap);white-space:normal}:where(.griffin) .gr-table-stack-sm tr>:last-child{border-block-end:0}:where(.griffin) .gr-table-stack-sm tr>[data-label]::before{content:attr(data-label);flex:0 0 40%;color:var(--gr-color-text-secondary);font-size:.875rem;font-weight:600;text-align:start}}@container (width < 640px){:where(.griffin) .gr-table-stack-csm,:where(.griffin) .gr-table-stack-csm tbody,:where(.griffin) .gr-table-stack-csm tfoot,:where(.griffin) .gr-table-stack-csm tr{display:block}:where(.griffin) .gr-table-stack-csm thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}:where(.griffin) .gr-table-stack-csm tr{margin-block-end:var(--gr-gap);border:var(--gr-border-width) solid var(--gr-color-border);border-radius:var(--gr-radius-container, var(--gr-radius))}:where(.griffin) .gr-table-stack-csm tr:last-child{margin-block-end:0}:where(.griffin) .gr-table-stack-csm tr>*{display:flex;gap:var(--gr-gap);white-space:normal}:where(.griffin) .gr-table-stack-csm tr>:last-child{border-block-end:0}:where(.griffin) .gr-table-stack-csm tr>[data-label]::before{content:attr(data-label);flex:0 0 40%;color:var(--gr-color-text-secondary);font-size:.875rem;font-weight:600;text-align:start}}@media(width < 768px){:where(.griffin) .gr-table-stack-md,:where(.griffin) .gr-table-stack-md tbody,:where(.griffin) .gr-table-stack-md tfoot,:where(.griffin) .gr-table-stack-md tr{display:block}:where(.griffin) .gr-table-stack-md thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}:where(.griffin) .gr-table-stack-md tr{margin-block-end:var(--gr-gap);border:var(--gr-border-width) solid var(--gr-color-border);border-radius:var(--gr-radius-container, var(--gr-radius))}:where(.griffin) .gr-table-stack-md tr:last-child{margin-block-end:0}:where(.griffin) .gr-table-stack-md tr>*{display:flex;gap:var(--gr-gap);white-space:normal}:where(.griffin) .gr-table-stack-md tr>:last-child{border-block-end:0}:where(.griffin) .gr-table-stack-md tr>[data-label]::before{content:attr(data-label);flex:0 0 40%;color:var(--gr-color-text-secondary);font-size:.875rem;font-weight:600;text-align:start}}@container (width < 768px){:where(.griffin) .gr-table-stack-cmd,:where(.griffin) .gr-table-stack-cmd tbody,:where(.griffin) .gr-table-stack-cmd tfoot,:where(.griffin) .gr-table-stack-cmd tr{display:block}:where(.griffin) .gr-table-stack-cmd thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}:where(.griffin) .gr-table-stack-cmd tr{margin-block-end:var(--gr-gap);border:var(--gr-border-width) solid var(--gr-color-border);border-radius:var(--gr-radius-container, var(--gr-radius))}:where(.griffin) .gr-table-stack-cmd tr:last-child{margin-block-end:0}:where(.griffin) .gr-table-stack-cmd tr>*{display:flex;gap:var(--gr-gap);white-space:normal}:where(.griffin) .gr-table-stack-cmd tr>:last-child{border-block-end:0}:where(.griffin) .gr-table-stack-cmd tr>[data-label]::before{content:attr(data-label);flex:0 0 40%;color:var(--gr-color-text-secondary);font-size:.875rem;font-weight:600;text-align:start}}@media(width < 1024px){:where(.griffin) .gr-table-stack-lg,:where(.griffin) .gr-table-stack-lg tbody,:where(.griffin) .gr-table-stack-lg tfoot,:where(.griffin) .gr-table-stack-lg tr{display:block}:where(.griffin) .gr-table-stack-lg thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}:where(.griffin) .gr-table-stack-lg tr{margin-block-end:var(--gr-gap);border:var(--gr-border-width) solid var(--gr-color-border);border-radius:var(--gr-radius-container, var(--gr-radius))}:where(.griffin) .gr-table-stack-lg tr:last-child{margin-block-end:0}:where(.griffin) .gr-table-stack-lg tr>*{display:flex;gap:var(--gr-gap);white-space:normal}:where(.griffin) .gr-table-stack-lg tr>:last-child{border-block-end:0}:where(.griffin) .gr-table-stack-lg tr>[data-label]::before{content:attr(data-label);flex:0 0 40%;color:var(--gr-color-text-secondary);font-size:.875rem;font-weight:600;text-align:start}}@container (width < 1024px){:where(.griffin) .gr-table-stack-clg,:where(.griffin) .gr-table-stack-clg tbody,:where(.griffin) .gr-table-stack-clg tfoot,:where(.griffin) .gr-table-stack-clg tr{display:block}:where(.griffin) .gr-table-stack-clg thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}:where(.griffin) .gr-table-stack-clg tr{margin-block-end:var(--gr-gap);border:var(--gr-border-width) solid var(--gr-color-border);border-radius:var(--gr-radius-container, var(--gr-radius))}:where(.griffin) .gr-table-stack-clg tr:last-child{margin-block-end:0}:where(.griffin) .gr-table-stack-clg tr>*{display:flex;gap:var(--gr-gap);white-space:normal}:where(.griffin) .gr-table-stack-clg tr>:last-child{border-block-end:0}:where(.griffin) .gr-table-stack-clg tr>[data-label]::before{content:attr(data-label);flex:0 0 40%;color:var(--gr-color-text-secondary);font-size:.875rem;font-weight:600;text-align:start}}@media(width < 1280px){:where(.griffin) .gr-table-stack-xl,:where(.griffin) .gr-table-stack-xl tbody,:where(.griffin) .gr-table-stack-xl tfoot,:where(.griffin) .gr-table-stack-xl tr{display:block}:where(.griffin) .gr-table-stack-xl thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}:where(.griffin) .gr-table-stack-xl tr{margin-block-end:var(--gr-gap);border:var(--gr-border-width) solid var(--gr-color-border);border-radius:var(--gr-radius-container, var(--gr-radius))}:where(.griffin) .gr-table-stack-xl tr:last-child{margin-block-end:0}:where(.griffin) .gr-table-stack-xl tr>*{display:flex;gap:var(--gr-gap);white-space:normal}:where(.griffin) .gr-table-stack-xl tr>:last-child{border-block-end:0}:where(.griffin) .gr-table-stack-xl tr>[data-label]::before{content:attr(data-label);flex:0 0 40%;color:var(--gr-color-text-secondary);font-size:.875rem;font-weight:600;text-align:start}}@container (width < 1280px){:where(.griffin) .gr-table-stack-cxl,:where(.griffin) .gr-table-stack-cxl tbody,:where(.griffin) .gr-table-stack-cxl tfoot,:where(.griffin) .gr-table-stack-cxl tr{display:block}:where(.griffin) .gr-table-stack-cxl thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}:where(.griffin) .gr-table-stack-cxl tr{margin-block-end:var(--gr-gap);border:var(--gr-border-width) solid var(--gr-color-border);border-radius:var(--gr-radius-container, var(--gr-radius))}:where(.griffin) .gr-table-stack-cxl tr:last-child{margin-block-end:0}:where(.griffin) .gr-table-stack-cxl tr>*{display:flex;gap:var(--gr-gap);white-space:normal}:where(.griffin) .gr-table-stack-cxl tr>:last-child{border-block-end:0}:where(.griffin) .gr-table-stack-cxl tr>[data-label]::before{content:attr(data-label);flex:0 0 40%;color:var(--gr-color-text-secondary);font-size:.875rem;font-weight:600;text-align:start}}:where(.griffin) .gr-table-wrap{position:relative;inline-size:100%;max-block-size:100%;overflow:auto;overscroll-behavior-x:contain}:where(.griffin) .gr-table-scroll,:where(.griffin) :where(.gr-prose table:not(.gr-table)){display:block;position:relative;inline-size:max-content;max-inline-size:100%;overflow-x:auto;overscroll-behavior-x:contain}:where(.griffin) .gr-table-wrap,:where(.griffin) .gr-table-scroll,:where(.griffin) :where(.gr-prose table:not(.gr-table)){background-image:linear-gradient(to right, var(--gr-scroll-cover, transparent) 30%, transparent),linear-gradient(to left, var(--gr-scroll-cover, transparent) 30%, transparent),radial-gradient(farthest-side at 0 50%, hsl(var(--gr-shadow-color), calc(var(--gr-scroll-start) * 16% * var(--gr-shadow-strength))), hsl(var(--gr-shadow-color), calc(var(--gr-scroll-start) * 6% * var(--gr-shadow-strength))) 45%, transparent),radial-gradient(farthest-side at 100% 50%, hsl(var(--gr-shadow-color), calc(var(--gr-scroll-end) * 16% * var(--gr-shadow-strength))), hsl(var(--gr-shadow-color), calc(var(--gr-scroll-end) * 6% * var(--gr-shadow-strength))) 45%, transparent);background-repeat:no-repeat;background-position:0 50%,100% 50%;background-size:2.5rem 100%,2.5rem 100%,1rem 100%,1rem 100%;background-attachment:local,local,scroll,scroll}@supports(animation-timeline: scroll()){:where(.griffin) .gr-table-wrap,:where(.griffin) .gr-table-scroll,:where(.griffin) :where(.gr-prose table:not(.gr-table)){animation:gr-scroll-start linear both,gr-scroll-end linear both;animation-timeline:scroll(self inline);animation-range:0 2rem,calc(100% - 2rem) 100%}:where(.griffin) .gr-table-wrap:dir(rtl),:where(.griffin) .gr-table-scroll:dir(rtl),:where(.griffin) :where(.gr-prose table:not(.gr-table):dir(rtl)){animation-direction:reverse;animation-range:calc(100% - 2rem) 100%,0 2rem}}@supports not (animation-timeline: scroll()){:where(.griffin) .gr-table-wrap,:where(.griffin) .gr-table-scroll,:where(.griffin) :where(.gr-prose table:not(.gr-table)){--gr-scroll-start: 1;--gr-scroll-end: 1;--gr-scroll-cover: var(--gr-scroll-hint-bg, var(--gr-color-bg))}}: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-tabs-tab-pad, 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.hidden{[hidden]:not([hidden=until-found]){display:none}}
1
+ @layer griffincss.reset, griffincss.tokens, griffincss.core, griffincss.ui, griffincss.utils, griffincss.style, griffincss.hidden;@layer griffincss.tokens{@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-base: 220, 80%, 45%;--gr-hsl-accent-base-hover: 220, 80%, 36%;--gr-hsl-accent: var(--gr-hsl-accent-base);--gr-hsl-accent-hover: var(--gr-hsl-accent-base-hover);--gr-hsl-on-accent: 0, 0%, 100%;--gr-hsl-link: var(--gr-hsl-accent-base);--gr-hsl-link-hover: var(--gr-hsl-accent-base-hover);--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-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));--gr-color-rating: hsl(var(--gr-hsl-status-warning-surface))}[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-base: 220, 85%, 68%;--gr-hsl-accent-base-hover: 220, 85%, 78%;--gr-hsl-accent: var(--gr-hsl-accent-base);--gr-hsl-accent-hover: var(--gr-hsl-accent-base-hover);--gr-hsl-on-accent: 0, 0%, 7%;--gr-hsl-link: var(--gr-hsl-accent-base);--gr-hsl-link-hover: var(--gr-hsl-accent-base-hover);--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-base: 220, 80%, 45%;--gr-hsl-accent-base-hover: 220, 80%, 36%;--gr-hsl-accent: var(--gr-hsl-accent-base);--gr-hsl-accent-hover: var(--gr-hsl-accent-base-hover);--gr-hsl-on-accent: 0, 0%, 100%;--gr-hsl-link: var(--gr-hsl-accent-base);--gr-hsl-link-hover: var(--gr-hsl-accent-base-hover);--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-base: 220, 85%, 68%;--gr-hsl-accent-base-hover: 220, 85%, 78%;--gr-hsl-accent: var(--gr-hsl-accent-base);--gr-hsl-accent-hover: var(--gr-hsl-accent-base-hover);--gr-hsl-on-accent: 0, 0%, 7%;--gr-hsl-link: var(--gr-hsl-accent-base);--gr-hsl-link-hover: var(--gr-hsl-accent-base-hover);--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]{--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-on-accent: var(--gr-hsl-surface-max);--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-on-accent: var(--gr-hsl-surface-max);--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 print{:root,:root:not([data-gr-theme]),[data-gr-theme],[data-gr-a11y]{--gr-shadow-strength: 0}}}@layer griffincss.ui{[data-gr-a11y=low-vision]{font-size:calc(100%*var(--gr-a11y-scale, 1.25))}[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}@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}}@property --gr-scroll-start{syntax:"<number>";inherits:false;initial-value:0}@property --gr-scroll-end{syntax:"<number>";inherits:false;initial-value:0}@keyframes gr-scroll-start{to{--gr-scroll-start: 1}}@keyframes gr-scroll-end{from{--gr-scroll-end: 1}}: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;--gr-scroll-hint-bg: var(--gr-color-surface)}: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-accordion-summary-pad, var(--gr-gap))*.5);padding-inline:var(--gr-accordion-summary-pad, 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);--gr-scroll-hint-bg: inherit}: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%);--gr-scroll-hint-bg: var(--gr-color-bg);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-container, 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) a.gr-btn:not(.gr-btn-link){color:var(--gr-btn-fg);text-decoration-line:none}: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-card-border, var(--gr-color-border));border-radius:var(--gr-card-radius, var(--gr-radius-container, var(--gr-radius)));background-color:var(--gr-card-bg, var(--gr-color-surface));color:var(--gr-color-text);overflow:var(--gr-card-overflow, hidden);--gr-scroll-hint-bg: var(--gr-card-bg, var(--gr-color-surface))}:where(.griffin) .gr-card-body{flex:1 1 auto;padding:var(--gr-card-pad, var(--gr-gap))}:where(.griffin) .gr-card-header,:where(.griffin) .gr-card-footer{padding-block:calc(var(--gr-card-pad, var(--gr-gap))*.75);padding-inline:var(--gr-card-pad, 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);--gr-scroll-hint-bg: var(--gr-color-surface-raised)}:where(.griffin) .gr-card-flat{border-color:rgba(0,0,0,0);background-color:var(--gr-color-surface);box-shadow:none;--gr-scroll-hint-bg: var(--gr-color-surface)}:where(.griffin) .gr-card-overlay{background-color:var(--gr-color-surface-overlay);--gr-scroll-hint-bg: var(--gr-color-surface-overlay)}: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);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~label span{border-inline-start:var(--gr-border-width) solid var(--gr-color-border)}:where(.griffin) .gr-segmented label:first-of-type span{border-start-start-radius:var(--gr-segmented-radius);border-end-start-radius:var(--gr-segmented-radius)}:where(.griffin) .gr-segmented label:last-of-type 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-choice-start{align-items:flex-start}:where(.griffin) .gr-choice-start>input{margin-block-start:.15em}:where(.griffin) .gr-choice-row{display:flex;justify-content:space-between}:where(.griffin) .gr-swatch,:where(.griffin) .gr-swatch-tag{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;border:var(--gr-border-width) solid var(--gr-color-border-strong);cursor:pointer;transition:box-shadow var(--gr-transition),background-color var(--gr-transition),color var(--gr-transition)}:where(.griffin) .gr-swatch{--gr-swatch: var(--gr-color-surface-sunken);inline-size:var(--gr-swatch-size, 1.5rem);block-size:var(--gr-swatch-size, 1.5rem);border-radius:var(--gr-swatch-radius, var(--gr-radius-pill));background-color:var(--gr-swatch)}:where(.griffin) .gr-swatch>img{inline-size:100%;block-size:100%;border-radius:inherit;object-fit:cover}:where(.griffin) .gr-swatch-tag{min-inline-size:2.25rem;padding-block:.25rem;padding-inline:.625rem;border-radius:var(--gr-radius);background-color:var(--gr-color-surface);color:var(--gr-color-text);font-size:.875rem;line-height:1.4}:where(.griffin) a.gr-swatch-tag{text-decoration-line:none}:where(.griffin) .gr-choice:has(>.gr-swatch,>.gr-swatch-tag){position:relative}:where(.griffin) .gr-choice:has(>.gr-swatch,>.gr-swatch-tag)>.gr-radio{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}:where(.griffin) .gr-radio:checked+.gr-swatch,:where(.griffin) .gr-swatch[aria-current]{box-shadow:0 0 0 2px var(--gr-color-surface),0 0 0 4px var(--gr-color-accent)}:where(.griffin) .gr-radio:checked+.gr-swatch-tag,:where(.griffin) .gr-swatch-tag[aria-current],:where(.griffin) a.gr-swatch-tag[aria-current]{border-color:var(--gr-color-accent);background-color:var(--gr-color-accent);color:var(--gr-color-on-accent)}:where(.griffin) .gr-radio:focus-visible+.gr-swatch,:where(.griffin) .gr-radio:focus-visible+.gr-swatch-tag,:where(.griffin) .gr-swatch:focus-visible,:where(.griffin) .gr-swatch-tag:focus-visible{outline:var(--gr-focus-width) solid var(--gr-color-focus);outline-offset:2px}:where(.griffin) .gr-radio:disabled+.gr-swatch,:where(.griffin) .gr-radio:disabled+.gr-swatch-tag{opacity:.55;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;--gr-scroll-hint-bg: var(--gr-color-surface-overlay)}: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:var(--gr-dropdown-min-width, max-content);max-inline-size:min(20rem,90vw);margin:0;padding:var(--gr-dropdown-pad, 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:var(--gr-dropdown-pad, 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:var(--gr-dropdown-min-width, 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],:where(.griffin) .gr-field[data-gr-state=error] .gr-input,:where(.griffin) .gr-field[data-gr-state=error] .gr-textarea,:where(.griffin) .gr-field[data-gr-state=error] .gr-select,:where(.griffin) .gr-field[data-gr-state=error] .gr-file{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>:nth-child(1 of :not([type=hidden],[hidden],template,script,datalist)){margin-inline-start:0;border-start-start-radius:var(--gr-radius);border-end-start-radius:var(--gr-radius)}:where(.griffin) .gr-input-group>:nth-last-child(1 of :not([type=hidden],[hidden],template,script,datalist)){border-start-end-radius:var(--gr-radius);border-end-end-radius:var(--gr-radius)}: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-container, 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;min-block-size:10rem;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-container, var(--gr-radius));background-color:var(--gr-color-surface-overlay);color:var(--gr-color-text);box-shadow:var(--gr-shadow-xl);overflow:hidden;--gr-scroll-hint-bg: var(--gr-color-surface-overlay)}:where(.griffin) .gr-modal[open]{display:flex}:where(.griffin) .gr-modal::backdrop{background-color:var(--gr-overlay)}:where(.griffin) .gr-modal[data-gr-state=loading]::before{content:"";box-sizing:border-box;inline-size:2.5em;block-size:2.5em;margin:auto;border:.18em solid var(--gr-color-border);border-block-start-color:var(--gr-color-accent);border-radius:var(--gr-radius-pill);animation:gr-spin .8s linear infinite}: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:var(--gr-modal-body-overflow, 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-modal-transition, var(--gr-transition)),translate var(--gr-modal-transition, var(--gr-transition)),overlay var(--gr-modal-transition, var(--gr-transition)) allow-discrete,display var(--gr-modal-transition, 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-modal[data-gr-state=loading]::before{animation-duration:2.4s}}: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:var(--gr-nav-item-pad, 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-nav-link-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],:where(.griffin) a.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-prose{min-inline-size:0;overflow-wrap:break-word}:where(.griffin) :where(.gr-prose,.gr-prose blockquote,.gr-prose li)>*{margin-block:0}:where(.griffin) :where(.gr-prose,.gr-prose blockquote,.gr-prose li)>*+*{margin-block-start:var(--gr-gap)}:where(.griffin) :where(.gr-prose>*+:is(h1,h2,h3,h4,h5,h6),.gr-prose>*+hr,.gr-prose>hr+*){margin-block-start:var(--gr-gap-lg)}:where(.griffin) :where(.gr-prose>:is(h1,h2,h3,h4,h5,h6)+*){margin-block-start:var(--gr-gap-sm)}:where(.griffin) :where(.gr-prose :is(ul,ol):not([class])){padding-inline-start:1.5em}:where(.griffin) :where(.gr-prose :is(ul,ol):not([class])>li+li,.gr-prose li>:is(ul,ol)){margin-block-start:var(--gr-gap-sm)}:where(.griffin) :where(.gr-prose :is(ul,ol):not([class])>li)::marker{color:var(--gr-color-text-secondary)}:where(.griffin) :where(.gr-prose :is(blockquote,figure)){margin-inline:0}:where(.griffin) :where(.gr-prose blockquote){padding-inline-start:1em;border-inline-start:.25rem solid var(--gr-color-accent);font-style:italic}:where(.griffin) :where(.gr-prose hr){block-size:0;border:0;border-block-start:var(--gr-border-width) solid var(--gr-color-border)}:where(.griffin) :where(.gr-prose :is(img,video)){max-inline-size:100%;block-size:auto}:where(.griffin) :where(.gr-prose iframe){max-inline-size:100%}@supports(aspect-ratio: attr(width type(<number>)) / attr(height type(<number>))){:where(.griffin) :where(.gr-prose iframe[width][height]:not([width$="%"],[height$="%"])){aspect-ratio:attr(width type(<number>)) / attr(height type(<number>));block-size:auto;min-block-size:min(attr(height px), 150px)}}:where(.griffin) :where(.gr-prose pre){overflow-x:auto}:where(.griffin) :where(.gr-prose a:not([class])){color:var(--gr-color-link);text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-offset:.2em}:where(.griffin) :where(.gr-prose a:not([class]):visited){color:var(--gr-color-link-visited)}@media(hover: hover){:where(.griffin) :where(.gr-prose a:not([class]):hover){color:var(--gr-color-link-hover)}}: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, var(--gr-color-rating))}: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, 2rem);block-size:var(--gr-step-marker-size, 2rem);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-body{display:flex;flex-direction:column;gap:calc(var(--gr-ui-gap)*.5)}:where(.griffin) :where(.gr-steps-plain) .gr-step{--gr-step-color: var(--gr-color-text);--gr-step-marker-fg: var(--gr-color-accent)}: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{gap:calc(var(--gr-ui-gap)*.25);padding-block-start:calc((var(--gr-step-marker-size) - 1.3em)/2)}@media(width < 640px){:where(.griffin) .gr-steps-stack-sm{flex-direction:column;gap:var(--gr-gap)}:where(.griffin) .gr-steps-stack-sm>:where(li){flex:none}:where(.griffin) .gr-steps-stack-sm .gr-step{flex:none;flex-direction:row;align-items:flex-start;gap:var(--gr-ui-gap);text-align:start}:where(.griffin) .gr-steps-stack-sm .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-stack-sm .gr-step-body{gap:calc(var(--gr-ui-gap)*.25);padding-block-start:calc((var(--gr-step-marker-size) - 1.3em)/2)}}@container (width < 640px){:where(.griffin) .gr-steps-stack-csm{flex-direction:column;gap:var(--gr-gap)}:where(.griffin) .gr-steps-stack-csm>:where(li){flex:none}:where(.griffin) .gr-steps-stack-csm .gr-step{flex:none;flex-direction:row;align-items:flex-start;gap:var(--gr-ui-gap);text-align:start}:where(.griffin) .gr-steps-stack-csm .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-stack-csm .gr-step-body{gap:calc(var(--gr-ui-gap)*.25);padding-block-start:calc((var(--gr-step-marker-size) - 1.3em)/2)}}@media(width < 768px){:where(.griffin) .gr-steps-stack-md{flex-direction:column;gap:var(--gr-gap)}:where(.griffin) .gr-steps-stack-md>:where(li){flex:none}:where(.griffin) .gr-steps-stack-md .gr-step{flex:none;flex-direction:row;align-items:flex-start;gap:var(--gr-ui-gap);text-align:start}:where(.griffin) .gr-steps-stack-md .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-stack-md .gr-step-body{gap:calc(var(--gr-ui-gap)*.25);padding-block-start:calc((var(--gr-step-marker-size) - 1.3em)/2)}}@container (width < 768px){:where(.griffin) .gr-steps-stack-cmd{flex-direction:column;gap:var(--gr-gap)}:where(.griffin) .gr-steps-stack-cmd>:where(li){flex:none}:where(.griffin) .gr-steps-stack-cmd .gr-step{flex:none;flex-direction:row;align-items:flex-start;gap:var(--gr-ui-gap);text-align:start}:where(.griffin) .gr-steps-stack-cmd .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-stack-cmd .gr-step-body{gap:calc(var(--gr-ui-gap)*.25);padding-block-start:calc((var(--gr-step-marker-size) - 1.3em)/2)}}@media(width < 1024px){:where(.griffin) .gr-steps-stack-lg{flex-direction:column;gap:var(--gr-gap)}:where(.griffin) .gr-steps-stack-lg>:where(li){flex:none}:where(.griffin) .gr-steps-stack-lg .gr-step{flex:none;flex-direction:row;align-items:flex-start;gap:var(--gr-ui-gap);text-align:start}:where(.griffin) .gr-steps-stack-lg .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-stack-lg .gr-step-body{gap:calc(var(--gr-ui-gap)*.25);padding-block-start:calc((var(--gr-step-marker-size) - 1.3em)/2)}}@container (width < 1024px){:where(.griffin) .gr-steps-stack-clg{flex-direction:column;gap:var(--gr-gap)}:where(.griffin) .gr-steps-stack-clg>:where(li){flex:none}:where(.griffin) .gr-steps-stack-clg .gr-step{flex:none;flex-direction:row;align-items:flex-start;gap:var(--gr-ui-gap);text-align:start}:where(.griffin) .gr-steps-stack-clg .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-stack-clg .gr-step-body{gap:calc(var(--gr-ui-gap)*.25);padding-block-start:calc((var(--gr-step-marker-size) - 1.3em)/2)}}@media(width < 1280px){:where(.griffin) .gr-steps-stack-xl{flex-direction:column;gap:var(--gr-gap)}:where(.griffin) .gr-steps-stack-xl>:where(li){flex:none}:where(.griffin) .gr-steps-stack-xl .gr-step{flex:none;flex-direction:row;align-items:flex-start;gap:var(--gr-ui-gap);text-align:start}:where(.griffin) .gr-steps-stack-xl .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-stack-xl .gr-step-body{gap:calc(var(--gr-ui-gap)*.25);padding-block-start:calc((var(--gr-step-marker-size) - 1.3em)/2)}}@container (width < 1280px){:where(.griffin) .gr-steps-stack-cxl{flex-direction:column;gap:var(--gr-gap)}:where(.griffin) .gr-steps-stack-cxl>:where(li){flex:none}:where(.griffin) .gr-steps-stack-cxl .gr-step{flex:none;flex-direction:row;align-items:flex-start;gap:var(--gr-ui-gap);text-align:start}:where(.griffin) .gr-steps-stack-cxl .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-stack-cxl .gr-step-body{gap:calc(var(--gr-ui-gap)*.25);padding-block-start:calc((var(--gr-step-marker-size) - 1.3em)/2)}}:where(.griffin) .gr-table,:where(.griffin) :where(.gr-prose 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,:where(.griffin) :where(.gr-prose table :is(th,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,:where(.griffin) :where(.gr-prose table th){color:var(--gr-color-text-secondary);font-size:.875rem;font-weight:600}:where(.griffin) .gr-table th{white-space:nowrap}:where(.griffin) .gr-table thead th,:where(.griffin) :where(.gr-prose table thead th){border-block-end:calc(var(--gr-border-width)*2) solid var(--gr-color-border-strong)}:where(.griffin) .gr-table tfoot td,:where(.griffin) :where(.gr-prose table tfoot td){border-block-end:0;color:var(--gr-color-text-secondary);font-size:.875rem}:where(.griffin) .gr-table caption,:where(.griffin) :where(.gr-prose 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-stack,:where(.griffin) .gr-table-stack tbody,:where(.griffin) .gr-table-stack tfoot,:where(.griffin) .gr-table-stack tr{display:block}:where(.griffin) .gr-table-stack thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}:where(.griffin) .gr-table-stack tr{margin-block-end:var(--gr-gap);border:var(--gr-border-width) solid var(--gr-color-border);border-radius:var(--gr-radius-container, var(--gr-radius))}:where(.griffin) .gr-table-stack tr:last-child{margin-block-end:0}:where(.griffin) .gr-table-stack tr>*{display:flex;gap:var(--gr-gap);white-space:normal}:where(.griffin) .gr-table-stack tr>:last-child{border-block-end:0}:where(.griffin) .gr-table-stack tr>[data-label]::before{content:attr(data-label);flex:0 0 40%;color:var(--gr-color-text-secondary);font-size:.875rem;font-weight:600;text-align:start}@media(width < 640px){:where(.griffin) .gr-table-stack-sm,:where(.griffin) .gr-table-stack-sm tbody,:where(.griffin) .gr-table-stack-sm tfoot,:where(.griffin) .gr-table-stack-sm tr{display:block}:where(.griffin) .gr-table-stack-sm thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}:where(.griffin) .gr-table-stack-sm tr{margin-block-end:var(--gr-gap);border:var(--gr-border-width) solid var(--gr-color-border);border-radius:var(--gr-radius-container, var(--gr-radius))}:where(.griffin) .gr-table-stack-sm tr:last-child{margin-block-end:0}:where(.griffin) .gr-table-stack-sm tr>*{display:flex;gap:var(--gr-gap);white-space:normal}:where(.griffin) .gr-table-stack-sm tr>:last-child{border-block-end:0}:where(.griffin) .gr-table-stack-sm tr>[data-label]::before{content:attr(data-label);flex:0 0 40%;color:var(--gr-color-text-secondary);font-size:.875rem;font-weight:600;text-align:start}}@container (width < 640px){:where(.griffin) .gr-table-stack-csm,:where(.griffin) .gr-table-stack-csm tbody,:where(.griffin) .gr-table-stack-csm tfoot,:where(.griffin) .gr-table-stack-csm tr{display:block}:where(.griffin) .gr-table-stack-csm thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}:where(.griffin) .gr-table-stack-csm tr{margin-block-end:var(--gr-gap);border:var(--gr-border-width) solid var(--gr-color-border);border-radius:var(--gr-radius-container, var(--gr-radius))}:where(.griffin) .gr-table-stack-csm tr:last-child{margin-block-end:0}:where(.griffin) .gr-table-stack-csm tr>*{display:flex;gap:var(--gr-gap);white-space:normal}:where(.griffin) .gr-table-stack-csm tr>:last-child{border-block-end:0}:where(.griffin) .gr-table-stack-csm tr>[data-label]::before{content:attr(data-label);flex:0 0 40%;color:var(--gr-color-text-secondary);font-size:.875rem;font-weight:600;text-align:start}}@media(width < 768px){:where(.griffin) .gr-table-stack-md,:where(.griffin) .gr-table-stack-md tbody,:where(.griffin) .gr-table-stack-md tfoot,:where(.griffin) .gr-table-stack-md tr{display:block}:where(.griffin) .gr-table-stack-md thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}:where(.griffin) .gr-table-stack-md tr{margin-block-end:var(--gr-gap);border:var(--gr-border-width) solid var(--gr-color-border);border-radius:var(--gr-radius-container, var(--gr-radius))}:where(.griffin) .gr-table-stack-md tr:last-child{margin-block-end:0}:where(.griffin) .gr-table-stack-md tr>*{display:flex;gap:var(--gr-gap);white-space:normal}:where(.griffin) .gr-table-stack-md tr>:last-child{border-block-end:0}:where(.griffin) .gr-table-stack-md tr>[data-label]::before{content:attr(data-label);flex:0 0 40%;color:var(--gr-color-text-secondary);font-size:.875rem;font-weight:600;text-align:start}}@container (width < 768px){:where(.griffin) .gr-table-stack-cmd,:where(.griffin) .gr-table-stack-cmd tbody,:where(.griffin) .gr-table-stack-cmd tfoot,:where(.griffin) .gr-table-stack-cmd tr{display:block}:where(.griffin) .gr-table-stack-cmd thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}:where(.griffin) .gr-table-stack-cmd tr{margin-block-end:var(--gr-gap);border:var(--gr-border-width) solid var(--gr-color-border);border-radius:var(--gr-radius-container, var(--gr-radius))}:where(.griffin) .gr-table-stack-cmd tr:last-child{margin-block-end:0}:where(.griffin) .gr-table-stack-cmd tr>*{display:flex;gap:var(--gr-gap);white-space:normal}:where(.griffin) .gr-table-stack-cmd tr>:last-child{border-block-end:0}:where(.griffin) .gr-table-stack-cmd tr>[data-label]::before{content:attr(data-label);flex:0 0 40%;color:var(--gr-color-text-secondary);font-size:.875rem;font-weight:600;text-align:start}}@media(width < 1024px){:where(.griffin) .gr-table-stack-lg,:where(.griffin) .gr-table-stack-lg tbody,:where(.griffin) .gr-table-stack-lg tfoot,:where(.griffin) .gr-table-stack-lg tr{display:block}:where(.griffin) .gr-table-stack-lg thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}:where(.griffin) .gr-table-stack-lg tr{margin-block-end:var(--gr-gap);border:var(--gr-border-width) solid var(--gr-color-border);border-radius:var(--gr-radius-container, var(--gr-radius))}:where(.griffin) .gr-table-stack-lg tr:last-child{margin-block-end:0}:where(.griffin) .gr-table-stack-lg tr>*{display:flex;gap:var(--gr-gap);white-space:normal}:where(.griffin) .gr-table-stack-lg tr>:last-child{border-block-end:0}:where(.griffin) .gr-table-stack-lg tr>[data-label]::before{content:attr(data-label);flex:0 0 40%;color:var(--gr-color-text-secondary);font-size:.875rem;font-weight:600;text-align:start}}@container (width < 1024px){:where(.griffin) .gr-table-stack-clg,:where(.griffin) .gr-table-stack-clg tbody,:where(.griffin) .gr-table-stack-clg tfoot,:where(.griffin) .gr-table-stack-clg tr{display:block}:where(.griffin) .gr-table-stack-clg thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}:where(.griffin) .gr-table-stack-clg tr{margin-block-end:var(--gr-gap);border:var(--gr-border-width) solid var(--gr-color-border);border-radius:var(--gr-radius-container, var(--gr-radius))}:where(.griffin) .gr-table-stack-clg tr:last-child{margin-block-end:0}:where(.griffin) .gr-table-stack-clg tr>*{display:flex;gap:var(--gr-gap);white-space:normal}:where(.griffin) .gr-table-stack-clg tr>:last-child{border-block-end:0}:where(.griffin) .gr-table-stack-clg tr>[data-label]::before{content:attr(data-label);flex:0 0 40%;color:var(--gr-color-text-secondary);font-size:.875rem;font-weight:600;text-align:start}}@media(width < 1280px){:where(.griffin) .gr-table-stack-xl,:where(.griffin) .gr-table-stack-xl tbody,:where(.griffin) .gr-table-stack-xl tfoot,:where(.griffin) .gr-table-stack-xl tr{display:block}:where(.griffin) .gr-table-stack-xl thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}:where(.griffin) .gr-table-stack-xl tr{margin-block-end:var(--gr-gap);border:var(--gr-border-width) solid var(--gr-color-border);border-radius:var(--gr-radius-container, var(--gr-radius))}:where(.griffin) .gr-table-stack-xl tr:last-child{margin-block-end:0}:where(.griffin) .gr-table-stack-xl tr>*{display:flex;gap:var(--gr-gap);white-space:normal}:where(.griffin) .gr-table-stack-xl tr>:last-child{border-block-end:0}:where(.griffin) .gr-table-stack-xl tr>[data-label]::before{content:attr(data-label);flex:0 0 40%;color:var(--gr-color-text-secondary);font-size:.875rem;font-weight:600;text-align:start}}@container (width < 1280px){:where(.griffin) .gr-table-stack-cxl,:where(.griffin) .gr-table-stack-cxl tbody,:where(.griffin) .gr-table-stack-cxl tfoot,:where(.griffin) .gr-table-stack-cxl tr{display:block}:where(.griffin) .gr-table-stack-cxl thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}:where(.griffin) .gr-table-stack-cxl tr{margin-block-end:var(--gr-gap);border:var(--gr-border-width) solid var(--gr-color-border);border-radius:var(--gr-radius-container, var(--gr-radius))}:where(.griffin) .gr-table-stack-cxl tr:last-child{margin-block-end:0}:where(.griffin) .gr-table-stack-cxl tr>*{display:flex;gap:var(--gr-gap);white-space:normal}:where(.griffin) .gr-table-stack-cxl tr>:last-child{border-block-end:0}:where(.griffin) .gr-table-stack-cxl tr>[data-label]::before{content:attr(data-label);flex:0 0 40%;color:var(--gr-color-text-secondary);font-size:.875rem;font-weight:600;text-align:start}}:where(.griffin) .gr-table-wrap{position:relative;inline-size:100%;max-block-size:100%;overflow:auto;overscroll-behavior-x:contain}:where(.griffin) .gr-table-scroll,:where(.griffin) :where(.gr-prose table:not(.gr-table)){display:block;position:relative;inline-size:max-content;max-inline-size:100%;overflow-x:auto;overscroll-behavior-x:contain}:where(.griffin) :where(.gr-prose table:not(.gr-table)[style*=width i]){inline-size:max-content !important}:where(.griffin) .gr-table-wrap,:where(.griffin) .gr-table-scroll,:where(.griffin) :where(.gr-prose table:not(.gr-table)){background-image:linear-gradient(to right, var(--gr-scroll-cover, transparent) 30%, transparent),linear-gradient(to left, var(--gr-scroll-cover, transparent) 30%, transparent),radial-gradient(farthest-side at 0 50%, hsl(var(--gr-shadow-color), calc(var(--gr-scroll-start) * 16% * var(--gr-shadow-strength))), hsl(var(--gr-shadow-color), calc(var(--gr-scroll-start) * 6% * var(--gr-shadow-strength))) 45%, transparent),radial-gradient(farthest-side at 100% 50%, hsl(var(--gr-shadow-color), calc(var(--gr-scroll-end) * 16% * var(--gr-shadow-strength))), hsl(var(--gr-shadow-color), calc(var(--gr-scroll-end) * 6% * var(--gr-shadow-strength))) 45%, transparent);background-repeat:no-repeat;background-position:var(--gr-scroll-hint-inset, 0) 50%,100% 50%;background-size:2.5rem 100%,2.5rem 100%,1rem 100%,1rem 100%;background-attachment:local,local,scroll,scroll}@supports(animation-timeline: scroll()){:where(.griffin) .gr-table-wrap,:where(.griffin) .gr-table-scroll,:where(.griffin) :where(.gr-prose table:not(.gr-table)){animation:gr-scroll-start linear both,gr-scroll-end linear both;animation-timeline:scroll(self inline);animation-range:0 2rem,calc(100% - 2rem) 100%}}:where(.griffin) .gr-table-wrap:dir(rtl),:where(.griffin) .gr-table-scroll:dir(rtl),:where(.griffin) :where(.gr-prose table:not(.gr-table):dir(rtl)){background-position:0 50%,right var(--gr-scroll-hint-inset, 0) center;animation-direction:reverse;animation-range:calc(100% - 2rem) 100%,0 2rem}@supports not (animation-timeline: scroll()){:where(.griffin) .gr-table-wrap,:where(.griffin) .gr-table-scroll,:where(.griffin) :where(.gr-prose table:not(.gr-table)){--gr-scroll-start: 1;--gr-scroll-end: 1;--gr-scroll-cover: var(--gr-scroll-hint-bg, var(--gr-color-bg))}}: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-tabs-tab-pad, 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.hidden{[hidden]:not([hidden=until-found]){display:none}}