/* Primary base */
.theme-primary-base {
    background-color: var(--wp--preset--color--primary-base);
    color: var(--wp--preset--color--primary-on-base);
    scrollbar-width: thin;
    scrollbar-color: var(--wp--preset--color--primary-base) var(--wp--preset--color--primary-on-base);
}

.theme-primary-base a {
    color: var(--wp--preset--color--primary-link-on-base);
}

.theme-primary-base a:hover {
    color: var(--wp--preset--color--primary-link-hover-on-base);
}

/* Primary container */
.theme-primary-container {
    background-color: var(--wp--preset--color--primary-container);
    color: var(--wp--preset--color--primary-on-container);
}

.theme-primary-container a {
    color: var(--wp--preset--color--primary-link-on-base);
}

.theme-primary-container a:hover {
    color: var(--wp--preset--color--primary-link-hover-on-base);
}

/* Primary fixed */
.theme-primary-fixed {
    background-color: var(--wp--preset--color--primary-fixed);
    color: var(--wp--preset--color--primary-on-fixed);
}

.theme-primary-fixed a {
    color: var(--wp--preset--color--primary-link-on-fixed);
}

.theme-primary-fixed a:hover {
    color: var(--wp--preset--color--primary-link-hover-on-fixed);
}

/* Primary fixed dim */
.theme-primary-fixed-dim {
    background-color: var(--wp--preset--color--primary-fixed-dim);
    color: var(--wp--preset--color--primary-on-fixed-dim);
}

.theme-primary-fixed-dim a {
    color: var(--wp--preset--color--primary-link-on-fixed-dim);
}

.theme-primary-fixed-dim a:hover {
    color: var(--wp--preset--color--primary-link-hover-on-fixed-dim);
}

/* Primary inverse */
.theme-primary-inverse {
    background-color: var(--wp--preset--color--primary-inverse);
    color: var(--wp--preset--color--primary-on-inverse);
}

.theme-primary-inverse a {
    color: var(--wp--preset--color--primary-link-on-inverse);
}

.theme-primary-inverse a:hover {
    color: var(--wp--preset--color--primary-link-hover-on-inverse);
}


/* Secondary base */
.theme-secondary-base {
    background-color: var(--wp--preset--color--secondary-base);
    color: var(--wp--preset--color--secondary-on-base);
    scrollbar-width: thin;
    scrollbar-color: var(--wp--preset--color--secondary-base) var(--wp--preset--color--secondary-on-base);
}

.theme-secondary-base a {
    color: var(--wp--preset--color--secondary-link-on-base);
}

.theme-secondary-base a:hover {
    color: var(--wp--preset--color--secondary-link-hover-on-base);
}

/* Secondary container */
.theme-secondary-container {
    background-color: var(--wp--preset--color--secondary-container);
    color: var(--wp--preset--color--secondary-on-container);
}

.theme-secondary-container a {
    color: var(--wp--preset--color--secondary-link-on-base);
}

.theme-secondary-container a:hover {
    color: var(--wp--preset--color--secondary-link-hover-on-base);
}

/* Secondary fixed */
.theme-secondary-fixed {
    background-color: var(--wp--preset--color--secondary-fixed);
    color: var(--wp--preset--color--secondary-on-fixed);
}

.theme-secondary-fixed a {
    color: var(--wp--preset--color--secondary-link-on-fixed);
}

.theme-secondary-fixed a:hover {
    color: var(--wp--preset--color--secondary-link-hover-on-fixed);
}

/* Secondary fixed dim */
.theme-secondary-fixed-dim {
    background-color: var(--wp--preset--color--secondary-fixed-dim);
    color: var(--wp--preset--color--secondary-on-fixed-dim);
}

.theme-secondary-fixed-dim a {
    color: var(--wp--preset--color--secondary-link-on-fixed-dim);
}

.theme-secondary-fixed-dim a:hover {
    color: var(--wp--preset--color--secondary-link-hover-on-fixed-dim);
}

/* Secondary inverse */
.theme-secondary-inverse {
    background-color: var(--wp--preset--color--secondary-inverse);
    color: var(--wp--preset--color--secondary-on-inverse);
}

.theme-secondary-inverse a {
    color: var(--wp--preset--color--secondary-link-on-inverse);
}

