:root /* base elements */ {
    --a-color: var(--isp-css-link-color, var(--amplify-blue-60));
    --a-hover-color: var(--isp-css-link-hover-color, var(--amplify-blue-60));
    --a-text-decoration: underline;
    --a-hover-text-transform: var(--a-text-transform);
    --body-background: #FCFBFC;
    --header-background: var(--isp-css-header-bgcolor, var(--amplify-white));
    --p-margin: 0 0 1em 0;
    --section-position: relative;
    --ul-margin: 0 0 1.5rem 1.5rem;
}

:root /* amp-alert */ {
    --alert-border-radius: 0.25rem;
    --alert-border-style: solid;
    --alert-border-width: 1px;
    --alert-border-width: thin;
    --alert-display: flex;
    --alert-icon-margin: 1rem;
    --alert-margin: 0 0 2rem 0;
    --alert-padding: 1rem 1.75rem;

    --alert-close-icon-color: #171a1e;
    --alert-close-icon-margin: 1rem;

    --alert-error-background: #fedddd;
    --alert-error-border-color: #ca231d;
    --alert-error-color: #ca231d;

    --alert-info-background: #ddf0fe;
    --alert-info-border-color: #3a75ca;
    --alert-info-color: #3a75ca;

    --alert-success-background: #d1fed8;
    --alert-success-border-color: #08c162;
    --alert-success-color: #08c162;

    --alert-system-background: #e8edf2;
    --alert-system-border-color: #171a1e;
    --alert-system-color: #171a1e;

    --alert-warning-background: var(--amplify-amber-0);
    --alert-warning-border-color: var(--amplify-amber-40);
    --alert-warning-color: var(--amplify-amber-80);
}

:root /* amp-branding */ {
    --branding-margin: 0;
    --branding-padding: 0;
    --branding-max-width: 250px;
    --branding-max-height: 125px;
    --branding-display: flex;
    --branding-image-width: 150px;
}

:root /* amp-button */ {
    --button-align-items: center;
    --button-background: var(--isp-css-button-bgcolor, var(--amplify-blue-60));
    --button-border-radius: 0.25rem;
    --button-color: var(--isp-css-button-text-color, var(--amplify-white));
    --button-display: flex;
    --button-font-weight: normal;
    --button-gap: 0 0 0 1rem;
    --button-justify-content: center;
    --button-margin: 0;
    --button-padding: 0.9rem 1.5rem;

    --button-icon-margin: 0 0.5rem 0 0;

    --button-hover-background: var(--isp-css-button-hover-bgcolor, var(--button-background));
    --button-hover-color: var(--isp-css-button-hover-color, var(--button-color));

    --button-disabled-background: 0;
    --button-disabled-border-color: lightgray;
    --button-disabled-color: gray;

    --button-secondary-background: white;
    --button-secondary-hover-background: var(--button-secondary-background);
    --button-secondary-border-color: var(--isp-css-link-color, var(--amplify-light-10));
    --button-secondary-hover-border-color: var(--isp-css-link-hover-color, var(--amplify-light-10));
    --button-secondary-border-style: solid;
    --button-secondary-border-width: 1px;
    --button-secondary-color: var(--isp-css-link-color, var(--amplify-blue-70));
    --button-secondary-hover-color: var(--isp-css-link-hover-color);

    --button-tertiary-background: transparent;
    --button-tertiary-hover-background: var(--button-tertiary-background);
    --button-tertiary-color: var(--isp-css-link-color, var(--amplify-blue-70));
    --button-tertiary-hover-color: var(--isp-css-link-hover-color, var(--button-tertiary-color));
}

:root /* amp-columns */ {
    --gap-none: 0em;
    --gap-tiny: 2px;
    --gap-small: 0.5em;
    --gap-medium: 1em;
    --gap-large: 1.75em;
    --gap-huge: 3em;
    --slug-none: 0em;
    --slug-tiny: 2px;
    --slug-small: 0.5em;
    --slug-medium: 1em;
    --slug-large: 1.75em;
    --slug-huge: 3em;
    --trim-none: 0em;
    --trim-tiny: 2px;
    --trim-small: 0.5em;
    --trim-medium: 1em;
    --trim-large: 1.75em;
    --trim-huge: 3em;
}

:root /* amp-chip */ {
    --chip-background-hover: var(--amplify-light-0);
    --chip-background: var(--amplify-light-5);
    --chip-border-color-hover: transparent;
    --chip-border-color: transparent;
    --chip-border-radius-hover: 250px;
    --chip-border-style-hover: none;
    --chip-border-width-hover: 0;
    --chip-box-shadow: none;
    --chip-color-hover: var(--amplify-dark-90);
    --chip-color: var(--amplify-dark-90);
    --chip-font-size: 1em;
    --chip-remove-icon-background: var(--amplify-light-5);
    --chip-remove-icon-color: var(--amplify-dark-90);
    --chip-border-radius: 250px;
    --chip-border-style: none;
    --chip-border-width: 0;
}

:root /* amp-content */ {
    --content-align-items: stretch;
    --content-display: flex;
    --content-flex-direction: column;
}

