/**
 * Do not edit directly
 * Generated on Thu, 22 Jul 2021 21:00:57 GMT
 */
:root {
  --cg-brand-red: hsl(356, 85%, 58%);
  --cg-brand-blue: hsl(202, 98%, 37%);
  --cg-brand-blue-original: hsl(197, 100%, 43%);
  /* original brand color is not a11y friendly, use only for accent */
  --cg-brand-blue-dark: hsl(203, 98%, 33%);
  --cg-brand-blue-hint: hsl(202, 97%, 87%);
  --steel-blue: hsl(200, 100%, 30%);
  --steel-blue-dark: hsl(201, 100%, 15%);
  --steel-blue-hint: hsl(200, 100%, 90%);
  --emerald: hsl(121, 100%, 25%);
  --emerald-dark: hsl(121, 100%, 20%);
  --emerald-hint: hsl(120, 34%, 85%);
  --vineyard: hsl(196, 37%, 80%);
  --vineyard-dark: hsl(196, 37%, 65%);
  --vineyard-hint: hsl(192, 36%, 95%);
  --balsam: hsl(120, 100%, 21%);
  --balsam-hint: hsl(120, 100%, 96%);
  --moss: hsl(120, 100%, 30%);
  --moss-a11y: hsl(120, 100%, 24%);
  /* use for text */
  --moss-hint: hsl(120, 100%, 95%);
  --sassy-grass: hsl(120, 100%, 37%);
  --sassy-grass-a11y: hsl(120, 100%, 27%);
  /* use for text */
  --sassy-grass-hint: hsl(120, 100%, 97%);
  --punkn: hsl(31, 100%, 50%);
  --punkn-a11y: hsl(31, 100%, 35%);
  /* use for text */
  --punkn-hint: hsl(32, 100%, 95%);
  --tor-red: hsl(0, 100%, 48%);
  --tor-red-a11y: hsl(0, 100%, 43%);
  /* use for text */
  --tor-red-hint: hsl(0, 100%, 93%);
  --black: hsl(0, 0%, 0%);
  --almost-black: hsl(0, 0%, 4%);
  --mid-black: hsl(0, 0%, 44%);
  --iron: hsl(0, 0%, 30%);
  --charcoal: hsl(215, 25%, 26%);
  --anvil: hsl(193, 25%, 43%);
  --rosso-corsa-a11y: hsl(0, 100%, 40%);
  --rosso-corsa: hsl(0, 90%, 60%);
  --rosso-corsa-hint: hsl(358, 100%, 95%);
  --butterscotch: hsl(42, 100%, 50%);
  --butterscotch-dark: hsl(42, 100%, 35%);
  --butterscotch-hint: hsl(41, 100%, 90%);
  --sublime: hsl(145, 100%, 35%);
  --sublime-hint: hsl(145, 100%, 90%);
  --le-mans: hsl(205, 100%, 62%);
  --le-mans-hint: hsl(205, 100%, 90%);
  --white: hsl(0, 0%, 100%);
  --fog: hsl(180, 5%, 96%);
  --fog-mid: hsl(180, 5%, 88%);
  --fog-dark: hsl(180, 5%, 81%);
  --silver: hsl(207, 17%, 88%);
  --silver-dark: hsl(207, 17%, 80%);
  --silver-a11y: hsl(209, 10%, 55%);
  --black-transparent: hsla(0, 0%, 0%, 0.6);
  --white-transparent: hsla(0, 0%, 100%, 0.5);
  --sting-gray-transparent: hsla(0, 0%, 44%, 0.2);
  --fog-transparent: hsla(180, 5%, 96%, 0.8);
  --great-deal: hsl(120, 100%, 21%);
  --great-deal-label: hsl(120, 100%, 21%);
  --great-deal-background: hsl(120, 100%, 96%);
  --good-deal: hsl(120, 100%, 30%);
  --good-deal-label: hsl(120, 100%, 24%);
  --good-deal-background: hsl(120, 100%, 95%);
  --fair-deal: hsl(120, 100%, 37%);
  --fair-deal-label: hsl(120, 100%, 27%);
  --fair-deal-background: hsl(120, 100%, 97%);
  --high-priced: hsl(31, 100%, 50%);
  --high-priced-label: hsl(31, 100%, 35%);
  --high-priced-background: hsl(32, 100%, 95%);
  --over-priced: hsl(0, 100%, 48%);
  --over-priced-label: hsl(0, 100%, 43%);
  --over-priced-background: hsl(0, 100%, 93%);
  --uncertain-price: hsl(0, 0%, 44%);
  --uncertain-price-label: hsl(0, 0%, 44%);
  --uncertain-price-background: hsl(180, 5%, 96%);
  --no-price: hsl(0, 0%, 44%);
  --no-price-label: hsl(0, 0%, 44%);
  --no-price-background: hsl(180, 5%, 96%);
  --facebook-blue: hsl(214, 89%, 52%);
  --twitter-blue: hsl(203, 89%, 53%);
}