.theme-secondary-inverse a:hover {
    color: var(--wp--preset--color--secondary-link-hover-on-inverse);
}


/* Tertiary base */
.theme-tertiary-base {
    background-color: var(--wp--preset--color--tertiary-base);
    color: var(--wp--preset--color--tertiary-on-base);
    scrollbar-width: thin;
    scrollbar-color: var(--wp--preset--color--tertiary-base) var(--wp--preset--color--tertiary-on-base);
}

.theme-tertiary-base a {
    color: var(--wp--preset--color--tertiary-link-on-base);
}

.theme-tertiary-base a:hover {
    color: var(--wp--preset--color--tertiary-link-hover-on-base);
}

/* Tertiary container */
.theme-tertiary-container {
    background-color: var(--wp--preset--color--tertiary-container);
    color: var(--wp--preset--color--tertiary-on-container);
}

.theme-tertiary-container a {
    color: var(--wp--preset--color--tertiary-link-on-base);
}

.theme-tertiary-container a:hover {
    color: var(--wp--preset--color--tertiary-link-hover-on-base);
}

/* Tertiary fixed */
.theme-tertiary-fixed {
    background-color: var(--wp--preset--color--tertiary-fixed);
    color: var(--wp--preset--color--tertiary-on-fixed);
}

.theme-tertiary-fixed a {
    color: var(--wp--preset--color--tertiary-link-on-fixed);
}

.theme-tertiary-fixed a:hover {
    color: var(--wp--preset--color--tertiary-link-hover-on-fixed);
}

/* Tertiary fixed dim */
.theme-tertiary-fixed-dim {
    background-color: var(--wp--preset--color--tertiary-fixed-dim);
    color: var(--wp--preset--color--tertiary-on-fixed-dim);
}

.theme-tertiary-fixed-dim a {
    color: var(--wp--preset--color--tertiary-link-on-fixed-dim);
}

.theme-tertiary-fixed-dim a:hover {
    color: var(--wp--preset--color--tertiary-link-hover-on-fixed-dim);
}

/* Tertiary inverse */
.theme-tertiary-inverse {
    background-color: var(--wp--preset--color--tertiary-inverse);
    color: var(--wp--preset--color--tertiary-on-inverse);
}

.theme-tertiary-inverse a {
    color: var(--wp--preset--color--tertiary-link-on-inverse);
}

.theme-tertiary-inverse a:hover {
    color: var(--wp--preset--color--tertiary-link-hover-on-inverse);
}


/* Error base */
.theme-error-base {
    background-color: var(--wp--preset--color--error-base);
    color: var(--wp--preset--color--error-on-base);
    scrollbar-width: thin;
    scrollbar-color: var(--wp--preset--color--error-base) var(--wp--preset--color--error-on-base);
}

.theme-error-base a {
    color: var(--wp--preset--color--error-link-on-base);
}

.theme-error-base a:hover {
    color: var(--wp--preset--color--error-link-hover-on-base);
}

/* Error container */
.theme-error-container {
    background-color: var(--wp--preset--color--error-container);
    color: var(--wp--preset--color--error-on-container);
}

.theme-error-container a {
    color: var(--wp--preset--color--error-link-on-base);
}

.theme-error-container a:hover {
    color: var(--wp--preset--color--error-link-hover-on-base);
}

/* Error fixed */
.theme-error-fixed {
    background-color: var(--wp--preset--color--error-fixed);
    color: var(--wp--preset--color--error-on-fixed);
}

.theme-error-fixed a {
    color: var(--wp--preset--color--error-link-on-fixed);
}

.theme-error-fixed a:hover {
    color: var(--wp--preset--color--error-link-hover-on-fixed);
}

/* Error fixed dim */
.theme-error-fixed-dim {
    background-color: var(--wp--preset--color--error-fixed-dim);
    color: var(--wp--preset--color--error-on-fixed-dim);
}

.theme-error-fixed-dim a {
    color: var(--wp--preset--color--error-link-on-fixed-dim);
}

.theme-error-fixed-dim a:hover {
    color: var(--wp--preset--color--error-link-hover-on-fixed-dim);
}

/* Error inverse */
.theme-error-inverse {
    background-color: var(--wp--preset--color--error-inverse);
    color: var(--wp--preset--color--error-on-inverse);
}