:root /* amp-data-grid */ {
    --datagrid-color: inherit;
    --datagrid-font-size: inherit;
    --datagrid-font-variant: inherit;
    --datagrid-font-weight: inherit;
    --datagrid-line-height: inherit;
    --datagrid-margin: inherit;
    --datagrid-padding: inherit;
    --datagrid-rem-size: var(--component-scale);

    /* amp-data-grid:before */
    --datagrid-before-background: transparent;
    --datagrid-before-display: display;
    --datagrid-before-height: 50px;
    --datagrid-before-overflow: hidden;
    --datagrid-before-pointer-events: none;
    --datagrid-before-position: absolute;
    --datagrid-before-top: 6.1em;
    --datagrid-before-width: 100%;
    --datagrid-before-z-index: 99;

    /* amp-datagrid-row */
    --datagrid-row-background: #fff;
    --datagrid-row-hover-background: #d3dce3;

    /* amp-datagrid-row odd */
    --datagrid-row-odd-background: var(--datagrid-row-background);
    --datagrid-row-odd-hover-background: var(--datagrid-row-hover-background);
    --datagrid-row-odd-color: var(--datagrid-row-hover-color);

    /* amp-datagrid-row header */
    --datagrid-row-header-background: white;
    --datagrid-row-header-color: #474e58;
    --datagrid-row-header-font-size: inherit;
    --datagrid-row-header-font-variant: inherit;
    --datagrid-row-header-font-weight: bold;
    --datagrid-row-header-line-height: inherit;
    --datagrid-row-header-margin: inherit;
    --datagrid-row-header-padding: 2.5em 1.5em;

    /* amp-datagrid-cell */
    --datagrid-cell-background: initial;
    --datagrid-cell-border-color: #ebeff2;
    --datagrid-cell-border-style: solid;
    --datagrid-cell-border-width: 1px 0 0 0;
    --datagrid-cell-color: inherit;
    --datagrid-cell-font-size: inherit;
    --datagrid-cell-font-variant: inherit;
    --datagrid-cell-font-weight: normal;
    --datagrid-cell-hover-color: black;
    --datagrid-cell-line-height: inherit;
    --datagrid-cell-margin: inherit;
    --datagrid-cell-padding: 1em 1.5em;

    /* Group by cell */
    --datagrid-caption-cell-background: var(--datagrid-row-hover-background);
    --datagrid-caption-cell-padding: 1em 0;
    --datagrid-caption-cell-position: absolute;
    --datagrid-caption-cell-text-indent: 1.5em;
    --datagrid-caption-cell-width: 100%;

    /* TEMP: hb-button*/
    --hb-button-after-border-color: #899098;
    --hb-button-after-border-radius: 3px;
    --hb-button-after-border-style: solid;
    --hb-button-after-border-width: 0 0 4px 0;
    --hb-button-after-height: 1em;
    --hb-button-after-left: 2px;
    --hb-button-after-position: absolute;
    --hb-button-after-transform: rotate(45deg) scale(0.75);
    --hb-button-after-width: 1em;
    --hb-button-before-border-color: #899098;
    --hb-button-before-border-radius: 3px;
    --hb-button-before-border-style: solid;
    --hb-button-before-border-width: 0 0 4px 0;
    --hb-button-before-height: 1em;
    --hb-button-before-position: absolute;
    --hb-button-before-transform: rotate(-45deg) scale(0.75);
    --hb-button-before-width: 1em;
    --hb-button-height: 1em;
    --hb-button-left: 0.5em;
    --hb-button-position: relative;
    --hb-button-top: -0.25em;
    --hb-button-width: 1em;

    /* amp-datagrid-filter */
    --datagrid-filter-submit-background: #2e99f3;
}

:root /* amp-data-item */ {
    --data-item-background: #fff;
    --data-item-border: 1px solid #e7eaed;
    --data-item-display: inline-block;
    --data-item-float: right;
    --data-item-margin: 0.5em;
    --data-item-name-padding: 1em;
    --data-item-operation-background-color: #2e99f3;
    --data-item-operation-color: #fff;
    --data-item-operation-font-weight: bold;
    --data-item-operation-padding: 1em;
    --data-item-padding: 1em 0;
    --data-item-processor-cursor: pointer;
    --data-item-processor-font-weight: bold;
    --data-item-processor-padding: 1em;
    --data-item-value-padding: 1em;
}

:root /*amp-datalist*/ {
    --datalist__background: white;
    --datalist__border-color: #ccc;
    --datalist__border-style: solid;
    --datalist__box-shadow: 1px 1px 38px rgba(0, 0, 0, 0.1), 1px 1px 13px rgba(0, 0, 0, 0.2);
    --datalist__border-width: 1px;
    --datalist__color: #767676;
    --datalist__datalist-item__a__color: #767676;
    --datalist__datalist-item__a__color--hover: #323232;
    --datalist__datalist-item__a__text-decoration: none;
    --datalist__datalist-item__background: white;
    --datalist__datalist-item__background--hover: #aaa;
    --datalist__datalist-item__color--hover: #323232;
    --datalist__datalist-item__padding: 0.75em 1.5em;
    --datalist__scrollbar-thumb__background: #767676;
    --datalist__scrollbar__background: #ddd;
}