:root {
  --transition-01: 70ms;
  --transition-02: 100ms;
}

/**
 * Do not edit directly
 * Generated on Thu, 22 Jul 2021 21:00:57 GMT
 */
:root {
  --space-unit-base: 1rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1.25rem;
  --space-lg: 2rem;
  --space-xl: 3.25rem;
  --space-unit-base-em: 1em;
  --space-xs-em: 0.5em;
  --space-sm-em: 0.75em;
  --space-md-em: 1.25em;
  --space-lg-em: 2em;
  --space-xl-em: 3.25em;
  --space-unit-base-rem: 16;
  --space-xs-rem: 8;
  --space-sm-rem: 12;
  --space-md-rem: 20;
  --space-lg-rem: 32;
  --space-xl-rem: 52;
}

/**
 * Do not edit directly
 * Generated on Thu, 22 Jul 2021 21:00:57 GMT
 */
:root {
  --base-line-height: 1.5;
  --smaller-line-height: 1.2;
  --primary-font-family: 'Lato', 'Helvetica', 'Arial', sans-serif;
  --primary-font-weight-bold: 700;
  --primary-font-weight-normal: 400;
  --generic-font-family: 'Menlo', 'Monaco', 'Consolas', 'Courier New', monospace;
  --font-awesome-icon-font: 'Font Awesome 5 Pro';
  --h1-fluid-font-size: clamp(1.6rem, 3.5vw, 2rem);
  --h1-fallback-font-size: 1.75rem;
  --h2-fluid-font-size: clamp(1.3rem, 3.5vw, 1.5rem);
  --h2-fallback-font-size: 1.4rem;
  --h3-fluid-font-size: clamp(1.2rem, 3.5vw, 1.375rem);
  --h3-fallback-font-size: 1.3rem;
  --h4-fluid-font-size: clamp(1rem, 2.5vw, 1.25rem);
  --h4-fallback-font-size: 1rem;
  --h5-font-size: 1rem;
  --h6-font-size: 1rem;
  --body-font-size: 1rem;
  --body-font-size-small: 0.875rem;
  --link-underline: solid underline 0.1em;
}