.theme-error-inverse a {
    color: var(--wp--preset--color--error-link-on-inverse);
}

.theme-error-inverse a:hover {
    color: var(--wp--preset--color--error-link-hover-on-inverse);
}


/* Info base */
.theme-info-base {
    background-color: var(--wp--preset--color--info-base);
    color: var(--wp--preset--color--info-on-base);
    scrollbar-width: thin;
    scrollbar-color: var(--wp--preset--color--info-base) var(--wp--preset--color--info-on-base);
}

.theme-info-base a {
    color: var(--wp--preset--color--info-link-on-base);
}

.theme-info-base a:hover {
    color: var(--wp--preset--color--info-link-hover-on-base);
}

/* Info container */
.theme-info-container {
    background-color: var(--wp--preset--color--info-container);
    color: var(--wp--preset--color--info-on-container);
}

.theme-info-container a {
    color: var(--wp--preset--color--info-link-on-base);
}

.theme-info-container a:hover {
    color: var(--wp--preset--color--info-link-hover-on-base);
}

/* Info fixed */
.theme-info-fixed {
    background-color: var(--wp--preset--color--info-fixed);
    color: var(--wp--preset--color--info-on-fixed);
}

.theme-info-fixed a {
    color: var(--wp--preset--color--info-link-on-fixed);
}

.theme-info-fixed a:hover {
    color: var(--wp--preset--color--info-link-hover-on-fixed);
}

/* Info fixed dim */
.theme-info-fixed-dim {
    background-color: var(--wp--preset--color--info-fixed-dim);
    color: var(--wp--preset--color--info-on-fixed-dim);
}

.theme-info-fixed-dim a {
    color: var(--wp--preset--color--info-link-on-fixed-dim);
}

.theme-info-fixed-dim a:hover {
    color: var(--wp--preset--color--info-link-hover-on-fixed-dim);
}

/* Info inverse */
.theme-info-inverse {
    background-color: var(--wp--preset--color--info-inverse);
    color: var(--wp--preset--color--info-on-inverse);
}

.theme-info-inverse a {
    color: var(--wp--preset--color--info-link-on-inverse);
}

.theme-info-inverse a:hover {
    color: var(--wp--preset--color--info-link-hover-on-inverse);
}


/* Warning base */
.theme-warning-base {
    background-color: var(--wp--preset--color--warning-base);
    color: var(--wp--preset--color--warning-on-base);
    scrollbar-width: thin;
    scrollbar-color: var(--wp--preset--color--warning-base) var(--wp--preset--color--warning-on-base);
}

.theme-warning-base a {
    color: var(--wp--preset--color--warning-link-on-base);
}

.theme-warning-base a:hover {
    color: var(--wp--preset--color--warning-link-hover-on-base);
}

/* Warning container */
.theme-warning-container {
    background-color: var(--wp--preset--color--warning-container);
    color: var(--wp--preset--color--warning-on-container);
}

.theme-warning-container a {
    color: var(--wp--preset--color--warning-link-on-base);
}

.theme-warning-container a:hover {
    color: var(--wp--preset--color--warning-link-hover-on-base);
}

/* Warning fixed */
.theme-warning-fixed {
    background-color: var(--wp--preset--color--warning-fixed);
    color: var(--wp--preset--color--warning-on-fixed);
}

.theme-warning-fixed a {
    color: var(--wp--preset--color--warning-link-on-fixed);
}

.theme-warning-fixed a:hover {
    color: var(--wp--preset--color--warning-link-hover-on-fixed);
}

/* Warning fixed dim */
.theme-warning-fixed-dim {
    background-color: var(--wp--preset--color--warning-fixed-dim);
    color: var(--wp--preset--color--warning-on-fixed-dim);
}

.theme-warning-fixed-dim a {
    color: var(--wp--preset--color--warning-link-on-fixed-dim);
}

.theme-warning-fixed-dim a:hover {
    color: var(--wp--preset--color--warning-link-hover-on-fixed-dim);
}

/* Warning inverse */
.theme-warning-inverse {
    background-color: var(--wp--preset--color--warning-inverse);
    color: var(--wp--preset--color--warning-on-inverse);
}

.theme-warning-inverse a {
    color: var(--wp--preset--color--warning-link-on-inverse);
}