:root /* amp-datefilter */ {
    --datefilter-background: #2e99f3;
    --datefilter-color: white;
    --datefilter-display: flex;
    --datefilter-flex-direction: column;
    --datefilter-font-weight: bold;
    --datefilter-margin: -1em -1.5em;
    --datefilter-menu-background: #ebeff2;
    --datefilter-menu-display: flex;
    --datefilter-menu-flex-direction: column;
    --datefilter-menu-inactive-display: none;
    --datefilter-menu-item-background: #ebeff2;
    --datefilter-menu-item-display: flex;
    --datefilter-menu-item-flex: 1;
    --datefilter-menu-item-padding: 1em 1.5em;
    --datefilter-menu-item-selected-background: #474e58;
    --datefilter-menu-item-selected-color: #fff;
    --datefilter-menu-list-style: none;
    --datefilter-menu-margin: 1em -1.5em;
    --datefilter-padding: 0.75em 1.5em;
    --datefilter-width: 100%;
    --daterange-background: #fff;
    --daterange-color: black;
    --daterange-display: flex;
    --daterange-flex-direction: column;
    --daterange-inactive-display: none;
    --daterange-margin: 1em -1.5em;
    --daterange-padding: 1em 1.5em;
}

:root /* amp-datepicker */ {
    --datepicker-font-family: inherit;
    --datepicker-icon-before: "chevron_left";
    --datepicker-icon-calendar: "calendar_today";
    --datepicker-icon-next: "chevron_right";

    --calendar-border-radius: 0.1em;
    --calendar-box-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.25);
    --calendar-height: 26.25em;
    --calendar-right: unset;
    --calendar-width: 25em;

    --calendar-masthead-background: rgb(77, 77, 77);
    --calendar-masthead-color: white;

    --calendar-prevnext-background: transparent;
    --calendar-prevnext-color: white;
    --calendar-prevnext-hover-background: rgba(255, 255, 255, 0.25);
    --calendar-prevnext-hover-color: white;

    --calendar-body-background: white;
    --calendar-body-color: #333;
    --calendar-body-font-weight: normal;
    --calendar-body-heading-background: rgb(77, 77, 77);
    --calendar-body-heading-color: white;
    --calendar-body-heading-font-weight: bold;
    --calendar-body-hover-background: rgb(151, 151, 151);
    --calendar-body-hover-color: white;
    --calendar-body-inactive-days-background: lightgray;
    --calendar-body-inactive-days-border: unset;
    --calendar-body-inactive-days-color: black;
    --calendar-body-selected-background: rgb(77, 77, 77);
    --calendar-body-selected-color: white;
    --calendar-body-valid-days-border: 1px solid lightgray;
    --calendar-body-selected-hover-background: var(--calendar-body-selected-background);
    --calendar-body-selected-hover-color: var(--calendar-body-selected-color);

    --calendar-aside-background: #eaeaea;
    --calendar-aside-color: rgb(77, 77, 77);
    --calendar-aside-font-weight: bold;
    --calendar-aside-hover-background: rgb(151, 151, 151);
    --calendar-aside-hover-color: white;
    --calendar-aside-selected-background: rgb(77, 77, 77);
    --calendar-aside-selected-color: white;
    --calendar-aside-selected-hover-background: var(--calendar-aside-selected-background);
    --calendar-aside-selected-hover-color: var(--calendar-aside-selected-color);
}

:root /* amp-form-control */ {
    --form-control-margin: 0 0 2rem;
}

:root /* generic headings */ {
    --headings-display: block;
}

:root /* amp-icons */ {
    --icon-background: transparent;
    --icon-border-color: transparent;
    --icon-border-radius: 50%;
    --icon-border-style: none;
    --icon-border-width: 0;
    --icon-box-shadow: none;
    --icon-color: var(--amplify-dark-90);
    --icon-content: "";
    --icon-display: flex;
    --icon-font-family: "Material Icons";
    --icon-font-size: 1.5rem;
    --icon-margin: 0;
    --icon-padding: 0;

    --input-icon-password-transform: translate(-2em);
    --input-icon-top: calc(50% - 0.5em);
    --input-icon-transform: translate(-0.25em);
}

:root /* amp-input */ {
    --input-container-border-radius: var(--input-alt-border-radius);
    --input-border: 1px solid var(--input-alt-border-color);
    --input-container-position: relative;
    --input-display: flex;
    --input-flex-direction: column;
    --input-font-size: var(--typeface-regular-font-size);
    --input-height: var(--input-alt-height);
    --input-margin: var(--input-alt-margin);
    --input-padding: var(--input-alt-padding);

    --input-label-color: var(--label-color);
    --input-label-font-weight: var(--label-font-weight);
    --input-label-margin: var(--label-margin);
    --input-label-padding: var(--label-padding);
    --input-label-white-space: nowrap;

    --input-icon-eye-slash: "visibility_off";
    --input-icon-eye: "visibility";
}

