@charset "utf-8";

*, ::after, ::before { margin: 0px; padding: 0px; box-sizing: inherit; }

html { font-size: 16px; }

body { box-sizing: border-box; font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-stretch: ; font-size: ; line-height: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-family: var(--comp-base-font-family-default); font-weight: var(--comp-base-font-weight-regular); letter-spacing: var(--comp-base-letter-spacing-regular); }

.strong { font-weight: var(--comp-base-font-weight-strong) !important; }

.font-default { font-family: var(--comp-base-font-family-default) !important; }

.font-decorative { font-family: var(--comp-base-font-family-decorative) !important; }

.header1 { font: var(--comp-base-text-desktop-header1); }

.header2 { font: var(--comp-base-text-desktop-header2); }

.header3 { font: var(--comp-base-text-desktop-header3); }

.header4 { font: var(--comp-base-text-desktop-header4); }

.header5 { font: var(--comp-base-text-desktop-header5); }

.header6 { font: var(--comp-base-text-header6); }

.text1 { font: var(--comp-base-text-text1); }

.text2 { font: var(--comp-base-text-text2); }

.text3 { font: var(--comp-base-text-text3); }

.text4 { font: var(--comp-base-text-text4); }

.text5 { font: var(--comp-base-text-text5); }

.gray50 { color: var(--comp-base-color-gray-50); }

.gray50-bg { background-color: var(--comp-base-color-gray-50); }

.gray100 { color: var(--comp-base-color-gray-100); }

.gray100-bg { background-color: var(--comp-base-color-gray-100); }

.gray200 { color: var(--comp-base-color-gray-200); }

.gray200-bg { background-color: var(--comp-base-color-gray-200); }

.gray300 { color: var(--comp-base-color-gray-300); }

.gray300-bg { background-color: var(--comp-base-color-gray-300); }

.gray600 { color: var(--comp-base-color-gray-600); }

.gray600-bg { background-color: var(--comp-base-color-gray-600); }

.gray700 { color: var(--comp-base-color-gray-700); }

.gray700-bg { background-color: var(--comp-base-color-gray-700); }

.gray800 { color: var(--comp-base-color-gray-800); }

.gray800-bg { background-color: var(--comp-base-color-gray-800); }

.gray900 { color: var(--comp-base-color-gray-900); }

.gray900-bg { background-color: var(--comp-base-color-gray-900); }

.u-info-color { color: var(--comp-base-color-utility-info); }

.u-info-bg { background-color: var(--comp-base-color-utility-info); }

.u-danger-color { color: var(--comp-base-color-utility-danger); }

.u-danger-bg { background-color: var(--comp-base-color-utility-danger); }

.u-success-color { color: var(--comp-base-color-utility-success); }

.u-success-bg { background-color: var(--comp-base-color-utility-success); }

.on-light-default { color: var(--comp-base-color-on-light-default); }

.on-light-default-bg { background-color: var(--comp-base-color-on-light-default); }

.on-light-lighter { color: var(--comp-base-color-on-light-lighter); }

.on-light-lighter-bg { background-color: var(--comp-base-color-on-light-lighter); }

.on-light-lightest { color: var(--comp-base-color-on-light-lightest); }

.on-light-lightest-bg { background-color: var(--comp-base-color-on-light-lightest); }

.on-dark-default { color: var(--comp-base-color-on-dark-default); }

.on-dark-default-bg { background-color: var(--comp-base-color-on-dark-default); }

.on-dark-darker { color: var(--comp-base-color-on-dark-darker); }

.on-dark-darker-bg { background-color: var(--comp-base-color-on-dark-darker); }

.on-dark-darkest { color: var(--comp-base-color-on-dark-darkest); }

.on-dark-darkest-bg { background-color: var(--comp-base-color-on-dark-darkest); }

.primary-on-light-default { color: var(--comp-base-color-brand-primary-on-light-default); }

.primary-on-light-default-bg { background-color: var(--comp-base-color-brand-primary-on-light-default); }

.primary-on-light-lighter { color: var(--comp-base-color-brand-primary-on-light-lighter); }

.primary-on-light-lighter-bg { background-color: var(--comp-base-color-brand-primary-on-light-lighter); }

.primary-on-light-lightest { color: var(--comp-base-color-brand-primary-on-light-lightest); }

.primary-on-light-lightest-bg { background-color: var(--comp-base-color-brand-primary-on-light-lightest); }

.primary-on-dark-default { color: var(--comp-base-color-brand-primary-on-dark-default); }

.primary-on-dark-default-bg { background-color: var(--comp-base-color-brand-primary-on-dark-default); }

.primary-on-dark-darker { color: var(--comp-base-color-brand-primary-on-dark-darker); }

.primary-on-dark-darker-bg { background-color: var(--comp-base-color-brand-primary-on-dark-darker); }

.primary-on-dark-darkest { color: var(--comp-base-color-brand-primary-on-dark-darkest); }

.primary-on-dark-darkest-bg { background-color: var(--comp-base-color-brand-primary-on-dark-darkest); }

.secondary-on-light-default { color: var(--comp-base-color-brand-secondary-on-light-default); }

.secondary-on-light-default-bg { background-color: var(--comp-base-color-brand-secondary-on-light-default); }

.secondary-on-light-lighter { color: var(--comp-base-color-brand-secondary-on-light-lighter); }

.secondary-on-light-lighter-bg { background-color: var(--comp-base-color-brand-secondary-on-light-lighter); }

.secondary-on-light-lightest { color: var(--comp-base-color-brand-secondary-on-light-lightest); }

.secondary-on-light-lightest-bg { background-color: var(--comp-base-color-brand-secondary-on-light-lightest); }

.secondary-on-dark-default { color: var(--comp-base-color-brand-secondary-on-dark-default); }

.secondary-on-dark-default-bg { background-color: var(--comp-base-color-brand-secondary-on-dark-default); }

.secondary-on-dark-darker { color: var(--comp-base-color-brand-secondary-on-dark-darker); }

.secondary-on-dark-darker-bg { background-color: var(--comp-base-color-brand-secondary-on-dark-darker); }

.secondary-on-dark-darkest { color: var(--comp-base-color-brand-secondary-on-dark-darkest); }

.secondary-on-dark-darkest-bg { background-color: var(--comp-base-color-brand-secondary-on-dark-darkest); }

.u-margin-top-14 { margin: 14px 0px 0px; }

.u-margin-bottom-10 { margin: 0px 0px 10px; }

.u-margin-bottom-20 { margin: 0px 0px 20px; }

.u-margin-top-bottom-32 { margin: 32px 0px; }

.u-center { text-align: center; }

.u-left { text-align: left; }

input:-webkit-autofill, input:-webkit-autofill:focus, input:-webkit-autofill:hover { box-shadow: transparent 0px 0px 0px 1000px inset; transition: background-color 5000s ease-in-out; }

@media screen and (max-width: 600px) {
  .header1 { font: var(--comp-base-text-mobile-header1); }
  .header2 { font: var(--comp-base-text-mobile-header2); }
  .header3 { font: var(--comp-base-text-mobile-header3); }
  .header4 { font: var(--comp-base-text-mobile-header4); }
  .header5 { font: var(--comp-base-text-mobile-header5); }
}