@layer theme {
    :root,
    :host {
        --abbg-color-primary-10: #fff3ec;
        --abbg-color-primary-20: #ffe3d1;
        --abbg-color-primary-25: #ffab80;
        --abbg-color-primary-30: #ffc7aa;
        --abbg-color-primary-40: #ff7f53;
        --abbg-color-primary-50: #ff6b40;
        --abbg-color-primary-60: #ff4a23;
        --abbg-color-primary-70: #f2411c;
        --abbg-color-primary-80: #dd2c0a;
        --abbg-color-primary-90: #c51400;
        --abbg-color-primary-100: #950000;
        --abbg-color-gray-10: #f5f5f5;
        --abbg-color-gray-20: #efefef;
        --abbg-color-gray-30: #e8e8e8;
        --abbg-color-gray-40: #dfdfdf;
        --abbg-color-gray-50: #b7b7b7;
        --abbg-color-gray-60: #949494;
        --abbg-color-gray-70: #777777;
        --abbg-color-gray-80: #555555;
        --abbg-color-gray-90: #2a2a2a;
        --abbg-color-gray-100: #111111;
        --abbg-color-system-error: #e62d2d;
        --abbg-color-system-success: #3e65c8;
    }
}
[data-abbg] * {
    color: var(--abbg-color-gray-90);
}
.text-display-5 {
    font-size: 60px;
}
.text-display-4 {
    font-size: 40px;
}
.text-display-3 {
    font-size: 32px;
}
.text-display-2 {
    font-size: 24px;
}
.text-display-1 {
    font-size: 20px;
}
.text-heading-2 {
    font-size: 18px;
}
.text-heading-1 {
    font-size: 16px;
}
.text-body-2 {
    font-size: 15px;
}
.text-body-1 {
    font-size: 14px;
}
.text-caption-3 {
    font-size: 13px;
}
.text-caption-2 {
    font-size: 12px;
}
.text-caption-1 {
    font-size: 11px;
}

.line-1 {
    border-top: 1px;
    border-style: solid;
    border-color: var(--abbg-color-gray-30);
}

/* membership_card */
[data-name='wrap-data'] {
    flex-direction: column;
}
[data-name='wrap-data-item'] [data-name='option'] {
    color: var(--abbg-color-gray-70);
}

@media (min-width: 768px) {
    [data-name='wrap-data'] {
        flex-direction: row;
    }
}
/* membership_card */