.theme-warning-inverse a:hover {
    color: var(--wp--preset--color--warning-link-hover-on-inverse);
}


/* Success base */
.theme-success-base {
    background-color: var(--wp--preset--color--success-base);
    color: var(--wp--preset--color--success-on-base);
    scrollbar-width: thin;
    scrollbar-color: var(--wp--preset--color--success-base) var(--wp--preset--color--success-on-base);
}

.theme-success-base a {
    color: var(--wp--preset--color--success-link-on-base);
}

.theme-success-base a:hover {
    color: var(--wp--preset--color--success-link-hover-on-base);
}

/* Success container */
.theme-success-container {
    background-color: var(--wp--preset--color--success-container);
    color: var(--wp--preset--color--success-on-container);
}

.theme-success-container a {
    color: var(--wp--preset--color--success-link-on-base);
}

.theme-success-container a:hover {
    color: var(--wp--preset--color--success-link-hover-on-base);
}

/* Success fixed */
.theme-success-fixed {
    background-color: var(--wp--preset--color--success-fixed);
    color: var(--wp--preset--color--success-on-fixed);
}

.theme-success-fixed a {
    color: var(--wp--preset--color--success-link-on-fixed);
}

.theme-success-fixed a:hover {
    color: var(--wp--preset--color--success-link-hover-on-fixed);
}

/* Success fixed dim */
.theme-success-fixed-dim {
    background-color: var(--wp--preset--color--success-fixed-dim);
    color: var(--wp--preset--color--success-on-fixed-dim);
}

.theme-success-fixed-dim a {
    color: var(--wp--preset--color--success-link-on-fixed-dim);
}

.theme-success-fixed-dim a:hover {
    color: var(--wp--preset--color--success-link-hover-on-fixed-dim);
}

/* Success inverse */
.theme-success-inverse {
    background-color: var(--wp--preset--color--success-inverse);
    color: var(--wp--preset--color--success-on-inverse);
}

.theme-success-inverse a {
    color: var(--wp--preset--color--success-link-on-inverse);
}

.theme-success-inverse a:hover {
    color: var(--wp--preset--color--success-link-hover-on-inverse);
}

/* Surface dim */
.theme-surface-surface-dim {
    background-color: var(--wp--preset--color--surface-surface-dim);
    color: var(--wp--preset--color--surface-on-surface-dim);
}

.theme-surface-surface-dim a {
    color: var(--wp--preset--color--surface-link-on-surface-dim);
}

.theme-surface-surface-dim a:hover {
    color: var(--wp--preset--color--surface-link-hover-on-surface-dim);
}

/* Surface */

.theme-surface-surface {
    background-color: var(--wp--preset--color--surface-surface);
    color: var(--wp--preset--color--surface-on-surface);
}

.theme-surface-surface a {
    color: var(--wp--preset--color--surface-link-on-surface);
}

.theme-surface-surface a:hover {
    color: var(--wp--preset--color--surface-link-hover-on-surface);
}

/* Surface bright */

.theme-surface-surface-bright {
    background-color: var(--wp--preset--color--surface-surface-bright);
    color: var(--wp--preset--color--surface-on-surface-bright);
}

.theme-surface-surface-bright a {
    color: var(--wp--preset--color--surface-link-on-surface-bright);
}

.theme-surface-surface-bright a:hover {
    color: var(--wp--preset--color--surface-link-hover-on-surface-bright);
}

/* Surface inverse */
.theme-surface-surface-inverse {
    background-color: var(--wp--preset--color--surface-surface-inverse);
    color: var(--wp--preset--color--surface-on-surface-inverse);
}

.theme-surface-surface-inverse a {
    color: var(--wp--preset--color--surface-link-on-surface-inverse);
}

.theme-surface-surface-inverse a:hover {
    color: var(--wp--preset--color--surface-link-hover-on-surface-inverse);
}

/* Surface container lowest */

.theme-surface-surface-container-lowest {
    background-color: var(--wp--preset--color--surface-surface-container-lowest);
    color: var(--wp--preset--color--surface-on-surface-container-lowest);
}

.theme-surface-surface-container-lowest a {
    color: var(--wp--preset--color--surface-link-on-surface-container-lowest);
}

.theme-surface-surface-container-lowest a:hover {
    color: var(--wp--preset--color--surface-link-hover-on-surface-container-lowest);
}