/*
BASE
contextual base color tokens used for themes
*/
:root {
  /* text */
  --cg-base-link-color: var(--steel-blue);
  --cg-base-link-color-hover: var(--steel-blue-dark);
  --cg-base-body-text-color: var(--almost-black);
  --cg-base-body-text-color-light: var(--mid-black);
  --cg-base-text-color-white: var(--white);
  --cg-base-placeholder-text-color: var(--cg-base-body-text-color-light);
  --cg-base-label-text-color: var(--cg-base-body-text-color);
  --cg-base-danger: var(--rosso-corsa-a11y);
  /* shadows */
  --cg-base-box-shadow-color: var(--sting-gray-transparent);
  --cg-base-box-shadow-minimal: 0 9px 15px var(--cg-base-box-shadow-color);
  --cg-base-box-shadow-deep: 0 20px 15px var(--cg-base-box-shadow-color);
  --cg-base-box-shadow-dramatic: 0 30px 15px var(--cg-base-box-shadow-color);
  /* headings/typography */
  --cg-base-h1-text-color: var(--black);
  --cg-base-h2-text-color: var(--black);
  --cg-base-h3-text-color: var(--black);
  --cg-base-h4-text-color: var(--black);
  --cg-base-h5-text-color: var(--black);
  --cg-base-h6-text-color: var(--mid-black);
  /* icons */
  --cg-base-icon-primary-color: var(--cg-brand-blue);
  /* border */
  --cg-base-border-color: var(--silver-dark);
  /* a11y compliant border 3.4 contrast ratio on white */
  --cg-base-form-element-border-color: var(--silver-a11y);
  /* states */
  --cg-base-achromatic-background-color: var(--white);
  --cg-base-neutral-background-color: var(--vineyard);
  --cg-base-neutral-background-color-hint: var(--vineyard-hint);
  --cg-base-neutral-border-color: var(--vineyard);
  --cg-base-neutral-icon-color: var(--vineyard-dark);
  --cg-base-error-background-color: var(--rosso-corsa-hint);
  --cg-base-error-border-color: var(--rosso-corsa-a11y);
  --cg-base-critical-background-color: var(--rosso-corsa);
  --cg-base-critical-background-color-hint: var(--rosso-corsa-hint);
  --cg-base-critical-border-color: var(--rosso-corsa);
  --cg-base-critical-icon-color: var(--rosso-corsa-a11y);
  --cg-base-info-background-color: var(--le-mans);
  --cg-base-info-background-color-hint: var(--le-mans-hint);
  --cg-base-info-border-color: var(--le-mans);
  --cg-base-info-icon-color: var(--le-mans);
  --cg-base-warning-background-color: var(--butterscotch);
  --cg-base-warning-background-color-hint: var(--butterscotch-hint);
  --cg-base-warning-border-color: var(--butterscotch);
  --cg-base-warning-icon-color: var(--butterscotch-dark);
  --cg-base-positive-background-color: var(--sublime);
  --cg-base-positive-background-color-hint: var(--sublime-hint);
  --cg-base-positive-border-color: var(--sublime);
  --cg-base-positive-icon-color: var(--sublime);
  --cg-base-focus-border-color: var(--cg-base-link-color);
  /* disabled states */
  --cg-base-disabled-background-color: var(--fog);
  --cg-base-disabled-border-color: var(--fog-mid);
  --cg-base-disabled-text-color: var(--cg-base-body-text-color-light);
  /* button base */
  --cg-base-cta-light-text-color: var(--white);
  --cg-base-cta-dark-text-color: var(--almost-black);
  --cg-base-cta-background-color: var(--fog);
  --cg-base-cta-background-color-white: var(--white);
  --cg-base-cta-border-color: transparent;
  --cg-base-cta-text-color: var(--cg-base-body-text-color-light);
  /* outline */
  --cg-base-cta-outline-background-color-hover: var(--fog);
  --cg-base-cta-outline-text-color: var(--charcoal);
  --cg-base-cta-outline-border-color: var(--cg-base-form-element-border-color);
  /* button isolated */
  --cg-base-isolated-cta-background-color: var(--emerald);
  --cg-base-isolated-cta-background-color-hover: var(--emerald-dark);
  /* button primary */
  --cg-base-primary-cta-background-color: var(--cg-brand-blue);
  --cg-base-primary-cta-background-color-hover: var(--cg-brand-blue-dark);
  /* button primary ghost */
  --cg-base-primary-cta-ghost-background-color: var(--white);
  --cg-base-primary-cta-ghost-background-color-hover: var(--cg-base-cta-outline-background-color-hover);
  --cg-base-primary-cta-ghost-border-color: var(--cg-brand-blue);
  --cg-base-primary-cta-ghost-text-color: var(--cg-brand-blue);
  /* button secondary */
  --cg-base-secondary-cta-background-color: var(--steel-blue);
  --cg-base-secondary-cta-background-color-hover: var(--steel-blue-dark);
  /* button secondary ghost */
  --cg-base-secondary-cta-ghost-background-color: var(--white);
  --cg-base-secondary-cta-ghost-background-color-hover: var(--cg-base-cta-outline-background-color-hover);
  --cg-base-secondary-cta-ghost-border-color: var(--steel-blue);
  --cg-base-secondary-cta-ghost-text-color: var(--steel-blue);
  /* button pagination */
  --cg-base-pgn-cta-background-color: var(--fog);
  --cg-base-pgn-cta-border-color: var(--fog-mid);
  --cg-base-pgn-cta-text-color: var(--black);
  --cg-base-pgn-cta-text-color-hover: var(--cg-base-link-color);
  --cg-base-pgn-cta-overlay-disabled-background-color: var(--fog-transparent);
  --cg-base-pgn-cta-overlay-disabled-border-color: var(--fog-mid);
  --cg-base-pgn-cta-overlay-disabled-text-color: var(--cg-base-body-text-color-light);
  /* forms */
  --cg-base-input-placeholder-text-color: var(--cg-base-body-text-color-light);
  --cg-base-input-text-color: var(--cg-base-body-text-color);
  --cg-base-input-background-color: var(--white);
  --cg-base-input-border-color: var(--cg-base-form-element-border-color);
  --cg-base-error-message-color: var(--cg-base-danger);
  --cg-base-hint-message-color: var(--cg-base-body-text-color-light);
  --cg-base-label-optional-color: var(--cg-base-body-text-color-light);
  --cg-base-label-toolip-icon-color: var(--cg-base-link-color);
  /* card */
  --cg-base-card-link-color: var(--black);
  /* tooltip */
  --cg-base-tooltip-text-color: var(--black);
  --cg-base-tooltip-background-color: var(--white);
  --cg-base-tooltip-font-weight: var(--primary-font-weight-normal);
  --cg-base-tooltip-arrow-background-color: var(--white);
  --cg-base-tooltip-arrow-border-color: var(--almost-black);
  --cg-base-tooltip-transparent-black: rgba(0, 0, 0, 0.2);
  /* modal */
  --cg-base-modal-wrap-background-color: var(--black-transparent);
  --cg-base-modal-background-color: var(--white);
  /* modal header */
  --cg-base-modal-header-border-color: var(--cg-base-border-color);
  --cg-base-modal-header-text-color: var(--mid-black);
  --cg-base-modal-header-title-text-color: var(--black);
  --cg-base-modal-header-nav-background-color-hover: var(--fog);
  /* modal footer */
  --cg-base-modal-footer-text-color: var(--mid-black);
  /* tabs */
  --cg-base-tabs-label-background-color: var(--white);
  --cg-base-tabs-label-text-color: var(--cg-base-body-text-color-light);
  --cg-base-tabs-label-text-color-active: var(--black);
  --cg-base-tabs-label-border-color-active: var(--cg-brand-blue);
  --cg-base-tabs-label-background-color-hover: var(--fog-transparent);
  --cg-base-tabs-label-border-color: var(--cg-base-border-color);
  --cg-base-tabs-label-text-color-disabled: var(--cg-base-disabled-text-color);
  /* toggle */
  --cg-base-toggle-label-text-color: var(--cg-base-body-text-color);
  --cg-base-toggle-label-text-color-disabled: var(--cg-base-disabled-text-color);
  --cg-base-toggle-label-text-color-hover: var(--cg-base-link-color-hover);
  --cg-base-toggle-checked-background-color: var(--cg-brand-blue);
  --cg-base-toggle-unchecked-background-color: var(--black-transparent);
  --cg-base-toggle-switch-background-color: var(--white);
  --cg-base-toggle-switch-disabled-background-color: var(--silver-dark);
  --cg-base-toggle-switch-checked-background-disabled-color: var(--anvil);
  --cg-base-toggle-focus-color: var(--steel-blue);
  /* checkbox */
  --cg-base-checkbox-checked-background-color: var(--white);
  --cg-base-checkbox-checked-disabled-background-color: var(--cg-base-disabled-background-color);
  --cg-base-checkbox-checked-border-color: var(--cg-base-form-element-border-color);
  --cg-base-checkbox-checkmark-color: var(--cg-brand-blue);
  --cg-base-checkbox-border-color: var(--cg-base-form-element-border-color);
  --cg-base-checkbox-background-color: var(--white);
  --cg-base-checkbox-disabled-border-color: var(--cg-base-border-color);
  /* dropdown nav menu */
  --cg-base-dropdown-background-color: var(--white);
  --cg-base-dropdown-button-expanded-background-color: var(--fog);
  --cg-base-dropdown-button-background-color-hover: var(--fog);
  --cg-base-dropdown-border-color: var(--cg-base-form-element-border-color);
  --cg-base-dropdown-link-color: var(--cg-base-body-text-color);
  --cg-base-dropdown-link-color-hover: var(--cg-base-link-color-hover);
  --cg-base-dropdown-listitem-border-color: var(--cg-base-border-color);
  /* image */
  --cg-base-image-noimg-background-color: var(--fog);
  --cg-base-image-border-color: var(--cg-base-border-color);
  /* tooltip */
  --cg-base-toast-box-shadow: var(--cg-base-box-shadow-minimal);
  --cg-base-toast-border-color: var(--cg-base-border-color);
  --cg-base-toast-neutral-background-color: var(--cg-base-achromatic-background-color);
}