:root /* amp-input-alt */ {
    --input-alt-background: var(--amplify-white);
    --input-alt-background__disabled: var(--amplify-light-5);
    --input-alt-color: var(--amplify-dark-90);
    --input-alt-color__disabled: var(--amplify-dark-60);
    --input-alt-color__invalid: var(--amplify-crimson-50);
    --input-alt-font-family: var(--typeface-regular-font-family);
    --input-alt-font-size: var(--typeface-regular-font-size);
    --input-alt-height: 3rem;
    --input-alt-line-height: var(--typeface-regular-line-height);
    --input-alt-letter-spacing: var(--typeface-regular-letter-spacing);
    --input-alt-margin: 0.5rem 0;
    --input-alt-padding: 0 1.5rem;
    --input-alt-border-color: var(--amplify-light-30);
    --input-alt-border-color__focus: var(--amplify-blue-60);
    --input-alt-border-color__invalid: var(--amplify-crimson-50);
    --input-alt-border-radius: 0.25rem;
    --input-alt-border-style: solid;
    --input-alt-border-width: 1px;
    --input-alt-box-shadow: 0 0 0 0 transparent;
    --input-alt-box-shadow__focus: 0 0 0 4px var(--amplify-blue-10);
    --input-alt-transition: box-shadow 0.2s;

    --input-alt-placeholder-color: var(--amplify-dark-50);

    --input-alt-conceal-font-family: "text-security";
    --input-alt-conceal-font-size: 0.75rem;
    --input-alt-conceal-letter-spacing: 0.1em;
    --input-alt-conceal-line-height: 1.7em;

    --input-alt-form-control-margin-top: 0.5rem;
    --input-alt-utility-color: var(--typeface-overline-color);
    --input-alt-utility-font-family: var(--typeface-overline-font-family);
    --input-alt-utility-font-size: var(--typeface-overline-font-size);
    --input-alt-utility-font-weight: var(--typeface-overline-font-weight);
    --input-alt-utility-letter-spacing: var(--typeface-overline-letter-spacing);
    --input-alt-utility-line-height: var(--typeface-overline-line-height);
}

:root /* amp-input-search */ {
    --input-search-background: var(--input-alt-background);
    --input-search-border-color: var(--input-alt-border-color);
    --input-search-border-color__focus: var(--input-alt-border-color__focus);
    --input-search-border-radius: var(--input-alt-border-radius);
    --input-search-border-style: var(--input-alt-border-style);
    --input-search-border-width: var(--input-alt-border-width);
    --input-search-box-shadow: var(--input-alt-box-shadow);
    --input-search-box-shadow__focus: var(--input-alt-box-shadow__focus);
    --input-search-color: var(--input-alt-color);
    --input-search-font-family: var(--input-alt-font-family);
    --input-search-font-size: var(--input-alt-font-size);
    --input-search-height: var(--input-alt-height);
    --input-search-padding: var(--input-alt-padding);
    --input-search-transform: var(--input-alt-transform);
    --input-search-transition: var(--input-alt-transition);

    --input-search-placeholder-color: var(--input-alt-placeholder-color);
}

:root /* amp-label */ {
    --label-color: var(--amplify-dark-90);
    --label-font-family: var(--typeface-regular-font-family);
    --label-font-size: var(--typeface-regular-font-size);
    --label-line-height: var(--typeface-regular-line-height);
    --label-font-weight: bold;
    --label-margin: 0 0.25rem;
}

:root /* amp-loader */ {
    --loader-background: rgba(255, 255, 255, 0.925);
    --loader-color: var(--amplify-blue-60);
}

:root /* amp-media */ {
    --media-background: transparent;
    --media-border-color: transparent;
    --media-border-radius: 4px;
    --media-border-style: none;
    --media-border-width: 0;
    --media-box-shadow: none;
    --media-color: var(--amplify-dark-90);
    --media-content-align-items: flex-start;
    --media-content-flex-direction: column;
    --media-content-justify-content: flex-start;
    --media-content-margin: 0;
    --media-content-padding: 1em;
    --media-flex-direction: row;
    --media-footer-flex-direction: column;
    --media-image-margin: 0;
    --media-image-max-height: 15em;
    --media-image-max-width: 30em;
    --media-image-padding: 1em 0 1em 1em;
    --media-margin: 0 0 1em;
    --media-padding: 0;
}

