.hexa-bg-blue-200 { background-color: #EDEFFF; } 
.hexa-bg-blue-400 { background-color: #99AFFF; } 
.hexa-bg-blue-700 { background-color: #3C3EF7; } 
.hexa-bg-blue-800 { background-color: #312ED9; } 
.hexa-text { color: #340F35; }
.hexa-text-blue { color: #312ED9; }

.hexa-block {
    padding: var(--base-12) var(--base-8);
    border-radius: var(--base-12);
    background-color: #F0F0EF;
    color: #340F35;
    font-weight: 450;
    font-size: var(--base-12);
    inline-size: min-content;
    white-space: nowrap;
}

.hexa-block-flow-label {
    background-color: #3C3EF7;
    color: var(--white);
    font-weight: var(--bold);
    border-top-left-radius: 0;
}

.hexa-block-highlight {
    background-color: #EDEFFF;
    color: #3C3EF7;
}

.case-2019-101 {
    background-image: url('/cases/2019-101/images/2019-101-22.png');
    background-repeat: repeat;
    background-size: contain;
    background-position: center top;
    background-color: #F8F9FB;
    border-radius: var(--global-radius);
    border: var(--box-border);
    box-shadow: var(--box-shadow);
}

.bg-hexa-white {
    background-color: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(6px);
}

.border-hexa-gray {
    border: 1px solid #F0F0EF;
}

.hexa-landing-page:hover {
    cursor: all-scroll;
}