/*
BASE
contextual dimension tokens used for themes
*/
:root {
  /* typography */
  --cg-base-smaller-line-height: var(--smaller-line-height);
  --cg-base-line-height: var(--base-line-height);
  /* border radius */
  --cg-base-border-radius: 2px;
  /* cta */
  --cg-base-cta-min-height: 2.75rem;
  --cg-base-cta-sm-min-height: 1.875rem;
  --cg-base-cta-lg-min-height: 3.125rem;
  --cg-base-cta-sm-font-size: 1rem;
  --cg-base-cta-md-font-size: 1rem;
  --cg-base-cta-lg-font-size: 1.25rem;
  --cg-base-cta-sm-desktop-padding-x: 0.75rem;
  --cg-base-cta-sm-desktop-padding-y: 0;
  --cg-base-cta-sm-padding-x: 1.25rem;
  --cg-base-cta-sm-padding-y: 0;
  --cg-base-cta-md-padding-x: 1.25rem;
  --cg-base-cta-md-padding-y: 0;
  --cg-base-cta-lg-padding-x: 1.25rem;
  --cg-base-cta-lg-padding-y: 0;
  --cg-base-cta-icon-margin-right: 0.5rem;
  --cg-base-cta-icon-margin-left: 0.5rem;
  /* highly specific units to match the height def of real buttons */
  --cg-base-cta-link-sm-padding-y: 0.5625rem;
  --cg-base-cta-link-md-padding-y: 0.563rem;
  --cg-base-cta-link-lg-padding-y: 0.5625rem;
  --cg-base-cta-link-icon-md-min-width: 2.625rem;
  --cg-base-cta-link-icon-md-max-width: 2.625rem;
  /* link as button desktop */
  --cg-base-cta-link-sm-desktop-padding-y: 0.125rem;
  --cg-base-cta-link-icon-sm-desktop-min-width: 1.75rem;
  --cg-base-cta-link-icon-sm-desktop-max-width: 1.75rem;
  /* input */
  --cg-base-input-border-radius: 0;
  /* input + border = 44px */
  --cg-base-input-height: 2.625rem;
  --cg-base-input-wrap-height: 2.75rem;
  /* input + border = 30px */
  --cg-base-input-sm-height: 1.75rem;
  --cg-base-input-wrap-sm-height: 1.875rem;
  /* 48px + 2px border = 50px */
  --cg-base-input-lg-height: 3rem;
  --cg-base-input-wrap-lg-height: 3.125rem;
  --cg-base-input-base-padding-y: 0;
  --cg-base-input-base-padding-x: 0.625rem;
  --cg-base-input-label-inline-padding-x: 0.625rem;
  --cg-base-input-inline-label-wrap-grid-gap: 0.25rem;
  --cg-base-input-icon-margin-all: 0 0.5rem;
  /* checkbox */
  --cg-base-checkbox-input-height: 1.25rem;
  --cg-base-checkbox-input-width: 1.25rem;
  --cg-base-checkbox-border-radius: 0px;
  --cg-base-checkbox-checkmark-border-width: 3px solid;
  --cg-base-checkbox-label-font-size: var(--body-font-size);
  --cg-base-checkbox-label-line-height: var(--smaller-line-height);
  --cg-base-checkbox-label-padding-x: 1.75rem;
  --cg-base-checkbox-small-label-font-size: var(--body-font-size-small);
  --cg-base-checkbox-small-label-line-height: var(--base-line-height);
  --cg-base-checkbox-small-label-padding-x: 1.5rem;
  --cg-base-checkbox-small-input-height: 1rem;
  --cg-base-checkbox-small-input-width: 1rem;
  --cg-base-checkbox-small-checkmark-border-width: 2px solid;
  /* select */
  --cg-base-select-font-size: 1rem;
  --cg-base-select-base-padding-x: 0.625rem;
  --cg-base-select-label-wrap-grid-gap: 0.5rem;
  /* input + border = 44px */
  --cg-base-select-height: 2.625rem;
  --cg-base-select-wrap-height: 2.75rem;
  /* input + border = 30px */
  --cg-base-select-sm-height: 1.75rem;
  --cg-base-select-wrap-sm-height: 1.875rem;
  /* 48px + 2px border = 50px */
  --cg-base-select-lg-height: 3rem;
  --cg-base-select-wrap-lg-height: 3.125rem;
  /* tooltip */
  --cg-base-tooltip-border-radius: 6px;
  --cg-base-tooltip-wrapper-svg-margin-all: 0 0.25rem;
  --cg-base-tooltip-padding-y: 0.5rem;
  --cg-base-tooltip-padding-x: 0.625rem;
  --cg-base-tooltip-max-width: 18.75rem;
  --cg-base-tooltip-min-width: 16rem;
  --cg-base-tooltip-font-size: var(--body-font-size);
  --cg-base-tooltip-font-size-small: var(--body-font-size-small);
  --cg-base-tooltip-font-size-large: 1.25rem;
  /* collapse */
  --cg-base-collapse-padding: 1rem;
  --cg-base-collapse-subtitle-font-size: 1rem;
  --cg-base-collapse-toggle-title-margin-right: 0.5rem;
  --cg-base-collapse-toggle-subtitle-margin-right: 0.5rem;
  /* modal */
  --cg-base-modal-default-width: 550px;
  --cg-base-modal-large-width: 700px;
  --cg-base-modal-header-font-size: 1.2rem;
  --cg-base-modal-footer-title-font-size: 1rem;
  --cg-base-modal-footer-font-size: 0.875rem;
  /* dropdown nav menu */
  --cg-base-dropdown-border-radius: var(--cg-base-border-radius);
  --cg-base-dropdown-max-width: 15.625rem;
  --cg-base-dropdown-min-width: 12.5rem;
  --cg-base-dropdown-max-height: 37.5rem;
  --cg-base-dropdown-wrap-padding-x: 0.5rem;
  --cg-base-dropdown-wrap-padding-y: 0.25rem;
  --cg-base-dropdown-link-padding-x: 0.5rem;
  --cg-base-dropdown-link-padding-y: 0.5rem;
  --cg-base-dropdown-link-line-height: var(--smaller-line-height);
  --cg-base-dropdown-link-font-size: var(--body-font-size);
  --cg-base-dropdown-icon-margin-x: 0.5rem;
  --cg-base-dropdown-button-overflow-hover-border-radius: inherit;
  --cg-base-dropdown-listItem-checkbox-margin-x: 1rem;
  --cg-base-dropdown-listItem-checkbox-margin-y: 0.5rem;
  --cg-base-dropdown-group-title-margin-left: 0.5rem;
  /* tag */
  --cg-base-tag-border-radius: var(--cg-base-border-radius);
  --cg-base-tag-font-size: 0.875rem;
  --cg-base-tag-min-height: 1.625rem;
  --cg-base-tag-closebtn-min-height: 1.5rem;
  --cg-base-tag-max-width: 18.75rem;
  --cg-base-tag-padding-x: 0.25rem;
  --cg-base-tag-padding-y: 0.5rem;
  --cg-base-tag-icon-margin-right: 0.5rem;
  --cg-base-tag-group-item-margin-right: 0.5rem;
  --cg-base-tag-group-item-margin-bottom: 0.5rem;
  /* image */
  --cg-base-image-base-noimg-font-size: 1.125rem;
  --cg-base-image-base-noimg-padding: 2rem;
  --cg-base-image-base-noimg-grid-gap: 0.5rem;
  --cg-base-image-base-noimg-lineheight: var(--cg-base-smaller-line-height);
  /* toast */
  --cg-base-toast-max-width: 550px;
  --cg-base-toast-text-max-width: 40ch;
  --cg-base-toast-text-size: 1rem;
  --cg-base-toast-text-margin-right: 1rem;
  --cg-base-toast-text-margin-bottom: 1rem;
  --cg-base-toast-icon-margin-right: 1rem;
  --cg-base-toast-close-button-margin-left: 1rem;
  --cg-base-toast-wrap-padding-x: 1rem;
  --cg-base-toast-wrap-padding-y: 1rem;
  --cg-base-toast-flex-gap: 1rem;
  /* callout */
  --cg-base-callout-text-size: 1rem;
  --cg-base-callout-icon-margin-right: 1rem;
  --cg-base-callout-close-button-margin-left: 1rem;
  --cg-base-callout-wrap-padding-x: 1rem;
  --cg-base-callout-wrap-padding-y: 1rem;
  --cg-base-callout-list-item-margin-bottom: 0.5rem;
  --cg-base-callout-title-weight: var(--primary-font-weight-bold);
  --cg-base-callout-flex-gap: 1rem;
  /* error message */
  --cg-base-error-message-font-size: var(--body-font-size);
  --cg-base-error-message-font-size-small: var(--body-font-size-small);
  --cg-base-error-message-line-height: var(--smaller-line-height);
  --cg-base-error-message-icon-margin-right: 0.25rem;
  --cg-base-error-message-font-weight: var(--primary-font-weight-normal);
  /* hint message */
  --cg-base-hint-message-font-size: var(--body-font-size);
  --cg-base-hint-message-font-size-small: var(--body-font-size-small);
  --cg-base-hint-message-line-height: var(--smaller-line-height);
  --cg-base-hint-message-font-weight: var(--primary-font-weight-normal);
  /* label */
  --cg-base-label-font-size: 0.875rem;
  --cg-base-label-font-weight-bold: var(--primary-font-weight-bold);
  --cg-base-label-font-weight: var(--primary-font-weight-normal);
  --cg-base-label-margin-y: 0.5rem;
  --cg-base-label-line-height: var(--cg-base-smaller-line-height);
  --cg-base-label-optional-font-weight: var(--primary-font-weight-normal);
  --cg-base-label-optional-margin-x: 0.25rem;
  /* textarea */
  --cg-base-textarea-border-radius: 0;
  --cg-base-textarea-base-padding: 0.625rem;
  --cg-base-textarea-font-size: 1rem;
  /* toggle */
  --cg-base-toggle-switch-width: 44px;
  --cg-base-toggle-switch-size: 20px;
  --cg-base-toggle-label-margin-right: 0.4rem;
  /* tag */
  --cg-base-tabs-subtitle-font-size: 1rem;
  --cg-base-tabs-label-font-size: 1rem;
  --cg-base-tabs-label-padding: 0.5rem;
  --cg-base-tabs-panels-padding: 1.25rem;
  /* scrollingbox */
  --cg-base-scrollingbox-spacing-unit: var(--space-md);
  --cg-base-scrollingbox-button-narrow: 1.5rem;
  --cg-base-scrollingbox-indicator-font-size: 1rem;
  /* bulletin */
  --cg-base-bulletin-text-size: 1rem;
  --cg-base-bulletin-height: 2.875rem;
  --cg-base-bulletin-body-padding-x: 1rem;
  --cg-base-bulletin-body-padding-y: 0.5rem;
  --cg-base-bulletin-cta-button-margin-x: 1rem;
}

