body {
    font-family:'Geist Sans',
    system-ui,
    -apple-system,
    'system-ui',
    '.SFNSText-Regular',
    monospace;
    background-color: var(--cds-background);
    color: var(--cds-text-primary);
    font-weight: var(--cds-body-01-font-weight);
}

div,
p,
td,
h1, h2, h3, h4, h5, h6 {
    font-family:'Geist Sans',
    system-ui,
    -apple-system,
    'system-ui',
    '.SFNSText-Regular',
    monospace;
}

a {
    color: var(--cds-link-primary);
    font-weight: normal;
}

a:hover {
    color: var(--cds-link-primary-hover);
    text-decoration: none;
}

.homepage-notices {
    display: none;
}

.content-banner {
    margin-top: 16px;
}

form {margin: 0}

/* TYPOGRAPHY */
h1.title {
    color: var(--cds-text-secondary);
    font-size: var(--cds-heading-03-size, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--cds-heading-03-line-height, 28px);
    letter-spacing: var(--cds-heading-03-letter-spacing, 0);
}
h2.title {
    color: var(--cds-text-secondary);
    font-size: var(--cds-heading-03-size, 16px);
    font-style: normal;
    font-weight: 600;
    line-height: var(--cds-heading-03-line-height, 24px);
    letter-spacing: var(--cds-heading-03-letter-spacing, 0);
    margin: 0
}

h3.title {
    color: var(--cds-text-secondary);
    font-size: var(--cds-heading-03-size, 14px);
    font-style: normal;
    font-weight: 600;
    line-height: var(--cds-heading-03-line-height, 20px);
    letter-spacing: var(--cds-heading-03-letter-spacing, 0.16px);
    margin: 0
}

p {
    font-size: 14px;
}

/* ALERTS */
.alert {
    position: relative;
    color: var(--cds-text-primary);
    border-radius: var(--cds-round-extra-small);
    /* Productive/body-compact-01 */
    font-size: 14px;
    font-weight: var(--cds-body-compact-01-font-weight);
    line-height: var(--cds-body-compact-01-line-height, 18px);
    letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
}

.alert:before {
    content: "";
    position: absolute;
    display: block;
    width: 3px;
    left: 0;
    top: 8px;
    bottom: 8px;
    border-top-right-radius: var(--cds-round-micro);
    border-bottom-right-radius: var(--cds-round-micro);
}

.alert.alert-sucess {
    border: 1px solid var(--cds-support-success);
    background: var(--cds-notification-background-success);
}

.alert.alert-success:before {
    background: var(--cds-support-success);
}

.alert.alert-warning {
    border: 1px solid var(--cds-support-warning);
    background: var(--cds-notification-background-warning);
}

.alert.alert-warning:before {
    background: var(--cds-support-warning);
}

.alert.alert-error,
.alert.alert-danger {
    border: 1px solid var(--cds-support-error);
    background: var(--cds-notification-background-error);
}

.alert.alert-error:before,
.alert.alert-danger:before {
    background: var(--cds-support-error);
}

.alert.alert-info {
    border: 1px solid var(--cds-support-info);
    background: var(--cds-notification-background-info);
}

.alert.alert-info:before {
    background: var(--cds-support-info);
}