:root /* amp-menu */ {
    --menu-display: flex;
    --sub-menu-background: white;
    --sub-menu-box-shadow: 0 0.225rem 0.18rem rgba(0, 0, 0, 0.006), 0 0.364rem 0.291rem rgba(0, 0, 0, 0.01), 0 0.59rem 0.472rem rgba(0, 0, 0, 0.019),
        0 0.954rem 0.764rem rgba(0, 0, 0, 0.03), 0 1.545rem 1.236rem rgba(0, 0, 0, 0.049), 0 2.5rem 2rem rgba(0, 0, 0, 0.08);
    --sub-menu-width: 300px;
    --tertiary-menu-box-shadow: 0 0.225rem 0.18rem rgba(0, 0, 0, 0.006), 0 0.364rem 0.291rem rgba(0, 0, 0, 0.01), 0 0.59rem 0.472rem rgba(0, 0, 0, 0.019),
        0 0.954rem 0.764rem rgba(0, 0, 0, 0.03), 0 1.545rem 1.236rem rgba(0, 0, 0, 0.049), 0 2.5rem 2rem rgba(0, 0, 0, 0.08);
    --tertiary-menu-width: 300px;
    --menu-item-align-items: center;
    --menu-item-color: var(--amplify-dark-90);
    --menu-item-height: 100%;
    --menu-item-padding: 0.75rem 1.5rem;
    --menu-item-white-space: nowrap;
    --sub-menu-item-background: var(--amplify-white);
    --sub-menu-item-background__active: var(--amplify-blue-5);
    --sub-menu-item-background__hover: var(--amplify-blue-5);
    --sub-menu-item-color: var(--amplify-dark-90);
    --sub-menu-item-color__active: var(--amplify-blue-70);
    --sub-menu-item-color__hover: var(--amplify-blue-70);
    --sub-menu-item-padding: 1rem 1.5rem;
    --sub-menu-item-white-space: wrap;
    --tertiary-menu-item-background: var(--amplify-white);
    --tertiary-menu-item-background__active: var(--amplify-blue-5);
    --tertiary-menu-item-background__hover: var(--amplify-blue-5);
    --tertiary-menu-item-color: var(--amplify-dark-90);
    --tertiary-menu-item-color__active: var(--amplify-blue-70);
    --tertiary-menu-item-color__hover: var(--amplify-blue-70);
    --menu-item-icon-margin: 0 0.75rem 0 0;
}

:root /* amp-modal */ {
    --modal-background: var(--amplify-white);
    --modal-box-shadow: 0 0.54rem 0.275rem rgba(0, 0, 0, 0.01), 0 0.875rem 0.45rem rgba(0, 0, 0, 0.019), 0 1.415rem 0.725rem rgba(0, 0, 0, 0.03),
        0 2.29rem 1.175rem rgba(0, 0, 0, 0.049), 0 3.71em 3.09rem rgba(0, 0, 0, 0.08), 0 6rem 5rem rgba(0, 0, 0, 0.13);
    --modal-overflow-y: auto;
    /* --modal-title-padding: 1rem 1.5rem;
    --modal-header-align-items: center;
    --modal-header-background: var(--amplify-white);
    --modal-header-justify-content: flex-start;
    --modal-header-margin: 0;
    --modal-header-padding: 0 1.5rem;
    --modal-body-align-items: flex-start;
    --modal-body-background: var(--amplify-white);
    --modal-body-justify-content: flex-start;
    --modal-body-margin: 0.75rem 0.5rem 0.75rem 0;
    --modal-body-overflow-y: auto;
    --modal-body-padding: 0.5rem 1.5rem;
    --modal-footer-align-items: flex-end;
    --modal-footer-background: var(--amplify-white);
    --modal-footer-justify-content: flex-end;
    --modal-footer-margin: 0;
     */
    --modal-footer-padding: 1rem 1.5rem 0 1.5rem;
    --modal-close-icon-content: "close";
    --modal-overlay-background: rgba(0, 0, 0, 0.15);
    /* TODO: More browser coverage is needed here
    --modal-scrollbar-width: 0.5rem;
    --modal-scrollbar-height: 0.5rem;
    --modal-scrollbar-track-background: rgba(0, 0, 0, 0.1);
    --modal-scrollbar-track-border-radius: 0.25rem;
    --modal-scrollbar-thumb-background: rgba(0, 0, 0, 0.5);
    --modal-scrollbar-thumb-border-radius: 0.25rem; */
    --modal-dialog-align-items: center;
    --modal-dialog-justify-content: center;
    --modal-dialog-min-width: 350px;
    --modal-dialog-width: 50vw;
    --modal-dialog-max-height: 80vh;
    --modal-dialog-height: auto;
    --modal-drawer-justify-content: flex-end; /* controls if drawer shows up left or right side */
    --modal-drawer-min-width: 350px;
    --modal-drawer-width: 30vw;
    --modal-drawer-separator-width: 0;
    --modal-drawer-separator-background: transparent;
    --modal-drawer-separator-box-shadow: 0;
}

:root /* amp-single-select */ {
    --single-select-background: var(--input-alt-background);
    --single-select-border-color: var(--input-alt-border-color);
    --single-select-border-color__focus: var(--input-alt-border-color__focus);
    --single-select-border-radius: var(--input-alt-border-radius);
    --single-select-border-style: var(--input-alt-border-style);
    --single-select-border-width: var(--input-alt-border-width);
    --single-select-box-shadow: var(--input-alt-box-shadow);
    --single-select-box-shadow__focus: var(--input-alt-box-shadow__focus);
    --single-select-color: var(--input-alt-color);
    --single-select-height: var(--input-alt-height);
    --single-select-margin: 0.5rem 0;
    --single-select-padding: 0.75rem 1.5rem;

    --single-select-icon__collapse: "expand_less";
    --single-select-icon__expand: "expand_more";
    --single-select-placeholder-color: var(--input-alt-placeholder-color);
}

