.color-blockx {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--color-light-grey);
    position: relative;
}

.color-block--name {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    border: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    white-space: nowrap !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(100%) !important;
}

.color-block--square {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.scheme--default .color-block--square {
    background-color: #003da6;
    background-color: var(--color-gcu-blue);
}

.scheme--pale-blue-gcu .color-block--square {
    background-color: #003da6;
    background-color: var(--color-gcu-blue);
}

.scheme--pale-blue-purple .color-block--square {
    background-color: #3e1e5f;
    background-color: var(--color-purple);
}

.scheme--pale-blue-gcu-contrast .color-block--square {
    background-color: #ffffff;
    background-color: var(--color-white);
}

.scheme--pale-blue-purple-contrast .color-block--square {
    background-color: #ffffff;
    background-color: var(--color-white);
}

.scheme--teal-green-gcu .color-block--square {
    background-color: #003da6;
    background-color: var(--color-gcu-blue);
}

.scheme--teal-green-purple .color-block--square {
    background-color: #3e1e5f;
    background-color: var(--color-purple);
}

.scheme--teal-green-gcu-contrast .color-block--square {
    background-color: #ffffff;
    background-color: var(--color-white);
}

.scheme--teal-green-purple-contrast .color-block--square {
    background-color: #ffffff;
    background-color: var(--color-white);
}

.scheme--yellow-gcu .color-block--square {
    background-color: #003da6;
    background-color: var(--color-gcu-blue);
}

.scheme--yellow-purple .color-block--square {
    background-color: #3e1e5f;
    background-color: var(--color-purple);
}

.scheme--yellow-gcu-contrast .color-block--square {
    background-color: #ffffff;
    background-color: var(--color-white);
}

.scheme--yellow-purple-contrast .color-block--square {
    background-color: #ffffff;
    background-color: var(--color-white);
}

.scheme--pink-gcu .color-block--square {
    background-color: #003da6;
    background-color: var(--color-gcu-blue);
}

.scheme--pink-purple .color-block--square {
    background-color: #3e1e5f;
    background-color: var(--color-purple);
}

.scheme--pink-gcu-contrast .color-block--square {
    background-color: #ffffff;
    background-color: var(--color-white);
}

.scheme--pink-purple-contrast .color-block--square {
    background-color: #ffffff;
    background-color: var(--color-white);
}

.scheme--olive-green-gcu .color-block--square {
    background-color: #003da6;
    background-color: var(--color-gcu-blue);
}

.scheme--olive-green-purple .color-block--square {
    background-color: #3e1e5f;
    background-color: var(--color-purple);
}

.scheme--olive-green-gcu-contrast .color-block--square {
    background-color: #ffffff;
    background-color: var(--color-white);
}

.scheme--olive-green-purple-contrast .color-block--square {
    background-color: #ffffff;
    background-color: var(--color-white);
}

.color-block--square.scheme--default {
    background-color: #003da6;
    background-color: var(--color-gcu-blue);
}

.color-block--square.scheme--pale-blue-gcu {
    background-color: #003da6;
    background-color: var(--color-gcu-blue);
}

.color-block--square.scheme--pale-blue-purple {
    background-color: #3e1e5f;
    background-color: var(--color-purple);
}

.color-block--square.scheme--pale-blue-gcu-contrast {
    background-color: #ffffff;
    background-color: var(--color-white);
}

.color-block--square.scheme--pale-blue-purple-contrast {
    background-color: #ffffff;
    background-color: var(--color-white);
}

.color-block--square.scheme--teal-green-gcu {
    background-color: #003da6;
    background-color: var(--color-gcu-blue);
}

.color-block--square.scheme--teal-green-purple {
    background-color: #3e1e5f;
    background-color: var(--color-purple);
}

.color-block--square.scheme--teal-green-gcu-contrast {
    background-color: #ffffff;
    background-color: var(--color-white);
}

.color-block--square.scheme--teal-green-purple-contrast {
    background-color: #ffffff;
    background-color: var(--color-white);
}

.color-block--square.scheme--yellow-gcu {
    background-color: #003da6;
    background-color: var(--color-gcu-blue);
}

.color-block--square.scheme--yellow-purple {
    background-color: #3e1e5f;
    background-color: var(--color-purple);
}

.color-block--square.scheme--yellow-gcu-contrast {
    background-color: #ffffff;
    background-color: var(--color-white);
}

.color-block--square.scheme--yellow-purple-contrast {
    background-color: #ffffff;
    background-color: var(--color-white);
}

.color-block--square.scheme--pink-gcu {
    background-color: #003da6;
    background-color: var(--color-gcu-blue);
}

.color-block--square.scheme--pink-purple {
    background-color: #3e1e5f;
    background-color: var(--color-purple);
}

.color-block--square.scheme--pink-gcu-contrast {
    background-color: #ffffff;
    background-color: var(--color-white);
}

.color-block--square.scheme--pink-purple-contrast {
    background-color: #ffffff;
    background-color: var(--color-white);
}

.color-block--square.scheme--olive-green-gcu {
    background-color: #003da6;
    background-color: var(--color-gcu-blue);
}

.color-block--square.scheme--olive-green-purple {
    background-color: #3e1e5f;
    background-color: var(--color-purple);
}

.color-block--square.scheme--olive-green-gcu-contrast {
    background-color: #ffffff;
    background-color: var(--color-white);
}

.color-block--square.scheme--olive-green-purple-contrast {
    background-color: #ffffff;
    background-color: var(--color-white);
}

.color-block--circle {
    width: 4rem;
    height: 4rem;
    border-radius: 4rem;
    z-index: 2;
    z-index: var(--z-index-above);
}

.scheme--default .color-block--circle {
    background-color: #a3cfff;
    background-color: var(--color-pale-blue);
}

.scheme--pale-blue-gcu .color-block--circle {
    background-color: #a3cfff;
    background-color: var(--color-pale-blue);
}

.scheme--pale-blue-purple .color-block--circle {
    background-color: #a3cfff;
    background-color: var(--color-pale-blue);
}

.scheme--pale-blue-gcu-contrast .color-block--circle {
    background-color: #a3cfff;
    background-color: var(--color-pale-blue);
}

.scheme--pale-blue-purple-contrast .color-block--circle {
    background-color: #a3cfff;
    background-color: var(--color-pale-blue);
}

.scheme--teal-green-gcu .color-block--circle {
    background-color: #0cbaba;
    background-color: var(--color-teal-green);
}

.scheme--teal-green-purple .color-block--circle {
    background-color: #0cbaba;
    background-color: var(--color-teal-green);
}

.scheme--teal-green-gcu-contrast .color-block--circle {
    background-color: #0cbaba;
    background-color: var(--color-teal-green);
}

.scheme--teal-green-purple-contrast .color-block--circle {
    background-color: #0cbaba;
    background-color: var(--color-teal-green);
}

.scheme--yellow-gcu .color-block--circle {
    background-color: #fbe54e;
    background-color: var(--color-yellow);
}

.scheme--yellow-purple .color-block--circle {
    background-color: #fbe54e;
    background-color: var(--color-yellow);
}

.scheme--yellow-gcu-contrast .color-block--circle {
    background-color: #fbe54e;
    background-color: var(--color-yellow);
}

.scheme--yellow-purple-contrast .color-block--circle {
    background-color: #fbe54e;
    background-color: var(--color-yellow);
}

.scheme--pink-gcu .color-block--circle {
    background-color: #eb386b;
    background-color: var(--color-pink);
}

.scheme--pink-purple .color-block--circle {
    background-color: #eb386b;
    background-color: var(--color-pink);
}

.scheme--pink-gcu-contrast .color-block--circle {
    background-color: #eb386b;
    background-color: var(--color-pink);
}

.scheme--pink-purple-contrast .color-block--circle {
    background-color: #eb386b;
    background-color: var(--color-pink);
}

.scheme--olive-green-gcu .color-block--circle {
    background-color: #b9be2f;
    background-color: var(--color-olive-green);
}

.scheme--olive-green-purple .color-block--circle {
    background-color: #b9be2f;
    background-color: var(--color-olive-green);
}

.scheme--olive-green-gcu-contrast .color-block--circle {
    background-color: #b9be2f;
    background-color: var(--color-olive-green);
}

.scheme--olive-green-purple-contrast .color-block--circle {
    background-color: #b9be2f;
    background-color: var(--color-olive-green);
}

.color-block--circle.scheme--default {
    background-color: #a3cfff;
    background-color: var(--color-pale-blue);
}

.color-block--circle.scheme--pale-blue-gcu {
    background-color: #a3cfff;
    background-color: var(--color-pale-blue);
}

.color-block--circle.scheme--pale-blue-purple {
    background-color: #a3cfff;
    background-color: var(--color-pale-blue);
}

.color-block--circle.scheme--pale-blue-gcu-contrast {
    background-color: #a3cfff;
    background-color: var(--color-pale-blue);
}

.color-block--circle.scheme--pale-blue-purple-contrast {
    background-color: #a3cfff;
    background-color: var(--color-pale-blue);
}

.color-block--circle.scheme--teal-green-gcu {
    background-color: #0cbaba;
    background-color: var(--color-teal-green);
}

.color-block--circle.scheme--teal-green-purple {
    background-color: #0cbaba;
    background-color: var(--color-teal-green);
}

.color-block--circle.scheme--teal-green-gcu-contrast {
    background-color: #0cbaba;
    background-color: var(--color-teal-green);
}

.color-block--circle.scheme--teal-green-purple-contrast {
    background-color: #0cbaba;
    background-color: var(--color-teal-green);
}

.color-block--circle.scheme--yellow-gcu {
    background-color: #fbe54e;
    background-color: var(--color-yellow);
}

.color-block--circle.scheme--yellow-purple {
    background-color: #fbe54e;
    background-color: var(--color-yellow);
}

.color-block--circle.scheme--yellow-gcu-contrast {
    background-color: #fbe54e;
    background-color: var(--color-yellow);
}

.color-block--circle.scheme--yellow-purple-contrast {
    background-color: #fbe54e;
    background-color: var(--color-yellow);
}

.color-block--circle.scheme--pink-gcu {
    background-color: #eb386b;
    background-color: var(--color-pink);
}

.color-block--circle.scheme--pink-purple {
    background-color: #eb386b;
    background-color: var(--color-pink);
}

.color-block--circle.scheme--pink-gcu-contrast {
    background-color: #eb386b;
    background-color: var(--color-pink);
}

.color-block--circle.scheme--pink-purple-contrast {
    background-color: #eb386b;
    background-color: var(--color-pink);
}

.color-block--circle.scheme--olive-green-gcu {
    background-color: #b9be2f;
    background-color: var(--color-olive-green);
}

.color-block--circle.scheme--olive-green-purple {
    background-color: #b9be2f;
    background-color: var(--color-olive-green);
}

.color-block--circle.scheme--olive-green-gcu-contrast {
    background-color: #b9be2f;
    background-color: var(--color-olive-green);
}

.color-block--circle.scheme--olive-green-purple-contrast {
    background-color: #b9be2f;
    background-color: var(--color-olive-green);
}