@layer fristil{:root{color-scheme:light dark;--font-size-reference: 16px;--font-size-xxs: .625rem;--font-size-xs: .75rem;--font-size-s: .875rem;--font-size-m: 1rem;--font-size-l: 1.125rem;--font-size-xl: 1.375rem;--font-size-xxl: 1.875rem;--font-size-mega: 2.625rem;--size-px: 1px;--size-0-5: .125rem;--size-1: .25rem;--size-2: .5rem;--size-3: .75rem;--size-4: 1rem;--size-5: 1.25rem;--size-6: 1.5rem;--size-7: 1.75rem;--size-8: 2rem;--size-10: 2.5rem;--size-12: 3rem;--size-16: 4rem;--semantic-size-default: var(--size-4);--semantic-spacing-default: var(--size-4);--palette-burgundy-5: #faf0f3;--palette-burgundy-10: #f7e2e8;--palette-burgundy-30: #f3a7b0;--palette-burgundy-50: #f06674;--palette-burgundy-70: #b04c5c;--palette-burgundy-100: #6f2c3f;--palette-forest-5: #f4faf5;--palette-forest-10: #e3f5ea;--palette-forest-30: #b9e1c8;--palette-forest-50: #91d6ac;--palette-forest-70: #5d9b73;--palette-forest-100: #2b6940;--palette-ochre-5: #f9f4f0;--palette-ochre-10: #f9ede2;--palette-ochre-30: #f0d2b6;--palette-ochre-50: #e7b78a;--palette-ochre-70: #a9805b;--palette-ochre-100: #6b492c;--palette-denim-5: #eff3f9;--palette-denim-10: #e2eaf7;--palette-denim-30: #b5cbee;--palette-denim-50: #89abe5;--palette-denim-70: #5a77a8;--palette-denim-100: #2c436b;--palette-azure-10: #cde1f9;--palette-azure-30: #9ccff2;--palette-azure-70: #1362ae;--palette-azure-100: #093e61;--palette-graphite-0: #ffffff;--palette-graphite-5: #f4f4f4;--palette-graphite-10: #e5e5e5;--palette-graphite-30: #b2b2b2;--palette-graphite-50: #757575;--palette-graphite-70: #4d4d4d;--palette-graphite-100: #1a1a1a;--palette-dark-alpha-50: #1a1a1a80;--semantic-page-background: var(--palette-graphite-0);--semantic-page-foreground: var(--palette-graphite-100);--semantic-danger-background: var(--palette-burgundy-10);--semantic-danger-foreground: #a82e39;--semantic-danger-main: #a82e39;--semantic-danger-contrast: var(--palette-graphite-0);--semantic-warning-background: var(--palette-ochre-10);--semantic-warning-foreground: #896508;--semantic-success-background: var(--palette-forest-10);--semantic-success-foreground: #316f2a;--semantic-disabled-background: var(--palette-graphite-10);--semantic-disabled-foreground: var(--palette-graphite-50);--semantic-muted-foreground: var(--palette-graphite-50);--semantic-neutral-background: var(--palette-graphite-10);--semantic-neutral-foreground: var(--palette-graphite-70);--semantic-interactive-background: var(--palette-azure-10);--semantic-interactive-main: var(--palette-azure-70);--semantic-interactive-foreground: var(--palette-azure-100);--semantic-interactive-contrast: var(--palette-graphite-0);--semantic-interactive-visited: var(--palette-denim-70);--semantic-field-border: var(--palette-graphite-50);--semantic-field-border-hover: var(--palette-graphite-70);--semantic-divider-30: var(--palette-graphite-30);--semantic-divider-100: var(--palette-graphite-100);--semantic-icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234d4d4d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='21' y2='21'/%3E%3C/svg%3E");--semantic-icon-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");--semantic-icon-dash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round'%3E%3Cline x1='6' y1='12' x2='18' y2='12'/%3E%3C/svg%3E");--semantic-icon-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234d4d4d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");--semantic-icon-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234d4d4d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpolyline points='12 7 12 12 15 15'/%3E%3C/svg%3E");--semantic-overlay-backdrop: var(--palette-dark-alpha-50);--semantic-shadow-overlay: 0 16px 40px rgba(0, 0, 0, .12);--semantic-focus-ring: 2px solid var(--semantic-interactive-main)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--semantic-page-background: var(--palette-graphite-100);--semantic-page-foreground: var(--palette-graphite-5);--semantic-danger-background: var(--palette-burgundy-100);--semantic-danger-foreground: var(--palette-burgundy-30);--semantic-warning-background: var(--palette-ochre-100);--semantic-warning-foreground: var(--palette-ochre-30);--semantic-success-background: var(--palette-forest-100);--semantic-success-foreground: var(--palette-forest-30);--semantic-disabled-background: var(--palette-graphite-70);--semantic-disabled-foreground: var(--palette-graphite-30);--semantic-muted-foreground: var(--palette-graphite-30);--semantic-neutral-background: var(--palette-graphite-70);--semantic-neutral-foreground: var(--palette-graphite-10);--semantic-interactive-background: var(--palette-azure-100);--semantic-interactive-main: var(--palette-azure-30);--semantic-interactive-foreground: var(--palette-azure-10);--semantic-interactive-contrast: var(--palette-graphite-100);--semantic-interactive-visited: var(--palette-denim-30);--semantic-field-border: var(--palette-graphite-50);--semantic-field-border-hover: var(--palette-graphite-30);--semantic-danger-main: var(--palette-burgundy-30);--semantic-danger-contrast: var(--palette-graphite-100);--semantic-divider-30: var(--palette-graphite-70);--semantic-divider-100: var(--palette-graphite-30);--semantic-icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b2b2b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='21' y2='21'/%3E%3C/svg%3E");--semantic-icon-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");--semantic-icon-dash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='3' stroke-linecap='round'%3E%3Cline x1='6' y1='12' x2='18' y2='12'/%3E%3C/svg%3E");--semantic-icon-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b2b2b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");--semantic-icon-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b2b2b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpolyline points='12 7 12 12 15 15'/%3E%3C/svg%3E");--semantic-overlay-backdrop: rgba(0, 0, 0, .72);--semantic-shadow-overlay: 0 16px 40px rgba(0, 0, 0, .6)}}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark;--semantic-page-background: var(--palette-graphite-100);--semantic-page-foreground: var(--palette-graphite-5);--semantic-danger-background: var(--palette-burgundy-100);--semantic-danger-foreground: var(--palette-burgundy-30);--semantic-warning-background: var(--palette-ochre-100);--semantic-warning-foreground: var(--palette-ochre-30);--semantic-success-background: var(--palette-forest-100);--semantic-success-foreground: var(--palette-forest-30);--semantic-disabled-background: var(--palette-graphite-70);--semantic-disabled-foreground: var(--palette-graphite-30);--semantic-muted-foreground: var(--palette-graphite-30);--semantic-neutral-background: var(--palette-graphite-70);--semantic-neutral-foreground: var(--palette-graphite-10);--semantic-interactive-background: var(--palette-azure-100);--semantic-interactive-main: var(--palette-azure-30);--semantic-interactive-foreground: var(--palette-azure-10);--semantic-interactive-contrast: var(--palette-graphite-100);--semantic-interactive-visited: var(--palette-denim-30);--semantic-field-border: var(--palette-graphite-50);--semantic-field-border-hover: var(--palette-graphite-30);--semantic-danger-main: var(--palette-burgundy-30);--semantic-danger-contrast: var(--palette-graphite-100);--semantic-divider-30: var(--palette-graphite-70);--semantic-divider-100: var(--palette-graphite-30);--semantic-icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b2b2b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='21' y2='21'/%3E%3C/svg%3E");--semantic-icon-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");--semantic-icon-dash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='3' stroke-linecap='round'%3E%3Cline x1='6' y1='12' x2='18' y2='12'/%3E%3C/svg%3E");--semantic-icon-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b2b2b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");--semantic-icon-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b2b2b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpolyline points='12 7 12 12 15 15'/%3E%3C/svg%3E");--semantic-overlay-backdrop: rgba(0, 0, 0, .72);--semantic-shadow-overlay: 0 16px 40px rgba(0, 0, 0, .6)}}@layer fristil{.fs-button{box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--size-2);padding:var(--fs-button-padding, var(--size-2) var(--size-4));font-family:inherit;font-size:var(--font-size-m);font-weight:500;line-height:1.5;border:1px solid var(--semantic-interactive-main);border-radius:var(--fs-button-radius, var(--size-1));background:var(--semantic-interactive-main);color:var(--semantic-interactive-contrast);cursor:pointer;text-decoration:none;user-select:none;white-space:normal;max-inline-size:100%;text-align:center;text-wrap:balance}.fs-button:hover{background:var(--semantic-interactive-foreground);border-color:var(--semantic-interactive-foreground)}.fs-button:focus-visible{outline:var(--semantic-focus-ring);outline-offset:2px}.fs-button:disabled,.fs-button[aria-disabled=true]{background:var(--semantic-disabled-background);color:var(--semantic-disabled-foreground);border-color:var(--semantic-disabled-background);cursor:not-allowed}.fs-button[aria-disabled=true]{pointer-events:none}.fs-button[data-variant=secondary]{background:transparent;color:var(--semantic-interactive-main);border-color:var(--semantic-interactive-main)}.fs-button[data-variant=secondary]:hover{background:var(--semantic-interactive-background)}.fs-button[data-variant=ghost]{background:transparent;color:var(--semantic-interactive-main);border-color:transparent}.fs-button[data-variant=ghost]:hover{background:var(--semantic-interactive-background)}.fs-button[data-variant=danger]{background:var(--semantic-danger-background);color:var(--semantic-danger-foreground);border-color:var(--semantic-danger-foreground)}.fs-button[data-variant=danger]:hover{background:var(--semantic-danger-main);border-color:var(--semantic-danger-main);color:var(--semantic-danger-contrast)}}