:root /* amp-note */ {
    --note-background: transparent;
    --note-color: var(--amplify-dark-50);
    --note-font-family: var(--typeface-small-font-family);
    --note-font-size: var(--typeface-small-font-size);
    --note-font-weight: var(--typeface-small-font-weight);
    --note-line-height: var(--typeface-small-line-height);
    --note-margin: 0 0.25rem;
    --note-order: 0;
    --note-padding: 0;
}

:root /* amp-option */ {
    --option-padding: 0.75rem 1.5rem;
    --option-background__active: var(--amplify-light-5);
}

:root /* amp-panel */ {
    --panel-max-width: 1140px;
    --panel-width: 100%;

    --panel-highlighted-border-color: var(--isp-css-accent-color-2);
}

:root /* amp-tabs */ {
    --tabs-flex-direction: row;
    --tabs-flex-wrap: wrap;
    --tabs-padding: 0.5rem 0 0;

    --tabs-header-border-color: #ddd;
    --tabs-header-border-style: solid;
    --tabs-header-border-width: 1px 0 0 1px;

    --tabs-label-background: #eee;
    --tabs-label-background__active: white;
    --tabs-label-border-color: transparent #ddd #ddd;
    --tabs-label-border-color__active: royalblue #ddd #fff;
    --tabs-label-border-radius: 0;
    --tabs-label-border-radius__active: 3px 3px 0 0;
    --tabs-label-border-style: solid;
    --tabs-label-border-width: 1px 1px 1px 0;
    --tabs-label-box-shadow: 0 0 0 0 white;
    --tabs-label-box-shadow__active: 0 -2px 0 0 royalblue;
    --tabs-label-cursor: pointer;
    --tabs-label-display: flex;
    --tabs-label-flex: 1 1 auto;
    --tabs-label-outline: none;
    --tabs-label-outline__focused: 1px dotted black;
    --tabs-label-padding: 1rem 1.5rem;
    --tabs-label-z-index: auto;
    --tabs-label-z-index__active: 1;

    --tabs-content-border-color: #ddd;
    --tabs-content-border-style: solid;
    --tabs-content-border-width: 0 1px 1px;
    --tabs-content-display: none;
    --tabs-content-display__active: flex;
    --tabs-content-outline: none;
    --tabs-content-outline__focused: 1px dotted black;
    --tabs-content-padding: 1rem 1.5rem;
    --tabs-content-z-index__active: 99;

    --tabs-icon-display: none;

    --accordion-border-color: #ddd;
    --accordion-border-style: solid;
    --accordion-border-width: 1px 0 0;
    --accordion-flex-direction: column;
    --accordion-padding: 0;

    --accordion-header-border-color: #ddd;
    --accordion-header-border-style: solid;
    --accordion-header-border-width: 1px 1px 0;

    --accordion-content-border-color: #ddd;
    --accordion-content-border-style: solid;
    --accordion-content-border-width: 0 1px 1px;
    --accordion-content-display: none;
    --accordion-content-display__active: flex;
    --accordion-content-padding: 1rem 1.5rem;

    --accordion-label-align-items: center;
    --accordion-label-background: #eee;
    --accordion-label-background__active: royalblue;
    --accordion-label-color__active: white;
    --accordion-label-border-color: #ddd;
    --accordion-label-border-radius: 0;
    --accordion-label-border-radius__active: 0;
    --accordion-label-border-style: solid;
    --accordion-label-border-width: 0 1px 1px;
    --accordion-label-box-shadow__active: 0 0 0 0 transparent;
    --accordion-label-cursor: pointer;
    --accordion-label-display: flex;
    --accordion-label-flex: 1 1 auto;
    --accordion-label-justify-content: space-between;
    --accordion-label-padding: 0.75rem 1.5rem;

    --accordion-icon-color__active: white;
    --accordion-icon-content: "expand_more";
    --accordion-icon-content__active: "expand_less";
    --accordion-icon-display: flex;
    --accordion-icon-margin: 0 0 0 1rem;
}

:root /* amp-textarea */ {
    --textarea-background: var(--amplify-white);
    --textarea-border-color: var(--amplify-light-30);
    --textarea-border-color__focus: var(--amplify-blue-60);
    --textarea-border-color__invalid: var(--amplify-crimson-60);
    --textarea-border-radius: 0.25rem;
    --textarea-border-style: solid;
    --textarea-border-width: thin;
    --textarea-box-shadow: 0 0 0 0 transparent;
    --textarea-box-shadow__focus: 0 0 0 4px var(--amplify-blue-10);
    --textarea-color: var(--amplify-dark-90);
    --textarea-color__invalid: var(--amplify-crimson-60);
    --textarea-flex: 0 1 auto;
    --textarea-font-family: var(--typeface-regular-font-family);
    --textarea-font-size: var(--typeface-regular-font-size);
    --textarea-font-weight: var(--typeface-regular-font-weight);
    --textarea-line-height: var(--typeface-regular-line-height);
    --textarea-letter-spacing: var(--typeface-regular-letter-spacing);
    --textarea-margin: 0.5rem 0;
    --textarea-min-height: 5rem;
    --textarea-padding: 1rem 1.5rem;
    --textarea-resize: vertical;
    --textarea-transition: box-shadow 0.2s;
    --textarea-width: 100%;

    --textarea-placeholder-color: var(--amplify-dark-50);
}