/* Surface container low */

.theme-surface-surface-container-low {
    background-color: var(--wp--preset--color--surface-surface-container-low);
    color: var(--wp--preset--color--surface-on-surface-container-low);
}

.theme-surface-surface-container-low a {
    color: var(--wp--preset--color--surface-link-on-surface-container-low);
}

.theme-surface-surface-container-low a:hover {
    color: var(--wp--preset--color--surface-link-hover-on-surface-container-low);
}

/* Surface container */

.theme-surface-surface-container {
    background-color: var(--wp--preset--color--surface-surface-container);
    color: var(--wp--preset--color--surface-on-surface-container);
}

.theme-surface-surface-container a {
    color: var(--wp--preset--color--surface-link-on-surface-container);
}

.theme-surface-surface-container a:hover {
    color: var(--wp--preset--color--surface-link-hover-on-surface-container);
}

/* Surface container high */
.theme-surface-surface-container-high {
    background-color: var(--wp--preset--color--surface-surface-container-high);
    color: var(--wp--preset--color--surface-on-surface-container-high);
}

.theme-surface-surface-container-high a {
    color: var(--wp--preset--color--surface-link-on-surface-container-high);
}

.theme-surface-surface-container-high a:hover {
    color: var(--wp--preset--color--surface-link-hover-on-surface-container-high);
}

/* Surface container highest */

.theme-surface-surface-container-highest {
    background-color: var(--wp--preset--color--surface-surface-container-highest);
    color: var(--wp--preset--color--surface-on-surface-container-highest);
}

.theme-surface-surface-container-highest a {
    color: var(--wp--preset--color--surface-link-on-surface-container-highest);
}

.theme-surface-surface-container-highest a:hover {
    color: var(--wp--preset--color--surface-link-hover-on-surface-container-highest);
}

/* Outline */

.theme-surface-outline {
    border: 1px solid var(--wp--preset--color--surface-outline);
}

.theme-surface-outline-variant {
    border: 1px solid var(--wp--preset--color--surface-outline-variant);
}

/* Typography */

body,
body p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
}

.text-display-l {
    font-size: clamp(45px, 3.8vw, 73px) !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: clamp(52px, 4.6vw, 88px) !important;
    letter-spacing: -0.25px !important;
}

.text-display-m {
    font-size: clamp(36px, 3vw, 58px) !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: clamp(48px, 3.3vw, 64px) !important;
    letter-spacing: 0 !important;
}

.text-display-s {
    font-size: clamp(28px, 2.3vw, 45px) !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: clamp(32px, 2.9vw, 56px) !important;
    letter-spacing: 0 !important;
}

.text-headline-l {
    font-size: clamp(25px, 1.7vw, 32px) !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: clamp(32px, 2.1vw, 40px) !important;
    letter-spacing: 0 !important;
}

.text-headline-m {
    font-size: clamp(22px, 1.5vw, 28px) !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: clamp(28px, 1.9vw, 36px) !important;
    letter-spacing: 0 !important;
}

.text-headline-s {
    font-size: clamp(18px, 1.2vw, 24px) !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: clamp(24px, 1.6vw, 32px) !important;
    letter-spacing: 0 !important;
}

.text-title-l {
    font-size: clamp(20px, 1.1vw, 22px) !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: clamp(24px, 1.5vw, 28px) !important;
    letter-spacing: 0 !important;
}

.text-title-m {
    font-size: clamp(18px, 1vw, 20px) !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 24px !important;
    letter-spacing: 0.15px !important;
}

.text-title-s {
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: clamp(20px, 1.3vw, 24px) !important;
    letter-spacing: 0.1px !important;
}

.text-body-l {
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    letter-spacing: 0.5px !important;
}

.text-body-m {
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 20px !important;
    letter-spacing: 0.25px !important;
}

.text-body-s {
    font-size: 12px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 16px !important;
    letter-spacing: 0.4px !important;
}

.text-label-l {
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 20px !important;
    letter-spacing: 0.1px !important;
}

.text-label-m {
    font-size: 12px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 16px !important;
    letter-spacing: 0.5px !important;
}

.text-label-s {
    font-size: 11px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 16px !important;
    letter-spacing: 0.5px !important;
}