/*
BASE
contextual transition animation tokens used for themes
*/
:root {
  /* alias */
  --cg-base-transition: var(--transition-01);
}

:root {
  --cg-base-text-margin-bottom: var(--space-xs);
  --cg-base-text-margin-top: 0;
  --cg-base-h1-fluid-font-size: var(--h1-fluid-font-size);
  --cg-base-h1-fallback-font-size: var(--h1-fallback-font-size);
  --cg-base-h1-weight: var(--primary-font-weight-bold);
  --cg-base-h2-fluid-font-size: var(--h2-fluid-font-size);
  --cg-base-h2-fallback-font-size: var(--h2-fallback-font-size);
  --cg-base-h2-weight: var(--primary-font-weight-bold);
  --cg-base-h3-fluid-font-size: var(--h3-fluid-font-size);
  --cg-base-h3-fallback-font-size: var(--h3-fallback-font-size);
  --cg-base-h3-weight: var(--primary-font-weight-normal);
  --cg-base-h4-fluid-font-size: var(--h4-fluid-font-size);
  --cg-base-h4-fallback-font-size: var(--h4-fallback-font-size);
  --cg-base-h4-weight: var(--primary-font-weight-bold);
  --cg-base-h5-font-size: var(--h5-font-size);
  --cg-base-h5-weight: var(--primary-font-weight-bold);
  --cg-base-h6-font-size: var(--h6-font-size);
  --cg-base-h6-weight: var(--primary-font-weight-normal);
  --cg-base-body-font-size: var(--body-font-size);
  --cg-base-body-font-size-small: var(--body-font-size-small);
  --cg-base-link-underline: var(--link-underline);
}

