/* latin */ @font-face { font-family: 'Arvo'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/arvo/v20/tDbD2oWUg0MKqScQ7Q.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin */ @font-face { font-family: 'Arvo'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/arvo/v20/tDbM2oWUg0MKoZw1-LPK8w.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/worksans/v18/QGYsz_wNahGAdqQ43Rh_cqDpp_k.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/worksans/v18/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/worksans/v18/QGYsz_wNahGAdqQ43Rh_cqDpp_k.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/worksans/v18/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/worksans/v18/QGYsz_wNahGAdqQ43Rh_cqDpp_k.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/worksans/v18/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/worksans/v18/QGYsz_wNahGAdqQ43Rh_cqDpp_k.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/worksans/v18/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } :root { --iris-ds-logo: https://ssl.gstatic.com/ui/v1/icons/mail/rfr/logo_gmail_lockup_default_2x_r5.png; --iris-ds-component-button-space-small: var(--iris-ds-space-inline-xx-small); --iris-ds-component-button-space-medium: var(--iris-ds-space-inline-xx-small); --iris-ds-component-button-space-large: var(--iris-ds-space-inline-x-small); --iris-ds-component-button-space-inset-small: var(--iris-ds-space-inset-x-small); --iris-ds-component-button-space-inset-medium: var(--iris-ds-space-inset-small); --iris-ds-component-button-space-inset-large: var(--iris-ds-space-inset-small); --iris-ds-component-button-typography-small: var(--iris-ds-element-medium); --iris-ds-component-button-typography-medium: var(--iris-ds-element-large); --iris-ds-component-button-typography-large: var(--iris-ds-element-x-large); --iris-ds-component-button-size-small: 32px; --iris-ds-component-button-size-medium: 44px; --iris-ds-component-button-size-large: 56px; --iris-ds-component-button-border-width-primary: var(--iris-ds-border-width-none); --iris-ds-component-button-border-width-secondary: var(--iris-ds-border-width-hairline); --iris-ds-component-button-border-width-tertiary: var(--iris-ds-border-width-none); --iris-ds-component-button-border-width-danger: var(--iris-ds-border-width-none); --iris-ds-component-button-border-width-danger-secondary: var(--iris-ds-border-width-hairline); --iris-ds-component-button-border-width-danger-tertiary: var(--iris-ds-border-width-none); --iris-ds-component-button-border-radius-small: var(--iris-ds-border-radius-medium); --iris-ds-component-button-border-radius-medium: var(--iris-ds-border-radius-medium); --iris-ds-component-button-border-radius-large: var(--iris-ds-border-radius-medium); --iris-ds-component-button-color-border-primary-default: var(--iris-ds-color-transparent); --iris-ds-component-button-color-border-primary-hover: var(--iris-ds-color-transparent); --iris-ds-component-button-color-border-primary-pressed: var(--iris-ds-color-transparent); --iris-ds-component-button-color-border-primary-disabled: var(--iris-ds-color-transparent); --iris-ds-component-button-color-border-secondary-default: var(--iris-ds-color-border-default); --iris-ds-component-button-color-border-secondary-hover: var(--iris-ds-color-border-default); --iris-ds-component-button-color-border-secondary-pressed: var(--iris-ds-color-border-default); --iris-ds-component-button-color-border-secondary-disabled: var(--iris-ds-color-border-disabled); --iris-ds-component-button-color-border-tertiary-default: var(--iris-ds-color-transparent); --iris-ds-component-button-color-border-tertiary-hover: var(--iris-ds-color-transparent); --iris-ds-component-button-color-border-tertiary-pressed: var(--iris-ds-color-transparent); --iris-ds-component-button-color-border-tertiary-disabled: var(--iris-ds-color-transparent); --iris-ds-component-button-color-border-tertiary-inverse-default: var(--iris-ds-color-transparent); --iris-ds-component-button-color-border-tertiary-inverse-hover: var(--iris-ds-color-transparent); --iris-ds-component-button-color-border-tertiary-inverse-pressed: var(--iris-ds-color-transparent); --iris-ds-component-button-color-border-tertiary-inverse-disabled: var(--iris-ds-color-transparent); --iris-ds-component-button-color-border-danger-default: var(--iris-ds-color-transparent); --iris-ds-component-button-color-border-danger-hover: var(--iris-ds-color-transparent); --iris-ds-component-button-color-border-danger-pressed: var(--iris-ds-color-transparent); --iris-ds-component-button-color-border-danger-disabled: var(--iris-ds-color-transparent); --iris-ds-component-button-color-border-danger-secondary-default: var(--iris-ds-color-border-default); --iris-ds-component-button-color-border-danger-secondary-hover: var(--iris-ds-color-border-default); --iris-ds-component-button-color-border-danger-secondary-pressed: var(--iris-ds-color-border-default); --iris-ds-component-button-color-border-danger-secondary-disabled: var(--iris-ds-color-border-disabled); --iris-ds-component-button-color-border-danger-tertiary-default: var(--iris-ds-color-transparent); --iris-ds-component-button-color-border-danger-tertiary-hover: var(--iris-ds-color-transparent); --iris-ds-component-button-color-border-danger-tertiary-pressed: var(--iris-ds-color-transparent); --iris-ds-component-button-color-border-danger-tertiary-disabled: var(--iris-ds-color-transparent); --iris-ds-component-button-color-background-primary-default: var(--iris-ds-color-action-primary-default); --iris-ds-component-button-color-background-primary-hover: var(--iris-ds-color-action-primary-hover); --iris-ds-component-button-color-background-primary-pressed: var(--iris-ds-color-action-primary-pressed); --iris-ds-component-button-color-background-primary-disabled: var(--iris-ds-color-action-primary-disabled); --iris-ds-component-button-color-background-secondary-default: var(--iris-ds-color-action-secondary-default); --iris-ds-component-button-color-background-secondary-hover: var(--iris-ds-color-action-secondary-hover); --iris-ds-component-button-color-background-secondary-pressed: var(--iris-ds-color-action-secondary-pressed); --iris-ds-component-button-color-background-secondary-disabled: var(--iris-ds-color-action-secondary-disabled); --iris-ds-component-button-color-background-tertiary-default: var(--iris-ds-color-action-tertiary-default); --iris-ds-component-button-color-background-tertiary-hover: var(--iris-ds-color-action-tertiary-hover); --iris-ds-component-button-color-background-tertiary-pressed: var(--iris-ds-color-action-tertiary-pressed); --iris-ds-component-button-color-background-tertiary-disabled: var(--iris-ds-color-action-tertiary-disabled); --iris-ds-component-button-color-background-tertiary-inverse-default: var(--iris-ds-color-action-inverse-default); --iris-ds-component-button-color-background-tertiary-inverse-hover: var(--iris-ds-color-action-inverse-hover); --iris-ds-component-button-color-background-tertiary-inverse-pressed: var(--iris-ds-color-action-inverse-pressed); --iris-ds-component-button-color-background-tertiary-inverse-disabled: var(--iris-ds-color-action-inverse-disabled); --iris-ds-component-button-color-background-danger-default: var(--iris-ds-color-action-danger-default); --iris-ds-component-button-color-background-danger-hover: var(--iris-ds-color-action-danger-hover); --iris-ds-component-button-color-background-danger-pressed: var(--iris-ds-color-action-danger-pressed); --iris-ds-component-button-color-background-danger-disabled: var(--iris-ds-color-action-danger-disabled); --iris-ds-component-button-color-background-danger-secondary-default: var(--iris-ds-color-action-danger-secondary-default); --iris-ds-component-button-color-background-danger-secondary-hover: var(--iris-ds-color-action-danger-secondary-hover); --iris-ds-component-button-color-background-danger-secondary-pressed: var(--iris-ds-color-action-danger-secondary-pressed); --iris-ds-component-button-color-background-danger-secondary-disabled: var(--iris-ds-color-action-danger-secondary-disabled); --iris-ds-component-button-color-background-danger-tertiary-default: var(--iris-ds-color-transparent); --iris-ds-component-button-color-background-danger-tertiary-hover: var(--iris-ds-color-action-danger-secondary-hover); --iris-ds-component-button-color-background-danger-tertiary-pressed: var(--iris-ds-color-action-danger-secondary-pressed); --iris-ds-component-button-color-background-danger-tertiary-disabled: var(--iris-ds-color-transparent); --iris-ds-component-button-color-text-primary-default: var(--iris-ds-color-white); --iris-ds-component-button-color-text-primary-hover: var(--iris-ds-color-white); --iris-ds-component-button-color-text-primary-pressed: var(--iris-ds-color-white); --iris-ds-component-button-color-text-primary-disabled: var(--iris-ds-color-text-disabled); --iris-ds-component-button-color-text-secondary-default: var(--iris-ds-color-text-default); --iris-ds-component-button-color-text-secondary-hover: var(--iris-ds-color-text-default); --iris-ds-component-button-color-text-secondary-pressed: var(--iris-ds-color-text-default); --iris-ds-component-button-color-text-secondary-disabled: var(--iris-ds-color-text-disabled); --iris-ds-component-button-color-text-tertiary-default: var(--iris-ds-color-text-default); --iris-ds-component-button-color-text-tertiary-hover: var(--iris-ds-color-text-default); --iris-ds-component-button-color-text-tertiary-pressed: var(--iris-ds-color-text-default); --iris-ds-component-button-color-text-tertiary-disabled: var(--iris-ds-color-text-disabled); --iris-ds-component-button-color-text-tertiary-inverse-default: var(--iris-ds-color-white); --iris-ds-component-button-color-text-tertiary-inverse-hover: var(--iris-ds-color-white); --iris-ds-component-button-color-text-tertiary-inverse-pressed: var(--iris-ds-color-white); --iris-ds-component-button-color-text-tertiary-inverse-disabled: var(--iris-ds-color-alpha-white-300); --iris-ds-component-button-color-text-danger-default: var(--iris-ds-color-white); --iris-ds-component-button-color-text-danger-hover: var(--iris-ds-color-white); --iris-ds-component-button-color-text-danger-pressed: var(--iris-ds-color-white); --iris-ds-component-button-color-text-danger-disabled: var(--iris-ds-color-text-disabled); --iris-ds-component-button-color-text-danger-secondary-default: var(--iris-ds-color-text-danger-default); --iris-ds-component-button-color-text-danger-secondary-hover: var(--iris-ds-color-text-danger-default); --iris-ds-component-button-color-text-danger-secondary-pressed: var(--iris-ds-color-text-danger-default); --iris-ds-component-button-color-text-danger-secondary-disabled: var(--iris-ds-color-text-disabled); --iris-ds-component-button-color-text-danger-tertiary-default: var(--iris-ds-color-text-danger-default); --iris-ds-component-button-color-text-danger-tertiary-hover: var(--iris-ds-color-text-danger-default); --iris-ds-component-button-color-text-danger-tertiary-pressed: var(--iris-ds-color-text-danger-default); --iris-ds-component-button-color-text-danger-tertiary-disabled: var(--iris-ds-color-text-disabled); --iris-ds-component-button-color-icon-primary-default: var(--iris-ds-color-white); --iris-ds-component-button-color-icon-primary-hover: var(--iris-ds-color-white); --iris-ds-component-button-color-icon-primary-pressed: var(--iris-ds-color-white); --iris-ds-component-button-color-icon-primary-disabled: var(--iris-ds-color-text-disabled); --iris-ds-component-button-color-icon-secondary-default: var(--iris-ds-color-text-default); --iris-ds-component-button-color-icon-secondary-hover: var(--iris-ds-color-text-default); --iris-ds-component-button-color-icon-secondary-pressed: var(--iris-ds-color-text-default); --iris-ds-component-button-color-icon-secondary-disabled: var(--iris-ds-color-text-disabled); --iris-ds-component-button-color-icon-tertiary-default: var(--iris-ds-color-text-default); --iris-ds-component-button-color-icon-tertiary-hover: var(--iris-ds-color-text-default); --iris-ds-component-button-color-icon-tertiary-pressed: var(--iris-ds-color-text-default); --iris-ds-component-button-color-icon-tertiary-disabled: var(--iris-ds-color-text-disabled); --iris-ds-component-button-color-icon-tertiary-inverse-default: var(--iris-ds-color-white); --iris-ds-component-button-color-icon-tertiary-inverse-hover: var(--iris-ds-color-white); --iris-ds-component-button-color-icon-tertiary-inverse-pressed: var(--iris-ds-color-white); --iris-ds-component-button-color-icon-tertiary-inverse-disabled: var(--iris-ds-color-alpha-white-300); --iris-ds-component-button-color-icon-danger-default: var(--iris-ds-color-white); --iris-ds-component-button-color-icon-danger-hover: var(--iris-ds-color-white); --iris-ds-component-button-color-icon-danger-pressed: var(--iris-ds-color-white); --iris-ds-component-button-color-icon-danger-disabled: var(--iris-ds-color-text-disabled); --iris-ds-component-button-color-icon-danger-secondary-default: var(--iris-ds-color-text-danger-default); --iris-ds-component-button-color-icon-danger-secondary-hover: var(--iris-ds-color-text-danger-default); --iris-ds-component-button-color-icon-danger-secondary-pressed: var(--iris-ds-color-text-danger-default); --iris-ds-component-button-color-icon-danger-secondary-disabled: var(--iris-ds-color-text-disabled); --iris-ds-component-button-color-icon-danger-tertiary-default: var(--iris-ds-color-text-danger-default); --iris-ds-component-button-color-icon-danger-tertiary-hover: var(--iris-ds-color-text-danger-default); --iris-ds-component-button-color-icon-danger-tertiary-pressed: var(--iris-ds-color-text-danger-default); --iris-ds-component-button-color-icon-danger-tertiary-disabled: var(--iris-ds-color-text-disabled); --iris-ds-component-button-icon-size-small: 16px; --iris-ds-component-button-icon-size-medium: 20px; --iris-ds-component-button-icon-size-large: 24px; --iris-ds-component-button-shadow-primary-default: var(--iris-ds-box-shadow-x-small); --iris-ds-component-button-shadow-primary-hover: var(--iris-ds-box-shadow-x-small); --iris-ds-component-button-shadow-primary-pressed: var(--iris-ds-box-shadow-x-small); --iris-ds-component-button-shadow-primary-disabled: var(--iris-ds-box-shadow-none); --iris-ds-component-button-shadow-danger-default: var(--iris-ds-box-shadow-x-small); --iris-ds-component-button-shadow-danger-hover: var(--iris-ds-box-shadow-x-small); --iris-ds-component-button-shadow-danger-pressed: var(--iris-ds-box-shadow-x-small); --iris-ds-component-button-shadow-danger-disabled: var(--iris-ds-box-shadow-none); --iris-ds-component-button-shadow-danger-secondary-default: var(--iris-ds-box-shadow-x-small); --iris-ds-component-button-shadow-danger-secondary-hover: var(--iris-ds-box-shadow-x-small); --iris-ds-component-button-shadow-danger-secondary-pressed: var(--iris-ds-box-shadow-x-small); --iris-ds-component-button-shadow-danger-secondary-disabled: var(--iris-ds-box-shadow-none); --iris-ds-component-button-shadow-danger-tertiary-default: var(--iris-ds-box-shadow-none); --iris-ds-component-button-shadow-danger-tertiary-hover: var(--iris-ds-box-shadow-none); --iris-ds-component-button-shadow-danger-tertiary-pressed: var(--iris-ds-box-shadow-none); --iris-ds-component-button-shadow-danger-tertiary-disabled: var(--iris-ds-box-shadow-none); --iris-ds-component-button-shadow-secondary-default: var(--iris-ds-box-shadow-x-small); --iris-ds-component-button-shadow-secondary-hover: var(--iris-ds-box-shadow-x-small); --iris-ds-component-button-shadow-secondary-pressed: var(--iris-ds-box-shadow-x-small); --iris-ds-component-button-shadow-secondary-disabled: var(--iris-ds-box-shadow-none); --iris-ds-component-button-shadow-tertiary-default: var(--iris-ds-box-shadow-none); --iris-ds-component-button-shadow-tertiary-hover: var(--iris-ds-box-shadow-none); --iris-ds-component-button-shadow-tertiary-pressed: var(--iris-ds-box-shadow-none); --iris-ds-component-button-shadow-tertiary-disabled: var(--iris-ds-box-shadow-none); --iris-ds-component-button-shadow-tertiary-inverse-default: var(--iris-ds-box-shadow-none); --iris-ds-component-button-shadow-tertiary-inverse-hover: var(--iris-ds-box-shadow-none); --iris-ds-component-button-shadow-tertiary-inverse-pressed: var(--iris-ds-box-shadow-none); --iris-ds-component-button-shadow-tertiary-inverse-disabled: var(--iris-ds-box-shadow-none); --iris-ds-component-portal-color-background: var(--iris-ds-color-background-default); --iris-ds-component-side-menu-item-typography: var(--iris-ds-element-medium); --iris-ds-component-side-menu-item-border-radius: var(--iris-ds-border-radius-medium); --iris-ds-component-side-menu-item-color-background-default: var(--iris-ds-color-action-tertiary-default); --iris-ds-component-side-menu-item-color-background-hover: var(--iris-ds-color-action-tertiary-hover); --iris-ds-component-side-menu-item-color-background-pressed: var(--iris-ds-color-action-tertiary-pressed); --iris-ds-component-side-menu-item-color-background-disabled: var(--iris-ds-color-action-tertiary-disabled); --iris-ds-component-side-menu-item-color-background-active-default: var(--iris-ds-color-orange-100); --iris-ds-component-side-menu-item-color-background-active-hover: var(--iris-ds-color-orange-200); --iris-ds-component-side-menu-item-color-background-active-pressed: var(--iris-ds-color-orange-300); --iris-ds-component-side-menu-item-color-text-default: var(--iris-ds-color-text-subtle); --iris-ds-component-side-menu-item-color-text-hover: var(--iris-ds-color-text-subtle); --iris-ds-component-side-menu-item-color-text-pressed: var(--iris-ds-color-text-default); --iris-ds-component-side-menu-item-color-text-disabled: var(--iris-ds-color-text-disabled); --iris-ds-component-side-menu-item-color-text-active-default: var(--iris-ds-color-orange-700); --iris-ds-component-side-menu-item-color-text-active-hover: var(--iris-ds-color-orange-700); --iris-ds-component-side-menu-item-color-text-active-pressed: var(--iris-ds-color-orange-700); --iris-ds-component-side-menu-item-color-icon-default: var(--iris-ds-color-text-oversubtle); --iris-ds-component-side-menu-item-color-icon-hover: var(--iris-ds-color-text-oversubtle); --iris-ds-component-side-menu-item-color-icon-pressed: var(--iris-ds-color-text-subtle); --iris-ds-component-side-menu-item-color-icon-disabled: var(--iris-ds-color-text-disabled); --iris-ds-component-side-menu-item-color-icon-active-default: var(--iris-ds-color-orange-600); --iris-ds-component-side-menu-item-color-icon-active-hover: var(--iris-ds-color-orange-600); --iris-ds-component-side-menu-item-color-icon-active-pressed: var(--iris-ds-color-orange-600); --iris-ds-component-side-menu-collapse-button-background: var(--iris-ds-color-background-subtle); --iris-ds-component-side-menu-collapse-button-icon: var(--iris-ds-color-text-subtle); --iris-ds-component-side-menu-color-background: var(--iris-ds-color-background-default); --iris-ds-component-side-menu-color-border: var(--iris-ds-color-border-default); --iris-ds-component-tag-border-radius: var(--iris-ds-border-radius-pill); --iris-ds-border-radius-none: 0; --iris-ds-border-radius-x-small: 2px; --iris-ds-border-radius-small: 4px; --iris-ds-border-radius-medium: 8px; --iris-ds-border-radius-large: 16px; --iris-ds-border-radius-x-large: 24px; --iris-ds-border-radius-pill: 9999px; --iris-ds-border-width-none: 0; --iris-ds-border-width-hairline: 1px; --iris-ds-border-width-thin: 2px; --iris-ds-border-width-thick: 4px; --iris-ds-border-width-heavy: 8px; --iris-ds-border-width-focus: 3px; --iris-ds-border-style-solid: solid; --iris-ds-border-style-dashed: dashed; --iris-ds-breakpoint-base: 0px; --iris-ds-breakpoint-small: 576px; --iris-ds-breakpoint-medium: 992px; --iris-ds-breakpoint-large: 1200px; --iris-ds-breakpoint-x-large: 1400px; --iris-ds-dark-color-background-default: var(--iris-ds-color-gray-1000); --iris-ds-dark-color-background-subtle: var(--iris-ds-color-gray-900); --iris-ds-dark-color-background-info: var(--iris-ds-color-blue-900); --iris-ds-dark-color-background-success: var(--iris-ds-color-green-900); --iris-ds-dark-color-background-warning: var(--iris-ds-color-yellow-900); --iris-ds-dark-color-background-danger: var(--iris-ds-color-red-900); --iris-ds-dark-color-background-inverse: var(--iris-ds-color-white); --iris-ds-dark-color-text-default: var(--iris-ds-color-white); --iris-ds-dark-color-text-subtle: var(--iris-ds-color-gray-300); --iris-ds-dark-color-text-oversubtle: var(--iris-ds-color-gray-400); --iris-ds-dark-color-text-placeholder: var(--iris-ds-color-gray-400); --iris-ds-dark-color-text-read-only: var(--iris-ds-color-gray-400); --iris-ds-dark-color-text-disabled: var(--iris-ds-color-gray-600); --iris-ds-dark-color-text-success-default: var(--iris-ds-color-green-300); --iris-ds-dark-color-text-success-subtle: var(--iris-ds-color-green-400); --iris-ds-dark-color-text-warning-default: var(--iris-ds-color-yellow-200); --iris-ds-dark-color-text-warning-subtle: var(--iris-ds-color-yellow-300); --iris-ds-dark-color-text-danger-default: var(--iris-ds-color-red-300); --iris-ds-dark-color-text-danger-subtle: var(--iris-ds-color-red-400); --iris-ds-dark-color-text-info-default: var(--iris-ds-color-blue-200); --iris-ds-dark-color-text-info-subtle: var(--iris-ds-color-blue-300); --iris-ds-dark-color-text-inverse-default: var(--iris-ds-color-gray-1000); --iris-ds-dark-color-text-inverse-subtle: var(--iris-ds-color-gray-700); --iris-ds-dark-color-text-inverse-oversubtle: var(--iris-ds-color-gray-600); --iris-ds-dark-color-shadow: var(--iris-ds-color-alpha-gray-800); --iris-ds-dark-color-border-default: var(--iris-ds-color-gray-700); --iris-ds-dark-color-border-subtle: var(--iris-ds-color-gray-800); --iris-ds-dark-color-border-hover: var(--iris-ds-color-gray-300); --iris-ds-dark-color-border-disabled: var(--iris-ds-color-gray-800); --iris-ds-dark-color-border-info: var(--iris-ds-color-blue-800); --iris-ds-dark-color-border-success: var(--iris-ds-color-green-800); --iris-ds-dark-color-border-warning: var(--iris-ds-color-yellow-800); --iris-ds-dark-color-border-danger: var(--iris-ds-color-red-800); --iris-ds-dark-color-action-primary-disabled: var(--iris-ds-color-gray-800); --iris-ds-dark-color-action-secondary-default: var(--iris-ds-color-gray-900); --iris-ds-dark-color-action-secondary-hover: var(--iris-ds-color-gray-800); --iris-ds-dark-color-action-secondary-pressed: var(--iris-ds-color-gray-700); --iris-ds-dark-color-action-secondary-disabled: var(--iris-ds-color-gray-900); --iris-ds-dark-color-action-tertiary-default: var(--iris-ds-color-transparent); --iris-ds-dark-color-action-tertiary-hover: var(--iris-ds-color-alpha-white-200); --iris-ds-dark-color-action-tertiary-pressed: var(--iris-ds-color-alpha-white-300); --iris-ds-dark-color-action-tertiary-disabled: var(--iris-ds-color-transparent); --iris-ds-dark-color-action-danger-disabled: var(--iris-ds-color-gray-800); --iris-ds-dark-color-action-danger-secondary-default: var(--iris-ds-color-gray-900); --iris-ds-dark-color-action-danger-secondary-hover: var(--iris-ds-color-red-1000); --iris-ds-dark-color-action-danger-secondary-pressed: var(--iris-ds-color-red-300); --iris-ds-dark-color-action-danger-secondary-disabled: var(--iris-ds-color-gray-900); --iris-ds-dark-color-action-inverse-default: var(--iris-ds-color-transparent); --iris-ds-dark-color-action-inverse-hover: var(--iris-ds-color-alpha-gray-200); --iris-ds-dark-color-action-inverse-pressed: var(--iris-ds-color-alpha-gray-300); --iris-ds-dark-color-action-inverse-disabled: var(--iris-ds-color-transparent); --iris-ds-dark-color-interactive-default: var(--iris-ds-color-blue-400); --iris-ds-dark-color-interactive-hover: var(--iris-ds-color-blue-300); --iris-ds-dark-color-interactive-pressed: var(--iris-ds-color-blue-200); --iris-ds-dark-color-interactive-disabled: var(--iris-ds-color-gray-800); --iris-ds-dark-component-side-menu-item-color-text-active-default: var(--iris-ds-color-orange-300); --iris-ds-dark-component-side-menu-item-color-text-active-hover: var(--iris-ds-color-orange-300); --iris-ds-dark-component-side-menu-item-color-text-active-pressed: var(--iris-ds-color-orange-300); --iris-ds-dark-component-side-menu-item-color-icon-active-default: var(--iris-ds-color-orange-500); --iris-ds-dark-component-side-menu-item-color-icon-active-hover: var(--iris-ds-color-orange-500); --iris-ds-dark-component-side-menu-item-color-icon-active-pressed: var(--iris-ds-color-orange-500); --iris-ds-dark-component-side-menu-item-color-background-active-default: var(--iris-ds-color-orange-900); --iris-ds-dark-component-side-menu-item-color-background-active-hover: var(--iris-ds-color-orange-800); --iris-ds-dark-component-side-menu-item-color-background-active-pressed: var(--iris-ds-color-orange-700); --iris-ds-color-brand-primary: var(--iris-ds-color-orange-600); --iris-ds-color-brand-secondary: var(--iris-ds-color-yellow-600); --iris-ds-color-brand-tertiary: var(--iris-ds-color-blue-500); --iris-ds-color-brand-quaternary: var(--iris-ds-color-indigo-900); --iris-ds-color-background-default: var(--iris-ds-color-white); --iris-ds-color-background-subtle: var(--iris-ds-color-gray-100); --iris-ds-color-background-info: var(--iris-ds-color-blue-100); --iris-ds-color-background-success: var(--iris-ds-color-green-100); --iris-ds-color-background-warning: var(--iris-ds-color-yellow-100); --iris-ds-color-background-danger: var(--iris-ds-color-red-100); --iris-ds-color-background-inverse: var(--iris-ds-color-gray-1000); --iris-ds-color-text-alpha-gray-default: var(--iris-ds-color-alpha-gray-1000); --iris-ds-color-text-alpha-gray-subtle: var(--iris-ds-color-alpha-gray-700); --iris-ds-color-text-alpha-gray-oversubtle: var(--iris-ds-color-alpha-gray-500); --iris-ds-color-text-alpha-white-default: var(--iris-ds-color-alpha-white-1000); --iris-ds-color-text-alpha-white-subtle: var(--iris-ds-color-alpha-white-700); --iris-ds-color-text-alpha-white-oversubtle: var(--iris-ds-color-alpha-white-500); --iris-ds-color-text-default: var(--iris-ds-color-gray-1000); --iris-ds-color-text-subtle: var(--iris-ds-color-gray-700); --iris-ds-color-text-oversubtle: var(--iris-ds-color-gray-600); --iris-ds-color-text-placeholder: var(--iris-ds-color-gray-600); --iris-ds-color-text-read-only: var(--iris-ds-color-gray-600); --iris-ds-color-text-disabled: var(--iris-ds-color-gray-400); --iris-ds-color-text-info-default: var(--iris-ds-color-blue-800); --iris-ds-color-text-info-subtle: var(--iris-ds-color-blue-700); --iris-ds-color-text-success-default: var(--iris-ds-color-green-700); --iris-ds-color-text-success-subtle: var(--iris-ds-color-green-600); --iris-ds-color-text-warning-default: var(--iris-ds-color-yellow-800); --iris-ds-color-text-warning-subtle: var(--iris-ds-color-yellow-700); --iris-ds-color-text-danger-default: var(--iris-ds-color-red-700); --iris-ds-color-text-danger-subtle: var(--iris-ds-color-red-600); --iris-ds-color-text-inverse-default: var(--iris-ds-color-white); --iris-ds-color-text-inverse-subtle: var(--iris-ds-color-gray-300); --iris-ds-color-text-inverse-oversubtle: var(--iris-ds-color-gray-400); --iris-ds-color-border-default: var(--iris-ds-color-gray-300); --iris-ds-color-border-subtle: var(--iris-ds-color-gray-200); --iris-ds-color-border-hover: var(--iris-ds-color-gray-700); --iris-ds-color-border-disabled: var(--iris-ds-color-gray-200); --iris-ds-color-border-info: var(--iris-ds-color-blue-200); --iris-ds-color-border-success: var(--iris-ds-color-green-200); --iris-ds-color-border-warning: var(--iris-ds-color-yellow-200); --iris-ds-color-border-danger: var(--iris-ds-color-red-200); --iris-ds-color-outline-focus: var(--iris-ds-color-blue-600); --iris-ds-color-outline-danger: var(--iris-ds-color-red-700); --iris-ds-color-action-primary-default: var(--iris-ds-color-indigo-800); --iris-ds-color-action-primary-hover: var(--iris-ds-color-indigo-900); --iris-ds-color-action-primary-pressed: var(--iris-ds-color-indigo-1000); --iris-ds-color-action-primary-disabled: var(--iris-ds-color-gray-200); --iris-ds-color-action-secondary-default: var(--iris-ds-color-background-default); --iris-ds-color-action-secondary-hover: var(--iris-ds-color-gray-200); --iris-ds-color-action-secondary-pressed: var(--iris-ds-color-gray-300); --iris-ds-color-action-secondary-disabled: var(--iris-ds-color-background-default); --iris-ds-color-action-tertiary-default: var(--iris-ds-color-transparent); --iris-ds-color-action-tertiary-hover: var(--iris-ds-color-alpha-gray-200); --iris-ds-color-action-tertiary-pressed: var(--iris-ds-color-alpha-gray-300); --iris-ds-color-action-tertiary-disabled: var(--iris-ds-color-transparent); --iris-ds-color-action-danger-default: var(--iris-ds-color-red-800); --iris-ds-color-action-danger-hover: var(--iris-ds-color-red-900); --iris-ds-color-action-danger-pressed: var(--iris-ds-color-red-1000); --iris-ds-color-action-danger-disabled: var(--iris-ds-color-gray-200); --iris-ds-color-action-danger-secondary-default: var(--iris-ds-color-white); --iris-ds-color-action-danger-secondary-hover: var(--iris-ds-color-red-200); --iris-ds-color-action-danger-secondary-pressed: var(--iris-ds-color-red-300); --iris-ds-color-action-danger-secondary-disabled: var(--iris-ds-color-white); --iris-ds-color-action-inverse-default: var(--iris-ds-color-transparent); --iris-ds-color-action-inverse-hover: var(--iris-ds-color-alpha-white-200); --iris-ds-color-action-inverse-pressed: var(--iris-ds-color-alpha-white-300); --iris-ds-color-action-inverse-disabled: var(--iris-ds-color-transparent); --iris-ds-color-interactive-default: var(--iris-ds-color-blue-600); --iris-ds-color-interactive-hover: var(--iris-ds-color-blue-700); --iris-ds-color-interactive-pressed: var(--iris-ds-color-blue-800); --iris-ds-color-interactive-disabled: var(--iris-ds-color-gray-200); --iris-ds-color-gray-100: #f4f4f4; --iris-ds-color-gray-200: #e0e0e0; --iris-ds-color-gray-300: #c0c0c0; --iris-ds-color-gray-400: #a6a6a6; --iris-ds-color-gray-500: #8d8d8d; --iris-ds-color-gray-600: #737373; --iris-ds-color-gray-700: #595959; --iris-ds-color-gray-800: #404040; --iris-ds-color-gray-900: #262626; --iris-ds-color-gray-1000: #161616; --iris-ds-color-blue-100: #e0efff; --iris-ds-color-blue-200: #c3dffe; --iris-ds-color-blue-300: #94c6fc; --iris-ds-color-blue-400: #67aefb; --iris-ds-color-blue-500: #3291f9; --iris-ds-color-blue-600: #1f74d1; --iris-ds-color-blue-700: #135caa; --iris-ds-color-blue-800: #0f4682; --iris-ds-color-blue-900: #0d325b; --iris-ds-color-blue-1000: #0a1e33; --iris-ds-color-indigo-100: #e0eaff; --iris-ds-color-indigo-200: #c5d2f2; --iris-ds-color-indigo-300: #a1b5e4; --iris-ds-color-indigo-400: #7d98d6; --iris-ds-color-indigo-500: #587ac8; --iris-ds-color-indigo-600: #365dbb; --iris-ds-color-indigo-700: #1a45ad; --iris-ds-color-indigo-800: #1e3a84; --iris-ds-color-indigo-900: #1e2e5c; --iris-ds-color-indigo-1000: #161e35; --iris-ds-color-yellow-100: #fff3e0; --iris-ds-color-yellow-200: #fee7c3; --iris-ds-color-yellow-300: #fdd699; --iris-ds-color-yellow-400: #fbc56e; --iris-ds-color-yellow-500: #fab03b; --iris-ds-color-yellow-600: #f99b06; --iris-ds-color-yellow-700: #c97d04; --iris-ds-color-yellow-800: #996108; --iris-ds-color-yellow-900: #68450c; --iris-ds-color-yellow-1000: #38270b; --iris-ds-color-orange-100: #ffe9e0; --iris-ds-color-orange-200: #fbd5c6; --iris-ds-color-orange-300: #f5baa3; --iris-ds-color-orange-400: #ef9f7f; --iris-ds-color-orange-500: #ea7f54; --iris-ds-color-orange-600: #e55e29; --iris-ds-color-orange-700: #b94619; --iris-ds-color-orange-800: #8c3412; --iris-ds-color-orange-900: #60250e; --iris-ds-color-orange-1000: #33160a; --iris-ds-color-red-100: #ffebeb; --iris-ds-color-red-200: #f9d2d2; --iris-ds-color-red-300: #f0b3b3; --iris-ds-color-red-400: #e99090; --iris-ds-color-red-500: #e16767; --iris-ds-color-red-600: #da3e3e; --iris-ds-color-red-700: #b02525; --iris-ds-color-red-800: #861818; --iris-ds-color-red-900: #5d1010; --iris-ds-color-red-1000: #330a0a; --iris-ds-color-green-100: #d6ffe2; --iris-ds-color-green-200: #b9e9c8; --iris-ds-color-green-300: #8acc9e; --iris-ds-color-green-400: #61b379; --iris-ds-color-green-500: #399956; --iris-ds-color-green-600: #198038; --iris-ds-color-green-700: #0f6629; --iris-ds-color-green-800: #0a4d1e; --iris-ds-color-green-900: #083315; --iris-ds-color-green-1000: #05190b; --iris-ds-color-purple-100: #edd6ff; --iris-ds-color-purple-200: #dfc2f6; --iris-ds-color-purple-300: #cfa7ee; --iris-ds-color-purple-400: #bb85e5; --iris-ds-color-purple-500: #a55edd; --iris-ds-color-purple-600: #8f38d4; --iris-ds-color-purple-700: #6f22ac; --iris-ds-color-purple-800: #541684; --iris-ds-color-purple-900: #3a105b; --iris-ds-color-purple-1000: #210a33; --iris-ds-color-pink-100: #ffd6f3; --iris-ds-color-pink-200: #fcc1eb; --iris-ds-color-pink-300: #f9a4e1; --iris-ds-color-pink-400: #f580d4; --iris-ds-color-pink-500: #f254c5; --iris-ds-color-pink-600: #cc36a1; --iris-ds-color-pink-700: #a62180; --iris-ds-color-pink-800: #7f1661; --iris-ds-color-pink-900: #590f44; --iris-ds-color-pink-1000: #330a27; --iris-ds-color-teal-100: #d6fffc; --iris-ds-color-teal-200: #9cf2ed; --iris-ds-color-teal-300: #5fe6dd; --iris-ds-color-teal-400: #21d9ce; --iris-ds-color-teal-500: #18bdb3; --iris-ds-color-teal-600: #0ea299; --iris-ds-color-teal-700: #09867e; --iris-ds-color-teal-800: #096a64; --iris-ds-color-teal-900: #0a4f4a; --iris-ds-color-teal-1000: #0a3330; --iris-ds-color-alpha-white-100: rgba(255,255,255,0.09); --iris-ds-color-alpha-white-200: rgba(255,255,255,0.15); --iris-ds-color-alpha-white-300: rgba(255,255,255,0.25); --iris-ds-color-alpha-white-400: rgba(255,255,255,0.35); --iris-ds-color-alpha-white-500: rgba(255,255,255,0.45); --iris-ds-color-alpha-white-600: rgba(255,255,255,0.55); --iris-ds-color-alpha-white-700: rgba(255,255,255,0.65); --iris-ds-color-alpha-white-800: rgba(255,255,255,0.75); --iris-ds-color-alpha-white-900: rgba(255,255,255,0.88); --iris-ds-color-alpha-white-1000: rgba(255,255,255,0.96); --iris-ds-color-alpha-gray-100: rgba(0, 0, 0, 0.04); --iris-ds-color-alpha-gray-200: rgba(0, 0, 0, 0.12); --iris-ds-color-alpha-gray-300: rgba(0, 0, 0, 0.25); --iris-ds-color-alpha-gray-400: rgba(0, 0, 0, 0.35); --iris-ds-color-alpha-gray-500: rgba(0, 0, 0, 0.45); --iris-ds-color-alpha-gray-600: rgba(0, 0, 0, 0.55); --iris-ds-color-alpha-gray-700: rgba(0, 0, 0, 0.65); --iris-ds-color-alpha-gray-800: rgba(0, 0, 0, 0.75); --iris-ds-color-alpha-gray-900: rgba(0, 0, 0, 0.85); --iris-ds-color-alpha-gray-1000: rgba(0, 0, 0, 0.91); --iris-ds-color-white: #ffffff; --iris-ds-color-black: #000000; --iris-ds-color-transparent: rgba(0, 0, 0, 0); --iris-ds-color-shadow: var(--iris-ds-color-alpha-gray-300); --iris-ds-font-family-primary: Work Sans, sans-serif; --iris-ds-font-family-secondary: Arvo, sans-serif; --iris-ds-font-size-100: 10px; --iris-ds-font-size-200: 12px; --iris-ds-font-size-300: 14px; --iris-ds-font-size-400: 16px; --iris-ds-font-size-500: 18px; --iris-ds-font-size-600: 20px; --iris-ds-font-size-700: 24px; --iris-ds-font-size-800: 28px; --iris-ds-font-size-900: 32px; --iris-ds-font-size-1000: 40px; --iris-ds-font-size-1100: 48px; --iris-ds-font-size-1200: 56px; --iris-ds-font-size-1300: 64px; --iris-ds-font-size-1400: 72px; --iris-ds-font-weight-regular: 400; --iris-ds-font-weight-medium: 500; --iris-ds-font-weight-semibold: 600; --iris-ds-font-weight-bold: 700; --iris-ds-font-style-normal: normal; --iris-ds-font-style-italic: italic; --iris-ds-letter-spacing-100: 0; --iris-ds-letter-spacing-200: 0.44px; --iris-ds-letter-spacing-300: 1px; --iris-ds-line-height-100: 100%; --iris-ds-line-height-200: 125%; --iris-ds-line-height-300: 150%; --iris-ds-title-xx-large: var(--iris-ds-text-case-capitalize) var(--iris-ds-font-weight-semibold) var(--iris-ds-font-size-1000)/var(--iris-ds-line-height-200) var(--iris-ds-font-family-primary); --iris-ds-title-x-large: var(--iris-ds-text-case-capitalize) var(--iris-ds-font-weight-semibold) var(--iris-ds-font-size-900)/var(--iris-ds-line-height-200) var(--iris-ds-font-family-primary); --iris-ds-title-large: var(--iris-ds-text-case-capitalize) var(--iris-ds-font-weight-semibold) var(--iris-ds-font-size-800)/var(--iris-ds-line-height-200) var(--iris-ds-font-family-primary); --iris-ds-title-medium: var(--iris-ds-text-case-capitalize) var(--iris-ds-font-weight-semibold) var(--iris-ds-font-size-700)/var(--iris-ds-line-height-200) var(--iris-ds-font-family-primary); --iris-ds-title-small: var(--iris-ds-text-case-capitalize) var(--iris-ds-font-weight-semibold) var(--iris-ds-font-size-600)/var(--iris-ds-line-height-200) var(--iris-ds-font-family-primary); --iris-ds-title-x-small: var(--iris-ds-text-case-capitalize) var(--iris-ds-font-weight-semibold) var(--iris-ds-font-size-500)/var(--iris-ds-line-height-200) var(--iris-ds-font-family-primary); --iris-ds-subtitle-xx-large: var(--iris-ds-text-case-capitalize) var(--iris-ds-font-weight-medium) var(--iris-ds-font-size-800)/var(--iris-ds-line-height-200) var(--iris-ds-font-family-primary); --iris-ds-subtitle-x-large: var(--iris-ds-text-case-capitalize) var(--iris-ds-font-weight-medium) var(--iris-ds-font-size-700)/var(--iris-ds-line-height-200) var(--iris-ds-font-family-primary); --iris-ds-subtitle-large: var(--iris-ds-text-case-capitalize) var(--iris-ds-font-weight-medium) var(--iris-ds-font-size-600)/var(--iris-ds-line-height-200) var(--iris-ds-font-family-primary); --iris-ds-subtitle-medium: var(--iris-ds-text-case-capitalize) var(--iris-ds-font-weight-medium) var(--iris-ds-font-size-500)/var(--iris-ds-line-height-200) var(--iris-ds-font-family-primary); --iris-ds-subtitle-small: var(--iris-ds-text-case-capitalize) var(--iris-ds-font-weight-medium) var(--iris-ds-font-size-400)/var(--iris-ds-line-height-200) var(--iris-ds-font-family-primary); --iris-ds-subtitle-x-small: var(--iris-ds-text-case-capitalize) var(--iris-ds-font-weight-medium) var(--iris-ds-font-size-300)/var(--iris-ds-line-height-200) var(--iris-ds-font-family-primary); --iris-ds-body-large: var(--iris-ds-text-case-none) var(--iris-ds-font-weight-regular) var(--iris-ds-font-size-400)/var(--iris-ds-line-height-300) var(--iris-ds-font-family-primary); --iris-ds-body-medium: var(--iris-ds-text-case-none) var(--iris-ds-font-weight-regular) var(--iris-ds-font-size-300)/var(--iris-ds-line-height-300) var(--iris-ds-font-family-primary); --iris-ds-caption: var(--iris-ds-text-case-none) var(--iris-ds-font-weight-regular) var(--iris-ds-font-size-200)/var(--iris-ds-line-height-200) var(--iris-ds-font-family-primary); --iris-ds-overline: var(--iris-ds-text-case-uppercase) var(--iris-ds-font-weight-medium) var(--iris-ds-font-size-300)/var(--iris-ds-line-height-100) var(--iris-ds-font-family-primary); --iris-ds-element-x-large: var(--iris-ds-text-case-none) var(--iris-ds-font-weight-semibold) var(--iris-ds-font-size-600)/var(--iris-ds-line-height-100) var(--iris-ds-font-family-primary); --iris-ds-element-large: var(--iris-ds-text-case-none) var(--iris-ds-font-weight-semibold) var(--iris-ds-font-size-400)/var(--iris-ds-line-height-100) var(--iris-ds-font-family-primary); --iris-ds-element-medium: var(--iris-ds-text-case-none) var(--iris-ds-font-weight-semibold) var(--iris-ds-font-size-300)/var(--iris-ds-line-height-100) var(--iris-ds-font-family-primary); --iris-ds-element-small: var(--iris-ds-text-case-none) var(--iris-ds-font-weight-semibold) var(--iris-ds-font-size-200)/var(--iris-ds-line-height-100) var(--iris-ds-font-family-primary); --iris-ds-text-case-none: none; --iris-ds-text-case-uppercase: uppercase; --iris-ds-text-case-capitalize: capitalize; --iris-ds-text-case-lowercase: lowercase; --iris-ds-motion-duration-x-slow: 1000ms; --iris-ds-motion-duration-slow: 750ms; --iris-ds-motion-duration-normal: 300ms; --iris-ds-motion-duration-fast: 150ms; --iris-ds-motion-duration-x-fast: 50ms; --iris-ds-motion-curve-linear: cubic-bezier(0, 0, 1, 1); --iris-ds-motion-curve-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1); --iris-ds-motion-curve-ease-out: cubic-bezier(0, 0, 0.58, 1); --iris-ds-motion-curve-ease-in: cubic-bezier(0.42, 0, 1, 1); --iris-ds-motion-curve-ease: cubic-bezier(0.25, 0.1, 0.25, 1); --iris-ds-opacity-transparent: 0; --iris-ds-opacity-lower: 0.12; --iris-ds-opacity-low: 0.25; --iris-ds-opacity-medium: 0.5; --iris-ds-opacity-high: 0.75; --iris-ds-opacity-higher: 0.88; --iris-ds-opacity-opaque: 1; --iris-ds-shadow-offset-100: 1px; --iris-ds-shadow-offset-200: 2px; --iris-ds-shadow-offset-300: 4px; --iris-ds-shadow-offset-400: 8px; --iris-ds-shadow-offset-500: 16px; --iris-ds-shadow-offset-600: 32px; --iris-ds-shadow-offset-none: 0; --iris-ds-box-shadow-x-small: var(--iris-ds-shadow-offset-none) var(--iris-ds-shadow-offset-100) var(--iris-ds-shadow-offset-300) var(--iris-ds-shadow-offset-none) var(--iris-ds-color-shadow); --iris-ds-box-shadow-small: var(--iris-ds-shadow-offset-none) var(--iris-ds-shadow-offset-200) var(--iris-ds-shadow-offset-400) var(--iris-ds-shadow-offset-none) var(--iris-ds-color-shadow); --iris-ds-box-shadow-medium: var(--iris-ds-shadow-offset-none) var(--iris-ds-shadow-offset-300) var(--iris-ds-shadow-offset-500) var(--iris-ds-shadow-offset-none) var(--iris-ds-color-shadow); --iris-ds-box-shadow-large: var(--iris-ds-shadow-offset-none) var(--iris-ds-shadow-offset-400) var(--iris-ds-shadow-offset-600) var(--iris-ds-shadow-offset-none) var(--iris-ds-color-shadow); --iris-ds-inner-shadow-x-small: inset var(--iris-ds-shadow-offset-none) var(--iris-ds-shadow-offset-100) var(--iris-ds-shadow-offset-300) var(--iris-ds-shadow-offset-none) var(--iris-ds-color-shadow); --iris-ds-inner-shadow-small: inset var(--iris-ds-shadow-offset-none) var(--iris-ds-shadow-offset-200) var(--iris-ds-shadow-offset-400) var(--iris-ds-shadow-offset-none) var(--iris-ds-color-shadow); --iris-ds-inner-shadow-medium: inset var(--iris-ds-shadow-offset-none) var(--iris-ds-shadow-offset-300) var(--iris-ds-shadow-offset-500) var(--iris-ds-shadow-offset-none) var(--iris-ds-color-shadow); --iris-ds-inner-shadow-large: inset var(--iris-ds-shadow-offset-none) var(--iris-ds-shadow-offset-400) var(--iris-ds-shadow-offset-600) var(--iris-ds-shadow-offset-none) var(--iris-ds-color-shadow); --iris-ds-space-100: 2px; --iris-ds-space-200: 4px; --iris-ds-space-300: 8px; --iris-ds-space-400: 12px; --iris-ds-space-500: 16px; --iris-ds-space-600: 20px; --iris-ds-space-700: 24px; --iris-ds-space-800: 32px; --iris-ds-space-900: 40px; --iris-ds-space-1000: 48px; --iris-ds-space-1100: 56px; --iris-ds-space-1200: 64px; --iris-ds-space-1300: 80px; --iris-ds-space-1400: 96px; --iris-ds-space-1500: 128px; --iris-ds-space-inline-xxx-small: var(--iris-ds-space-200); --iris-ds-space-inline-xx-small: var(--iris-ds-space-300); --iris-ds-space-inline-x-small: var(--iris-ds-space-400); --iris-ds-space-inline-small: var(--iris-ds-space-500); --iris-ds-space-inline-medium: var(--iris-ds-space-700); --iris-ds-space-inline-large: var(--iris-ds-space-800); --iris-ds-space-inline-x-large: var(--iris-ds-space-900); --iris-ds-space-inline-xx-large: var(--iris-ds-space-1100); --iris-ds-space-inline-xxx-large: var(--iris-ds-space-1300); --iris-ds-space-stack-xxx-small: var(--iris-ds-space-200); --iris-ds-space-stack-xx-small: var(--iris-ds-space-300); --iris-ds-space-stack-x-small: var(--iris-ds-space-400); --iris-ds-space-stack-small: var(--iris-ds-space-500); --iris-ds-space-stack-medium: var(--iris-ds-space-700); --iris-ds-space-stack-large: var(--iris-ds-space-800); --iris-ds-space-stack-x-large: var(--iris-ds-space-900); --iris-ds-space-stack-xx-large: var(--iris-ds-space-1100); --iris-ds-space-stack-xxx-large: var(--iris-ds-space-1300); --iris-ds-space-inset-xxx-small: var(--iris-ds-space-200) var(--iris-ds-space-200); --iris-ds-space-inset-xx-small: var(--iris-ds-space-300) var(--iris-ds-space-300); --iris-ds-space-inset-x-small: var(--iris-ds-space-400) var(--iris-ds-space-400); --iris-ds-space-inset-small: var(--iris-ds-space-500) var(--iris-ds-space-500); --iris-ds-space-inset-medium: var(--iris-ds-space-700) var(--iris-ds-space-700); --iris-ds-space-inset-large: var(--iris-ds-space-800) var(--iris-ds-space-800); --iris-ds-space-inset-x-large: var(--iris-ds-space-900) var(--iris-ds-space-900); --iris-ds-space-inset-xx-large: var(--iris-ds-space-1000) var(--iris-ds-space-1000); --iris-ds-space-inset-xxx-large: var(--iris-ds-space-1100) var(--iris-ds-space-1100); --iris-ds-space-squish-xx-small: var(--iris-ds-space-200) var(--iris-ds-space-300); --iris-ds-space-squish-x-small: var(--iris-ds-space-300) var(--iris-ds-space-500); --iris-ds-space-squish-small: var(--iris-ds-space-400) var(--iris-ds-space-700); --iris-ds-space-squish-medium: var(--iris-ds-space-500) var(--iris-ds-space-800); --iris-ds-space-squish-large: var(--iris-ds-space-700) var(--iris-ds-space-1000); --iris-ds-space-squish-x-large: var(--iris-ds-space-800) var(--iris-ds-space-1200); --iris-ds-space-stretch-xx-small: var(--iris-ds-space-300) var(--iris-ds-space-200); --iris-ds-space-stretch-x-small: var(--iris-ds-space-500) var(--iris-ds-space-300); --iris-ds-space-stretch-small: var(--iris-ds-space-700) var(--iris-ds-space-400); --iris-ds-space-stretch-medium: var(--iris-ds-space-800) var(--iris-ds-space-500); --iris-ds-space-stretch-large: var(--iris-ds-space-1000) var(--iris-ds-space-700); --iris-ds-space-stretch-x-large: var(--iris-ds-space-1200) var(--iris-ds-space-800); } :root[data-theme=dark], [data-theme=dark], .theme-dark { --iris-ds-color-background-default: var(--iris-ds-dark-color-background-default); --iris-ds-color-background-subtle: var(--iris-ds-dark-color-background-subtle); --iris-ds-color-background-info: var(--iris-ds-dark-color-background-info); --iris-ds-color-background-success: var(--iris-ds-dark-color-background-success); --iris-ds-color-background-warning: var(--iris-ds-dark-color-background-warning); --iris-ds-color-background-danger: var(--iris-ds-dark-color-background-danger); --iris-ds-color-background-inverse: var(--iris-ds-dark-color-background-inverse); --iris-ds-color-text-default: var(--iris-ds-dark-color-text-default); --iris-ds-color-text-subtle: var(--iris-ds-dark-color-text-subtle); --iris-ds-color-text-oversubtle: var(--iris-ds-dark-color-text-oversubtle); --iris-ds-color-text-placeholder: var(--iris-ds-dark-color-text-placeholder); --iris-ds-color-text-read-only: var(--iris-ds-dark-color-text-read-only); --iris-ds-color-text-disabled: var(--iris-ds-dark-color-text-disabled); --iris-ds-color-text-success-default: var(--iris-ds-dark-color-text-success-default); --iris-ds-color-text-success-subtle: var(--iris-ds-dark-color-text-success-subtle); --iris-ds-color-text-warning-default: var(--iris-ds-dark-color-text-warning-default); --iris-ds-color-text-warning-subtle: var(--iris-ds-dark-color-text-warning-subtle); --iris-ds-color-text-danger-default: var(--iris-ds-dark-color-text-danger-default); --iris-ds-color-text-danger-subtle: var(--iris-ds-dark-color-text-danger-subtle); --iris-ds-color-text-info-default: var(--iris-ds-dark-color-text-info-default); --iris-ds-color-text-info-subtle: var(--iris-ds-dark-color-text-info-subtle); --iris-ds-color-text-inverse-default: var(--iris-ds-dark-color-text-inverse-default); --iris-ds-color-text-inverse-subtle: var(--iris-ds-dark-color-text-inverse-subtle); --iris-ds-color-text-inverse-oversubtle: var(--iris-ds-dark-color-text-inverse-oversubtle); --iris-ds-color-shadow: var(--iris-ds-dark-color-shadow); --iris-ds-color-border-default: var(--iris-ds-dark-color-border-default); --iris-ds-color-border-subtle: var(--iris-ds-dark-color-border-subtle); --iris-ds-color-border-hover: var(--iris-ds-dark-color-border-hover); --iris-ds-color-border-disabled: var(--iris-ds-dark-color-border-disabled); --iris-ds-color-border-info: var(--iris-ds-dark-color-border-info); --iris-ds-color-border-success: var(--iris-ds-dark-color-border-success); --iris-ds-color-border-warning: var(--iris-ds-dark-color-border-warning); --iris-ds-color-border-danger: var(--iris-ds-dark-color-border-danger); --iris-ds-color-action-primary-disabled: var(--iris-ds-dark-color-action-primary-disabled); --iris-ds-color-action-secondary-default: var(--iris-ds-dark-color-action-secondary-default); --iris-ds-color-action-secondary-hover: var(--iris-ds-dark-color-action-secondary-hover); --iris-ds-color-action-secondary-pressed: var(--iris-ds-dark-color-action-secondary-pressed); --iris-ds-color-action-secondary-disabled: var(--iris-ds-dark-color-action-secondary-disabled); --iris-ds-color-action-tertiary-default: var(--iris-ds-dark-color-action-tertiary-default); --iris-ds-color-action-tertiary-hover: var(--iris-ds-dark-color-action-tertiary-hover); --iris-ds-color-action-tertiary-pressed: var(--iris-ds-dark-color-action-tertiary-pressed); --iris-ds-color-action-tertiary-disabled: var(--iris-ds-dark-color-action-tertiary-disabled); --iris-ds-color-action-danger-disabled: var(--iris-ds-dark-color-action-danger-disabled); --iris-ds-color-action-danger-secondary-default: var(--iris-ds-dark-color-action-danger-secondary-default); --iris-ds-color-action-danger-secondary-hover: var(--iris-ds-dark-color-action-danger-secondary-hover); --iris-ds-color-action-danger-secondary-pressed: var(--iris-ds-dark-color-action-danger-secondary-pressed); --iris-ds-color-action-danger-secondary-disabled: var(--iris-ds-dark-color-action-danger-secondary-disabled); --iris-ds-color-action-inverse-default: var(--iris-ds-dark-color-action-inverse-default); --iris-ds-color-action-inverse-hover: var(--iris-ds-dark-color-action-inverse-hover); --iris-ds-color-action-inverse-pressed: var(--iris-ds-dark-color-action-inverse-pressed); --iris-ds-color-action-inverse-disabled: var(--iris-ds-dark-color-action-inverse-disabled); --iris-ds-color-interactive-default: var(--iris-ds-dark-color-interactive-default); --iris-ds-color-interactive-hover: var(--iris-ds-dark-color-interactive-hover); --iris-ds-color-interactive-pressed: var(--iris-ds-dark-color-interactive-pressed); --iris-ds-color-interactive-disabled: var(--iris-ds-dark-color-interactive-disabled); --iris-ds-component-side-menu-item-color-text-active-default: var(--iris-ds-dark-component-side-menu-item-color-text-active-default); --iris-ds-component-side-menu-item-color-text-active-hover: var(--iris-ds-dark-component-side-menu-item-color-text-active-hover); --iris-ds-component-side-menu-item-color-text-active-pressed: var(--iris-ds-dark-component-side-menu-item-color-text-active-pressed); --iris-ds-component-side-menu-item-color-icon-active-default: var(--iris-ds-dark-component-side-menu-item-color-icon-active-default); --iris-ds-component-side-menu-item-color-icon-active-hover: var(--iris-ds-dark-component-side-menu-item-color-icon-active-hover); --iris-ds-component-side-menu-item-color-icon-active-pressed: var(--iris-ds-dark-component-side-menu-item-color-icon-active-pressed); --iris-ds-component-side-menu-item-color-background-active-default: var(--iris-ds-dark-component-side-menu-item-color-background-active-default); --iris-ds-component-side-menu-item-color-background-active-hover: var(--iris-ds-dark-component-side-menu-item-color-background-active-hover); --iris-ds-component-side-menu-item-color-background-active-pressed: var(--iris-ds-dark-component-side-menu-item-color-background-active-pressed); }