:root /* Typefaces */ {
    --typeface-title-color: var(--isp-css-headings, var(--amplify-dark-90));
    --typeface-title-font-family: "neue-haas-unica", sans-serif;
    --typeface-title-font-size: 2.625rem;
    --typeface-title-font-weight: 600;
    --typeface-title-letter-spacing: -0.013125rem;
    --typeface-title-line-height: 3.5rem;
    --typeface-title-max-width: 71.25rem;
    --typeface-title-text-align: left;

    --typeface-headline-color: var(--isp-css-headings, var(--amplify-dark-90));
    --typeface-headline-font-family: "neue-haas-unica", sans-serif;
    --typeface-headline-font-size: 2rem;
    --typeface-headline-font-weight: 600;
    --typeface-headline-letter-spacing: -0.008125rem;
    --typeface-headline-line-height: 2.25rem;
    --typeface-headline-max-width: 67.5rem;
    --typeface-headline-text-align: left;

    --typeface-subhead-color: var(--isp-css-headings, var(--amplify-dark-90));
    --typeface-subhead-font-family: "neue-haas-unica", sans-serif;
    --typeface-subhead-font-size: 1.5rem;
    --typeface-subhead-font-weight: 600;
    --typeface-subhead-letter-spacing: -0.005rem;
    --typeface-subhead-line-height: 1.75rem;
    --typeface-subhead-max-width: 51.25rem;
    --typeface-subhead-text-align: left;

    --typeface-large-color: var(--isp-css-body-font-color, var(--amplify-dark-90));
    --typeface-large-font-family: "proxima-nova", sans-serif;
    --typeface-large-font-size: 1.1875rem;
    --typeface-large-font-weight: normal;
    --typeface-large-letter-spacing: -0.003125rem;
    --typeface-large-line-height: 1.5rem;
    --typeface-large-max-width: 40rem;
    --typeface-large-text-align: left;

    --typeface-regular-color: var(--isp-css-body-font-color, var(--amplify-dark-90));
    --typeface-regular-font-family: "proxima-nova", sans-serif;
    --typeface-regular-font-size: 1.0625rem;
    --typeface-regular-font-weight: normal;
    --typeface-regular-letter-spacing: 0;
    --typeface-regular-line-height: 1.375rem;
    --typeface-regular-max-width: 40rem;
    --typeface-regular-text-align: left;

    --typeface-small-color: var(--isp-css-body-font-color, var(--amplify-dark-90));
    --typeface-small-font-family: "proxima-nova", sans-serif;
    --typeface-small-font-size: 0.875rem;
    --typeface-small-font-weight: normal;
    --typeface-small-letter-spacing: 0.008125rem;
    --typeface-small-line-height: 1.125rem;
    --typeface-small-max-width: 40rem;
    --typeface-small-text-align: left;

    --typeface-overline-color: var(--isp-css-headings, var(--amplify-dark-90));
    --typeface-overline-font-family: "proxima-nova", sans-serif;
    --typeface-overline-font-size: 0.75rem;
    --typeface-overline-font-weight: 700;
    --typeface-overline-letter-spacing: 0.013125rem;
    --typeface-overline-line-height: 1rem;
    --typeface-overline-max-width: 40rem;
    --typeface-overline-text-align: left;
    --typeface-overline-text-transform: uppercase;
}

@media (max-width: 48em) {
    :root {
        --component-scale: 1.1rem;
        --datagrid-cell-border-width: 0;
        --datagrid-cell-default-padding: 0.25em;
        --datagrid-cell-display: table-cell;
        --datagrid-display: block;
        --datagrid-row-default-padding: 1em;
        --datagrid-row-display: block;
        --datagrid-row-header-display: none;
    }
    :root {
        --datagrid-before-display: none;
        --datagrid-cell-before-display: inline-block;
        --datagrid-cell-before-min-width: 30%;
        --datagrid-cell-before-padding: 0 1.5em 0 0;
        --datagrid-cell-before-text-align: right;
        --datagrid-row-odd-background: #eee;
    }
    :root {
        --datagrid-cell-text-align: left;
    }
    amp-data-grid:before {
        box-shadow: none !important;
    }
}

