welcome-ui
Version:
Customizable design system with react, typescript, tailwindcss and ariakit.
1 lines • 80.3 kB
CSS
@font-face{font-family:Work Sans;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:welcome-font;font-weight:500;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-medium.woff2) format("woff2")}@font-face{font-family:welcome-font;font-weight:700;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-bold.woff2) format("woff2")}@font-face{font-family:welcome-font;font-weight:900;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-black.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:500;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-medium-italic.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:700;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-bold-italic.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:900;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-black-italic.woff2) format("woff2")}@theme static{--*: initial; --spacing: .0625rem; --spacing-0: 0; --duration-fast: .1s; --duration-medium: .3s; --duration-slow: .5s; --timing-primary: ease; --timing-secondary: linear; --timing-tertiary: cubic-bezier(.41,.094,.54,.07); --grid-pattern: repeating-linear-gradient(0,var(--pattern-grid-color-stroke-default) 0,var(--pattern-grid-color-stroke-default) var(--pattern-grid-stroke),transparent var(--pattern-grid-stroke),transparent var(--pattern-grid-size)),repeating-linear-gradient(90deg,var(--pattern-grid-color-stroke-default) 0,var(--pattern-grid-color-stroke-default) var(--pattern-grid-stroke),transparent var(--pattern-grid-stroke),transparent var(--pattern-grid-size)); --accordion-padding-block-content: 16px; --accordion-padding-gap-content: 8px; --accordion-padding-gap-subtitle: 4px; --accordion-padding-gap-tags: 4px; --accordion-padding-size-icon-lg: 16px; --accordion-padding-size-icon-md: 16px; --accordion-padding-size-max-height-lg: 32px; --accordion-padding-size-max-height-md: 24px; --accordion-subtitle-color-text-default: #212121; --accordion-title-color-background: rgba(255,255,255,0); --accordion-title-color-icon-default: #000000; --accordion-title-color-text-default: #000000; --alert-border-radius: 8px; --alert-border-width-ai: 2px; --alert-color-background-ai: #ffffff; --alert-color-background-brand: #fff8d9; --alert-color-background-danger: #fbdedc; --alert-color-background-information: #e0f5ff; --alert-color-background-success: #e7fbd3; --alert-color-background-warning: #ffebce; --alert-color-icon-default: rgba(0,0,0,.26); --alert-color-text-ai-body: #212121; --alert-color-text-ai-title: #000000; --alert-color-text-brand-body: #423500; --alert-color-text-brand-title: #000000; --alert-color-text-danger-body: #450101; --alert-color-text-danger-title: #000000; --alert-color-text-information-body: #00202b; --alert-color-text-information-title: #000000; --alert-color-text-success-body: #142603; --alert-color-text-success-title: #000000; --alert-color-text-warning-body: #382303; --alert-color-text-warning-title: #000000; --alert-gap-actions-lg: 12px; --alert-gap-actions-md: 8px; --alert-gap-content-lg: 12px; --alert-gap-content-md: 8px; --alert-icon-border-radius: 8px; --alert-icon-color-background-brand: #ffe166; --alert-icon-color-background-danger: #fdb3ae; --alert-icon-color-background-information: #9bdef7; --alert-icon-color-background-success: #cfebb0; --alert-icon-color-background-warning: #ffbb59; --alert-icon-color-icon-ai: #ffffff; --alert-icon-color-icon-brand: #423500; --alert-icon-color-icon-danger: #450101; --alert-icon-color-icon-information: #00202b; --alert-icon-color-icon-success: #142603; --alert-icon-color-icon-warning: #382303; --alert-icon-padding-block: 4px; --alert-icon-padding-inline: 4px; --alert-padding-block-lg: 32px; --alert-padding-block-md: 16px; --alert-padding-inline-lg: 32px; --alert-padding-inline-md: 16px; --alert-size-icon: 24px; --avatar-border-radius: calc(infinity * 1px); --avatar-color-background-initials-blue: #55c3e9; --avatar-color-background-initials-green: #bade94; --avatar-color-background-initials-orange: #ff9868; --avatar-color-background-initials-pink: #f696c8; --avatar-color-background-initials-teal: #00c7ae; --avatar-color-background-initials-violet: #acacff; --avatar-color-background-placeholder: #f6f3ef; --avatar-color-icon-placeholder: #a7a096; --avatar-color-text-initials-blue: #013c50; --avatar-color-text-initials-green: #2a4210; --avatar-color-text-initials-orange: #6d2605; --avatar-color-text-initials-pink: #5c2944; --avatar-color-text-initials-teal: #053731; --avatar-color-text-initials-violet: #3c2e63; --avatar-size-lg: 64px; --avatar-size-md: 48px; --avatar-size-sm: 32px; --avatar-size-xs: 24px; --badge-border-radius-lg: 8px; --badge-border-radius-md: 4px; --badge-border-radius-sm: calc(infinity * 1px); --badge-color-background-blue: #27a5d0; --badge-color-background-brand: #ffcd00; --badge-color-background-neutral: #000000; --badge-color-background-red: #e1003a; --badge-color-background-warm: #eae4de; --badge-color-text-blue: #ffffff; --badge-color-text-brand: #000000; --badge-color-text-neutral: #ffffff; --badge-color-text-red: #ffffff; --badge-color-text-warm: #1e1c1a; --badge-padding-block-lg: 4px; --badge-padding-block-md: 2px; --badge-padding-inline-lg: 4px; --badge-padding-inline-md: 4px; --badge-size-height: 8px; --badge-size-max-height-lg: 20px; --badge-size-max-height-md: 16px; --badge-size-min-width-lg: 20px; --badge-size-min-width-md: 16px; --badge-size-width: 8px; --border-radius-2xl: 1.5rem; --border-radius-xxl: 1.5rem; --radius-2xl: 1.5rem; --border-radius-full: calc(infinity * 1px); --radius-full: calc(infinity * 1px); --border-radius-lg: .75rem; --radius-lg: .75rem; --border-radius-md: .5rem; --radius-md: .5rem; --border-radius-none: 0; --radius-none: 0; --border-radius-sm: .25rem; --radius-sm: .25rem; --border-radius-xl: 1rem; --radius-xl: 1rem; --border-radius-xs: .125rem; --radius-xs: .125rem; --border-width-lg: 6px; --border-width-md: 4px; --border-width-sm: 2px; --border-width-xs: 1px; --breadcrumb-color-icon-active: #000000; --breadcrumb-color-icon-default: #605b55; --breadcrumb-color-icon-hover: #33302d; --breadcrumb-color-text-active: #000000; --breadcrumb-color-text-default: #605b55; --breadcrumb-color-text-hover: #33302d; --breadcrumb-gap-content: 4px; --breadcrumb-size-icon: 16px; --breakpoint-2xl: 1440px; --breakpoint-xxl: 1440px; --breakpoint-3xl: 1620px; --breakpoint-4xl: 1920px; --breakpoint-lg: 980px; --breakpoint-md: 736px; --breakpoint-sm: 480px; --breakpoint-xl: 1280px; --breakpoint-xs: 0; --button-border-radius: 8px; --button-border-width-ai: 2px; --button-border-width-focused: 4px; --button-border-width-secondary: 1px; --button-color-background-primary-ai-default: #ffffff; --button-color-background-primary-ai-disabled: #f3f3f3; --button-color-background-primary-ai-focused: #ffffff; --button-color-background-primary-ai-hover: #ffffff; --button-color-background-primary-ai-pressed: #f3f3f3; --button-color-background-primary-danger-default: #a80029; --button-color-background-primary-danger-disabled: #f3f3f3; --button-color-background-primary-danger-focused: #a80029; --button-color-background-primary-danger-hover: #e1003a; --button-color-background-primary-danger-pressed: #ff6165; --button-color-background-primary-main-default: #ffcd00; --button-color-background-primary-main-disabled: #f3f3f3; --button-color-background-primary-main-focused: #ffcd00; --button-color-background-primary-main-hover: #e5b800; --button-color-background-primary-main-pressed: #ffe166; --button-color-background-primary-neutral-default: #000000; --button-color-background-primary-neutral-disabled: #f3f3f3; --button-color-background-primary-neutral-focused: #000000; --button-color-background-primary-neutral-hover: #212121; --button-color-background-primary-neutral-pressed: #444444; --button-color-background-secondary-danger-default: #ffffff; --button-color-background-secondary-danger-disabled: #f3f3f3; --button-color-background-secondary-danger-focused: #ffffff; --button-color-background-secondary-danger-hover: #ffffff; --button-color-background-secondary-danger-pressed: #fbdedc; --button-color-background-secondary-main-default: #ffffff; --button-color-background-secondary-main-disabled: #f3f3f3; --button-color-background-secondary-main-focused: #ffffff; --button-color-background-secondary-main-hover: #ffffff; --button-color-background-secondary-main-pressed: #f3f3f3; --button-color-background-tertiary-danger-default: rgba(0,0,0,0); --button-color-background-tertiary-danger-disabled: rgba(0,0,0,0); --button-color-background-tertiary-danger-focused: rgba(0,0,0,0); --button-color-background-tertiary-danger-hover: #fbdedc; --button-color-background-tertiary-danger-pressed: #fcc7c3; --button-color-background-tertiary-main-default: rgba(0,0,0,0); --button-color-background-tertiary-main-disabled: rgba(0,0,0,0); --button-color-background-tertiary-main-focused: rgba(0,0,0,0); --button-color-background-tertiary-main-hover: rgba(0,0,0,.05); --button-color-background-tertiary-main-pressed: rgba(0,0,0,.13); --button-color-border-focused: #ffe166; --button-color-border-secondary-danger-default: #a80029; --button-color-border-secondary-danger-focused: #a80029; --button-color-border-secondary-danger-hover: #e1003a; --button-color-border-secondary-danger-pressed: #fdb3ae; --button-color-border-secondary-main-default: #dedede; --button-color-border-secondary-main-focused: #dedede; --button-color-border-secondary-main-hover: #bdbdbd; --button-color-border-secondary-main-pressed: #dedede; --button-color-icon-primary-ai-default: #000000; --button-color-icon-primary-ai-disabled: #989898; --button-color-icon-primary-ai-focused: #000000; --button-color-icon-primary-ai-hover: #212121; --button-color-icon-primary-ai-pressed: #000000; --button-color-icon-primary-danger-default: #ffffff; --button-color-icon-primary-danger-disabled: #989898; --button-color-icon-primary-danger-focused: #ffffff; --button-color-icon-primary-danger-hover: #ffffff; --button-color-icon-primary-danger-pressed: #ffffff; --button-color-icon-primary-main-default: #000000; --button-color-icon-primary-main-disabled: #989898; --button-color-icon-primary-main-focused: #000000; --button-color-icon-primary-main-hover: #000000; --button-color-icon-primary-main-pressed: #423500; --button-color-icon-primary-neutral-default: #ffffff; --button-color-icon-primary-neutral-disabled: #989898; --button-color-icon-primary-neutral-focused: #ffffff; --button-color-icon-primary-neutral-hover: #ffffff; --button-color-icon-primary-neutral-pressed: #ffffff; --button-color-icon-secondary-danger-default: #75001a; --button-color-icon-secondary-danger-disabled: #989898; --button-color-icon-secondary-danger-focused: #75001a; --button-color-icon-secondary-danger-hover: #a80029; --button-color-icon-secondary-danger-pressed: #75001a; --button-color-icon-secondary-main-default: #000000; --button-color-icon-secondary-main-disabled: #989898; --button-color-icon-secondary-main-focused: #000000; --button-color-icon-secondary-main-hover: #212121; --button-color-icon-secondary-main-pressed: #000000; --button-color-icon-tertiary-danger-default: #a80029; --button-color-icon-tertiary-danger-disabled: #989898; --button-color-icon-tertiary-danger-focused: #a80029; --button-color-icon-tertiary-danger-hover: #e1003a; --button-color-icon-tertiary-danger-pressed: #450101; --button-color-icon-tertiary-main-default: #000000; --button-color-icon-tertiary-main-disabled: #989898; --button-color-icon-tertiary-main-focused: #000000; --button-color-icon-tertiary-main-hover: #212121; --button-color-icon-tertiary-main-pressed: #000000; --button-color-text-primary-ai-default: #000000; --button-color-text-primary-ai-disabled: #989898; --button-color-text-primary-ai-focused: #000000; --button-color-text-primary-ai-hover: #212121; --button-color-text-primary-ai-pressed: #000000; --button-color-text-primary-danger-default: #ffffff; --button-color-text-primary-danger-disabled: #989898; --button-color-text-primary-danger-focused: #ffffff; --button-color-text-primary-danger-hover: #ffffff; --button-color-text-primary-danger-pressed: #ffffff; --button-color-text-primary-main-default: #000000; --button-color-text-primary-main-disabled: #989898; --button-color-text-primary-main-focused: #000000; --button-color-text-primary-main-hover: #000000; --button-color-text-primary-main-pressed: #423500; --button-color-text-primary-neutral-default: #ffffff; --button-color-text-primary-neutral-disabled: #989898; --button-color-text-primary-neutral-focused: #ffffff; --button-color-text-primary-neutral-hover: #ffffff; --button-color-text-primary-neutral-pressed: #ffffff; --button-color-text-secondary-danger-default: #75001a; --button-color-text-secondary-danger-disabled: #989898; --button-color-text-secondary-danger-focused: #75001a; --button-color-text-secondary-danger-hover: #a80029; --button-color-text-secondary-danger-pressed: #75001a; --button-color-text-secondary-main-default: #000000; --button-color-text-secondary-main-disabled: #989898; --button-color-text-secondary-main-focused: #000000; --button-color-text-secondary-main-hover: #212121; --button-color-text-secondary-main-pressed: #000000; --button-color-text-tertiary-danger-default: #a80029; --button-color-text-tertiary-danger-disabled: #989898; --button-color-text-tertiary-danger-focused: #a80029; --button-color-text-tertiary-danger-hover: #e1003a; --button-color-text-tertiary-danger-pressed: #450101; --button-color-text-tertiary-main-default: #000000; --button-color-text-tertiary-main-disabled: #989898; --button-color-text-tertiary-main-focused: #000000; --button-color-text-tertiary-main-hover: #212121; --button-color-text-tertiary-main-pressed: #000000; --button-gap-content-lg: 8px; --button-gap-content-md: 4px; --button-gap-content-sm: 4px; --button-padding-block-lg: 12px; --button-padding-block-md: 8px; --button-padding-block-sm: 4px; --button-padding-inline-lg: 16px; --button-padding-inline-md: 12px; --button-padding-inline-sm: 8px; --button-size-icon-lg: 24px; --button-size-icon-md: 16px; --button-size-icon-sm: 16px; --button-size-max-height-lg: 42px; --button-size-max-height-md: 32px; --button-size-max-height-sm: 24px; --calendar-border-radius-cell: 8px; --calendar-border-radius-container: 12px; --calendar-border-width: 1px; --calendar-cell-height: 32px; --calendar-cell-width: 36px; --calendar-color-background-default: #ffffff; --calendar-color-background-disabled: #f3f3f3; --calendar-color-background-hover: #fbf9f7; --calendar-color-background-range: #fff1b2; --calendar-color-background-selected: #ffcd00; --calendar-color-border-default: #f6f3ef; --calendar-color-dot-today: #ffcd00; --calendar-color-text-disabled: #444444; --calendar-color-text-primary: #000000; --calendar-color-text-secondary: #585858; --calendar-color-text-selected: #000000; --calendar-color-text-today: #423500; --calendar-gap-row: 0; --calendar-gap-section: 8px; --calendar-padding-container: 12px; --calendar-weekday-cell-height: 28px; --card-action-dismiss-icon-default: #bdbdbd; --card-action-dismiss-icon-hover: #000000; --card-action-dismiss-padding-block-start-lg: 16px; --card-action-dismiss-padding-block-start-md: 12px; --card-action-dismiss-padding-block-start-sm: 8px; --card-action-dismiss-padding-inline-end-lg: 16px; --card-action-dismiss-padding-inline-end-md: 12px; --card-action-dismiss-padding-inline-end-sm: 8px; --card-action-dismiss-size-icon-lg: 32px; --card-action-dismiss-size-icon-md: 32px; --card-action-dismiss-size-icon-sm: 24px; --card-body-color-meta-text-default: #585858; --card-body-color-text-default: #212121; --card-border-radius: 8px; --card-color-background-default: #ffffff; --card-color-border-default: #f6f3ef; --card-color-border-hover: #eae4de; --card-color-icon-default: #585858; --card-color-icon-hover: #000000; --card-gap-actions: 8px; --card-gap-content-lg: 24px; --card-gap-content-md: 16px; --card-gap-content-sm: 8px; --card-gap-footer-lg: 24px; --card-gap-footer-md: 16px; --card-gap-footer-sm: 12px; --card-gap-title: 8px; --card-header-color-icon-default: #000000; --card-header-color-text-default: #000000; --card-padding-block-lg: 32px; --card-padding-block-md: 24px; --card-padding-block-sm: 16px; --card-padding-inline-lg: 32px; --card-padding-inline-md: 24px; --card-padding-inline-sm: 16px; --card-size-icon-lg: 24px; --checkbox-border-radius: 4px; --checkbox-border-width-default: 1px; --checkbox-border-width-focused: 2px; --checkbox-color-background-checked-default: #ffcd00; --checkbox-color-background-checked-hover: #ffe166; --checkbox-color-background-default: #eae4de; --checkbox-color-background-unchecked-default: #ffffff; --checkbox-color-border-disabled: #d2cbc3; --checkbox-color-border-error: #e1003a; --checkbox-color-border-focused: #ffe166; --checkbox-color-border-unchecked-default: #dedede; --checkbox-color-border-unchecked-hover: #bdbdbd; --checkbox-color-icon-default: #000000; --checkbox-color-icon-disabled: #a7a096; --checkbox-size-container: 16px; --checkbox-size-icon: 16px; --color-background-accent-blue-minimal: #e0f5ff; --color-background-accent-blue-primary: #55c3e9; --color-background-accent-blue-secondary: #9bdef7; --color-background-accent-blue-strong: #27a5d0; --color-background-accent-blue-stronger: #057aa3; --color-background-accent-blue-strongest: #025a79; --color-background-accent-blue-subtle: #bbeaff; --color-background-accent-green-minimal: #e7fbd3; --color-background-accent-green-primary: #bade94; --color-background-accent-green-secondary: #cfebb0; --color-background-accent-green-strong: #9fc873; --color-background-accent-green-stronger: #83ad57; --color-background-accent-green-strongest: #5a8034; --color-background-accent-orange-minimal: #ffded0; --color-background-accent-orange-primary: #ff9868; --color-background-accent-orange-secondary: #ffb595; --color-background-accent-orange-strong: #e67b49; --color-background-accent-orange-stronger: #c45927; --color-background-accent-orange-strongest: #9f4217; --color-background-accent-orange-subtle: #ffc9b2; --color-background-accent-pink-minimal: #ffeaf5; --color-background-accent-pink-primary: #f696c8; --color-background-accent-pink-secondary: #feb7dc; --color-background-accent-pink-strong: #d17ba8; --color-background-accent-pink-stronger: #b06089; --color-background-accent-pink-strongest: #803c5f; --color-background-accent-pink-subtle: #ffd5eb; --color-background-accent-teal-minimal: #dbfaf6; --color-background-accent-teal-primary: #00c7ae; --color-background-accent-teal-secondary: #6fdbcd; --color-background-accent-teal-strong: #06a894; --color-background-accent-teal-stronger: #0a7b6d; --color-background-accent-teal-strongest: #00544a; --color-background-accent-teal-subtle: #a5ece4; --color-background-accent-violet-minimal: #efefff; --color-background-accent-violet-primary: #acacff; --color-background-accent-violet-secondary: #c9c9ff; --color-background-accent-violet-strong: #9587e8; --color-background-accent-violet-stronger: #8068c6; --color-background-accent-violet-strongest: #5a4890; --color-background-accent-violet-subtle: #e0e0ff; --color-background-brand-minimal: #fff8d9; --color-background-brand-primary: #ffcd00; --color-background-brand-secondary: #ffe166; --color-background-brand-strong: #e5b800; --color-background-brand-stronger: #b69200; --color-background-brand-subtle: #fff1b2; --color-background-danger-minimal: #fbdedc; --color-background-danger-primary: #ff9490; --color-background-danger-secondary: #fdb3ae; --color-background-danger-strong: #ff6165; --color-background-danger-stronger: #e1003a; --color-background-danger-strongest: #a80029; --color-background-danger-subtle: #fcc7c3; --color-background-information-minimal: #e0f5ff; --color-background-information-primary: #55c3e9; --color-background-information-secondary: #9bdef7; --color-background-information-strong: #27a5d0; --color-background-information-stronger: #057aa3; --color-background-information-subtle: #bbeaff; --color-background-neutral-inverse: #ffffff; --color-background-neutral-inverse-fixed: #ffffff; --color-background-neutral-minimal: #f3f3f3; --color-background-neutral-primary: #000000; --color-background-neutral-primary-fixed: #000000; --color-background-neutral-secondary: #212121; --color-background-neutral-subtle: #bdbdbd; --color-background-neutral-subtlest: #dedede; --color-background-neutral-tertiary: #444444; --color-background-success-minimal: #e7fbd3; --color-background-success-primary: #bade94; --color-background-success-secondary: #cfebb0; --color-background-success-strong: #9fc873; --color-background-success-stronger: #83ad57; --color-background-success-strongest: #5a8034; --color-background-transparent-black-minimal: rgba(0,0,0,.05); --color-background-transparent-black-none: rgba(0,0,0,0); --color-background-transparent-black-subtle: rgba(0,0,0,.26); --color-background-transparent-black-subtlest: rgba(0,0,0,.13); --color-background-transparent-white-minimal: rgba(255,255,255,.05); --color-background-transparent-white-none: rgba(255,255,255,0); --color-background-transparent-white-subtle: rgba(255,255,255,.26); --color-background-transparent-white-subtlest: rgba(255,255,255,.13); --color-background-warm-minimal: #fbf9f7; --color-background-warm-primary: #f6f3ef; --color-background-warm-strong: #eae4de; --color-background-warm-stronger: #d2cbc3; --color-background-warning-minimal: #ffebce; --color-background-warning-primary: #ff9f14; --color-background-warning-secondary: #ffbb59; --color-background-warning-strong: #db860a; --color-background-warning-stronger: #a6670a; --color-background-warning-subtle: #ffd495; --color-beige-10: #fbf9f7; --color-beige-20: #f6f3ef; --color-beige-30: #eae4de; --color-beige-40: #d2cbc3; --color-beige-50: #a7a096; --color-beige-60: #605b55; --color-beige-70: #4d4944; --color-beige-80: #33302d; --color-beige-90: #1e1c1a; --color-blue-10: #e0f5ff; --color-blue-20: #bbeaff; --color-blue-30: #9bdef7; --color-blue-40: #55c3e9; --color-blue-50: #27a5d0; --color-blue-60: #057aa3; --color-blue-70: #025a79; --color-blue-80: #013c50; --color-blue-90: #00202b; --color-border-brand-minimal: #fff8d9; --color-border-brand-primary: #ffcd00; --color-border-brand-secondary: #ffe166; --color-border-brand-strong: #e5b800; --color-border-brand-stronger: #b69200; --color-border-brand-subtle: #fff1b2; --color-border-danger-minimal: #fbdedc; --color-border-danger-primary: #ff9490; --color-border-danger-secondary: #fdb3ae; --color-border-danger-strong: #ff6165; --color-border-danger-stronger: #e1003a; --color-border-danger-strongest: #a80029; --color-border-danger-subtle: #fcc7c3; --color-border-information-minimal: #e0f5ff; --color-border-information-primary: #55c3e9; --color-border-information-secondary: #9bdef7; --color-border-information-strong: #27a5d0; --color-border-information-stronger: #057aa3; --color-border-information-strongest: #025a79; --color-border-information-subtle: #bbeaff; --color-border-neutral-inverse: #ffffff; --color-border-neutral-inverse-fixed: #ffffff; --color-border-neutral-minimal: #f3f3f3; --color-border-neutral-primary: #000000; --color-border-neutral-primary-fixed: #000000; --color-border-neutral-secondary: #212121; --color-border-neutral-subtle: #bdbdbd; --color-border-neutral-subtlest: #dedede; --color-border-neutral-tertiary: #444444; --color-border-neutral-transparent-minimal: rgba(0,0,0,.03); --color-border-success-minimal: #e7fbd3; --color-border-success-primary: #bade94; --color-border-success-secondary: #cfebb0; --color-border-success-strong: #9fc873; --color-border-success-stronger: #83ad57; --color-border-success-strongest: #5a8034; --color-border-transparent-black-minimal: rgba(0,0,0,.03); --color-border-transparent-black-none: rgba(0,0,0,0); --color-border-transparent-black-subtle: rgba(0,0,0,.26); --color-border-transparent-black-subtlest: rgba(0,0,0,.13); --color-border-transparent-white-minimal: rgba(255,255,255,.05); --color-border-transparent-white-none: rgba(255,255,255,0); --color-border-transparent-white-subtle: rgba(255,255,255,.26); --color-border-transparent-white-subtlest: rgba(255,255,255,.13); --color-border-warm-minimal: #f6f3ef; --color-border-warm-primary: #605b55; --color-border-warm-secondary: #a7a096; --color-border-warm-strong: #4d4944; --color-border-warm-stronger: #33302d; --color-border-warm-subtle: #eae4de; --color-border-warm-tertiary: #d2cbc3; --color-border-warning-minimal: #ffebce; --color-border-warning-primary: #ff9f14; --color-border-warning-secondary: #ffbb59; --color-border-warning-strong: #db860a; --color-border-warning-stronger: #a6670a; --color-border-warning-strongest: #824f06; --color-border-warning-subtle: #ffd495; --color-green-10: #e7fbd3; --color-green-20: #cfebb0; --color-green-30: #bade94; --color-green-40: #9fc873; --color-green-50: #83ad57; --color-green-60: #5a8034; --color-green-70: #40611f; --color-green-80: #2a4210; --color-green-90: #142603; --color-icon-accent-blue-minimal: #55c3e9; --color-icon-accent-blue-primary: #00202b; --color-icon-accent-blue-secondary: #013c50; --color-icon-accent-blue-subtle: #057aa3; --color-icon-accent-blue-subtlest: #27a5d0; --color-icon-accent-blue-tertiary: #025a79; --color-icon-accent-green-minimal: #bade94; --color-icon-accent-green-primary: #142603; --color-icon-accent-green-secondary: #2a4210; --color-icon-accent-green-subtle: #5a8034; --color-icon-accent-green-subtlest: #83ad57; --color-icon-accent-green-tertiary: #40611f; --color-icon-accent-orange-minimal: #ff9868; --color-icon-accent-orange-primary: #451701; --color-icon-accent-orange-secondary: #6d2605; --color-icon-accent-orange-subtle: #c45927; --color-icon-accent-orange-subtlest: #e67b49; --color-icon-accent-orange-tertiary: #9f4217; --color-icon-accent-pink-minimal: #f696c8; --color-icon-accent-pink-primary: #3b142a; --color-icon-accent-pink-secondary: #5c2944; --color-icon-accent-pink-subtle: #b06089; --color-icon-accent-pink-subtlest: #d17ba8; --color-icon-accent-pink-tertiary: #803c5f; --color-icon-accent-teal-minimal: #00c7ae; --color-icon-accent-teal-primary: #001b18; --color-icon-accent-teal-secondary: #053731; --color-icon-accent-teal-subtle: #0a7b6d; --color-icon-accent-teal-subtlest: #06a894; --color-icon-accent-teal-tertiary: #00544a; --color-icon-accent-violet-minimal: #acacff; --color-icon-accent-violet-primary: #26194d; --color-icon-accent-violet-secondary: #3c2e63; --color-icon-accent-violet-subtle: #8068c6; --color-icon-accent-violet-subtlest: #9587e8; --color-icon-accent-violet-tertiary: #5a4890; --color-icon-brand-minimal: #ffcd00; --color-icon-brand-primary: #423500; --color-icon-brand-secondary: #604d00; --color-icon-brand-subtle: #b69200; --color-icon-brand-subtlest: #e5b800; --color-icon-brand-tertiary: #846a01; --color-icon-danger-minimal: #ff9490; --color-icon-danger-primary: #450101; --color-icon-danger-secondary: #75001a; --color-icon-danger-subtle: #e1003a; --color-icon-danger-subtlest: #ff6165; --color-icon-danger-tertiary: #a80029; --color-icon-information-minimal: #55c3e9; --color-icon-information-primary: #00202b; --color-icon-information-secondary: #013c50; --color-icon-information-subtle: #057aa3; --color-icon-information-subtlest: #27a5d0; --color-icon-information-tertiary: #025a79; --color-icon-neutral-inverse: #ffffff; --color-icon-neutral-inverse-fixed: #ffffff; --color-icon-neutral-minimal: #bdbdbd; --color-icon-neutral-primary: #000000; --color-icon-neutral-primary-fixed: #000000; --color-icon-neutral-secondary: #212121; --color-icon-neutral-subtle: #585858; --color-icon-neutral-subtlest: #989898; --color-icon-neutral-tertiary: #444444; --color-icon-success-minimal: #bade94; --color-icon-success-primary: #142603; --color-icon-success-secondary: #2a4210; --color-icon-success-subtle: #5a8034; --color-icon-success-subtlest: #83ad57; --color-icon-success-tertiary: #40611f; --color-icon-warm-minimal: #a7a096; --color-icon-warm-primary: #1e1c1a; --color-icon-warm-secondary: #33302d; --color-icon-warm-subtle: #605b55; --color-icon-warm-tertiary: #4d4944; --color-icon-warning-minimal: #ff9f14; --color-icon-warning-primary: #382303; --color-icon-warning-secondary: #573607; --color-icon-warning-subtle: #a6670a; --color-icon-warning-subtlest: #db860a; --color-icon-warning-tertiary: #824f06; --color-logo-background-primary: #ffcd00; --color-logo-mark-primary: #000000; --color-logo-mark-primary-fixed: #000000; --color-neutral-10: #ffffff; --color-neutral-20: #f3f3f3; --color-neutral-30: #dedede; --color-neutral-40: #bdbdbd; --color-neutral-50: #989898; --color-neutral-60: #585858; --color-neutral-70: #444444; --color-neutral-80: #212121; --color-neutral-90: #000000; --color-orange-10: #ffebce; --color-orange-20: #ffd495; --color-orange-30: #ffbb59; --color-orange-40: #ff9f14; --color-orange-50: #db860a; --color-orange-60: #a6670a; --color-orange-70: #824f06; --color-orange-80: #573607; --color-orange-90: #382303; --color-overlay-default: rgba(0,0,0,.7); --color-overlay-strong: rgba(0,0,0,.5); --color-pink-10: #ffeaf5; --color-pink-20: #ffd5eb; --color-pink-30: #feb7dc; --color-pink-40: #f696c8; --color-pink-50: #d17ba8; --color-pink-60: #b06089; --color-pink-70: #803c5f; --color-pink-80: #5c2944; --color-pink-90: #3b142a; --color-red-10: #fbdedc; --color-red-20: #fcc7c3; --color-red-30: #fdb3ae; --color-red-40: #ff9490; --color-red-50: #ff6165; --color-red-60: #e1003a; --color-red-70: #a80029; --color-red-80: #75001a; --color-red-90: #450101; --color-red-orange-10: #ffded0; --color-red-orange-20: #ffc9b2; --color-red-orange-30: #ffb595; --color-red-orange-40: #ff9868; --color-red-orange-50: #e67b49; --color-red-orange-60: #c45927; --color-red-orange-70: #9f4217; --color-red-orange-80: #6d2605; --color-red-orange-90: #451701; --color-teal-10: #dbfaf6; --color-teal-20: #a5ece4; --color-teal-30: #6fdbcd; --color-teal-40: #00c7ae; --color-teal-50: #06a894; --color-teal-60: #0a7b6d; --color-teal-70: #00544a; --color-teal-80: #053731; --color-teal-90: #001b18; --color-text-accent-blue-minimal: #27a5d0; --color-text-accent-blue-primary: #00202b; --color-text-accent-blue-secondary: #013c50; --color-text-accent-blue-subtle: #057aa3; --color-text-accent-blue-tertiary: #025a79; --color-text-accent-green-minimal: #83ad57; --color-text-accent-green-primary: #142603; --color-text-accent-green-secondary: #2a4210; --color-text-accent-green-subtle: #5a8034; --color-text-accent-green-tertiary: #40611f; --color-text-accent-orange-minimal: #e67b49; --color-text-accent-orange-primary: #451701; --color-text-accent-orange-secondary: #6d2605; --color-text-accent-orange-subtle: #c45927; --color-text-accent-orange-tertiary: #9f4217; --color-text-accent-pink-minimal: #d17ba8; --color-text-accent-pink-primary: #3b142a; --color-text-accent-pink-secondary: #5c2944; --color-text-accent-pink-subtle: #b06089; --color-text-accent-pink-tertiary: #803c5f; --color-text-accent-teal-minimal: #06a894; --color-text-accent-teal-primary: #001b18; --color-text-accent-teal-secondary: #053731; --color-text-accent-teal-subtle: #0a7b6d; --color-text-accent-teal-tertiary: #00544a; --color-text-accent-violet-minimal: #9587e8; --color-text-accent-violet-primary: #26194d; --color-text-accent-violet-secondary: #3c2e63; --color-text-accent-violet-subtle: #8068c6; --color-text-accent-violet-tertiary: #5a4890; --color-text-brand-minimal: #e5b800; --color-text-brand-primary: #423500; --color-text-brand-secondary: #604d00; --color-text-brand-subtle: #b69200; --color-text-brand-tertiary: #846a01; --color-text-danger-minimal: #ff6165; --color-text-danger-primary: #450101; --color-text-danger-secondary: #75001a; --color-text-danger-subtle: #e1003a; --color-text-danger-tertiary: #a80029; --color-text-information-minimal: #27a5d0; --color-text-information-primary: #00202b; --color-text-information-secondary: #013c50; --color-text-information-subtle: #057aa3; --color-text-information-tertiary: #025a79; --color-text-neutral-inverse: #ffffff; --color-text-neutral-inverse-fixed: #ffffff; --color-text-neutral-minimal: #bdbdbd; --color-text-neutral-primary: #000000; --color-text-neutral-primary-fixed: #000000; --color-text-neutral-secondary: #212121; --color-text-neutral-subtle: #585858; --color-text-neutral-subtlest: #989898; --color-text-neutral-tertiary: #444444; --color-text-success-minimal: #83ad57; --color-text-success-primary: #142603; --color-text-success-secondary: #2a4210; --color-text-success-subtle: #5a8034; --color-text-success-tertiary: #40611f; --color-text-warm-minimal: #a7a096; --color-text-warm-primary: #1e1c1a; --color-text-warm-secondary: #33302d; --color-text-warm-subtle: #605b55; --color-text-warm-tertiary: #4d4944; --color-text-warning-minimal: #db860a; --color-text-warning-primary: #382303; --color-text-warning-secondary: #573607; --color-text-warning-subtle: #a6670a; --color-text-warning-tertiary: #824f06; --color-transparent-10: rgba(0,0,0,.03); --color-violet-10: #efefff; --color-violet-20: #e0e0ff; --color-violet-30: #c9c9ff; --color-violet-40: #acacff; --color-violet-50: #9587e8; --color-violet-60: #8068c6; --color-violet-70: #5a4890; --color-violet-80: #3c2e63; --color-violet-90: #26194d; --color-yellow-10: #fff8d9; --color-yellow-20: #fff1b2; --color-yellow-30: #ffe166; --color-yellow-40: #ffcd00; --color-yellow-50: #e5b800; --color-yellow-60: #b69200; --color-yellow-70: #846a01; --color-yellow-80: #604d00; --color-yellow-90: #423500; --drawer-body-color-background-default: #ffffff; --drawer-body-padding-block: 32px; --drawer-body-padding-inline: 32px; --drawer-border-radius: 8px; --drawer-border-width: 1px; --drawer-color-border-default: #f6f3ef; --drawer-color-border-hover: #eae4de; --drawer-color-icon-default: #000000; --drawer-color-text-description: #212121; --drawer-color-text-title: #000000; --drawer-size-width-lg: 900px; --drawer-size-width-md: 708px; --drawer-size-width-sm: 516px; --dropdown-menu-border-radius: 8px; --dropdown-menu-border-width: 1px; --dropdown-menu-color-background-default: #ffffff; --dropdown-menu-color-border-default: #f6f3ef; --dropdown-menu-color-border-hover: #eae4de; --dropdown-menu-divider-padding-block-lg: 8px; --dropdown-menu-divider-padding-block-md: 4px; --dropdown-menu-gap-content: 8px; --dropdown-menu-item-border-radius: 8px; --dropdown-menu-item-color-background-default: #ffffff; --dropdown-menu-item-color-background-disabled: #fbf9f7; --dropdown-menu-item-color-background-hover: #fff8d9; --dropdown-menu-item-color-icon-default: #000000; --dropdown-menu-item-color-icon-disabled: #605b55; --dropdown-menu-item-color-icon-hover: #423500; --dropdown-menu-item-color-text-content-default: #000000; --dropdown-menu-item-color-text-content-disabled: #605b55; --dropdown-menu-item-color-text-content-hover: #423500; --dropdown-menu-item-color-text-description-default: #444444; --dropdown-menu-item-color-text-description-disabled: #605b55; --dropdown-menu-item-color-text-description-hover: #604d00; --dropdown-menu-item-gap-content: 8px; --dropdown-menu-item-padding-block-lg: 12px; --dropdown-menu-item-padding-block-md: 8px; --dropdown-menu-item-padding-inline-lg: 16px; --dropdown-menu-item-padding-inline-md: 12px; --dropdown-menu-padding-block-lg: 8px; --dropdown-menu-padding-block-md: 8px; --dropdown-menu-padding-inline-lg: 8px; --dropdown-menu-padding-inline-md: 8px; --dropdown-menu-size-icon: 16px; --elevation-10: 0 1px 2px 0 rgba(0,0,0,.04); --elevation-20: 0 4px 6px 0 rgba(0,0,0,.04); --elevation-30: 0 4px 6px 0 rgba(0,0,0,.08); --elevation-40: 0 6px 8px 0 rgba(0,0,0,.12); --elevation-50: 0 12px 16px 0 rgba(0,0,0,.12); --elevation-60: 0 12px 32px 0 rgba(0,0,0,.16); --field-gap-assistive: 4px; --field-gap-label: 8px; --file-drop-border-radius: 8px; --file-drop-border-width-default: 1px; --file-drop-gap-content: 16px; --file-drop-padding-block: 32px; --file-drop-padding-inline: 32px; --floating-action-bar-border-radius: 8px; --floating-action-bar-border-width: 1px; --floating-action-bar-color-background: #ffffff; --floating-action-bar-color-border: #f3f3f3; --floating-action-bar-gap-actions: 8px; --floating-action-bar-gap-items: 12px; --floating-action-bar-gap-pagination: 12px; --floating-action-bar-padding-block: 12px; --floating-action-bar-padding-inline: 16px; --floating-action-bar-size-max-height: 57px; --font-family-body: "Work Sans",sans-serif; --font-family-title: "welcome-font",sans-serif; --font-letter-spacing-none: 0; --font-letter-spacing-xs: -2%; --font-line-height-lg: 150%; --font-line-height-md: 140%; --font-line-height-sm: 130%; --font-line-height-xs: 120%; --font-size-12: .75rem; --text-12: .75rem; --font-size-128: 8rem; --text-128: 8rem; --font-size-14: .875rem; --text-14: .875rem; --font-size-16: 1rem; --text-16: 1rem; --font-size-18: 1.125rem; --text-18: 1.125rem; --font-size-20: 1.25rem; --text-20: 1.25rem; --font-size-24: 1.5rem; --text-24: 1.5rem; --font-size-2xl: 1.5rem; --font-size-xxl: 1.5rem; --text-2xl: 1.5rem; --font-size-32: 2rem; --text-32: 2rem; --font-size-36: 2.25rem; --text-36: 2.25rem; --font-size-3xl: 2rem; --text-3xl: 2rem; --font-size-48: 3rem; --text-48: 3rem; --font-size-4xl: 2.25rem; --text-4xl: 2.25rem; --font-size-5xl: 3rem; --text-5xl: 3rem; --font-size-60: 3.75rem; --text-60: 3.75rem; --font-size-6xl: 3.75rem; --text-6xl: 3.75rem; --font-size-72: 4.5rem; --text-72: 4.5rem; --font-size-7xl: 4.5rem; --text-7xl: 4.5rem; --font-size-lg: 1.125rem; --text-lg: 1.125rem; --font-size-md: 1rem; --text-md: 1rem; --font-size-sm: .875rem; --text-sm: .875rem; --font-size-xl: 1.25rem; --text-xl: 1.25rem; --font-size-xs: .75rem; --text-xs: .75rem; --font-weight-black: 900; --font-weight-bold: 700; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-semi-bold: 600; --growl-border-radius: 12px; --growl-border-width: 1px; --growl-color-background-default: #ffffff; --growl-color-border-default: #eae4de; --growl-color-border-hover: #d2cbc3; --growl-color-icon-default: #bdbdbd; --growl-color-icon-hover: #000000; --growl-color-text-body: #212121; --growl-color-text-title: #000000; --growl-gap-content: 16px; --growl-icon-border-radius: 16px; --growl-icon-color-background-error: #fbdedc; --growl-icon-color-background-information: #e0f5ff; --growl-icon-color-background-success: #e7fbd3; --growl-icon-color-background-warning: #ffebce; --growl-icon-color-icon-error: #a80029; --growl-icon-color-icon-information: #025a79; --growl-icon-color-icon-success: #40611f; --growl-icon-color-icon-warning: #824f06; --growl-icon-padding-block: 8px; --growl-icon-padding-inline: 8px; --growl-icon-size-icon: 24px; --growl-padding-block: 16px; --growl-padding-inline: 16px; --growl-size-icon: 24px; --height-16: 1rem; --height-2: .125rem; --height-20: 1.25rem; --height-24: 1.5rem; --height-25: 1.5625rem; --height-32: 2rem; --height-33: 2.0625rem; --height-40: 2.5rem; --height-43: 2.6875rem; --height-57: 3.5625rem; --height-8: .5rem; --hint-color-text-default: #585858; --hint-color-text-error: #a80029; --hint-color-text-success: #40611f; --hint-color-text-warning: #824f06; --input-border-radius: 8px; --input-border-width-default: 1px; --input-border-width-focused: 2px; --input-color-background-default: #ffffff; --input-color-background-disabled: #eae4de; --input-color-background-transparent: rgba(255,255,255,0); --input-color-border-active: #ffcd00; --input-color-border-default: #f3f3f3; --input-color-border-disabled: #d2cbc3; --input-color-border-error: #e1003a; --input-color-border-focused: #ffe166; --input-color-border-hover: #dedede; --input-color-border-hover-transparent: rgba(0,0,0,.13); --input-color-border-success: #5a8034; --input-color-border-warning: #a6670a; --input-color-icon-default: #000000; --input-color-icon-disabled: #a7a096; --input-color-icon-placeholder: #000000; --input-color-text-default: #000000; --input-color-text-disabled: #605b55; --input-color-text-placeholder: #989898; --input-gap-content: 8px; --input-max-height-lg: 42px; --input-max-height-md: 32px; --input-max-height-sm: 24px; --input-padding-block-lg: 12px; --input-padding-block-md: 8px; --input-padding-block-sm: 4px; --input-padding-inline-lg: 12px; --input-padding-inline-md: 12px; --input-padding-inline-sm: 8px; --input-password-color-background-default: #f3f3f3; --input-password-color-background-good: #83ad57; --input-password-color-background-strong: #83ad57; --input-password-color-background-too-weak: #a80029; --input-password-color-background-weak: #a6670a; --input-size-icon-root: 16px; --input-size-icon-select: 24px; --input-size-image: 16px; --inset-10: 0 0 6px 0 rgba(0,0,0,.08); --inset-20: 0 0 8px 0 rgba(0,0,0,.16); --inset-5: 0 0 4px 0 rgba(0,0,0,.08); --label-color-icon-default: #444444; --label-color-icon-error: #e1003a; --label-color-icon-required: #e5b800; --label-color-icon-success: #5a8034; --label-color-icon-warning: #a6670a; --label-color-text-default: #585858; --label-gap-content: 4px; --label-size-leading: 16px; --label-size-required: 12px; --latency-color-background-bar: rgba(0,0,0,.05); --latency-color-background-progress: #ffcd00; --link-color-background-primary-hover: #ffcd00; --link-color-background-primary-visited-default: #fff8d9; --link-color-background-primary-visited-hover: #ffcd00; --link-color-background-secondary-hover: #000000; --link-color-background-secondary-visited-default: #dedede; --link-color-background-secondary-visited-hover: #000000; --link-color-icon-primary-default: #000000; --link-color-icon-primary-disabled: #a7a096; --link-color-icon-primary-hover: #000000; --link-color-icon-primary-visited-default: #604d00; --link-color-icon-primary-visited-hover: #000000; --link-color-icon-secondary-default: #000000; --link-color-icon-secondary-disabled: #989898; --link-color-icon-secondary-hover: #ffffff; --link-color-icon-secondary-visited-default: #444444; --link-color-icon-secondary-visited-hover: #ffffff; --link-color-text-primary-default: #000000; --link-color-text-primary-disabled: #605b55; --link-color-text-primary-hover: #000000; --link-color-text-primary-visited-default: #604d00; --link-color-text-primary-visited-hover: #000000; --link-color-text-secondary-default: #000000; --link-color-text-secondary-disabled: #585858; --link-color-text-secondary-hover: #ffffff; --link-color-text-secondary-visited-default: #444444; --link-color-text-secondary-visited-hover: #ffffff; --link-color-underline-primary-default: #ffcd00; --link-color-underline-primary-disabled: #eae4de; --link-color-underline-primary-visited-default: #ffcd00; --link-color-underline-primary-visited-hover: #ffcd00; --link-color-underline-secondary-default: #000000; --link-color-underline-secondary-disabled: #dedede; --link-color-underline-secondary-visited-default: #000000; --link-color-underline-secondary-visited-hover: #000000; --link-gap-content: 0; --link-gap-underline: -2px; --link-padding-inline-icon: 2px; --link-padding-inline-text: 2px; --link-size-icon-lg: 16px; --link-size-icon-md: 16px; --link-size-icon-sm: 16px; --link-size-icon-xs: 12px; --link-underline-size-height: 2px; --modal-border-radius: 12px; --modal-border-width: 1px; --modal-color-background-default: #ffffff; --modal-color-border-default: #eae4de; --modal-color-border-hover: #d2cbc3; --modal-color-icon-default: #000000; --modal-color-text-body: #212121; --modal-color-text-title: #000000; --modal-gap-content: 12px; --modal-padding-block: 24px; --modal-padding-inline: 24px; --modal-size-width-lg: 800px; --modal-size-width-md: 600px; --modal-size-width-sm: 450px; --pagination-border-radius: 8px; --pagination-border-width-checked: 2px; --pagination-border-width-unchecked: 1px; --pagination-color-background-checked-default: #ffe166; --pagination-color-background-checked-disabled: rgba(0,0,0,.13); --pagination-color-background-checked-hover: #ffe166; --pagination-color-background-checked-pressed: #ffcd00; --pagination-color-background-unchecked-default: #ffffff; --pagination-color-background-unchecked-disabled: rgba(0,0,0,.13); --pagination-color-background-unchecked-hover: #ffffff; --pagination-color-background-unchecked-pressed: rgba(0,0,0,.05); --pagination-color-border-checked-default: #ffcd00; --pagination-color-border-checked-hover: #e5b800; --pagination-color-border-checked-pressed: #e5b800; --pagination-color-border-unchecked-default: #f6f3ef; --pagination-color-border-unchecked-hover: #eae4de; --pagination-color-border-unchecked-pressed: rgba(0,0,0,.03); --pagination-color-icon-checked-default: #000000; --pagination-color-icon-checked-disabled: #585858; --pagination-color-icon-checked-hover: #423500; --pagination-color-icon-checked-pressed: #604d00; --pagination-color-icon-unchecked-default: #000000; --pagination-color-icon-unchecked-disabled: #585858; --pagination-color-icon-unchecked-hover: #212121; --pagination-color-icon-unchecked-pressed: #000000; --pagination-color-text-checked-default: #000000; --pagination-color-text-checked-disabled: #585858; --pagination-color-text-checked-hover: #423500; --pagination-color-text-checked-pressed: #604d00; --pagination-color-text-condensed-default: #000000; --pagination-color-text-unchecked-default: #000000; --pagination-color-text-unchecked-disabled: #585858; --pagination-color-text-unchecked-hover: #212121; --pagination-color-text-unchecked-pressed: #000000; --pagination-end-padding-inline-leading-lg: 16px; --pagination-end-padding-inline-leading-md: 12px; --pagination-end-padding-inline-trailing-lg: 8px; --pagination-end-padding-inline-trailing-md: 4px; --pagination-gap-content: 4px; --pagination-gap-pages: 8px; --pagination-padding-block-lg: 8px; --pagination-padding-block-md: 4px; --pagination-padding-inline-lg: 12px; --pagination-padding-inline-md: 12px; --pagination-size-icon: 24px; --pagination-size-max-height-lg: 40px; --pagination-size-max-height-md: 32px; --pagination-size-max-width-lg: 40px; --pagination-size-max-width-md: 32px; --pagination-size-min-height-lg: 40px; --pagination-size-min-height-md: 32px; --pagination-size-min-width-lg: 40px; --pagination-size-min-width-md: 32px; --pagination-start-padding-inline-leading-lg: 8px; --pagination-start-padding-inline-leading-md: 4px; --pagination-start-padding-inline-trailing-lg: 16px; --pagination-start-padding-inline-trailing-md: 12px; --pattern-grid-color-background-default: rgba(0,0,0,0); --pattern-grid-color-stroke-default: rgba(0,0,0,.03); --pattern-grid-size: 1