/*
imports all constant and cg-base vars available at the :root
*/
/* constants */
/* cg-base theme */

/*
	DO NOT MODIFY THIS FILE
	Modifying this file may have negative life effects, including:
	...you'll find out when they happen.
*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
span,
applet,
object,
iframe,
h2,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
button {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
b,
strong {
  font-weight: 700;
}
button {
  font-size: 100%;
}
a {
  color: inherit;
  cursor: pointer;
}
button,
input,
select,
textarea,
optgroup {
  font-family: inherit;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
html {
  box-sizing: border-box;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
sup {
  font-size: 55%;
  vertical-align: super;
  line-height: unset;
  position: inherit;
}
h1,
.header1 {
  color: var(--cg-base-h1-text-color);
  line-height: var(--smaller-line-height);
  margin-top: var(--cg-base-text-margin-top);
  margin-bottom: var(--cg-base-text-margin-bottom);
  font-weight: var(--cg-base-h1-weight);
  font-size: var(--cg-base-h1-fallback-font-size);
}
@supports (font-size: var(--cg-base-h1-fluid-font-size)) {
  h1,
  .header1 {
    font-size: var(--cg-base-h1-fluid-font-size);
  }
}
h2,
.header2 {
  color: var(--cg-base-h2-text-color);
  line-height: var(--smaller-line-height);
  margin-top: var(--cg-base-text-margin-top);
  margin-bottom: var(--cg-base-text-margin-bottom);
  font-weight: var(--cg-base-h2-weight);
  font-size: var(--cg-base-h2-fallback-font-size);
}
@supports (font-size: var(--cg-base-h2-fluid-font-size)) {
  h2,
  .header2 {
    font-size: var(--cg-base-h2-fluid-font-size);
  }
}
h3,
.header3 {
  color: var(--cg-base-h3-text-color);
  line-height: var(--smaller-line-height);
  margin-top: var(--cg-base-text-margin-top);
  margin-bottom: var(--cg-base-text-margin-bottom);
  font-weight: var(--cg-base-h3-weight);
  font-size: var(--cg-base-h3-fallback-font-size);
}
@supports (font-size: var(--cg-base-h3-fluid-font-size)) {
  h3,
  .header3 {
    font-size: var(--cg-base-h3-fluid-font-size);
  }
}
h4,
.header4 {
  color: var(--cg-base-h4-text-color);
  line-height: var(--smaller-line-height);
  margin-top: var(--cg-base-text-margin-top);
  margin-bottom: var(--cg-base-text-margin-bottom);
  font-weight: var(--cg-base-h4-weight);
  font-size: var(--cg-base-h4-fallback-font-size);
}
@supports (font-size: var(--cg-base-h4-fluid-font-size)) {
  h4,
  .header4 {
    font-size: var(--cg-base-h4-fluid-font-size);
  }
}
h5,
.header5 {
  color: var(--cg-base-h5-text-color);
  line-height: var(--base-line-height);
  margin-top: var(--cg-base-text-margin-top);
  margin-bottom: var(--cg-base-text-margin-bottom);
  font-weight: var(--cg-base-h5-weight);
  font-size: var(--cg-base-h5-font-size);
  /* 16px */
}
h6,
.header6 {
  color: var(--cg-base-h6-text-color);
  line-height: var(--base-line-height);
  margin-top: var(--cg-base-text-margin-top);
  margin-bottom: var(--cg-base-text-margin-bottom);
  font-weight: var(--cg-base-h6-weight);
  font-size: var(--cg-base-h6-font-size);
  /* 16px */
}
p,
label,
.bodyCopy {
  color: var(--cg-base-body-text-color);
  line-height: var(--base-line-height);
  margin-bottom: var(--cg-base-text-margin-bottom);
  margin-top: var(--cg-base-text-margin-top);
  font-weight: var(--primary-font-weight-normal);
  font-size: var(--cg-base-body-font-size);
  /* 16px */
}
.bodySM {
  font-size: var(--cg-base-body-font-size-small);
  /* 14px */
}
.bodyLight {
  color: var(--cg-base-body-text-color-light);
}
a,
.link {
  color: var(--cg-base-link-color);
  text-decoration-skip-ink: auto;
  text-decoration: var(--cg-base-link-underline);
}
a:hover,
.link:hover,
a:active,
.link:active {
  color: var(--cg-base-link-color-hover);
  transition: var(--cg-base-transition);
}
a:focus,
.link:focus {
  transition: var(--cg-base-transition);
  text-decoration: none;
  outline: solid 2px var(--cg-base-link-color);
  outline-offset: 2px;
  border-radius: 0px;
}
a.hint,
.link.hint {
  color: inherit;
  text-decoration-skip-ink: auto;
  text-decoration: var(--cg-base-link-underline);
}
a.hint:hover,
.link.hint:hover,
a.hint:active,
.link.hint:active {
  color: inherit;
}
a.hint:focus,
.link.hint:focus {
  transition: var(--cg-base-transition);
  text-decoration: none;
  outline: solid 2px var(--cg-base-link-color);
  outline-offset: 2px;
  border-radius: 0px;
}
.bold,
strong {
  font-weight: var(--primary-font-weight-bold);
}
/* color modifiers */
.textDanger {
  color: var(--cg-base-danger);
}
.textXS {
  font-size: var(--cg-base-body-font-size-small);
  /* 14px */
}
.textSM {
  font-size: var(--cg-base-body-font-size);
  /* 16px */
}
.textMD {
  line-height: var(--smaller-line-height);
  font-size: var(--cg-base-h3-fallback-font-size);
}
@supports (font-size: var(--cg-base-h3-fluid-font-size)) {
  .textMD {
    font-size: var(--cg-base-h3-fluid-font-size);
  }
}
.textLG {
  line-height: var(--smaller-line-height);
  font-size: var(--cg-base-h2-fallback-font-size);
}
@supports (font-size: var(--cg-base-h2-fluid-font-size)) {
  .textLG {
    font-size: var(--cg-base-h2-fluid-font-size);
  }
}
.textXL {
  line-height: var(--smaller-line-height);
  font-size: var(--cg-base-h1-fallback-font-size);
}
@supports (font-size: var(--cg-base-h1-fluid-font-size)) {
  .textXL {
    font-size: var(--cg-base-h1-fluid-font-size);
  }
}
.textCenter {
  text-align: center;
}
html {
  font-size: 100%;
}
body {
  color: var(--cg-base-body-text-color);
  font-family: var(--primary-font-family);
  font-size: 1em;
  line-height: var(--base-line-height);
}
button {
  font-family: var(--primary-font-family);
}
.content {
  margin: 0 auto;
  padding: 1.25rem 0.9375rem 1.25rem 0.9375rem;
}
@media only screen and (min-width: 1440px) {
  .content {
    width: 1440px;
  }
}


/*# sourceMappingURL=concrete-base-theme.nomodule.css.map*/
a div,a h1,a h2,a h3,a h4,a h5,a h6,a p,a span{text-decoration:inherit}:root{--space-unit-rem:1rem;--space-xs-rem:calc(0.5*var(--space-unit-rem));--space-sm-rem:calc(0.75*var(--space-unit-rem));--space-md-rem:calc(1.25*var(--space-unit-rem));--space-lg-rem:calc(2*var(--space-unit-rem));--space-xl-rem:calc(3.25*var(--space-unit-rem))}

/*# sourceMappingURL=cg_theme_base.entry.a2fb1e5287790b8d84fc892c2fe64d45.css.map*/