:root /* Amplify Colors */ {
    /* Amplify Blue */
    --amplify-blue-0: #f8fcff;
    --amplify-blue-5: #ddf0fe;
    --amplify-blue-10: #c2e4fc;
    --amplify-blue-20: #94ccf8;
    --amplify-blue-30: #72b6f1;
    --amplify-blue-40: #5aa2e8;
    --amplify-blue-50: #488cdb;
    --amplify-blue-60: #3a75ca;
    --amplify-blue-70: #305db5;
    --amplify-blue-80: #26459b;
    --amplify-blue-90: #1e307f;
    --amplify-blue-100: #172061;
    /* Amplify Amber */
    --amplify-amber-0: #fffcf2;
    --amplify-amber-5: #fff6d5;
    --amplify-amber-10: #feefb9;
    --amplify-amber-20: #fcde81;
    --amplify-amber-30: #f7cb4f;
    --amplify-amber-40: #f1b627;
    --amplify-amber-50: #e79d08;
    --amplify-amber-60: #da8600;
    --amplify-amber-70: #ca6f00;
    --amplify-amber-80: #b65700;
    --amplify-amber-90: #a04100;
    --amplify-amber-100: #8a2e00;
    /* Amplify Teal */
    --amplify-teal-0: #faffff;
    --amplify-teal-5: #e7fdfe;
    --amplify-teal-10: #d5fbfc;
    --amplify-teal-20: #aff4f8;
    --amplify-teal-30: #8deaf1;
    --amplify-teal-40: #71dce8;
    --amplify-teal-50: #59cadb;
    --amplify-teal-60: #46b3ca;
    --amplify-teal-70: #3798b5;
    --amplify-teal-80: #2a7a9b;
    --amplify-teal-90: #1f5d7f;
    --amplify-teal-100: #174261;
    /* Amplify Green */
    --amplify-green-0: #f2fff3;
    --amplify-green-5: #d1fed8;
    --amplify-green-10: #b1fcc1;
    --amplify-green-20: #7ef79f;
    --amplify-green-30: #50ef86;
    --amplify-green-40: #29e477;
    --amplify-green-50: #0ad570;
    --amplify-green-60: #08c162;
    --amplify-green-70: #08a756;
    --amplify-green-80: #0a8848;
    --amplify-green-90: #0b6638;
    --amplify-green-100: #0a4226;
    /* Amplify Crimson */
    --amplify-crimson-0: #fff5f5;
    --amplify-crimson-5: #fedddd;
    --amplify-crimson-10: #fcc5c5;
    --amplify-crimson-20: #f89796;
    --amplify-crimson-30: #f16e6d;
    --amplify-crimson-40: #e84d4a;
    --amplify-crimson-50: #db3430;
    --amplify-crimson-60: #ca231d;
    --amplify-crimson-70: #b5180f;
    --amplify-crimson-80: #9b1107;
    --amplify-crimson-90: #7f0d02;
    --amplify-crimson-100: #610a00;
    /* Amplify Light & Dark */
    --amplify-light-0: #fafcff;
    --amplify-light-5: #e8edf2;
    --amplify-light-10: #d7dfe6;
    --amplify-light-20: #b9c4cd;
    --amplify-light-30: #9da9b4;
    --amplify-light-40: #83909b;
    --amplify-dark-50: #6b7782;
    --amplify-dark-60: #545f69;
    --amplify-dark-70: #3f4850;
    --amplify-dark-80: #2a3137;
    --amplify-dark-90: #171a1e;
    --amplify-dark-100: #040405;
    /* Amplify White and Black */
    --amplify-white: #fff;
    --amplify-black: #000;
    --scroll-bar-color: rgba(0, 0, 0, 0.3);
}

:root /* Disabled Items */ {
    --disabled-background: transparent;
    --disabled-hover-background: transparent;
    --disabled-color: var(--amplify-dark-60);
    --disabled-hover-color: var(--amplify-dark-60);
    --disabled-border-color: var(--amplify-dark-60);
    --disabled-hover-border-color: var(--amplify-dark-60);
    --disabled-font-style: default;

    --disabled-button-background: var(--amplify-dark-60);
    --disabled-button-hover-background: var(--amplify-dark-60);
    --disabled-button-color: var(--amplify-white);
    --disabled-button-hover-color: var(--amplify-white);
    --disabled-button-border-color: var(--amplify-dark-60);
    --disabled-button-hover-border-color: var(--amplify-dark-60);
    --disabled-button-font-style: default;

    --disabled-button-secondary-background: transparent;
    --disabled-button-secondary-hover-background: transparent;
    --disabled-button-secondary-color: var(--amplify-dark-60);
    --disabled-button-secondary-hover-color: var(--amplify-dark-60);
    --disabled-button-secondary-border-color: var(--amplify-dark-60);
    --disabled-button-secondary-hover-border-color: var(--amplify-dark-60);
    --disabled-button-secondary-font-style: italic;

    --disabled-card-background: transparent;
    --disabled-card-hover-background: transparent;
    --disabled-card-color: var(--amplify-dark-60);
    --disabled-card-hover-color: var(--amplify-dark-60);
    --disabled-card-border-color: var(--amplify-dark-60);
    --disabled-card-hover-border-color: var(--amplify-dark-60);
    --disabled-card-font-style: default;

    --disabled-charity-result-background: transparent;
    --disabled-charity-result-hover-background: transparent;
    --disabled-charity-result-color: var(--amplify-dark-60);
    --disabled-charity-result-hover-color: var(--amplify-dark-60);
    --disabled-charity-result-border-color: var(--amplify-dark-60);
    --disabled-charity-result-hover-border-color: var(--amplify-dark-60);
    --disabled-charity-result-font-style: italic;
}

[ui-type="dateRange"] {
    --input-display: flex;
    --input-flex-direction: column;
    --input-label-padding: 0.5em 0;
    --input-width: 100%;
}