:root {
    --brand-1: 232, 243, 255;
    --brand-2: 190, 218, 255;
    --brand-3: 148, 191, 255;
    --brand-4: 106, 161, 255;
    --brand-5: 64, 128, 255;
    --brand-6: 14, 89, 240;
    --brand-7: 14, 66, 210;
    --brand-8: 7, 44, 166;
    --brand-9: 30, 43, 94;
    --brand-10: 25, 29, 49;
    --brand-light-1: rgba(var(--brand-1), 1);
    --brand-light-2: rgba(var(--brand-2), 1);
    --brand-light-3: rgba(var(--brand-3), 1);
    --brand-light-4: rgba(var(--brand-4), 1);
    --success-1: 232, 255, 234;
    --success-2: 175, 240, 181;
    --success-3: 123, 225, 136;
    --success-4: 76, 210, 99;
    --success-5: 35, 195, 67;
    --success-6: 0, 180, 42;
    --success-7: 0, 154, 41;
    --success-8: 0, 128, 38;
    --success-9: 0, 102, 34;
    --success-10: 0, 77, 28;
    --success-light-1: rgba(var(--success-1), 1);
    --success-light-2: rgba(var(--success-2), 1);
    --success-light-3: rgba(var(--success-3), 1);
    --success-light-4: rgba(var(--success-4), 1);
    --warning-1: 255, 247, 232;
    --warning-2: 255, 228, 186;
    --warning-3: 255, 207, 139;
    --warning-4: 255, 182, 93;
    --warning-5: 255, 154, 46;
    --warning-6: 255, 125, 0;
    --warning-7: 210, 95, 0;
    --warning-8: 166, 69, 0;
    --warning-9: 121, 46, 0;
    --warning-10: 77, 27, 0;
    --warning-light-1: rgba(var(--warning-1), 1);
    --warning-light-2: rgba(var(--warning-2), 1);
    --warning-light-3: rgba(var(--warning-3), 1);
    --warning-light-4: rgba(var(--warning-4), 1);
    --error-1: 255, 236, 232;
    --error-2: 253, 205, 197;
    --error-3: 251, 172, 163;
    --error-4: 249, 137, 129;
    --error-5: 247, 101, 96;
    --error-6: 245, 63, 63;
    --error-7: 203, 39, 45;
    --error-8: 161, 21, 30;
    --error-9: 119, 8, 19;
    --error-10: 77, 0, 10;
    --error-light-1: rgba(var(--error-1), 1);
    --error-light-2: rgba(var(--error-2), 1);
    --error-light-3: rgba(var(--error-3), 1);
    --error-light-4: rgba(var(--error-4), 1);
    --dark-1: 166, 166, 166;
    --dark-2: 139, 139, 139;
    --dark-3: 119, 119, 119;
    --dark-4: 94, 94, 94;
    --dark-5: 75, 75, 75;
    --dark-6: 56, 56, 56;
    --dark-7: 44, 44, 44;
    --dark-8: 36, 36, 36;
    --dark-9: 24, 24, 24;
    --dark-10: 12, 12, 12;
    --dark-light-1: rgba(var(--dark-1), 1);
    --dark-light-2: rgba(var(--dark-2), 1);
    --dark-light-3: rgba(var(--dark-3), 1);
    --dark-light-4: rgba(var(--dark-4), 1);
    --gray-1: 247, 248, 250;
    --gray-2: 242, 243, 245;
    --gray-3: 229, 230, 235;
    --gray-4: 201, 205, 212;
    --gray-5: 169, 174, 184;
    --gray-6: 134, 144, 156;
    --gray-7: 107, 119, 133;
    --gray-8: 78, 89, 105;
    --gray-9: 39, 46, 59;
    --gray-10: 29, 33, 41;
    --gray-light-1: rgba(var(--gray-1), 1);
    --gray-light-2: rgba(var(--gray-2), 1);
    --gray-light-3: rgba(var(--gray-3), 1);
    --gray-light-4: rgba(var(--gray-4), 1);
    --text-1: rgba(var(--gray-10), 1);
    --text-2: rgba(var(--gray-8), 1);
    --text-3: rgba(var(--gray-6), 1);
    --text-4: rgba(var(--gray-4), 1);
    --fill-1: rgba(var(--gray-1), 1);
    --fill-2: rgba(var(--gray-2), 1);
    --fill-3: rgba(var(--gray-3), 1);
    --fill-4: rgba(var(--gray-4), 1);
    --fill-5: rgba(var(--gray-8), 1);
    --default-1: rgba(var(--gray-1), 1);
    --default-2: rgba(var(--gray-2), 1);
    --default-3: rgba(var(--gray-3), 1);
    --default-4: rgba(var(--gray-4), 1);
    --c-white: #fff;
    --c-black: #000;
    --c-border-1: rgba(var(--gray-2), 1);
    --c-border-2: rgba(var(--gray-3), 1);
    --c-border-3: rgba(var(--gray-4), 1);
    --c-border-4: rgba(var(--gray-6), 1);
    --c-split: rgba(255, 255, 255, 0.2);
    --c-split-1: rgba(0, 0, 0, 0.1);
    --c-split-2: rgba(0, 0, 0, 0.1);
    --c-bg-popup: var(--c-bg-5);
    --c-bg-1: #fff;
    --c-bg-2: #fff;
    --c-bg-3: #fff;
    --c-bg-4: #fff;
    --c-bg-5: #fff;
    --c-bg-6: #f3f3f3;
    --c-bg-white: #fff;
    --c-bg-mask: rgba(0, 0, 0, 0.6);
    --c-mask: rgba(var(--gray-10), 0.6);
    --c-spin-mask: rgba(255, 255, 255, 0.86);
    --c-menu-light-bg: #fff;
    --c-menu-dark-bg: #232324;
    --c-menu-dark-hover: rgba(255, 255, 255, 0.08)
}

html.dark-theme {
    --brand-1: 25, 29, 49;
    --brand-2: 30, 43, 94;
    --brand-3: 7, 44, 166;
    --brand-4: 14, 66, 210;
    --brand-5: 22, 93, 255;
    --brand-6: 51, 121, 243;
    --brand-7: 106, 161, 255;
    --brand-8: 148, 191, 255;
    --brand-9: 190, 218, 255;
    --brand-10: 232, 243, 255;
    --brand-light-1: rgba(var(--brand-6), 0.2);
    --brand-light-2: rgba(var(--brand-6), 0.35);
    --brand-light-3: rgba(var(--brand-6), 0.5);
    --brand-light-4: rgba(var(--brand-6), 0.65);
    --success-1: 0, 77, 28;
    --success-2: 4, 102, 37;
    --success-3: 10, 128, 45;
    --success-4: 18, 154, 55;
    --success-5: 29, 180, 64;
    --success-6: 39, 195, 70;
    --success-7: 80, 210, 102;
    --success-8: 126, 225, 139;
    --success-9: 178, 240, 183;
    --success-10: 235, 255, 236;
    --success-light-1: rgba(var(--success-6), 0.2);
    --success-light-2: rgba(var(--success-6), 0.35);
    --success-light-3: rgba(var(--success-6), 0.5);
    --success-light-4: rgba(var(--success-6), 0.65);
    --warning-1: 77, 27, 0;
    --warning-2: 121, 48, 4;
    --warning-3: 166, 75, 10;
    --warning-4: 210, 105, 19;
    --warning-5: 255, 141, 31;
    --warning-6: 255, 150, 38;
    --warning-7: 255, 179, 87;
    --warning-8: 255, 205, 135;
    --warning-9: 255, 227, 184;
    --warning-10: 255, 247, 232;
    --warning-light-1: rgba(var(--warning-6), 0.2);
    --warning-light-2: rgba(var(--warning-6), 0.35);
    --warning-light-3: rgba(var(--warning-6), 0.5);
    --warning-light-4: rgba(var(--warning-6), 0.65);
    --error-1: 77, 0, 10;
    --error-2: 119, 6, 17;
    --error-3: 161, 22, 31;
    --error-4: 203, 46, 52;
    --error-5: 245, 78, 78;
    --error-6: 247, 105, 101;
    --error-7: 249, 141, 134;
    --error-8: 251, 176, 167;
    --error-9: 253, 209, 202;
    --error-10: 255, 240, 236;
    --error-light-1: rgba(var(--error-6), 0.2);
    --error-light-2: rgba(var(--error-6), 0.35);
    --error-light-3: rgba(var(--error-6), 0.5);
    --error-light-4: rgba(var(--error-6), 0.65);
    --dark-1: 0, 0, 0;
    --dark-2: 12, 12, 12;
    --dark-3: 24, 24, 24;
    --dark-4: 38, 38, 38;
    --dark-5: 52, 52, 52;
    --dark-6: 68, 68, 68;
    --dark-7: 81, 81, 81;
    --dark-8: 95, 95, 95;
    --dark-9: 107, 107, 107;
    --dark-10: 119, 119, 119;
    --dark-light-1: rgba(var(--dark-6), 0.2);
    --dark-light-2: rgba(var(--dark-6), 0.35);
    --dark-light-3: rgba(var(--dark-6), 0.5);
    --dark-light-4: rgba(var(--dark-6), 0.65);
    --gray-1: 23, 23, 26;
    --gray-2: 46, 46, 48;
    --gray-3: 72, 72, 73;
    --gray-4: 95, 95, 96;
    --gray-5: 120, 120, 122;
    --gray-6: 146, 146, 147;
    --gray-7: 171, 171, 172;
    --gray-8: 197, 197, 197;
    --gray-9: 223, 223, 223;
    --gray-10: 246, 246, 246;
    --gray-light-1: rgba(var(--gray-6), 0.2);
    --gray-light-2: rgba(var(--gray-6), 0.35);
    --gray-light-3: rgba(var(--gray-6), 0.5);
    --gray-light-4: rgba(var(--gray-6), 0.65);
    --text-1: rgba(255, 255, 255, 0.9);
    --text-2: rgba(255, 255, 255, 0.7);
    --text-3: rgba(255, 255, 255, 0.5);
    --text-4: rgba(255, 255, 255, 0.3);
    --fill-1: rgba(255, 255, 255, 0.08);
    --fill-2: rgba(255, 255, 255, 0.12);
    --fill-3: rgba(255, 255, 255, 0.16);
    --fill-4: rgba(255, 255, 255, 0.2);
    --fill-5: rgba(255, 255, 255, 0.4);
    --default-1: rgba(223, 223, 223, 0.08);
    --default-2: rgba(197, 197, 197, 0.16);
    --default-3: rgba(171, 171, 172, 0.24);
    --default-4: rgba(223, 223, 223, 0.08);
    --c-white: rgba(255, 255, 255, 0.9);
    --c-black: #000;
    --c-border: var(--fill-3);
    --c-split: rgba(0, 0, 0, 0.2);
    --c-split-1: rgba(255, 255, 255, 0.1);
    --c-split-2: rgba(0, 0, 0, 0.2);
    --c-bg-1: #17171a;
    --c-bg-2: #232324;
    --c-bg-3: #2a2a2b;
    --c-bg-4: #313132;
    --c-bg-5: #373739;
    --c-bg-6: #414141;
    --c-bg-white: #f6f6f6;
    --c-mask: rgba(var(--gray-1), 0.6);
    --c-bg-mask: rgba(28, 28, 28, 0.86);
    --c-spin-mask: rgba(28, 28, 28, 0.86);
    --c-menu-dark-bg: #232324;
    --c-menu-light-bg: #232324
}

html {
    --lldesign-color-brand-1: rgb(var(--brand-1));
    --lldesign-color-brand-2: rgb(var(--brand-2));
    --lldesign-color-brand-3: rgb(var(--brand-3));
    --lldesign-color-brand-4: rgb(var(--brand-4));
    --lldesign-color-brand-5: rgb(var(--brand-5));
    --lldesign-color-brand-6: rgb(var(--brand-6));
    --lldesign-color-brand-7: rgb(var(--brand-7));
    --lldesign-color-brand-8: rgb(var(--brand-8));
    --lldesign-color-brand-9: rgb(var(--brand-9));
    --lldesign-color-brand-10: rgb(var(--brand-10));
    --lldesign-color-brand-light-1: var(--brand-light-1);
    --lldesign-color-brand-light-2: var(--brand-light-2);
    --lldesign-color-brand-light-3: var(--brand-light-3);
    --lldesign-color-brand-light-4: var(--brand-light-4);
    --lldesign-color-success-1: rgb(var(--success-1));
    --lldesign-color-success-2: rgb(var(--success-2));
    --lldesign-color-success-3: rgb(var(--success-3));
    --lldesign-color-success-4: rgb(var(--success-4));
    --lldesign-color-success-5: rgb(var(--success-5));
    --lldesign-color-success-6: rgb(var(--success-6));
    --lldesign-color-success-7: rgb(var(--success-7));
    --lldesign-color-success-8: rgb(var(--success-8));
    --lldesign-color-success-9: rgb(var(--success-9));
    --lldesign-color-success-10: rgb(var(--success-10));
    --lldesign-color-success-light-1: var(--success-light-1);
    --lldesign-color-success-light-2: var(--success-light-2);
    --lldesign-color-success-light-3: var(--success-light-3);
    --lldesign-color-success-light-4: var(--success-light-4);
    --lldesign-color-warning-1: rgb(var(--warning-1));
    --lldesign-color-warning-2: rgb(var(--warning-2));
    --lldesign-color-warning-3: rgb(var(--warning-3));
    --lldesign-color-warning-4: rgb(var(--warning-4));
    --lldesign-color-warning-5: rgb(var(--warning-5));
    --lldesign-color-warning-6: rgb(var(--warning-6));
    --lldesign-color-warning-7: rgb(var(--warning-7));
    --lldesign-color-warning-8: rgb(var(--warning-8));
    --lldesign-color-warning-9: rgb(var(--warning-9));
    --lldesign-color-warning-10: rgb(var(--warning-10));
    --lldesign-color-warning-light-1: var(--warning-light-1);
    --lldesign-color-warning-light-2: var(--warning-light-2);
    --lldesign-color-warning-light-3: var(--warning-light-3);
    --lldesign-color-warning-light-4: var(--warning-light-4);
    --lldesign-color-error-1: rgb(var(--error-1));
    --lldesign-color-error-2: rgb(var(--error-2));
    --lldesign-color-error-3: rgb(var(--error-3));
    --lldesign-color-error-4: rgb(var(--error-4));
    --lldesign-color-error-5: rgb(var(--error-5));
    --lldesign-color-error-6: rgb(var(--error-6));
    --lldesign-color-error-7: rgb(var(--error-7));
    --lldesign-color-error-8: rgb(var(--error-8));
    --lldesign-color-error-9: rgb(var(--error-9));
    --lldesign-color-error-10: rgb(var(--error-10));
    --lldesign-color-error-light-1: var(--error-light-1);
    --lldesign-color-error-light-2: var(--error-light-2);
    --lldesign-color-error-light-3: var(--error-light-3);
    --lldesign-color-error-light-4: var(--error-light-4);
    --lldesign-color-dark-1: rgb(var(--dark-1));
    --lldesign-color-dark-2: rgb(var(--dark-2));
    --lldesign-color-dark-3: rgb(var(--dark-3));
    --lldesign-color-dark-4: rgb(var(--dark-4));
    --lldesign-color-dark-5: rgb(var(--dark-5));
    --lldesign-color-dark-6: rgb(var(--dark-6));
    --lldesign-color-dark-7: rgb(var(--dark-7));
    --lldesign-color-dark-8: rgb(var(--dark-8));
    --lldesign-color-dark-9: rgb(var(--dark-9));
    --lldesign-color-dark-10: rgb(var(--dark-10));
    --lldesign-color-dark-light-1: var(--dark-light-1);
    --lldesign-color-dark-light-2: var(--dark-light-2);
    --lldesign-color-dark-light-3: var(--dark-light-3);
    --lldesign-color-dark-light-4: var(--dark-light-4);
    --lldesign-color-gray-1: rgb(var(--gray-1));
    --lldesign-color-gray-2: rgb(var(--gray-2));
    --lldesign-color-gray-3: rgb(var(--gray-3));
    --lldesign-color-gray-4: rgb(var(--gray-4));
    --lldesign-color-gray-5: rgb(var(--gray-5));
    --lldesign-color-gray-6: rgb(var(--gray-6));
    --lldesign-color-gray-7: rgb(var(--gray-7));
    --lldesign-color-gray-8: rgb(var(--gray-8));
    --lldesign-color-gray-9: rgb(var(--gray-9));
    --lldesign-color-gray-10: rgb(var(--gray-10));
    --lldesign-color-gray-light-1: var(--gray-light-1);
    --lldesign-color-gray-light-2: var(--gray-light-2);
    --lldesign-color-gray-light-3: var(--gray-light-3);
    --lldesign-color-gray-light-4: var(--gray-light-4);
    --lldesign-color-text-1: var(--text-1);
    --lldesign-color-text-2: var(--text-2);
    --lldesign-color-text-3: var(--text-3);
    --lldesign-color-text-4: var(--text-4);
    --lldesign-color-fill-1: var(--fill-1);
    --lldesign-color-fill-2: var(--fill-2);
    --lldesign-color-fill-3: var(--fill-3);
    --lldesign-color-fill-4: var(--fill-4);
    --lldesign-color-fill-5: var(--fill-5);
    --lldesign-color-default-1: var(--default-1);
    --lldesign-color-default-2: var(--default-2);
    --lldesign-color-default-3: var(--default-3);
    --lldesign-color-default-4: var(--default-4);
    --lldesign-tooltip-max-width: 350px;
    --lldesign-tooltip-padding: 8px;
    --lldesign-tooltip-bg-light: var(--lldesign-color-white);
    --lldesign-tooltip-bg: rgb(var(--gray-10));
    --lldesign-color-white: var(--c-white);
    --lldesign-color-black: var(--c-black);
    --lldesign-color-border-1: var(--c-border-1);
    --lldesign-color-border-2: var(--c-border-2);
    --lldesign-color-border-3: var(--c-border-3);
    --lldesign-color-border-4: var(--c-border-4);
    --lldesign-color-split: var(--c-split);
    --lldesign-color-split-1: var(--c-split-1);
    --lldesign-color-split-2: var(--c-split-2);
    --lldesign-color-bg-popup: var(--c-bg-popup);
    --lldesign-color-bg-1: var(--c-bg-1);
    --lldesign-color-bg-2: var(--c-bg-2);
    --lldesign-color-bg-3: var(--c-bg-3);
    --lldesign-color-bg-4: var(--c-bg-4);
    --lldesign-color-bg-5: var(--c-bg-5);
    --lldesign-color-bg-6: var(--c-bg-6);
    --lldesign-color-bg-white: var(--c-bg-white);
    --lldesign-color-mask: var(--c-mask);
    --lldesign-color-bg-mask: var(--c-bg-mask);
    --lldesign-color-spin-mask: var(--c-spin-mask);
    --lldesign-menu-dark-bg: var(--c-menu-dark-bg);
    --lldesign-menu-light-bg: var(--c-menu-light-bg);
    --lldesign-menu-dark-hover: var(--c-menu-dark-hover);
    --lldesign-upload-border-color: var(--lldesign-color-border-2);
    --lldesign-transition-linear: cubic-bezier(0, 0, 1, 1);
    --lldesign-transition-standard: cubic-bezier(0.34, 0.69, 0.1, 1);
    --lldesign-transition-overshoot: cubic-bezier(0.3, 1.3, 0.3, 1);
    --lldesign-transition-decelerate: cubic-bezier(0.4, 0.8, 0.74, 1);
    --lldesign-transition-accelerate: cubic-bezier(0.26, 0, 0.6, 0.2);
    --lldesign-animation-time: 0.2s;
    --lldesign-shadow-color: rgba(0, 0, 0, 0.2);
    --lldesign-shadow-mask: 0 5px 10px var(--lldesign-shadow-color);
    --lldesign-shadow-base: 0 4px 10px rgba(0, 0, 0, 0.1);
    --lldesign-shadow-card: 0 4px 10px var(--lldesign-color-gray-2);
    --lldesign-shadow-up: 0 -2px 8px var(--lldesign-shadow-color);
    --lldesign-shadow-down: 0 2px 8px var(--lldesign-shadow-color);
    --lldesign-shadow-left: -2px 0 8px var(--lldesign-shadow-color);
    --lldesign-shadow-right: 2px 0 8px var(--lldesign-shadow-color);
    --lldesign-size-1: 4px;
    --lldesign-size-2: 8px;
    --lldesign-size-3: 12px;
    --lldesign-size-4: 14px;
    --lldesign-size-5: 16px;
    --lldesign-size-6: 20px;
    --lldesign-size-7: 24px;
    --lldesign-size-8: 32px;
    --lldesign-size-9: 40px;
    --lldesign-size-10: 48px;
    --lldesign-size-11: 56px;
    --lldesign-size-12: 64px;
    --lldesign-size-13: 80px;
    --lldesign-size-14: 128px;
    --lldesign-size-15: 336px;
    --lldesign-size-16: 552px;
    --lldesign-size-17: 896px;
    --lldesign-size-18: 1200px;
    --lldesign-size-19: 1440px;
    --lldesign-size-20: 1600px;
    --lldesign-height-1: 24px;
    --lldesign-height-2: 28px;
    --lldesign-height-3: 32px;
    --lldesign-height-4: 36px;
    --lldesign-height-5: 42px;
    --lldesign-radius-1: 2px;
    --lldesign-radius-2: 4px;
    --lldesign-radius-3: 8px;
    --lldesign-font-size-base: 14px;
    --lldesign-font-size-small: 12px;
    --lldesign-font-size-large: 16px;
    --lldesign-icon-size-base: 20px
}

.dark-theme {
    --lldesign-shadow-card: 0 4px 10px var(--lldesign-color-gray-1);
    --lldesign-tooltip-bg-light: var(--lldesign-color-bg-3);
    --lldesign-tooltip-bg: var(--lldesign-color-bg-3)
}

.cb-icon-load-loop,
.cb-load-loop {
    -webkit-animation: ani-load-loop 2s linear infinite;
    animation: ani-load-loop 2s linear infinite
}

@-webkit-keyframes ani-load-loop {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes ani-load-loop {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.cb-breadcrumb {
    color: var(--lldesign-color-text-2);
    font-size: 0;
    line-height: 24px
}

.cb-breadcrumb a {
    -webkit-transition: color var(--lldesign-animation-time) var(--lldesign-transition-standard), background var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: color var(--lldesign-animation-time) var(--lldesign-transition-standard), background var(--lldesign-animation-time) var(--lldesign-transition-standard);
    border-radius: var(--lldesign-radius-1)
}

.cb-breadcrumb a:hover {
    color: var(--lldesign-color-brand-6);
    background-color: var(--lldesign-input-bg, var(--lldesign-color-fill-2))
}

.cb-breadcrumb>span:last-child {
    font-weight: 700;
    color: var(--lldesign-color-text-2)
}

.cb-breadcrumb>span:last-child .cb-breadcrumb-item-separator {
    display: none
}

.cb-breadcrumb>span {
    display: inline-block;
    vertical-align: top;
    font-size: var(--lldesign-font-size-base)
}

.cb-breadcrumb-item-separator {
    color: var(--lldesign-color-text-4);
    line-height: 1;
    vertical-align: top;
    display: inline-block;
    margin: 5px 4px;
    min-width: 12px;
    text-align: center
}

.cb-breadcrumb-item-link {
    display: inline-block;
    vertical-align: top;
    color: var(--lldesign-color-text-2);
    line-height: 24px;
    padding: 0 4px
}

.cb-breadcrumb-item-link>.cb-icon+span {
    margin-left: 4px
}

.cb-ripple {
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 0;
    pointer-events: none;
    overflow: hidden
}

[x-placement=top] {
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center
}

[x-placement=top-start] {
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left
}

[x-placement=top-end] {
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right
}

[x-placement=right] {
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

[x-placement=right-start] {
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

[x-placement=right-end] {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
}

[x-placement=left] {
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center
}

[x-placement=left-start] {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

[x-placement=left-end] {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
}

[x-placement=bottom] {
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top
}

[x-placement=bottom-start] {
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

[x-placement=bottom-end] {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto;
    resize: vertical
}

[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    appearance: none;
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
    font-size: var(--lldesign-font-size-base);
    line-height: 1.5;
    color: var(--lldesign-color-text-2);
    background-color: var(--lldesign-color-white);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

article,
aside,
blockquote,
body,
button,
dd,
details,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
section,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

dl,
ul {
    list-style: none
}

input::-ms-clear,
input::-ms-reveal {
    display: none
}

a {
    color: var(--lldesign-color-brand-6);
    background: 0 0;
    text-decoration: none;
    outline: 0;
    cursor: pointer;
    -webkit-transition: color var(--lldesign-animation-time) ease;
    transition: color var(--lldesign-animation-time) ease
}

a:hover {
    color: var(--lldesign-color-brand-5)
}

a:active {
    color: var(--lldesign-color-brand-7)
}

a:active,
a:hover {
    outline: 0;
    text-decoration: none
}

a[disabled] {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed;
    pointer-events: none
}

code,
kbd,
pre,
samp {
    font-family: Consolas, Menlo, Courier, monospace
}

@font-face {
    font-family: cbicons;
    src: url(fonts/iconfont.woff2?t=1662714381278) format('woff2'), url(fonts/iconfont.woff?t=1662714381278) format('woff'), url(fonts/iconfont.ttf?t=1662714381278) format('truetype');
    font-weight: 400;
    font-style: normal
}

.cb-icon {
    display: inline-block;
    font-family: cbicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    margin-top: -.125em
}

.cb-icon-normal {
    margin-top: 0
}

.cb-icon-block {
    display: block
}

.cb-icon-edit:before {
    content: '\e90c'
}

.cb-icon-minus-doing-fill:before {
    content: '\e909'
}

.cb-icon-money-fill:before {
    content: '\e90b'
}

.cb-icon-face-meh-fill:before {
    content: '\e901'
}

.cb-icon-face-frown-fill:before {
    content: '\e902'
}

.cb-icon-moon-fill:before {
    content: '\e903'
}

.cb-icon-face-smile-fill:before {
    content: '\e904'
}

.cb-icon-sun-fill:before {
    content: '\e905'
}

.cb-icon-pen-fill:before {
    content: '\e906'
}

.cb-icon-pause-circle-fill:before {
    content: '\e907'
}

.cb-icon-play-circle-fill:before {
    content: '\e908'
}

.cb-icon-mute-fill:before {
    content: '\e90a'
}

.cb-icon-sound-fill:before {
    content: '\e90d'
}

.cb-icon-star-fill:before {
    content: '\e90e'
}

.cb-icon-heart-fill:before {
    content: '\e90f'
}

.cb-icon-check-circle-fill:before {
    content: '\e910'
}

.cb-icon-close-circle-fill:before {
    content: '\e911'
}

.cb-icon-exclamation-polygon-fill:before {
    content: '\e912'
}

.cb-icon-plus-circle-fill:before {
    content: '\e913'
}

.cb-icon-minus-circle-fill:before {
    content: '\e914'
}

.cb-icon-info-circle-fill:before {
    content: '\e915'
}

.cb-icon-question-circle-fill:before {
    content: '\e916'
}

.cb-icon-exclamation-circle-fill:before {
    content: '\e917'
}

.cb-icon-thumb-up-fill:before {
    content: '\e918'
}

.cb-icon-thumb-down-fill:before {
    content: '\e91a'
}

.cb-icon-customer-service:before {
    content: '\e8cc'
}

.cb-icon-code:before {
    content: '\e8cd'
}

.cb-icon-export:before {
    content: '\e8ce'
}

.cb-icon-download:before {
    content: '\e8cf'
}

.cb-icon-code-square:before {
    content: '\e8d0'
}

.cb-icon-code-block:before {
    content: '\e8d1'
}

.cb-icon-launch:before {
    content: '\e8d2'
}

.cb-icon-at:before {
    content: '\e8d3'
}

.cb-icon-go:before {
    content: '\e8d4'
}

.cb-icon-home:before {
    content: '\e8d5'
}

.cb-icon-history:before {
    content: '\e8d6'
}

.cb-icon-reply:before {
    content: '\e8d7'
}

.cb-icon-cloud-download:before {
    content: '\e8d8'
}

.cb-icon-more-vertical:before {
    content: '\e8d9'
}

.cb-icon-import:before {
    content: '\e8da'
}

.cb-icon-heart:before {
    content: '\e8db'
}

.cb-icon-message:before {
    content: '\e8dc'
}

.cb-icon-more:before {
    content: '\e8dd'
}

.cb-icon-list:before {
    content: '\e8de'
}

.cb-icon-refresh:before {
    content: '\e8df'
}

.cb-icon-poweroff:before {
    content: '\e8e0'
}

.cb-icon-share-external:before {
    content: '\e8e1'
}

.cb-icon-send:before {
    content: '\e8e2'
}

.cb-icon-message-banned:before {
    content: '\e8e3'
}

.cb-icon-eye-invisible:before {
    content: '\e8e4'
}

.cb-icon-search:before {
    content: '\e8e5'
}

.cb-icon-scan:before {
    content: '\e8e6'
}

.cb-icon-eye:before {
    content: '\e8e7'
}

.cb-icon-voice:before {
    content: '\e8e8'
}

.cb-icon-thumb-down:before {
    content: '\e8e9'
}

.cb-icon-select-all:before {
    content: '\e8ea'
}

.cb-icon-save:before {
    content: '\e8eb'
}

.cb-icon-translate:before {
    content: '\e8ec'
}

.cb-icon-star:before {
    content: '\e8ed'
}

.cb-icon-share-alt:before {
    content: '\e8ee'
}

.cb-icon-upload:before {
    content: '\e8ef'
}

.cb-icon-sync:before {
    content: '\e8f0'
}

.cb-icon-thumb-up:before {
    content: '\e8f1'
}

.cb-icon-settings:before {
    content: '\e8f2'
}

.cb-icon-share-internal:before {
    content: '\e8f3'
}

.cb-icon-check-circle:before {
    content: '\e8f4'
}

.cb-icon-check-square:before {
    content: '\e8f5'
}

.cb-icon-clock-circle:before {
    content: '\e8f6'
}

.cb-icon-exclamation-circle:before {
    content: '\e8f7'
}

.cb-icon-close-circle:before {
    content: '\e8f8'
}

.cb-icon-minus-circle:before {
    content: '\e8f9'
}

.cb-icon-info-circle:before {
    content: '\e8fa'
}

.cb-icon-plus-circle:before {
    content: '\e8fb'
}

.cb-icon-stop:before {
    content: '\e8fc'
}

.cb-icon-question-circle:before {
    content: '\e8fd'
}

.cb-icon-play-arrow-fill:before {
    content: '\e8fe'
}

.cb-icon-skip-previous-fill:before {
    content: '\e8ff'
}

.cb-icon-skip-next-fill:before {
    content: '\e900'
}

.cb-icon-check:before {
    content: '\e8c5'
}

.cb-icon-close:before {
    content: '\e8c6'
}

.cb-icon-exclamation:before {
    content: '\e8c7'
}

.cb-icon-info:before {
    content: '\e8c8'
}

.cb-icon-plus:before {
    content: '\e8c9'
}

.cb-icon-minus:before {
    content: '\e8ca'
}

.cb-icon-question:before {
    content: '\e8cb'
}

.cb-icon-arrow-left:before {
    content: '\e8a6'
}

.cb-icon-caret-down:before {
    content: '\e8a7'
}

.cb-icon-arrow-up:before {
    content: '\e8a8'
}

.cb-icon-double-right:before {
    content: '\e8a9'
}

.cb-icon-double-left:before {
    content: '\e8aa'
}

.cb-icon-caret-up:before {
    content: '\e8ab'
}

.cb-icon-caret-right:before {
    content: '\e8ac'
}

.cb-icon-left:before {
    content: '\e8ad'
}

.cb-icon-drag-arrow:before {
    content: '\e8ae'
}

.cb-icon-down-circle:before {
    content: '\e8af'
}

.cb-icon-down:before {
    content: '\e8b0'
}

.cb-icon-double-up:before {
    content: '\e8b1'
}

.cb-icon-menu-fold:before {
    content: '\e8b2'
}

.cb-icon-caret-left:before {
    content: '\e8b3'
}

.cb-icon-left-circle:before {
    content: '\e8b4'
}

.cb-icon-double-down:before {
    content: '\e8b5'
}

.cb-icon-expand:before {
    content: '\e8b6'
}

.cb-icon-swap:before {
    content: '\e8b7'
}

.cb-icon-up-circle:before {
    content: '\e8b8'
}

.cb-icon-right-circle:before {
    content: '\e8b9'
}

.cb-icon-menu-unfold:before {
    content: '\e8ba'
}

.cb-icon-to-right:before {
    content: '\e8bb'
}

.cb-icon-right:before {
    content: '\e8bc'
}

.cb-icon-shrink:before {
    content: '\e8bd'
}

.cb-icon-to-top:before {
    content: '\e8be'
}

.cb-icon-rotate-left:before {
    content: '\e8bf'
}

.cb-icon-to-bottom:before {
    content: '\e8c0'
}

.cb-icon-to-left:before {
    content: '\e8c1'
}

.cb-icon-up:before {
    content: '\e8c2'
}

.cb-icon-rotate-right:before {
    content: '\e8c3'
}

.cb-icon-arrow-down:before {
    content: '\e8c4'
}

.cb-icon-arrow-right:before {
    content: '\e85d'
}

.cb-icon-arrow-rise:before {
    content: '\e8a4'
}

.cb-icon-arrow-fall:before {
    content: '\e8a5'
}

.cb-icon-rate:before {
    content: '\e843'
}

.cb-icon-application:before {
    content: '\e844'
}

.cb-icon-archive:before {
    content: '\e845'
}

.cb-icon-crown:before {
    content: '\e846'
}

.cb-icon-bank:before {
    content: '\e847'
}

.cb-icon-calendar:before {
    content: '\e848'
}

.cb-icon-youhui:before {
    content: '\e849'
}

.cb-icon-book:before {
    content: '\e84a'
}

.cb-icon-bug:before {
    content: '\e84b'
}

.cb-icon-apps:before {
    content: '\e84c'
}

.cb-icon-jihe:before {
    content: '\e84d'
}

.cb-icon-fukuan:before {
    content: '\e84e'
}

.cb-icon-camera:before {
    content: '\e84f'
}

.cb-icon-desktop:before {
    content: '\e850'
}

.cb-icon-common:before {
    content: '\e851'
}

.cb-icon-copyright:before {
    content: '\e852'
}

.cb-icon-fenzu:before {
    content: '\e853'
}

.cb-icon-compass:before {
    content: '\e854'
}

.cb-icon-dice:before {
    content: '\e855'
}

.cb-icon-drive-file:before {
    content: '\e856'
}

.cb-icon-drag-dot:before {
    content: '\e857'
}

.cb-icon-drag-dot-vertical:before {
    content: '\e858'
}

.cb-icon-email:before {
    content: '\e859'
}

.cb-icon-cloud:before {
    content: '\e85a'
}

.cb-icon-experiment:before {
    content: '\e85b'
}

.cb-icon-file:before {
    content: '\e85c'
}

.cb-icon-file-video:before {
    content: '\e85e'
}

.cb-icon-command:before {
    content: '\e85f'
}

.cb-icon-finace:before {
    content: '\e860'
}

.cb-icon-dashboard:before {
    content: '\e861'
}

.cb-icon-file-audio:before {
    content: '\e862'
}

.cb-icon-ear:before {
    content: '\e863'
}

.cb-icon-file-image:before {
    content: '\e864'
}

.cb-icon-bulb:before {
    content: '\e865'
}

.cb-icon-empty:before {
    content: '\e866'
}

.cb-icon-file-pdf:before {
    content: '\e867'
}

.cb-icon-image:before {
    content: '\e868'
}

.cb-icon-idcard:before {
    content: '\e869'
}

.cb-icon-folder:before {
    content: '\e86a'
}

.cb-icon-income-one:before {
    content: '\e86b'
}

.cb-icon-loading:before {
    content: '\e86c'
}

.cb-icon-folder-add:before {
    content: '\e86d'
}

.cb-icon-folder-delete:before {
    content: '\e86e'
}

.cb-icon-interaction:before {
    content: '\e86f'
}

.cb-icon-image-close:before {
    content: '\e870'
}

.cb-icon-lock:before {
    content: '\e871'
}

.cb-icon-man:before {
    content: '\e872'
}

.cb-icon-gift:before {
    content: '\e873'
}

.cb-icon-loop:before {
    content: '\e874'
}

.cb-icon-layout:before {
    content: '\e875'
}

.cb-icon-mosaic:before {
    content: '\e876'
}

.cb-icon-mind-mapping:before {
    content: '\e877'
}

.cb-icon-dianpu:before {
    content: '\e878'
}

.cb-icon-hourglass-null:before {
    content: '\e879'
}

.cb-icon-notification:before {
    content: '\e87a'
}

.cb-icon-mobile:before {
    content: '\e87b'
}

.cb-icon-nav:before {
    content: '\e87c'
}

.cb-icon-Fire:before {
    content: '\e87d'
}

.cb-icon-moon:before {
    content: '\e87e'
}

.cb-icon-plane:before {
    content: '\e87f'
}

.cb-icon-location:before {
    content: '\e880'
}

.cb-icon-menu:before {
    content: '\e881'
}

.cb-icon-printer:before {
    content: '\e882'
}

.cb-icon-pushpin:before {
    content: '\e883'
}

.cb-icon-old-version:before {
    content: '\e884'
}

.cb-icon-pen:before {
    content: '\e885'
}

.cb-icon-shake:before {
    content: '\e886'
}

.cb-icon-schedule:before {
    content: '\e887'
}

.cb-icon-robot-add:before {
    content: '\e888'
}

.cb-icon-notification-close:before {
    content: '\e889'
}

.cb-icon-old-deposit:before {
    content: '\e88a'
}

.cb-icon-robot:before {
    content: '\e88b'
}

.cb-icon-public:before {
    content: '\e88c'
}

.cb-icon-subscribe:before {
    content: '\e88d'
}

.cb-icon-storage:before {
    content: '\e88e'
}

.cb-icon-thunderbolt:before {
    content: '\e88f'
}

.cb-icon-safe:before {
    content: '\e890'
}

.cb-icon-tag:before {
    content: '\e891'
}

.cb-icon-phone:before {
    content: '\e892'
}

.cb-icon-skin:before {
    content: '\e893'
}

.cb-icon-sun:before {
    content: '\e894'
}

.cb-icon-unlock:before {
    content: '\e895'
}

.cb-icon-user-group:before {
    content: '\e896'
}

.cb-icon-user-add:before {
    content: '\e897'
}

.cb-icon-subscribed:before {
    content: '\e898'
}

.cb-icon-user:before {
    content: '\e899'
}

.cb-icon-trophy:before {
    content: '\e89a'
}

.cb-icon-wifi:before {
    content: '\e89b'
}

.cb-icon-qrcode:before {
    content: '\e89c'
}

.cb-icon-tags:before {
    content: '\e89d'
}

.cb-icon-video-camera:before {
    content: '\e89e'
}

.cb-icon-tool:before {
    content: '\e89f'
}

.cb-icon-woman:before {
    content: '\e8a0'
}

.cb-icon-language:before {
    content: '\e8a1'
}

.cb-icon-subscribe-add:before {
    content: '\e8a2'
}

.cb-icon-stamp:before {
    content: '\e8a3'
}

.cb-icon-filter:before {
    content: '\e601'
}

.cb-icon-edit:before {
    content: '\e90c'
}

.cb-icon-delete:before {
    content: '\e602'
}

.cb-icon-circular:before {
    content: '\e919'
}

.cb-icon-link:before {
    content: '\e91b'
}

.cb-icon-redo:before {
    content: '\e91c'
}

.cb-icon-undo:before {
    content: '\e91f'
}

.cb-icon-copy:before {
    content: '\e91e'
}

.cb-icon-scissor:before {
    content: '\e91d'
}

.cb-icon-zoom-in:before {
    content: '\e922'
}

.cb-icon-zoom-out:before {
    content: '\e921'
}

.cb-icon-original-size:before {
    content: '\e920'
}

.cb-row {
    position: relative;
    margin-left: 0;
    margin-right: 0;
    height: auto;
    zoom: 1;
    display: block
}

.cb-row:after,
.cb-row:before {
    content: "";
    display: table
}

.cb-row:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.cb-row-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cb-row-flex:after,
.cb-row-flex:before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cb-row-flex-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.cb-row-flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cb-row-flex-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.cb-row-flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cb-row-flex-space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.cb-row-flex-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.cb-row-flex-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cb-row-flex-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.cb-col {
    position: relative;
    display: block
}

.cb-col-span-1,
.cb-col-span-10,
.cb-col-span-11,
.cb-col-span-12,
.cb-col-span-13,
.cb-col-span-14,
.cb-col-span-15,
.cb-col-span-16,
.cb-col-span-17,
.cb-col-span-18,
.cb-col-span-19,
.cb-col-span-2,
.cb-col-span-20,
.cb-col-span-21,
.cb-col-span-22,
.cb-col-span-23,
.cb-col-span-24,
.cb-col-span-3,
.cb-col-span-4,
.cb-col-span-5,
.cb-col-span-6,
.cb-col-span-7,
.cb-col-span-8,
.cb-col-span-9 {
    float: left;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.cb-col-span-24 {
    display: block;
    width: 100%
}

.cb-col-push-24 {
    left: 100%
}

.cb-col-pull-24 {
    right: 100%
}

.cb-col-offset-24 {
    margin-left: 100%
}

.cb-col-order-24 {
    -webkit-box-ordinal-group: 25;
    -ms-flex-order: 24;
    order: 24
}

.cb-col-span-23 {
    display: block;
    width: 95.83333333%
}

.cb-col-push-23 {
    left: 95.83333333%
}

.cb-col-pull-23 {
    right: 95.83333333%
}

.cb-col-offset-23 {
    margin-left: 95.83333333%
}

.cb-col-order-23 {
    -webkit-box-ordinal-group: 24;
    -ms-flex-order: 23;
    order: 23
}

.cb-col-span-22 {
    display: block;
    width: 91.66666667%
}

.cb-col-push-22 {
    left: 91.66666667%
}

.cb-col-pull-22 {
    right: 91.66666667%
}

.cb-col-offset-22 {
    margin-left: 91.66666667%
}

.cb-col-order-22 {
    -webkit-box-ordinal-group: 23;
    -ms-flex-order: 22;
    order: 22
}

.cb-col-span-21 {
    display: block;
    width: 87.5%
}

.cb-col-push-21 {
    left: 87.5%
}

.cb-col-pull-21 {
    right: 87.5%
}

.cb-col-offset-21 {
    margin-left: 87.5%
}

.cb-col-order-21 {
    -webkit-box-ordinal-group: 22;
    -ms-flex-order: 21;
    order: 21
}

.cb-col-span-20 {
    display: block;
    width: 83.33333333%
}

.cb-col-push-20 {
    left: 83.33333333%
}

.cb-col-pull-20 {
    right: 83.33333333%
}

.cb-col-offset-20 {
    margin-left: 83.33333333%
}

.cb-col-order-20 {
    -webkit-box-ordinal-group: 21;
    -ms-flex-order: 20;
    order: 20
}

.cb-col-span-19 {
    display: block;
    width: 79.16666667%
}

.cb-col-push-19 {
    left: 79.16666667%
}

.cb-col-pull-19 {
    right: 79.16666667%
}

.cb-col-offset-19 {
    margin-left: 79.16666667%
}

.cb-col-order-19 {
    -webkit-box-ordinal-group: 20;
    -ms-flex-order: 19;
    order: 19
}

.cb-col-span-18 {
    display: block;
    width: 75%
}

.cb-col-push-18 {
    left: 75%
}

.cb-col-pull-18 {
    right: 75%
}

.cb-col-offset-18 {
    margin-left: 75%
}

.cb-col-order-18 {
    -webkit-box-ordinal-group: 19;
    -ms-flex-order: 18;
    order: 18
}

.cb-col-span-17 {
    display: block;
    width: 70.83333333%
}

.cb-col-push-17 {
    left: 70.83333333%
}

.cb-col-pull-17 {
    right: 70.83333333%
}

.cb-col-offset-17 {
    margin-left: 70.83333333%
}

.cb-col-order-17 {
    -webkit-box-ordinal-group: 18;
    -ms-flex-order: 17;
    order: 17
}

.cb-col-span-16 {
    display: block;
    width: 66.66666667%
}

.cb-col-push-16 {
    left: 66.66666667%
}

.cb-col-pull-16 {
    right: 66.66666667%
}

.cb-col-offset-16 {
    margin-left: 66.66666667%
}

.cb-col-order-16 {
    -webkit-box-ordinal-group: 17;
    -ms-flex-order: 16;
    order: 16
}

.cb-col-span-15 {
    display: block;
    width: 62.5%
}

.cb-col-push-15 {
    left: 62.5%
}

.cb-col-pull-15 {
    right: 62.5%
}

.cb-col-offset-15 {
    margin-left: 62.5%
}

.cb-col-order-15 {
    -webkit-box-ordinal-group: 16;
    -ms-flex-order: 15;
    order: 15
}

.cb-col-span-14 {
    display: block;
    width: 58.33333333%
}

.cb-col-push-14 {
    left: 58.33333333%
}

.cb-col-pull-14 {
    right: 58.33333333%
}

.cb-col-offset-14 {
    margin-left: 58.33333333%
}

.cb-col-order-14 {
    -webkit-box-ordinal-group: 15;
    -ms-flex-order: 14;
    order: 14
}

.cb-col-span-13 {
    display: block;
    width: 54.16666667%
}

.cb-col-push-13 {
    left: 54.16666667%
}

.cb-col-pull-13 {
    right: 54.16666667%
}

.cb-col-offset-13 {
    margin-left: 54.16666667%
}

.cb-col-order-13 {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
}

.cb-col-span-12 {
    display: block;
    width: 50%
}

.cb-col-push-12 {
    left: 50%
}

.cb-col-pull-12 {
    right: 50%
}

.cb-col-offset-12 {
    margin-left: 50%
}

.cb-col-order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

.cb-col-span-11 {
    display: block;
    width: 45.83333333%
}

.cb-col-push-11 {
    left: 45.83333333%
}

.cb-col-pull-11 {
    right: 45.83333333%
}

.cb-col-offset-11 {
    margin-left: 45.83333333%
}

.cb-col-order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.cb-col-span-10 {
    display: block;
    width: 41.66666667%
}

.cb-col-push-10 {
    left: 41.66666667%
}

.cb-col-pull-10 {
    right: 41.66666667%
}

.cb-col-offset-10 {
    margin-left: 41.66666667%
}

.cb-col-order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.cb-col-span-9 {
    display: block;
    width: 37.5%
}

.cb-col-push-9 {
    left: 37.5%
}

.cb-col-pull-9 {
    right: 37.5%
}

.cb-col-offset-9 {
    margin-left: 37.5%
}

.cb-col-order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.cb-col-span-8 {
    display: block;
    width: 33.33333333%
}

.cb-col-push-8 {
    left: 33.33333333%
}

.cb-col-pull-8 {
    right: 33.33333333%
}

.cb-col-offset-8 {
    margin-left: 33.33333333%
}

.cb-col-order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.cb-col-span-7 {
    display: block;
    width: 29.16666667%
}

.cb-col-push-7 {
    left: 29.16666667%
}

.cb-col-pull-7 {
    right: 29.16666667%
}

.cb-col-offset-7 {
    margin-left: 29.16666667%
}

.cb-col-order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.cb-col-span-6 {
    display: block;
    width: 25%
}

.cb-col-push-6 {
    left: 25%
}

.cb-col-pull-6 {
    right: 25%
}

.cb-col-offset-6 {
    margin-left: 25%
}

.cb-col-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.cb-col-span-5 {
    display: block;
    width: 20.83333333%
}

.cb-col-push-5 {
    left: 20.83333333%
}

.cb-col-pull-5 {
    right: 20.83333333%
}

.cb-col-offset-5 {
    margin-left: 20.83333333%
}

.cb-col-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.cb-col-span-4 {
    display: block;
    width: 16.66666667%
}

.cb-col-push-4 {
    left: 16.66666667%
}

.cb-col-pull-4 {
    right: 16.66666667%
}

.cb-col-offset-4 {
    margin-left: 16.66666667%
}

.cb-col-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.cb-col-span-3 {
    display: block;
    width: 12.5%
}

.cb-col-push-3 {
    left: 12.5%
}

.cb-col-pull-3 {
    right: 12.5%
}

.cb-col-offset-3 {
    margin-left: 12.5%
}

.cb-col-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.cb-col-span-2 {
    display: block;
    width: 8.33333333%
}

.cb-col-push-2 {
    left: 8.33333333%
}

.cb-col-pull-2 {
    right: 8.33333333%
}

.cb-col-offset-2 {
    margin-left: 8.33333333%
}

.cb-col-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.cb-col-span-1 {
    display: block;
    width: 4.16666667%
}

.cb-col-push-1 {
    left: 4.16666667%
}

.cb-col-pull-1 {
    right: 4.16666667%
}

.cb-col-offset-1 {
    margin-left: 4.16666667%
}

.cb-col-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.cb-col-span-0 {
    display: none
}

.cb-col-push-0 {
    left: auto
}

.cb-col-pull-0 {
    right: auto
}

.cb-col-span-xs-1,
.cb-col-span-xs-10,
.cb-col-span-xs-11,
.cb-col-span-xs-12,
.cb-col-span-xs-13,
.cb-col-span-xs-14,
.cb-col-span-xs-15,
.cb-col-span-xs-16,
.cb-col-span-xs-17,
.cb-col-span-xs-18,
.cb-col-span-xs-19,
.cb-col-span-xs-2,
.cb-col-span-xs-20,
.cb-col-span-xs-21,
.cb-col-span-xs-22,
.cb-col-span-xs-23,
.cb-col-span-xs-24,
.cb-col-span-xs-3,
.cb-col-span-xs-4,
.cb-col-span-xs-5,
.cb-col-span-xs-6,
.cb-col-span-xs-7,
.cb-col-span-xs-8,
.cb-col-span-xs-9 {
    float: left;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.cb-col-span-xs-24 {
    display: block;
    width: 100%
}

.cb-col-xs-push-24 {
    left: 100%
}

.cb-col-xs-pull-24 {
    right: 100%
}

.cb-col-xs-offset-24 {
    margin-left: 100%
}

.cb-col-xs-order-24 {
    -webkit-box-ordinal-group: 25;
    -ms-flex-order: 24;
    order: 24
}

.cb-col-span-xs-23 {
    display: block;
    width: 95.83333333%
}

.cb-col-xs-push-23 {
    left: 95.83333333%
}

.cb-col-xs-pull-23 {
    right: 95.83333333%
}

.cb-col-xs-offset-23 {
    margin-left: 95.83333333%
}

.cb-col-xs-order-23 {
    -webkit-box-ordinal-group: 24;
    -ms-flex-order: 23;
    order: 23
}

.cb-col-span-xs-22 {
    display: block;
    width: 91.66666667%
}

.cb-col-xs-push-22 {
    left: 91.66666667%
}

.cb-col-xs-pull-22 {
    right: 91.66666667%
}

.cb-col-xs-offset-22 {
    margin-left: 91.66666667%
}

.cb-col-xs-order-22 {
    -webkit-box-ordinal-group: 23;
    -ms-flex-order: 22;
    order: 22
}

.cb-col-span-xs-21 {
    display: block;
    width: 87.5%
}

.cb-col-xs-push-21 {
    left: 87.5%
}

.cb-col-xs-pull-21 {
    right: 87.5%
}

.cb-col-xs-offset-21 {
    margin-left: 87.5%
}

.cb-col-xs-order-21 {
    -webkit-box-ordinal-group: 22;
    -ms-flex-order: 21;
    order: 21
}

.cb-col-span-xs-20 {
    display: block;
    width: 83.33333333%
}

.cb-col-xs-push-20 {
    left: 83.33333333%
}

.cb-col-xs-pull-20 {
    right: 83.33333333%
}

.cb-col-xs-offset-20 {
    margin-left: 83.33333333%
}

.cb-col-xs-order-20 {
    -webkit-box-ordinal-group: 21;
    -ms-flex-order: 20;
    order: 20
}

.cb-col-span-xs-19 {
    display: block;
    width: 79.16666667%
}

.cb-col-xs-push-19 {
    left: 79.16666667%
}

.cb-col-xs-pull-19 {
    right: 79.16666667%
}

.cb-col-xs-offset-19 {
    margin-left: 79.16666667%
}

.cb-col-xs-order-19 {
    -webkit-box-ordinal-group: 20;
    -ms-flex-order: 19;
    order: 19
}

.cb-col-span-xs-18 {
    display: block;
    width: 75%
}

.cb-col-xs-push-18 {
    left: 75%
}

.cb-col-xs-pull-18 {
    right: 75%
}

.cb-col-xs-offset-18 {
    margin-left: 75%
}

.cb-col-xs-order-18 {
    -webkit-box-ordinal-group: 19;
    -ms-flex-order: 18;
    order: 18
}

.cb-col-span-xs-17 {
    display: block;
    width: 70.83333333%
}

.cb-col-xs-push-17 {
    left: 70.83333333%
}

.cb-col-xs-pull-17 {
    right: 70.83333333%
}

.cb-col-xs-offset-17 {
    margin-left: 70.83333333%
}

.cb-col-xs-order-17 {
    -webkit-box-ordinal-group: 18;
    -ms-flex-order: 17;
    order: 17
}

.cb-col-span-xs-16 {
    display: block;
    width: 66.66666667%
}

.cb-col-xs-push-16 {
    left: 66.66666667%
}

.cb-col-xs-pull-16 {
    right: 66.66666667%
}

.cb-col-xs-offset-16 {
    margin-left: 66.66666667%
}

.cb-col-xs-order-16 {
    -webkit-box-ordinal-group: 17;
    -ms-flex-order: 16;
    order: 16
}

.cb-col-span-xs-15 {
    display: block;
    width: 62.5%
}

.cb-col-xs-push-15 {
    left: 62.5%
}

.cb-col-xs-pull-15 {
    right: 62.5%
}

.cb-col-xs-offset-15 {
    margin-left: 62.5%
}

.cb-col-xs-order-15 {
    -webkit-box-ordinal-group: 16;
    -ms-flex-order: 15;
    order: 15
}

.cb-col-span-xs-14 {
    display: block;
    width: 58.33333333%
}

.cb-col-xs-push-14 {
    left: 58.33333333%
}

.cb-col-xs-pull-14 {
    right: 58.33333333%
}

.cb-col-xs-offset-14 {
    margin-left: 58.33333333%
}

.cb-col-xs-order-14 {
    -webkit-box-ordinal-group: 15;
    -ms-flex-order: 14;
    order: 14
}

.cb-col-span-xs-13 {
    display: block;
    width: 54.16666667%
}

.cb-col-xs-push-13 {
    left: 54.16666667%
}

.cb-col-xs-pull-13 {
    right: 54.16666667%
}

.cb-col-xs-offset-13 {
    margin-left: 54.16666667%
}

.cb-col-xs-order-13 {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
}

.cb-col-span-xs-12 {
    display: block;
    width: 50%
}

.cb-col-xs-push-12 {
    left: 50%
}

.cb-col-xs-pull-12 {
    right: 50%
}

.cb-col-xs-offset-12 {
    margin-left: 50%
}

.cb-col-xs-order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

.cb-col-span-xs-11 {
    display: block;
    width: 45.83333333%
}

.cb-col-xs-push-11 {
    left: 45.83333333%
}

.cb-col-xs-pull-11 {
    right: 45.83333333%
}

.cb-col-xs-offset-11 {
    margin-left: 45.83333333%
}

.cb-col-xs-order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.cb-col-span-xs-10 {
    display: block;
    width: 41.66666667%
}

.cb-col-xs-push-10 {
    left: 41.66666667%
}

.cb-col-xs-pull-10 {
    right: 41.66666667%
}

.cb-col-xs-offset-10 {
    margin-left: 41.66666667%
}

.cb-col-xs-order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.cb-col-span-xs-9 {
    display: block;
    width: 37.5%
}

.cb-col-xs-push-9 {
    left: 37.5%
}

.cb-col-xs-pull-9 {
    right: 37.5%
}

.cb-col-xs-offset-9 {
    margin-left: 37.5%
}

.cb-col-xs-order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.cb-col-span-xs-8 {
    display: block;
    width: 33.33333333%
}

.cb-col-xs-push-8 {
    left: 33.33333333%
}

.cb-col-xs-pull-8 {
    right: 33.33333333%
}

.cb-col-xs-offset-8 {
    margin-left: 33.33333333%
}

.cb-col-xs-order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.cb-col-span-xs-7 {
    display: block;
    width: 29.16666667%
}

.cb-col-xs-push-7 {
    left: 29.16666667%
}

.cb-col-xs-pull-7 {
    right: 29.16666667%
}

.cb-col-xs-offset-7 {
    margin-left: 29.16666667%
}

.cb-col-xs-order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.cb-col-span-xs-6 {
    display: block;
    width: 25%
}

.cb-col-xs-push-6 {
    left: 25%
}

.cb-col-xs-pull-6 {
    right: 25%
}

.cb-col-xs-offset-6 {
    margin-left: 25%
}

.cb-col-xs-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.cb-col-span-xs-5 {
    display: block;
    width: 20.83333333%
}

.cb-col-xs-push-5 {
    left: 20.83333333%
}

.cb-col-xs-pull-5 {
    right: 20.83333333%
}

.cb-col-xs-offset-5 {
    margin-left: 20.83333333%
}

.cb-col-xs-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.cb-col-span-xs-4 {
    display: block;
    width: 16.66666667%
}

.cb-col-xs-push-4 {
    left: 16.66666667%
}

.cb-col-xs-pull-4 {
    right: 16.66666667%
}

.cb-col-xs-offset-4 {
    margin-left: 16.66666667%
}

.cb-col-xs-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.cb-col-span-xs-3 {
    display: block;
    width: 12.5%
}

.cb-col-xs-push-3 {
    left: 12.5%
}

.cb-col-xs-pull-3 {
    right: 12.5%
}

.cb-col-xs-offset-3 {
    margin-left: 12.5%
}

.cb-col-xs-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.cb-col-span-xs-2 {
    display: block;
    width: 8.33333333%
}

.cb-col-xs-push-2 {
    left: 8.33333333%
}

.cb-col-xs-pull-2 {
    right: 8.33333333%
}

.cb-col-xs-offset-2 {
    margin-left: 8.33333333%
}

.cb-col-xs-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.cb-col-span-xs-1 {
    display: block;
    width: 4.16666667%
}

.cb-col-xs-push-1 {
    left: 4.16666667%
}

.cb-col-xs-pull-1 {
    right: 4.16666667%
}

.cb-col-xs-offset-1 {
    margin-left: 4.16666667%
}

.cb-col-xs-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.cb-col-span-xs-0 {
    display: none
}

.cb-col-xs-push-0 {
    left: auto
}

.cb-col-xs-pull-0 {
    right: auto
}

@media (min-width:576px) {
    .cb-col-span-sm-1,
    .cb-col-span-sm-10,
    .cb-col-span-sm-11,
    .cb-col-span-sm-12,
    .cb-col-span-sm-13,
    .cb-col-span-sm-14,
    .cb-col-span-sm-15,
    .cb-col-span-sm-16,
    .cb-col-span-sm-17,
    .cb-col-span-sm-18,
    .cb-col-span-sm-19,
    .cb-col-span-sm-2,
    .cb-col-span-sm-20,
    .cb-col-span-sm-21,
    .cb-col-span-sm-22,
    .cb-col-span-sm-23,
    .cb-col-span-sm-24,
    .cb-col-span-sm-3,
    .cb-col-span-sm-4,
    .cb-col-span-sm-5,
    .cb-col-span-sm-6,
    .cb-col-span-sm-7,
    .cb-col-span-sm-8,
    .cb-col-span-sm-9 {
        float: left;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .cb-col-span-sm-24 {
        display: block;
        width: 100%
    }
    .cb-col-sm-push-24 {
        left: 100%
    }
    .cb-col-sm-pull-24 {
        right: 100%
    }
    .cb-col-sm-offset-24 {
        margin-left: 100%
    }
    .cb-col-sm-order-24 {
        -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
        order: 24
    }
    .cb-col-span-sm-23 {
        display: block;
        width: 95.83333333%
    }
    .cb-col-sm-push-23 {
        left: 95.83333333%
    }
    .cb-col-sm-pull-23 {
        right: 95.83333333%
    }
    .cb-col-sm-offset-23 {
        margin-left: 95.83333333%
    }
    .cb-col-sm-order-23 {
        -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
        order: 23
    }
    .cb-col-span-sm-22 {
        display: block;
        width: 91.66666667%
    }
    .cb-col-sm-push-22 {
        left: 91.66666667%
    }
    .cb-col-sm-pull-22 {
        right: 91.66666667%
    }
    .cb-col-sm-offset-22 {
        margin-left: 91.66666667%
    }
    .cb-col-sm-order-22 {
        -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
        order: 22
    }
    .cb-col-span-sm-21 {
        display: block;
        width: 87.5%
    }
    .cb-col-sm-push-21 {
        left: 87.5%
    }
    .cb-col-sm-pull-21 {
        right: 87.5%
    }
    .cb-col-sm-offset-21 {
        margin-left: 87.5%
    }
    .cb-col-sm-order-21 {
        -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
        order: 21
    }
    .cb-col-span-sm-20 {
        display: block;
        width: 83.33333333%
    }
    .cb-col-sm-push-20 {
        left: 83.33333333%
    }
    .cb-col-sm-pull-20 {
        right: 83.33333333%
    }
    .cb-col-sm-offset-20 {
        margin-left: 83.33333333%
    }
    .cb-col-sm-order-20 {
        -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20
    }
    .cb-col-span-sm-19 {
        display: block;
        width: 79.16666667%
    }
    .cb-col-sm-push-19 {
        left: 79.16666667%
    }
    .cb-col-sm-pull-19 {
        right: 79.16666667%
    }
    .cb-col-sm-offset-19 {
        margin-left: 79.16666667%
    }
    .cb-col-sm-order-19 {
        -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
        order: 19
    }
    .cb-col-span-sm-18 {
        display: block;
        width: 75%
    }
    .cb-col-sm-push-18 {
        left: 75%
    }
    .cb-col-sm-pull-18 {
        right: 75%
    }
    .cb-col-sm-offset-18 {
        margin-left: 75%
    }
    .cb-col-sm-order-18 {
        -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
        order: 18
    }
    .cb-col-span-sm-17 {
        display: block;
        width: 70.83333333%
    }
    .cb-col-sm-push-17 {
        left: 70.83333333%
    }
    .cb-col-sm-pull-17 {
        right: 70.83333333%
    }
    .cb-col-sm-offset-17 {
        margin-left: 70.83333333%
    }
    .cb-col-sm-order-17 {
        -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
        order: 17
    }
    .cb-col-span-sm-16 {
        display: block;
        width: 66.66666667%
    }
    .cb-col-sm-push-16 {
        left: 66.66666667%
    }
    .cb-col-sm-pull-16 {
        right: 66.66666667%
    }
    .cb-col-sm-offset-16 {
        margin-left: 66.66666667%
    }
    .cb-col-sm-order-16 {
        -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16
    }
    .cb-col-span-sm-15 {
        display: block;
        width: 62.5%
    }
    .cb-col-sm-push-15 {
        left: 62.5%
    }
    .cb-col-sm-pull-15 {
        right: 62.5%
    }
    .cb-col-sm-offset-15 {
        margin-left: 62.5%
    }
    .cb-col-sm-order-15 {
        -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15
    }
    .cb-col-span-sm-14 {
        display: block;
        width: 58.33333333%
    }
    .cb-col-sm-push-14 {
        left: 58.33333333%
    }
    .cb-col-sm-pull-14 {
        right: 58.33333333%
    }
    .cb-col-sm-offset-14 {
        margin-left: 58.33333333%
    }
    .cb-col-sm-order-14 {
        -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14
    }
    .cb-col-span-sm-13 {
        display: block;
        width: 54.16666667%
    }
    .cb-col-sm-push-13 {
        left: 54.16666667%
    }
    .cb-col-sm-pull-13 {
        right: 54.16666667%
    }
    .cb-col-sm-offset-13 {
        margin-left: 54.16666667%
    }
    .cb-col-sm-order-13 {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }
    .cb-col-span-sm-12 {
        display: block;
        width: 50%
    }
    .cb-col-sm-push-12 {
        left: 50%
    }
    .cb-col-sm-pull-12 {
        right: 50%
    }
    .cb-col-sm-offset-12 {
        margin-left: 50%
    }
    .cb-col-sm-order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
    .cb-col-span-sm-11 {
        display: block;
        width: 45.83333333%
    }
    .cb-col-sm-push-11 {
        left: 45.83333333%
    }
    .cb-col-sm-pull-11 {
        right: 45.83333333%
    }
    .cb-col-sm-offset-11 {
        margin-left: 45.83333333%
    }
    .cb-col-sm-order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }
    .cb-col-span-sm-10 {
        display: block;
        width: 41.66666667%
    }
    .cb-col-sm-push-10 {
        left: 41.66666667%
    }
    .cb-col-sm-pull-10 {
        right: 41.66666667%
    }
    .cb-col-sm-offset-10 {
        margin-left: 41.66666667%
    }
    .cb-col-sm-order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }
    .cb-col-span-sm-9 {
        display: block;
        width: 37.5%
    }
    .cb-col-sm-push-9 {
        left: 37.5%
    }
    .cb-col-sm-pull-9 {
        right: 37.5%
    }
    .cb-col-sm-offset-9 {
        margin-left: 37.5%
    }
    .cb-col-sm-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }
    .cb-col-span-sm-8 {
        display: block;
        width: 33.33333333%
    }
    .cb-col-sm-push-8 {
        left: 33.33333333%
    }
    .cb-col-sm-pull-8 {
        right: 33.33333333%
    }
    .cb-col-sm-offset-8 {
        margin-left: 33.33333333%
    }
    .cb-col-sm-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }
    .cb-col-span-sm-7 {
        display: block;
        width: 29.16666667%
    }
    .cb-col-sm-push-7 {
        left: 29.16666667%
    }
    .cb-col-sm-pull-7 {
        right: 29.16666667%
    }
    .cb-col-sm-offset-7 {
        margin-left: 29.16666667%
    }
    .cb-col-sm-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }
    .cb-col-span-sm-6 {
        display: block;
        width: 25%
    }
    .cb-col-sm-push-6 {
        left: 25%
    }
    .cb-col-sm-pull-6 {
        right: 25%
    }
    .cb-col-sm-offset-6 {
        margin-left: 25%
    }
    .cb-col-sm-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
    .cb-col-span-sm-5 {
        display: block;
        width: 20.83333333%
    }
    .cb-col-sm-push-5 {
        left: 20.83333333%
    }
    .cb-col-sm-pull-5 {
        right: 20.83333333%
    }
    .cb-col-sm-offset-5 {
        margin-left: 20.83333333%
    }
    .cb-col-sm-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
    .cb-col-span-sm-4 {
        display: block;
        width: 16.66666667%
    }
    .cb-col-sm-push-4 {
        left: 16.66666667%
    }
    .cb-col-sm-pull-4 {
        right: 16.66666667%
    }
    .cb-col-sm-offset-4 {
        margin-left: 16.66666667%
    }
    .cb-col-sm-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .cb-col-span-sm-3 {
        display: block;
        width: 12.5%
    }
    .cb-col-sm-push-3 {
        left: 12.5%
    }
    .cb-col-sm-pull-3 {
        right: 12.5%
    }
    .cb-col-sm-offset-3 {
        margin-left: 12.5%
    }
    .cb-col-sm-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .cb-col-span-sm-2 {
        display: block;
        width: 8.33333333%
    }
    .cb-col-sm-push-2 {
        left: 8.33333333%
    }
    .cb-col-sm-pull-2 {
        right: 8.33333333%
    }
    .cb-col-sm-offset-2 {
        margin-left: 8.33333333%
    }
    .cb-col-sm-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .cb-col-span-sm-1 {
        display: block;
        width: 4.16666667%
    }
    .cb-col-sm-push-1 {
        left: 4.16666667%
    }
    .cb-col-sm-pull-1 {
        right: 4.16666667%
    }
    .cb-col-sm-offset-1 {
        margin-left: 4.16666667%
    }
    .cb-col-sm-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .cb-col-span-sm-0 {
        display: none
    }
    .cb-col-sm-push-0 {
        left: auto
    }
    .cb-col-sm-pull-0 {
        right: auto
    }
}

@media (min-width:768px) {
    .cb-col-span-md-1,
    .cb-col-span-md-10,
    .cb-col-span-md-11,
    .cb-col-span-md-12,
    .cb-col-span-md-13,
    .cb-col-span-md-14,
    .cb-col-span-md-15,
    .cb-col-span-md-16,
    .cb-col-span-md-17,
    .cb-col-span-md-18,
    .cb-col-span-md-19,
    .cb-col-span-md-2,
    .cb-col-span-md-20,
    .cb-col-span-md-21,
    .cb-col-span-md-22,
    .cb-col-span-md-23,
    .cb-col-span-md-24,
    .cb-col-span-md-3,
    .cb-col-span-md-4,
    .cb-col-span-md-5,
    .cb-col-span-md-6,
    .cb-col-span-md-7,
    .cb-col-span-md-8,
    .cb-col-span-md-9 {
        float: left;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .cb-col-span-md-24 {
        display: block;
        width: 100%
    }
    .cb-col-md-push-24 {
        left: 100%
    }
    .cb-col-md-pull-24 {
        right: 100%
    }
    .cb-col-md-offset-24 {
        margin-left: 100%
    }
    .cb-col-md-order-24 {
        -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
        order: 24
    }
    .cb-col-span-md-23 {
        display: block;
        width: 95.83333333%
    }
    .cb-col-md-push-23 {
        left: 95.83333333%
    }
    .cb-col-md-pull-23 {
        right: 95.83333333%
    }
    .cb-col-md-offset-23 {
        margin-left: 95.83333333%
    }
    .cb-col-md-order-23 {
        -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
        order: 23
    }
    .cb-col-span-md-22 {
        display: block;
        width: 91.66666667%
    }
    .cb-col-md-push-22 {
        left: 91.66666667%
    }
    .cb-col-md-pull-22 {
        right: 91.66666667%
    }
    .cb-col-md-offset-22 {
        margin-left: 91.66666667%
    }
    .cb-col-md-order-22 {
        -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
        order: 22
    }
    .cb-col-span-md-21 {
        display: block;
        width: 87.5%
    }
    .cb-col-md-push-21 {
        left: 87.5%
    }
    .cb-col-md-pull-21 {
        right: 87.5%
    }
    .cb-col-md-offset-21 {
        margin-left: 87.5%
    }
    .cb-col-md-order-21 {
        -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
        order: 21
    }
    .cb-col-span-md-20 {
        display: block;
        width: 83.33333333%
    }
    .cb-col-md-push-20 {
        left: 83.33333333%
    }
    .cb-col-md-pull-20 {
        right: 83.33333333%
    }
    .cb-col-md-offset-20 {
        margin-left: 83.33333333%
    }
    .cb-col-md-order-20 {
        -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20
    }
    .cb-col-span-md-19 {
        display: block;
        width: 79.16666667%
    }
    .cb-col-md-push-19 {
        left: 79.16666667%
    }
    .cb-col-md-pull-19 {
        right: 79.16666667%
    }
    .cb-col-md-offset-19 {
        margin-left: 79.16666667%
    }
    .cb-col-md-order-19 {
        -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
        order: 19
    }
    .cb-col-span-md-18 {
        display: block;
        width: 75%
    }
    .cb-col-md-push-18 {
        left: 75%
    }
    .cb-col-md-pull-18 {
        right: 75%
    }
    .cb-col-md-offset-18 {
        margin-left: 75%
    }
    .cb-col-md-order-18 {
        -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
        order: 18
    }
    .cb-col-span-md-17 {
        display: block;
        width: 70.83333333%
    }
    .cb-col-md-push-17 {
        left: 70.83333333%
    }
    .cb-col-md-pull-17 {
        right: 70.83333333%
    }
    .cb-col-md-offset-17 {
        margin-left: 70.83333333%
    }
    .cb-col-md-order-17 {
        -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
        order: 17
    }
    .cb-col-span-md-16 {
        display: block;
        width: 66.66666667%
    }
    .cb-col-md-push-16 {
        left: 66.66666667%
    }
    .cb-col-md-pull-16 {
        right: 66.66666667%
    }
    .cb-col-md-offset-16 {
        margin-left: 66.66666667%
    }
    .cb-col-md-order-16 {
        -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16
    }
    .cb-col-span-md-15 {
        display: block;
        width: 62.5%
    }
    .cb-col-md-push-15 {
        left: 62.5%
    }
    .cb-col-md-pull-15 {
        right: 62.5%
    }
    .cb-col-md-offset-15 {
        margin-left: 62.5%
    }
    .cb-col-md-order-15 {
        -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15
    }
    .cb-col-span-md-14 {
        display: block;
        width: 58.33333333%
    }
    .cb-col-md-push-14 {
        left: 58.33333333%
    }
    .cb-col-md-pull-14 {
        right: 58.33333333%
    }
    .cb-col-md-offset-14 {
        margin-left: 58.33333333%
    }
    .cb-col-md-order-14 {
        -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14
    }
    .cb-col-span-md-13 {
        display: block;
        width: 54.16666667%
    }
    .cb-col-md-push-13 {
        left: 54.16666667%
    }
    .cb-col-md-pull-13 {
        right: 54.16666667%
    }
    .cb-col-md-offset-13 {
        margin-left: 54.16666667%
    }
    .cb-col-md-order-13 {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }
    .cb-col-span-md-12 {
        display: block;
        width: 50%
    }
    .cb-col-md-push-12 {
        left: 50%
    }
    .cb-col-md-pull-12 {
        right: 50%
    }
    .cb-col-md-offset-12 {
        margin-left: 50%
    }
    .cb-col-md-order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
    .cb-col-span-md-11 {
        display: block;
        width: 45.83333333%
    }
    .cb-col-md-push-11 {
        left: 45.83333333%
    }
    .cb-col-md-pull-11 {
        right: 45.83333333%
    }
    .cb-col-md-offset-11 {
        margin-left: 45.83333333%
    }
    .cb-col-md-order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }
    .cb-col-span-md-10 {
        display: block;
        width: 41.66666667%
    }
    .cb-col-md-push-10 {
        left: 41.66666667%
    }
    .cb-col-md-pull-10 {
        right: 41.66666667%
    }
    .cb-col-md-offset-10 {
        margin-left: 41.66666667%
    }
    .cb-col-md-order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }
    .cb-col-span-md-9 {
        display: block;
        width: 37.5%
    }
    .cb-col-md-push-9 {
        left: 37.5%
    }
    .cb-col-md-pull-9 {
        right: 37.5%
    }
    .cb-col-md-offset-9 {
        margin-left: 37.5%
    }
    .cb-col-md-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }
    .cb-col-span-md-8 {
        display: block;
        width: 33.33333333%
    }
    .cb-col-md-push-8 {
        left: 33.33333333%
    }
    .cb-col-md-pull-8 {
        right: 33.33333333%
    }
    .cb-col-md-offset-8 {
        margin-left: 33.33333333%
    }
    .cb-col-md-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }
    .cb-col-span-md-7 {
        display: block;
        width: 29.16666667%
    }
    .cb-col-md-push-7 {
        left: 29.16666667%
    }
    .cb-col-md-pull-7 {
        right: 29.16666667%
    }
    .cb-col-md-offset-7 {
        margin-left: 29.16666667%
    }
    .cb-col-md-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }
    .cb-col-span-md-6 {
        display: block;
        width: 25%
    }
    .cb-col-md-push-6 {
        left: 25%
    }
    .cb-col-md-pull-6 {
        right: 25%
    }
    .cb-col-md-offset-6 {
        margin-left: 25%
    }
    .cb-col-md-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
    .cb-col-span-md-5 {
        display: block;
        width: 20.83333333%
    }
    .cb-col-md-push-5 {
        left: 20.83333333%
    }
    .cb-col-md-pull-5 {
        right: 20.83333333%
    }
    .cb-col-md-offset-5 {
        margin-left: 20.83333333%
    }
    .cb-col-md-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
    .cb-col-span-md-4 {
        display: block;
        width: 16.66666667%
    }
    .cb-col-md-push-4 {
        left: 16.66666667%
    }
    .cb-col-md-pull-4 {
        right: 16.66666667%
    }
    .cb-col-md-offset-4 {
        margin-left: 16.66666667%
    }
    .cb-col-md-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .cb-col-span-md-3 {
        display: block;
        width: 12.5%
    }
    .cb-col-md-push-3 {
        left: 12.5%
    }
    .cb-col-md-pull-3 {
        right: 12.5%
    }
    .cb-col-md-offset-3 {
        margin-left: 12.5%
    }
    .cb-col-md-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .cb-col-span-md-2 {
        display: block;
        width: 8.33333333%
    }
    .cb-col-md-push-2 {
        left: 8.33333333%
    }
    .cb-col-md-pull-2 {
        right: 8.33333333%
    }
    .cb-col-md-offset-2 {
        margin-left: 8.33333333%
    }
    .cb-col-md-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .cb-col-span-md-1 {
        display: block;
        width: 4.16666667%
    }
    .cb-col-md-push-1 {
        left: 4.16666667%
    }
    .cb-col-md-pull-1 {
        right: 4.16666667%
    }
    .cb-col-md-offset-1 {
        margin-left: 4.16666667%
    }
    .cb-col-md-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .cb-col-span-md-0 {
        display: none
    }
    .cb-col-md-push-0 {
        left: auto
    }
    .cb-col-md-pull-0 {
        right: auto
    }
}

@media (min-width:992px) {
    .cb-col-span-lg-1,
    .cb-col-span-lg-10,
    .cb-col-span-lg-11,
    .cb-col-span-lg-12,
    .cb-col-span-lg-13,
    .cb-col-span-lg-14,
    .cb-col-span-lg-15,
    .cb-col-span-lg-16,
    .cb-col-span-lg-17,
    .cb-col-span-lg-18,
    .cb-col-span-lg-19,
    .cb-col-span-lg-2,
    .cb-col-span-lg-20,
    .cb-col-span-lg-21,
    .cb-col-span-lg-22,
    .cb-col-span-lg-23,
    .cb-col-span-lg-24,
    .cb-col-span-lg-3,
    .cb-col-span-lg-4,
    .cb-col-span-lg-5,
    .cb-col-span-lg-6,
    .cb-col-span-lg-7,
    .cb-col-span-lg-8,
    .cb-col-span-lg-9 {
        float: left;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .cb-col-span-lg-24 {
        display: block;
        width: 100%
    }
    .cb-col-lg-push-24 {
        left: 100%
    }
    .cb-col-lg-pull-24 {
        right: 100%
    }
    .cb-col-lg-offset-24 {
        margin-left: 100%
    }
    .cb-col-lg-order-24 {
        -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
        order: 24
    }
    .cb-col-span-lg-23 {
        display: block;
        width: 95.83333333%
    }
    .cb-col-lg-push-23 {
        left: 95.83333333%
    }
    .cb-col-lg-pull-23 {
        right: 95.83333333%
    }
    .cb-col-lg-offset-23 {
        margin-left: 95.83333333%
    }
    .cb-col-lg-order-23 {
        -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
        order: 23
    }
    .cb-col-span-lg-22 {
        display: block;
        width: 91.66666667%
    }
    .cb-col-lg-push-22 {
        left: 91.66666667%
    }
    .cb-col-lg-pull-22 {
        right: 91.66666667%
    }
    .cb-col-lg-offset-22 {
        margin-left: 91.66666667%
    }
    .cb-col-lg-order-22 {
        -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
        order: 22
    }
    .cb-col-span-lg-21 {
        display: block;
        width: 87.5%
    }
    .cb-col-lg-push-21 {
        left: 87.5%
    }
    .cb-col-lg-pull-21 {
        right: 87.5%
    }
    .cb-col-lg-offset-21 {
        margin-left: 87.5%
    }
    .cb-col-lg-order-21 {
        -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
        order: 21
    }
    .cb-col-span-lg-20 {
        display: block;
        width: 83.33333333%
    }
    .cb-col-lg-push-20 {
        left: 83.33333333%
    }
    .cb-col-lg-pull-20 {
        right: 83.33333333%
    }
    .cb-col-lg-offset-20 {
        margin-left: 83.33333333%
    }
    .cb-col-lg-order-20 {
        -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20
    }
    .cb-col-span-lg-19 {
        display: block;
        width: 79.16666667%
    }
    .cb-col-lg-push-19 {
        left: 79.16666667%
    }
    .cb-col-lg-pull-19 {
        right: 79.16666667%
    }
    .cb-col-lg-offset-19 {
        margin-left: 79.16666667%
    }
    .cb-col-lg-order-19 {
        -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
        order: 19
    }
    .cb-col-span-lg-18 {
        display: block;
        width: 75%
    }
    .cb-col-lg-push-18 {
        left: 75%
    }
    .cb-col-lg-pull-18 {
        right: 75%
    }
    .cb-col-lg-offset-18 {
        margin-left: 75%
    }
    .cb-col-lg-order-18 {
        -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
        order: 18
    }
    .cb-col-span-lg-17 {
        display: block;
        width: 70.83333333%
    }
    .cb-col-lg-push-17 {
        left: 70.83333333%
    }
    .cb-col-lg-pull-17 {
        right: 70.83333333%
    }
    .cb-col-lg-offset-17 {
        margin-left: 70.83333333%
    }
    .cb-col-lg-order-17 {
        -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
        order: 17
    }
    .cb-col-span-lg-16 {
        display: block;
        width: 66.66666667%
    }
    .cb-col-lg-push-16 {
        left: 66.66666667%
    }
    .cb-col-lg-pull-16 {
        right: 66.66666667%
    }
    .cb-col-lg-offset-16 {
        margin-left: 66.66666667%
    }
    .cb-col-lg-order-16 {
        -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16
    }
    .cb-col-span-lg-15 {
        display: block;
        width: 62.5%
    }
    .cb-col-lg-push-15 {
        left: 62.5%
    }
    .cb-col-lg-pull-15 {
        right: 62.5%
    }
    .cb-col-lg-offset-15 {
        margin-left: 62.5%
    }
    .cb-col-lg-order-15 {
        -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15
    }
    .cb-col-span-lg-14 {
        display: block;
        width: 58.33333333%
    }
    .cb-col-lg-push-14 {
        left: 58.33333333%
    }
    .cb-col-lg-pull-14 {
        right: 58.33333333%
    }
    .cb-col-lg-offset-14 {
        margin-left: 58.33333333%
    }
    .cb-col-lg-order-14 {
        -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14
    }
    .cb-col-span-lg-13 {
        display: block;
        width: 54.16666667%
    }
    .cb-col-lg-push-13 {
        left: 54.16666667%
    }
    .cb-col-lg-pull-13 {
        right: 54.16666667%
    }
    .cb-col-lg-offset-13 {
        margin-left: 54.16666667%
    }
    .cb-col-lg-order-13 {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }
    .cb-col-span-lg-12 {
        display: block;
        width: 50%
    }
    .cb-col-lg-push-12 {
        left: 50%
    }
    .cb-col-lg-pull-12 {
        right: 50%
    }
    .cb-col-lg-offset-12 {
        margin-left: 50%
    }
    .cb-col-lg-order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
    .cb-col-span-lg-11 {
        display: block;
        width: 45.83333333%
    }
    .cb-col-lg-push-11 {
        left: 45.83333333%
    }
    .cb-col-lg-pull-11 {
        right: 45.83333333%
    }
    .cb-col-lg-offset-11 {
        margin-left: 45.83333333%
    }
    .cb-col-lg-order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }
    .cb-col-span-lg-10 {
        display: block;
        width: 41.66666667%
    }
    .cb-col-lg-push-10 {
        left: 41.66666667%
    }
    .cb-col-lg-pull-10 {
        right: 41.66666667%
    }
    .cb-col-lg-offset-10 {
        margin-left: 41.66666667%
    }
    .cb-col-lg-order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }
    .cb-col-span-lg-9 {
        display: block;
        width: 37.5%
    }
    .cb-col-lg-push-9 {
        left: 37.5%
    }
    .cb-col-lg-pull-9 {
        right: 37.5%
    }
    .cb-col-lg-offset-9 {
        margin-left: 37.5%
    }
    .cb-col-lg-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }
    .cb-col-span-lg-8 {
        display: block;
        width: 33.33333333%
    }
    .cb-col-lg-push-8 {
        left: 33.33333333%
    }
    .cb-col-lg-pull-8 {
        right: 33.33333333%
    }
    .cb-col-lg-offset-8 {
        margin-left: 33.33333333%
    }
    .cb-col-lg-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }
    .cb-col-span-lg-7 {
        display: block;
        width: 29.16666667%
    }
    .cb-col-lg-push-7 {
        left: 29.16666667%
    }
    .cb-col-lg-pull-7 {
        right: 29.16666667%
    }
    .cb-col-lg-offset-7 {
        margin-left: 29.16666667%
    }
    .cb-col-lg-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }
    .cb-col-span-lg-6 {
        display: block;
        width: 25%
    }
    .cb-col-lg-push-6 {
        left: 25%
    }
    .cb-col-lg-pull-6 {
        right: 25%
    }
    .cb-col-lg-offset-6 {
        margin-left: 25%
    }
    .cb-col-lg-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
    .cb-col-span-lg-5 {
        display: block;
        width: 20.83333333%
    }
    .cb-col-lg-push-5 {
        left: 20.83333333%
    }
    .cb-col-lg-pull-5 {
        right: 20.83333333%
    }
    .cb-col-lg-offset-5 {
        margin-left: 20.83333333%
    }
    .cb-col-lg-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
    .cb-col-span-lg-4 {
        display: block;
        width: 16.66666667%
    }
    .cb-col-lg-push-4 {
        left: 16.66666667%
    }
    .cb-col-lg-pull-4 {
        right: 16.66666667%
    }
    .cb-col-lg-offset-4 {
        margin-left: 16.66666667%
    }
    .cb-col-lg-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .cb-col-span-lg-3 {
        display: block;
        width: 12.5%
    }
    .cb-col-lg-push-3 {
        left: 12.5%
    }
    .cb-col-lg-pull-3 {
        right: 12.5%
    }
    .cb-col-lg-offset-3 {
        margin-left: 12.5%
    }
    .cb-col-lg-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .cb-col-span-lg-2 {
        display: block;
        width: 8.33333333%
    }
    .cb-col-lg-push-2 {
        left: 8.33333333%
    }
    .cb-col-lg-pull-2 {
        right: 8.33333333%
    }
    .cb-col-lg-offset-2 {
        margin-left: 8.33333333%
    }
    .cb-col-lg-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .cb-col-span-lg-1 {
        display: block;
        width: 4.16666667%
    }
    .cb-col-lg-push-1 {
        left: 4.16666667%
    }
    .cb-col-lg-pull-1 {
        right: 4.16666667%
    }
    .cb-col-lg-offset-1 {
        margin-left: 4.16666667%
    }
    .cb-col-lg-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .cb-col-span-lg-0 {
        display: none
    }
    .cb-col-lg-push-0 {
        left: auto
    }
    .cb-col-lg-pull-0 {
        right: auto
    }
}

@media (min-width:1200px) {
    .cb-col-span-xl-1,
    .cb-col-span-xl-10,
    .cb-col-span-xl-11,
    .cb-col-span-xl-12,
    .cb-col-span-xl-13,
    .cb-col-span-xl-14,
    .cb-col-span-xl-15,
    .cb-col-span-xl-16,
    .cb-col-span-xl-17,
    .cb-col-span-xl-18,
    .cb-col-span-xl-19,
    .cb-col-span-xl-2,
    .cb-col-span-xl-20,
    .cb-col-span-xl-21,
    .cb-col-span-xl-22,
    .cb-col-span-xl-23,
    .cb-col-span-xl-24,
    .cb-col-span-xl-3,
    .cb-col-span-xl-4,
    .cb-col-span-xl-5,
    .cb-col-span-xl-6,
    .cb-col-span-xl-7,
    .cb-col-span-xl-8,
    .cb-col-span-xl-9 {
        float: left;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .cb-col-span-xl-24 {
        display: block;
        width: 100%
    }
    .cb-col-xl-push-24 {
        left: 100%
    }
    .cb-col-xl-pull-24 {
        right: 100%
    }
    .cb-col-xl-offset-24 {
        margin-left: 100%
    }
    .cb-col-xl-order-24 {
        -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
        order: 24
    }
    .cb-col-span-xl-23 {
        display: block;
        width: 95.83333333%
    }
    .cb-col-xl-push-23 {
        left: 95.83333333%
    }
    .cb-col-xl-pull-23 {
        right: 95.83333333%
    }
    .cb-col-xl-offset-23 {
        margin-left: 95.83333333%
    }
    .cb-col-xl-order-23 {
        -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
        order: 23
    }
    .cb-col-span-xl-22 {
        display: block;
        width: 91.66666667%
    }
    .cb-col-xl-push-22 {
        left: 91.66666667%
    }
    .cb-col-xl-pull-22 {
        right: 91.66666667%
    }
    .cb-col-xl-offset-22 {
        margin-left: 91.66666667%
    }
    .cb-col-xl-order-22 {
        -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
        order: 22
    }
    .cb-col-span-xl-21 {
        display: block;
        width: 87.5%
    }
    .cb-col-xl-push-21 {
        left: 87.5%
    }
    .cb-col-xl-pull-21 {
        right: 87.5%
    }
    .cb-col-xl-offset-21 {
        margin-left: 87.5%
    }
    .cb-col-xl-order-21 {
        -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
        order: 21
    }
    .cb-col-span-xl-20 {
        display: block;
        width: 83.33333333%
    }
    .cb-col-xl-push-20 {
        left: 83.33333333%
    }
    .cb-col-xl-pull-20 {
        right: 83.33333333%
    }
    .cb-col-xl-offset-20 {
        margin-left: 83.33333333%
    }
    .cb-col-xl-order-20 {
        -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20
    }
    .cb-col-span-xl-19 {
        display: block;
        width: 79.16666667%
    }
    .cb-col-xl-push-19 {
        left: 79.16666667%
    }
    .cb-col-xl-pull-19 {
        right: 79.16666667%
    }
    .cb-col-xl-offset-19 {
        margin-left: 79.16666667%
    }
    .cb-col-xl-order-19 {
        -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
        order: 19
    }
    .cb-col-span-xl-18 {
        display: block;
        width: 75%
    }
    .cb-col-xl-push-18 {
        left: 75%
    }
    .cb-col-xl-pull-18 {
        right: 75%
    }
    .cb-col-xl-offset-18 {
        margin-left: 75%
    }
    .cb-col-xl-order-18 {
        -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
        order: 18
    }
    .cb-col-span-xl-17 {
        display: block;
        width: 70.83333333%
    }
    .cb-col-xl-push-17 {
        left: 70.83333333%
    }
    .cb-col-xl-pull-17 {
        right: 70.83333333%
    }
    .cb-col-xl-offset-17 {
        margin-left: 70.83333333%
    }
    .cb-col-xl-order-17 {
        -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
        order: 17
    }
    .cb-col-span-xl-16 {
        display: block;
        width: 66.66666667%
    }
    .cb-col-xl-push-16 {
        left: 66.66666667%
    }
    .cb-col-xl-pull-16 {
        right: 66.66666667%
    }
    .cb-col-xl-offset-16 {
        margin-left: 66.66666667%
    }
    .cb-col-xl-order-16 {
        -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16
    }
    .cb-col-span-xl-15 {
        display: block;
        width: 62.5%
    }
    .cb-col-xl-push-15 {
        left: 62.5%
    }
    .cb-col-xl-pull-15 {
        right: 62.5%
    }
    .cb-col-xl-offset-15 {
        margin-left: 62.5%
    }
    .cb-col-xl-order-15 {
        -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15
    }
    .cb-col-span-xl-14 {
        display: block;
        width: 58.33333333%
    }
    .cb-col-xl-push-14 {
        left: 58.33333333%
    }
    .cb-col-xl-pull-14 {
        right: 58.33333333%
    }
    .cb-col-xl-offset-14 {
        margin-left: 58.33333333%
    }
    .cb-col-xl-order-14 {
        -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14
    }
    .cb-col-span-xl-13 {
        display: block;
        width: 54.16666667%
    }
    .cb-col-xl-push-13 {
        left: 54.16666667%
    }
    .cb-col-xl-pull-13 {
        right: 54.16666667%
    }
    .cb-col-xl-offset-13 {
        margin-left: 54.16666667%
    }
    .cb-col-xl-order-13 {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }
    .cb-col-span-xl-12 {
        display: block;
        width: 50%
    }
    .cb-col-xl-push-12 {
        left: 50%
    }
    .cb-col-xl-pull-12 {
        right: 50%
    }
    .cb-col-xl-offset-12 {
        margin-left: 50%
    }
    .cb-col-xl-order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
    .cb-col-span-xl-11 {
        display: block;
        width: 45.83333333%
    }
    .cb-col-xl-push-11 {
        left: 45.83333333%
    }
    .cb-col-xl-pull-11 {
        right: 45.83333333%
    }
    .cb-col-xl-offset-11 {
        margin-left: 45.83333333%
    }
    .cb-col-xl-order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }
    .cb-col-span-xl-10 {
        display: block;
        width: 41.66666667%
    }
    .cb-col-xl-push-10 {
        left: 41.66666667%
    }
    .cb-col-xl-pull-10 {
        right: 41.66666667%
    }
    .cb-col-xl-offset-10 {
        margin-left: 41.66666667%
    }
    .cb-col-xl-order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }
    .cb-col-span-xl-9 {
        display: block;
        width: 37.5%
    }
    .cb-col-xl-push-9 {
        left: 37.5%
    }
    .cb-col-xl-pull-9 {
        right: 37.5%
    }
    .cb-col-xl-offset-9 {
        margin-left: 37.5%
    }
    .cb-col-xl-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }
    .cb-col-span-xl-8 {
        display: block;
        width: 33.33333333%
    }
    .cb-col-xl-push-8 {
        left: 33.33333333%
    }
    .cb-col-xl-pull-8 {
        right: 33.33333333%
    }
    .cb-col-xl-offset-8 {
        margin-left: 33.33333333%
    }
    .cb-col-xl-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }
    .cb-col-span-xl-7 {
        display: block;
        width: 29.16666667%
    }
    .cb-col-xl-push-7 {
        left: 29.16666667%
    }
    .cb-col-xl-pull-7 {
        right: 29.16666667%
    }
    .cb-col-xl-offset-7 {
        margin-left: 29.16666667%
    }
    .cb-col-xl-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }
    .cb-col-span-xl-6 {
        display: block;
        width: 25%
    }
    .cb-col-xl-push-6 {
        left: 25%
    }
    .cb-col-xl-pull-6 {
        right: 25%
    }
    .cb-col-xl-offset-6 {
        margin-left: 25%
    }
    .cb-col-xl-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
    .cb-col-span-xl-5 {
        display: block;
        width: 20.83333333%
    }
    .cb-col-xl-push-5 {
        left: 20.83333333%
    }
    .cb-col-xl-pull-5 {
        right: 20.83333333%
    }
    .cb-col-xl-offset-5 {
        margin-left: 20.83333333%
    }
    .cb-col-xl-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
    .cb-col-span-xl-4 {
        display: block;
        width: 16.66666667%
    }
    .cb-col-xl-push-4 {
        left: 16.66666667%
    }
    .cb-col-xl-pull-4 {
        right: 16.66666667%
    }
    .cb-col-xl-offset-4 {
        margin-left: 16.66666667%
    }
    .cb-col-xl-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .cb-col-span-xl-3 {
        display: block;
        width: 12.5%
    }
    .cb-col-xl-push-3 {
        left: 12.5%
    }
    .cb-col-xl-pull-3 {
        right: 12.5%
    }
    .cb-col-xl-offset-3 {
        margin-left: 12.5%
    }
    .cb-col-xl-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .cb-col-span-xl-2 {
        display: block;
        width: 8.33333333%
    }
    .cb-col-xl-push-2 {
        left: 8.33333333%
    }
    .cb-col-xl-pull-2 {
        right: 8.33333333%
    }
    .cb-col-xl-offset-2 {
        margin-left: 8.33333333%
    }
    .cb-col-xl-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .cb-col-span-xl-1 {
        display: block;
        width: 4.16666667%
    }
    .cb-col-xl-push-1 {
        left: 4.16666667%
    }
    .cb-col-xl-pull-1 {
        right: 4.16666667%
    }
    .cb-col-xl-offset-1 {
        margin-left: 4.16666667%
    }
    .cb-col-xl-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .cb-col-span-xl-0 {
        display: none
    }
    .cb-col-xl-push-0 {
        left: auto
    }
    .cb-col-xl-pull-0 {
        right: auto
    }
}

@media (min-width:1600px) {
    .cb-col-span-xxl-1,
    .cb-col-span-xxl-10,
    .cb-col-span-xxl-11,
    .cb-col-span-xxl-12,
    .cb-col-span-xxl-13,
    .cb-col-span-xxl-14,
    .cb-col-span-xxl-15,
    .cb-col-span-xxl-16,
    .cb-col-span-xxl-17,
    .cb-col-span-xxl-18,
    .cb-col-span-xxl-19,
    .cb-col-span-xxl-2,
    .cb-col-span-xxl-20,
    .cb-col-span-xxl-21,
    .cb-col-span-xxl-22,
    .cb-col-span-xxl-23,
    .cb-col-span-xxl-24,
    .cb-col-span-xxl-3,
    .cb-col-span-xxl-4,
    .cb-col-span-xxl-5,
    .cb-col-span-xxl-6,
    .cb-col-span-xxl-7,
    .cb-col-span-xxl-8,
    .cb-col-span-xxl-9 {
        float: left;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .cb-col-span-xxl-24 {
        display: block;
        width: 100%
    }
    .cb-col-xxl-push-24 {
        left: 100%
    }
    .cb-col-xxl-pull-24 {
        right: 100%
    }
    .cb-col-xxl-offset-24 {
        margin-left: 100%
    }
    .cb-col-xxl-order-24 {
        -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
        order: 24
    }
    .cb-col-span-xxl-23 {
        display: block;
        width: 95.83333333%
    }
    .cb-col-xxl-push-23 {
        left: 95.83333333%
    }
    .cb-col-xxl-pull-23 {
        right: 95.83333333%
    }
    .cb-col-xxl-offset-23 {
        margin-left: 95.83333333%
    }
    .cb-col-xxl-order-23 {
        -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
        order: 23
    }
    .cb-col-span-xxl-22 {
        display: block;
        width: 91.66666667%
    }
    .cb-col-xxl-push-22 {
        left: 91.66666667%
    }
    .cb-col-xxl-pull-22 {
        right: 91.66666667%
    }
    .cb-col-xxl-offset-22 {
        margin-left: 91.66666667%
    }
    .cb-col-xxl-order-22 {
        -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
        order: 22
    }
    .cb-col-span-xxl-21 {
        display: block;
        width: 87.5%
    }
    .cb-col-xxl-push-21 {
        left: 87.5%
    }
    .cb-col-xxl-pull-21 {
        right: 87.5%
    }
    .cb-col-xxl-offset-21 {
        margin-left: 87.5%
    }
    .cb-col-xxl-order-21 {
        -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
        order: 21
    }
    .cb-col-span-xxl-20 {
        display: block;
        width: 83.33333333%
    }
    .cb-col-xxl-push-20 {
        left: 83.33333333%
    }
    .cb-col-xxl-pull-20 {
        right: 83.33333333%
    }
    .cb-col-xxl-offset-20 {
        margin-left: 83.33333333%
    }
    .cb-col-xxl-order-20 {
        -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20
    }
    .cb-col-span-xxl-19 {
        display: block;
        width: 79.16666667%
    }
    .cb-col-xxl-push-19 {
        left: 79.16666667%
    }
    .cb-col-xxl-pull-19 {
        right: 79.16666667%
    }
    .cb-col-xxl-offset-19 {
        margin-left: 79.16666667%
    }
    .cb-col-xxl-order-19 {
        -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
        order: 19
    }
    .cb-col-span-xxl-18 {
        display: block;
        width: 75%
    }
    .cb-col-xxl-push-18 {
        left: 75%
    }
    .cb-col-xxl-pull-18 {
        right: 75%
    }
    .cb-col-xxl-offset-18 {
        margin-left: 75%
    }
    .cb-col-xxl-order-18 {
        -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
        order: 18
    }
    .cb-col-span-xxl-17 {
        display: block;
        width: 70.83333333%
    }
    .cb-col-xxl-push-17 {
        left: 70.83333333%
    }
    .cb-col-xxl-pull-17 {
        right: 70.83333333%
    }
    .cb-col-xxl-offset-17 {
        margin-left: 70.83333333%
    }
    .cb-col-xxl-order-17 {
        -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
        order: 17
    }
    .cb-col-span-xxl-16 {
        display: block;
        width: 66.66666667%
    }
    .cb-col-xxl-push-16 {
        left: 66.66666667%
    }
    .cb-col-xxl-pull-16 {
        right: 66.66666667%
    }
    .cb-col-xxl-offset-16 {
        margin-left: 66.66666667%
    }
    .cb-col-xxl-order-16 {
        -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16
    }
    .cb-col-span-xxl-15 {
        display: block;
        width: 62.5%
    }
    .cb-col-xxl-push-15 {
        left: 62.5%
    }
    .cb-col-xxl-pull-15 {
        right: 62.5%
    }
    .cb-col-xxl-offset-15 {
        margin-left: 62.5%
    }
    .cb-col-xxl-order-15 {
        -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15
    }
    .cb-col-span-xxl-14 {
        display: block;
        width: 58.33333333%
    }
    .cb-col-xxl-push-14 {
        left: 58.33333333%
    }
    .cb-col-xxl-pull-14 {
        right: 58.33333333%
    }
    .cb-col-xxl-offset-14 {
        margin-left: 58.33333333%
    }
    .cb-col-xxl-order-14 {
        -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14
    }
    .cb-col-span-xxl-13 {
        display: block;
        width: 54.16666667%
    }
    .cb-col-xxl-push-13 {
        left: 54.16666667%
    }
    .cb-col-xxl-pull-13 {
        right: 54.16666667%
    }
    .cb-col-xxl-offset-13 {
        margin-left: 54.16666667%
    }
    .cb-col-xxl-order-13 {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }
    .cb-col-span-xxl-12 {
        display: block;
        width: 50%
    }
    .cb-col-xxl-push-12 {
        left: 50%
    }
    .cb-col-xxl-pull-12 {
        right: 50%
    }
    .cb-col-xxl-offset-12 {
        margin-left: 50%
    }
    .cb-col-xxl-order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
    .cb-col-span-xxl-11 {
        display: block;
        width: 45.83333333%
    }
    .cb-col-xxl-push-11 {
        left: 45.83333333%
    }
    .cb-col-xxl-pull-11 {
        right: 45.83333333%
    }
    .cb-col-xxl-offset-11 {
        margin-left: 45.83333333%
    }
    .cb-col-xxl-order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }
    .cb-col-span-xxl-10 {
        display: block;
        width: 41.66666667%
    }
    .cb-col-xxl-push-10 {
        left: 41.66666667%
    }
    .cb-col-xxl-pull-10 {
        right: 41.66666667%
    }
    .cb-col-xxl-offset-10 {
        margin-left: 41.66666667%
    }
    .cb-col-xxl-order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }
    .cb-col-span-xxl-9 {
        display: block;
        width: 37.5%
    }
    .cb-col-xxl-push-9 {
        left: 37.5%
    }
    .cb-col-xxl-pull-9 {
        right: 37.5%
    }
    .cb-col-xxl-offset-9 {
        margin-left: 37.5%
    }
    .cb-col-xxl-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }
    .cb-col-span-xxl-8 {
        display: block;
        width: 33.33333333%
    }
    .cb-col-xxl-push-8 {
        left: 33.33333333%
    }
    .cb-col-xxl-pull-8 {
        right: 33.33333333%
    }
    .cb-col-xxl-offset-8 {
        margin-left: 33.33333333%
    }
    .cb-col-xxl-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }
    .cb-col-span-xxl-7 {
        display: block;
        width: 29.16666667%
    }
    .cb-col-xxl-push-7 {
        left: 29.16666667%
    }
    .cb-col-xxl-pull-7 {
        right: 29.16666667%
    }
    .cb-col-xxl-offset-7 {
        margin-left: 29.16666667%
    }
    .cb-col-xxl-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }
    .cb-col-span-xxl-6 {
        display: block;
        width: 25%
    }
    .cb-col-xxl-push-6 {
        left: 25%
    }
    .cb-col-xxl-pull-6 {
        right: 25%
    }
    .cb-col-xxl-offset-6 {
        margin-left: 25%
    }
    .cb-col-xxl-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
    .cb-col-span-xxl-5 {
        display: block;
        width: 20.83333333%
    }
    .cb-col-xxl-push-5 {
        left: 20.83333333%
    }
    .cb-col-xxl-pull-5 {
        right: 20.83333333%
    }
    .cb-col-xxl-offset-5 {
        margin-left: 20.83333333%
    }
    .cb-col-xxl-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
    .cb-col-span-xxl-4 {
        display: block;
        width: 16.66666667%
    }
    .cb-col-xxl-push-4 {
        left: 16.66666667%
    }
    .cb-col-xxl-pull-4 {
        right: 16.66666667%
    }
    .cb-col-xxl-offset-4 {
        margin-left: 16.66666667%
    }
    .cb-col-xxl-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .cb-col-span-xxl-3 {
        display: block;
        width: 12.5%
    }
    .cb-col-xxl-push-3 {
        left: 12.5%
    }
    .cb-col-xxl-pull-3 {
        right: 12.5%
    }
    .cb-col-xxl-offset-3 {
        margin-left: 12.5%
    }
    .cb-col-xxl-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .cb-col-span-xxl-2 {
        display: block;
        width: 8.33333333%
    }
    .cb-col-xxl-push-2 {
        left: 8.33333333%
    }
    .cb-col-xxl-pull-2 {
        right: 8.33333333%
    }
    .cb-col-xxl-offset-2 {
        margin-left: 8.33333333%
    }
    .cb-col-xxl-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .cb-col-span-xxl-1 {
        display: block;
        width: 4.16666667%
    }
    .cb-col-xxl-push-1 {
        left: 4.16666667%
    }
    .cb-col-xxl-pull-1 {
        right: 4.16666667%
    }
    .cb-col-xxl-offset-1 {
        margin-left: 4.16666667%
    }
    .cb-col-xxl-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .cb-col-span-xxl-0 {
        display: none
    }
    .cb-col-xxl-push-0 {
        left: auto
    }
    .cb-col-xxl-pull-0 {
        right: auto
    }
}

.fade-appear,
.fade-enter-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.fade-leave-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.fade-appear,
.fade-enter-active {
    -webkit-animation-name: cbFadeIn;
    animation-name: cbFadeIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.fade-leave-active {
    -webkit-animation-name: cbFadeOut;
    animation-name: cbFadeOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.fade-appear,
.fade-enter-active {
    opacity: 0;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.fade-leave-active {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes cbFadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes cbFadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes cbFadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes cbFadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.move-up-min-appear,
.move-up-min-enter-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-up-min-leave-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-up-min-appear,
.move-up-min-enter-active {
    -webkit-animation-name: cbMoveUpMinIn;
    animation-name: cbMoveUpMinIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-up-min-leave-active {
    -webkit-animation-name: cbMoveUpMinOut;
    animation-name: cbMoveUpMinOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-up-min-appear,
.move-up-min-enter-active {
    -webkit-animation-duration: calc(var(--lldesign-animation-time) * 2);
    animation-duration: calc(var(--lldesign-animation-time) * 2);
    opacity: 0;
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.move-up-min-leave-active {
    -webkit-animation-duration: calc(var(--lldesign-animation-time) * 4);
    animation-duration: calc(var(--lldesign-animation-time) * 4);
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.move-up-appear,
.move-up-enter-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-up-leave-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-up-appear,
.move-up-enter-active {
    -webkit-animation-name: cbMoveUpIn;
    animation-name: cbMoveUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-up-leave-active {
    -webkit-animation-name: cbMoveUpOut;
    animation-name: cbMoveUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-up-appear,
.move-up-enter-active {
    -webkit-animation-duration: calc(var(--lldesign-animation-time) * 2);
    animation-duration: calc(var(--lldesign-animation-time) * 2);
    opacity: 0;
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.move-up-leave-active {
    -webkit-animation-duration: calc(var(--lldesign-animation-time) * 4);
    animation-duration: calc(var(--lldesign-animation-time) * 4);
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.move-down-min-appear,
.move-down-min-enter-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-down-min-leave-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-down-min-appear,
.move-down-min-enter-active {
    -webkit-animation-name: cbMoveDownMinIn;
    animation-name: cbMoveDownMinIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-down-min-leave-active {
    -webkit-animation-name: cbMoveDownMinOut;
    animation-name: cbMoveDownMinOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-down-min-appear,
.move-down-min-enter-active {
    -webkit-animation-duration: calc(var(--lldesign-animation-time) * 2);
    animation-duration: calc(var(--lldesign-animation-time) * 2);
    opacity: 0;
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.move-down-min-leave-active {
    -webkit-animation-duration: calc(var(--lldesign-animation-time) * 4);
    animation-duration: calc(var(--lldesign-animation-time) * 4);
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.move-down-appear,
.move-down-enter-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-down-leave-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-down-appear,
.move-down-enter-active {
    -webkit-animation-name: cbMoveDownIn;
    animation-name: cbMoveDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-down-leave-active {
    -webkit-animation-name: cbMoveDownOut;
    animation-name: cbMoveDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-down-appear,
.move-down-enter-active {
    -webkit-animation-duration: calc(var(--lldesign-animation-time) * 2);
    animation-duration: calc(var(--lldesign-animation-time) * 2);
    opacity: 0;
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.move-down-leave-active {
    -webkit-animation-duration: calc(var(--lldesign-animation-time) * 4);
    animation-duration: calc(var(--lldesign-animation-time) * 4);
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.move-left-appear,
.move-left-enter-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-left-leave-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-left-appear,
.move-left-enter-active {
    -webkit-animation-name: cbMoveLeftIn;
    animation-name: cbMoveLeftIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-left-leave-active {
    -webkit-animation-name: cbMoveLeftOut;
    animation-name: cbMoveLeftOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-left-appear,
.move-left-enter-active {
    -webkit-animation-duration: calc(var(--lldesign-animation-time) * 2);
    animation-duration: calc(var(--lldesign-animation-time) * 2);
    opacity: 0;
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.move-left-leave-active {
    -webkit-animation-duration: calc(var(--lldesign-animation-time) * 4);
    animation-duration: calc(var(--lldesign-animation-time) * 4);
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.move-right-appear,
.move-right-enter-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-right-leave-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-right-appear,
.move-right-enter-active {
    -webkit-animation-name: cbMoveRightIn;
    animation-name: cbMoveRightIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-right-leave-active {
    -webkit-animation-name: cbMoveRightOut;
    animation-name: cbMoveRightOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-right-appear,
.move-right-enter-active {
    -webkit-animation-duration: calc(var(--lldesign-animation-time) * 2);
    animation-duration: calc(var(--lldesign-animation-time) * 2);
    opacity: 0;
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.move-right-leave-active {
    -webkit-animation-duration: calc(var(--lldesign-animation-time) * 4);
    animation-duration: calc(var(--lldesign-animation-time) * 4);
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

@-webkit-keyframes cbMoveDownMinIn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(15%);
        transform: translateY(15%);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes cbMoveDownMinIn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(15%);
        transform: translateY(15%);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes cbMoveDownMinOut {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(15%);
        transform: translateY(15%);
        opacity: 0
    }
}

@keyframes cbMoveDownMinOut {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(15%);
        transform: translateY(15%);
        opacity: 0
    }
}

@-webkit-keyframes cbMoveDownIn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes cbMoveDownIn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes cbMoveDownOut {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }
}

@keyframes cbMoveDownOut {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }
}

@-webkit-keyframes cbMoveLeftIn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes cbMoveLeftIn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes cbMoveLeftOut {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
}

@keyframes cbMoveLeftOut {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
}

@-webkit-keyframes cbMoveRightIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes cbMoveRightIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes cbMoveRightOut {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }
}

@keyframes cbMoveRightOut {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }
}

@-webkit-keyframes cbMoveUpMinIn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes cbMoveUpMinIn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes cbMoveUpMinOut {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
        opacity: 0
    }
}

@keyframes cbMoveUpMinOut {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
        opacity: 0
    }
}

@-webkit-keyframes cbMoveUpIn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes cbMoveUpIn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes cbMoveUpOut {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }
}

@keyframes cbMoveUpOut {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }
}

.move-notice-appear,
.move-notice-enter-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-notice-leave-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-notice-appear,
.move-notice-enter-active {
    -webkit-animation-name: cbMoveNoticeIn;
    animation-name: cbMoveNoticeIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-notice-leave-active {
    -webkit-animation-name: cbMoveNoticeOut;
    animation-name: cbMoveNoticeOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-notice-appear,
.move-notice-enter-active {
    -webkit-animation-duration: calc(var(--lldesign-animation-time) * 2);
    animation-duration: calc(var(--lldesign-animation-time) * 2);
    opacity: 0;
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.move-notice-leave-active {
    -webkit-animation-duration: calc(var(--lldesign-animation-time) * 4);
    animation-duration: calc(var(--lldesign-animation-time) * 4);
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

@-webkit-keyframes cbMoveNoticeIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    86% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes cbMoveNoticeIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    86% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes cbMoveNoticeOut {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        opacity: 0;
        height: 0
    }
}

@keyframes cbMoveNoticeOut {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        opacity: 0;
        height: 0
    }
}

.ease-appear,
.ease-enter-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ease-leave-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ease-appear,
.ease-enter-active {
    -webkit-animation-name: cbEaseIn;
    animation-name: cbEaseIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ease-leave-active {
    -webkit-animation-name: cbEaseOut;
    animation-name: cbEaseOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ease-appear,
.ease-enter-active {
    opacity: 0;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time)
}

.ease-leave-active {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time)
}

@-webkit-keyframes cbEaseIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes cbEaseIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes cbEaseOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes cbEaseOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

.transition-drop-appear,
.transition-drop-enter-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.transition-drop-leave-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.transition-drop-appear,
.transition-drop-enter-active {
    -webkit-animation-name: cbTransitionDropIn;
    animation-name: cbTransitionDropIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.transition-drop-leave-active {
    -webkit-animation-name: cbTransitionDropOut;
    animation-name: cbTransitionDropOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.transition-drop-appear,
.transition-drop-enter-active {
    opacity: 0;
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.transition-drop-leave-active {
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.slide-up-appear,
.slide-up-enter-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.slide-up-leave-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.slide-up-appear,
.slide-up-enter-active {
    -webkit-animation-name: cbSlideUpIn;
    animation-name: cbSlideUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.slide-up-leave-active {
    -webkit-animation-name: cbSlideUpOut;
    animation-name: cbSlideUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.slide-up-appear,
.slide-up-enter-active {
    opacity: 0;
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.slide-up-leave-active {
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.slide-down-appear,
.slide-down-enter-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.slide-down-leave-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.slide-down-appear,
.slide-down-enter-active {
    -webkit-animation-name: cbSlideDownIn;
    animation-name: cbSlideDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.slide-down-leave-active {
    -webkit-animation-name: cbSlideDownOut;
    animation-name: cbSlideDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.slide-down-appear,
.slide-down-enter-active {
    opacity: 0;
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.slide-down-leave-active {
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.slide-left-appear,
.slide-left-enter-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.slide-left-leave-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.slide-left-appear,
.slide-left-enter-active {
    -webkit-animation-name: cbSlideLeftIn;
    animation-name: cbSlideLeftIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.slide-left-leave-active {
    -webkit-animation-name: cbSlideLeftOut;
    animation-name: cbSlideLeftOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.slide-left-appear,
.slide-left-enter-active {
    opacity: 0;
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.slide-left-leave-active {
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.slide-right-appear,
.slide-right-enter-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.slide-right-leave-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.slide-right-appear,
.slide-right-enter-active {
    -webkit-animation-name: cbSlideRightIn;
    animation-name: cbSlideRightIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.slide-right-leave-active {
    -webkit-animation-name: cbSlideRightOut;
    animation-name: cbSlideRightOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.slide-right-appear,
.slide-right-enter-active {
    opacity: 0;
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.slide-right-leave-active {
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

@-webkit-keyframes cbTransitionDropIn {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }
    100% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes cbTransitionDropIn {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }
    100% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-webkit-keyframes cbTransitionDropOut {
    0% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }
}

@keyframes cbTransitionDropOut {
    0% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }
}

@-webkit-keyframes cbSlideUpIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes cbSlideUpIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-webkit-keyframes cbSlideUpOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }
}

@keyframes cbSlideUpOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }
}

@-webkit-keyframes cbSlideDownIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes cbSlideDownIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-webkit-keyframes cbSlideDownOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }
}

@keyframes cbSlideDownOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }
}

@-webkit-keyframes cbSlideLeftIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleX(.8);
        transform: scaleX(.8)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes cbSlideLeftIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleX(.8);
        transform: scaleX(.8)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes cbSlideLeftOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleX(.8);
        transform: scaleX(.8)
    }
}

@keyframes cbSlideLeftOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleX(.8);
        transform: scaleX(.8)
    }
}

@-webkit-keyframes cbSlideRightIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(.8);
        transform: scaleX(.8)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes cbSlideRightIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(.8);
        transform: scaleX(.8)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes cbSlideRightOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(.8);
        transform: scaleX(.8)
    }
}

@keyframes cbSlideRightOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(.8);
        transform: scaleX(.8)
    }
}

.zoom-appear,
.zoom-enter-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-leave-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-appear,
.zoom-enter-active {
    -webkit-animation-name: cbZoomIn;
    animation-name: cbZoomIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-leave-active {
    -webkit-animation-name: cbZoomOut;
    animation-name: cbZoomOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-appear,
.zoom-enter-active {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.zoom-leave-active {
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.zoom-big-appear,
.zoom-big-enter-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-big-leave-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-big-appear,
.zoom-big-enter-active {
    -webkit-animation-name: cbZoomBigIn;
    animation-name: cbZoomBigIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-big-leave-active {
    -webkit-animation-name: cbZoomBigOut;
    animation-name: cbZoomBigOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-big-appear,
.zoom-big-enter-active {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.zoom-big-leave-active {
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.zoom-big-fast-appear,
.zoom-big-fast-enter-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-big-fast-leave-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-big-fast-appear,
.zoom-big-fast-enter-active {
    -webkit-animation-name: cbZoomBigIn;
    animation-name: cbZoomBigIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-big-fast-leave-active {
    -webkit-animation-name: cbZoomBigOut;
    animation-name: cbZoomBigOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-big-fast-appear,
.zoom-big-fast-enter-active {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.zoom-big-fast-leave-active {
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.zoom-up-appear,
.zoom-up-enter-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-up-leave-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-up-appear,
.zoom-up-enter-active {
    -webkit-animation-name: cbZoomUpIn;
    animation-name: cbZoomUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-up-leave-active {
    -webkit-animation-name: cbZoomUpOut;
    animation-name: cbZoomUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-up-appear,
.zoom-up-enter-active {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.zoom-up-leave-active {
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.zoom-down-appear,
.zoom-down-enter-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-down-leave-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-down-appear,
.zoom-down-enter-active {
    -webkit-animation-name: cbZoomDownIn;
    animation-name: cbZoomDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-down-leave-active {
    -webkit-animation-name: cbZoomDownOut;
    animation-name: cbZoomDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-down-appear,
.zoom-down-enter-active {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.zoom-down-leave-active {
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.zoom-left-appear,
.zoom-left-enter-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-left-leave-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-left-appear,
.zoom-left-enter-active {
    -webkit-animation-name: cbZoomLeftIn;
    animation-name: cbZoomLeftIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-left-leave-active {
    -webkit-animation-name: cbZoomLeftOut;
    animation-name: cbZoomLeftOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-left-appear,
.zoom-left-enter-active {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.zoom-left-leave-active {
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.zoom-right-appear,
.zoom-right-enter-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-right-leave-active {
    -webkit-animation-duration: var(--lldesign-animation-time);
    animation-duration: var(--lldesign-animation-time);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-right-appear,
.zoom-right-enter-active {
    -webkit-animation-name: cbZoomRightIn;
    animation-name: cbZoomRightIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-right-leave-active {
    -webkit-animation-name: cbZoomRightOut;
    animation-name: cbZoomRightOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-right-appear,
.zoom-right-enter-active {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

.zoom-right-leave-active {
    -webkit-animation-timing-function: var(--lldesign-transition-standard);
    animation-timing-function: var(--lldesign-transition-standard)
}

@-webkit-keyframes cbZoomIn {
    0% {
        -webkit-transform: scale(.2);
        transform: scale(.2);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes cbZoomIn {
    0% {
        -webkit-transform: scale(.2);
        transform: scale(.2);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes cbZoomOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(.2);
        transform: scale(.2);
        opacity: 0
    }
}

@keyframes cbZoomOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(.2);
        transform: scale(.2);
        opacity: 0
    }
}

@-webkit-keyframes cbZoomBigIn {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes cbZoomBigIn {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes cbZoomBigOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0
    }
}

@keyframes cbZoomBigOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0
    }
}

@-webkit-keyframes cbZoomUpIn {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }
}

@keyframes cbZoomUpIn {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }
}

@-webkit-keyframes cbZoomUpOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }
    100% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 0
    }
}

@keyframes cbZoomUpOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }
    100% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 0
    }
}

@-webkit-keyframes cbZoomLeftIn {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }
}

@keyframes cbZoomLeftIn {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }
}

@-webkit-keyframes cbZoomLeftOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }
    100% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        opacity: 0
    }
}

@keyframes cbZoomLeftOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }
    100% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        opacity: 0
    }
}

@-webkit-keyframes cbZoomRightIn {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }
}

@keyframes cbZoomRightIn {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }
}

@-webkit-keyframes cbZoomRightOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }
    100% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 0
    }
}

@keyframes cbZoomRightOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }
    100% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 0
    }
}

@-webkit-keyframes cbZoomDownIn {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }
}

@keyframes cbZoomDownIn {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }
}

@-webkit-keyframes cbZoomDownOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }
    100% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0
    }
}

@keyframes cbZoomDownOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }
    100% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0
    }
}

.collapse-transition {
    -webkit-transition: var(--lldesign-animation-time) height ease-in-out, var(--lldesign-animation-time) padding-top ease-in-out, var(--lldesign-animation-time) padding-bottom ease-in-out;
    transition: var(--lldesign-animation-time) height ease-in-out, var(--lldesign-animation-time) padding-top ease-in-out, var(--lldesign-animation-time) padding-bottom ease-in-out
}

.btn-group-border:not(.btn-group-border-vertical).btn-group-border:not(.btn-group-border-variant-dashed):not(.btn-group-border-variant-ghost) .cb-btn:first-child {
    border-left-color: transparent
}

.btn-group-border:not(.btn-group-border-vertical).btn-group-border:not(.btn-group-border-variant-dashed):not(.btn-group-border-variant-ghost) .cb-btn:last-child {
    border-right-color: transparent
}

.btn-group-border-vertical.btn-group-border:not(.btn-group-border-variant-dashed):not(.btn-group-border-variant-ghost) .cb-btn:first-child {
    border-top-color: transparent
}

.btn-group-border-vertical.btn-group-border:not(.btn-group-border-variant-dashed):not(.btn-group-border-variant-ghost) .cb-btn:last-child {
    border-bottom-color: transparent
}

.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-primary .cb-btn {
    border-right-color: var(--lldesign-button-group-border);
    border-left-color: var(--lldesign-button-group-border)
}

.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-primary .cb-btn-default,
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-primary .cb-btn-default:active,
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-primary .cb-btn-default:hover,
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-primary .cb-btn-secondary,
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-primary .cb-btn-secondary:active,
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-primary .cb-btn-secondary:hover {
    border-right-color: var(--lldesign-button-group-border-dark);
    border-left-color: var(--lldesign-button-group-border-dark)
}

.btn-group-border-vertical.btn-group-border-variant-primary .cb-btn {
    border-bottom-color: var(--lldesign-button-group-border);
    border-top-color: var(--lldesign-button-group-border)
}

.btn-group-border-vertical.btn-group-border-variant-primary .cb-btn-default,
.btn-group-border-vertical.btn-group-border-variant-primary .cb-btn-default:active,
.btn-group-border-vertical.btn-group-border-variant-primary .cb-btn-default:hover,
.btn-group-border-vertical.btn-group-border-variant-primary .cb-btn-secondary,
.btn-group-border-vertical.btn-group-border-variant-primary .cb-btn-secondary:active,
.btn-group-border-vertical.btn-group-border-variant-primary .cb-btn-secondary:hover {
    border-bottom-color: var(--lldesign-button-group-border-dark);
    border-top-color: var(--lldesign-button-group-border-dark)
}

.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-default,
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-default:active,
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-default:hover,
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-default[disabled],
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-default[disabled]:active,
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-default[disabled]:hover,
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-secondary,
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-secondary:active,
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-secondary:hover,
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-secondary[disabled],
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-secondary[disabled]:active,
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-secondary[disabled]:hover {
    border-right-color: var(--lldesign-button-group-border-dark);
    border-left-color: var(--lldesign-button-group-border-dark)
}

.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-primary,
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-primary:active,
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-primary:hover,
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-primary[disabled],
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-primary[disabled]:active,
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-primary[disabled]:hover {
    border-right-color: var(--lldesign-button-color-brand-light-hover);
    border-left-color: var(--lldesign-button-color-brand-light-hover)
}

.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-warning,
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-warning:active,
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-warning:hover,
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-warning[disabled],
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-warning[disabled]:active,
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-warning[disabled]:hover {
    border-right-color: var(--lldesign-button-color-warning-light-hover);
    border-left-color: var(--lldesign-button-color-warning-light-hover)
}

.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-error,
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-error:active,
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-error:hover,
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-error[disabled],
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-error[disabled]:active,
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-error[disabled]:hover {
    border-right-color: var(--lldesign-button-color-error-light-hover);
    border-left-color: var(--lldesign-button-color-error-light-hover)
}

.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-success,
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-success:active,
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-success:hover,
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-success[disabled],
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-success[disabled]:active,
.btn-group-border:not(.btn-group-border-vertical).btn-group-border-variant-secondary .cb-btn-success[disabled]:hover {
    border-right-color: var(--lldesign-button-color-success-light-hover);
    border-left-color: var(--lldesign-button-color-success-light-hover)
}

.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-default,
.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-default:active,
.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-default:hover,
.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-default[disabled],
.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-default[disabled]:active,
.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-default[disabled]:hover,
.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-secondary,
.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-secondary:active,
.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-secondary:hover,
.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-secondary[disabled],
.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-secondary[disabled]:active,
.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-secondary[disabled]:hover {
    border-bottom-color: var(--lldesign-button-group-border-dark);
    border-top-color: var(--lldesign-button-group-border-dark)
}

.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-primary,
.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-primary:active,
.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-primary:hover,
.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-primary[disabled],
.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-primary[disabled]:active,
.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-primary[disabled]:hover {
    border-bottom-color: var(--lldesign-button-color-brand-light-hover);
    border-top-color: var(--lldesign-button-color-brand-light-hover)
}

.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-warning,
.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-warning:active,
.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-warning:hover,
.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-warning[disabled],
.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-warning[disabled]:active,
.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-warning[disabled]:hover {
    border-bottom-color: var(--lldesign-button-color-warning-light-hover);
    border-top-color: var(--lldesign-button-color-warning-light-hover)
}

.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-error,
.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-error:active,
.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-error:hover,
.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-error[disabled],
.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-error[disabled]:active,
.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-error[disabled]:hover {
    border-bottom-color: var(--lldesign-button-color-error-light-hover);
    border-top-color: var(--lldesign-button-color-error-light-hover)
}

.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-success,
.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-success:active,
.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-success:hover,
.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-success[disabled],
.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-success[disabled]:active,
.btn-group-border-vertical.btn-group-border-variant-secondary .cb-btn-success[disabled]:hover {
    border-bottom-color: var(--lldesign-button-color-success-light-hover);
    border-top-color: var(--lldesign-button-color-success-light-hover)
}

:root {
    --lldesign-button-height-mini: var(--lldesign-height-1);
    --lldesign-button-height-small: var(--lldesign-height-2);
    --lldesign-button-height-base: var(--lldesign-height-3);
    --lldesign-button-height-large: var(--lldesign-height-2);
    --lldesign-button-height-max: var(--lldesign-height-5);
    --lldesign-button-padding-mini: 5px 11px;
    --lldesign-button-padding-small: 6px 15px;
    --lldesign-button-padding-base: 8px 15px;
    --lldesign-button-padding-large: 10px 19px;
    --lldesign-button-padding-max: 12px 22px;
    --lldesign-button-font-size-mini: var(--lldesign-size-3);
    --lldesign-button-font-size-small: var(--lldesign-size-4);
    --lldesign-button-font-size-base: var(--lldesign-size-4);
    --lldesign-button-font-size-large: var(--lldesign-size-4);
    --lldesign-button-font-size-max: var(--lldesign-size-5);
    --lldesign-button-radius-mini: var(--lldesign-radius-1);
    --lldesign-button-radius-small: var(--lldesign-radius-1);
    --lldesign-button-radius: var(--lldesign-radius-1);
    --lldesign-button-radius-large: var(--lldesign-radius-1);
    --lldesign-button-radius-max: var(--lldesign-radius-1);
    --lldesign-button-font-weight: 400;
    --lldesign-button-line-height: 1;
    --lldesign-button-text: var(--lldesign-color-text-2);
    --lldesign-button-text-hover: var(--lldesign-color-text-3);
    --lldesign-button-text-active: var(--lldesign-color-text-1);
    --lldesign-button-text-disabled: var(--lldesign-color-text-4);
    --lldesign-button-text-light: #ffffff;
    --lldesign-button-text-disabled-light: rgba(255, 255, 255, 0.8);
    --lldesign-button-default-bg: var(--lldesign-color-default-2);
    --lldesign-button-default-bg-hover: var(--lldesign-color-default-3);
    --lldesign-button-default-bg-active: var(--lldesign-color-default-4);
    --lldesign-button-default-bg-disabled: var(--lldesign-color-default-1);
    --lldesign-button-default-light: var(--lldesign-color-default-1);
    --lldesign-button-default-light-hover: var(--lldesign-color-default-2);
    --lldesign-button-default-light-active: var(--lldesign-color-default-3);
    --lldesign-button-group-border: var(--lldesign-color-split);
    --lldesign-button-group-border-dark: var(--lldesign-color-split-2);
    --lldesign-button-color-brand: var(--lldesign-color-brand-6);
    --lldesign-button-color-brand-hover: var(--lldesign-color-brand-5);
    --lldesign-button-color-brand-active: var(--lldesign-color-brand-7);
    --lldesign-button-color-brand-disabled: var(--lldesign-color-brand-light-3);
    --lldesign-button-color-brand-light: var(--lldesign-color-brand-1);
    --lldesign-button-color-brand-light-hover: var(--lldesign-color-brand-2);
    --lldesign-button-color-brand-light-active: var(--lldesign-color-brand-3);
    --lldesign-button-color-success: var(--lldesign-color-success-6);
    --lldesign-button-color-success-hover: var(--lldesign-color-success-5);
    --lldesign-button-color-success-active: var(--lldesign-color-success-7);
    --lldesign-button-color-success-disabled: var(--lldesign-color-success-light-3);
    --lldesign-button-color-success-light: var(--lldesign-color-success-1);
    --lldesign-button-color-success-light-hover: var(--lldesign-color-success-2);
    --lldesign-button-color-success-light-active: var(--lldesign-color-success-3);
    --lldesign-button-color-warning: var(--lldesign-color-warning-6);
    --lldesign-button-color-warning-hover: var(--lldesign-color-warning-5);
    --lldesign-button-color-warning-active: var(--lldesign-color-warning-7);
    --lldesign-button-color-warning-disabled: var(--lldesign-color-warning-light-3);
    --lldesign-button-color-warning-light: var(--lldesign-color-warning-1);
    --lldesign-button-color-warning-light-hover: var(--lldesign-color-warning-2);
    --lldesign-button-color-warning-light-active: var(--lldesign-color-warning-3);
    --lldesign-button-color-error: var(--lldesign-color-error-6);
    --lldesign-button-color-error-hover: var(--lldesign-color-error-5);
    --lldesign-button-color-error-active: var(--lldesign-color-error-7);
    --lldesign-button-color-error-disabled: var(--lldesign-color-error-light-3);
    --lldesign-button-color-error-light: var(--lldesign-color-error-1);
    --lldesign-button-color-error-light-hover: var(--lldesign-color-error-2);
    --lldesign-button-color-error-light-active: var(--lldesign-color-error-3);
    --lldesign-button-color-dark: var(--lldesign-color-dark-6);
    --lldesign-button-color-dark-hover: var(--lldesign-color-dark-5);
    --lldesign-button-color-dark-active: var(--lldesign-color-dark-7);
    --lldesign-button-color-dark-disabled: var(--lldesign-color-dark-light-3);
    --lldesign-button-color-dark-light: var(--lldesign-color-dark-2);
    --lldesign-button-color-dark-light-hover: var(--lldesign-color-dark-3);
    --lldesign-button-color-dark-light-active: var(--lldesign-color-dark-4)
}

.dark-theme .cb-btn,
.dark-theme .cb-filter {
    --lldesign-button-text-disabled-light: rgba(255, 255, 255, 0.4)
}

.cb-btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: var(--lldesign-button-font-weight, 400);
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    white-space: nowrap;
    line-height: var(--lldesign-button-line-height, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: var(--lldesign-button-padding-base, 8px 15px);
    font-size: var(--lldesign-button-font-size-base, 14px);
    border-radius: var(--lldesign-button-radius);
    -webkit-transition: color var(--lldesign-animation-time) cubic-bezier(0, 0, 1, 1), background var(--lldesign-animation-time) cubic-bezier(0, 0, 1, 1), border var(--lldesign-animation-time) cubic-bezier(0, 0, 1, 1);
    transition: color var(--lldesign-animation-time) cubic-bezier(0, 0, 1, 1), background var(--lldesign-animation-time) cubic-bezier(0, 0, 1, 1), border var(--lldesign-animation-time) cubic-bezier(0, 0, 1, 1)
}

.cb-btn .cb-icon {
    vertical-align: top;
    line-height: var(--lldesign-button-line-height, 1);
    display: inline-block;
    margin: 0
}

.cb-btn-icon-only.cb-btn-circle .cb-icon {
    vertical-align: baseline
}

.cb-btn>span {
    vertical-align: top;
    display: inline-block;
    z-index: 2;
    max-width: 100%
}

.cb-btn,
.cb-btn:active,
.cb-btn:focus {
    outline: 0
}

.cb-btn:not([disabled]):hover {
    text-decoration: none
}

.cb-btn:not([disabled]):active {
    outline: 0
}

.cb-btn.disabled,
.cb-btn[disabled] {
    cursor: not-allowed
}

.cb-btn.disabled>*,
.cb-btn[disabled]>* {
    pointer-events: none
}

.cb-btn-max {
    padding: var(--lldesign-button-padding-max, 12px 22px);
    font-size: var(--lldesign-button-font-size-max, 16px);
    border-radius: var(--lldesign-button-radius)
}

.cb-btn-large {
    padding: var(--lldesign-button-padding-large, 10px 19px);
    font-size: var(--lldesign-button-font-size-large, 14px);
    border-radius: var(--lldesign-button-radius)
}

.cb-btn-small {
    padding: var(--lldesign-button-padding-small, 7px 15px);
    font-size: var(--lldesign-button-font-size-small, 12px);
    border-radius: var(--lldesign-button-radius-small)
}

.cb-btn-mini {
    padding: var(--lldesign-button-padding-mini, 5px 11px);
    font-size: var(--lldesign-button-font-size-mini, 12px);
    border-radius: var(--lldesign-button-radius-small)
}

.cb-btn-icon-only {
    padding: var(--lldesign-button-padding-base, 8px 15px);
    font-size: var(--lldesign-button-font-size-base, 14px);
    border-radius: var(--lldesign-button-radius)
}

.cb-btn-icon-only.cb-btn-small {
    padding: var(--lldesign-button-padding-small, 7px 15px);
    font-size: var(--lldesign-button-font-size-base, 14px);
    border-radius: var(--lldesign-button-radius-small)
}

.cb-btn-icon-only.cb-btn-mini {
    padding: var(--lldesign-button-padding-mini, 5px 11px);
    font-size: var(--lldesign-button-font-size-base, 14px);
    border-radius: var(--lldesign-button-radius-small)
}

.cb-btn-icon-only.cb-btn-large {
    padding: var(--lldesign-button-padding-large, 10px 19px);
    font-size: var(--lldesign-button-font-size-large, 14px);
    border-radius: var(--lldesign-button-radius)
}

.cb-btn-icon-only.cb-btn-max {
    padding: var(--lldesign-button-padding-max, 12px 22px);
    font-size: var(--lldesign-button-font-size-max, 16px);
    border-radius: var(--lldesign-button-radius)
}

.cb-btn-long {
    width: 100%
}

.cb-btn>.cb-icon+span,
.cb-btn>span+.cb-icon {
    margin: 0;
    margin-left: 4px
}

.cb-btn>span.b {
    display: block
}

.cb-btn-default {
    color: var(--lldesign-button-text, var(--lldesign-color-text-2));
    background: var(--lldesign-button-default-bg);
    border-color: transparent
}

.cb-btn-default>a:only-child {
    color: currentColor
}

.cb-btn-default>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-default:hover {
    color: var(--lldesign-button-text, var(--lldesign-color-text-2));
    background: var(--lldesign-button-default-bg-hover);
    border-color: transparent
}

.cb-btn-default:hover>a:only-child {
    color: currentColor
}

.cb-btn-default:hover>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-default.active,
.cb-btn-default:active {
    -webkit-transition: none;
    transition: none;
    color: var(--lldesign-button-text, var(--lldesign-color-text-2));
    background: var(--lldesign-button-default-bg-active);
    border-color: transparent
}

.cb-btn-default.active>a:only-child,
.cb-btn-default:active>a:only-child {
    color: currentColor
}

.cb-btn-default.active>a:only-child:after,
.cb-btn-default:active>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-default.disabled,
.cb-btn-default.disabled.active,
.cb-btn-default.disabled:active,
.cb-btn-default.disabled:hover,
.cb-btn-default[disabled],
.cb-btn-default[disabled].active,
.cb-btn-default[disabled]:active,
.cb-btn-default[disabled]:hover,
fieldset[disabled] .cb-btn-default,
fieldset[disabled] .cb-btn-default.active,
fieldset[disabled] .cb-btn-default:active,
fieldset[disabled] .cb-btn-default:hover {
    color: var(--lldesign-button-text-disabled);
    background: var(--lldesign-button-default-bg-disabled);
    border-color: transparent
}

.cb-btn-default.disabled.active>a:only-child,
.cb-btn-default.disabled:active>a:only-child,
.cb-btn-default.disabled:hover>a:only-child,
.cb-btn-default.disabled>a:only-child,
.cb-btn-default[disabled].active>a:only-child,
.cb-btn-default[disabled]:active>a:only-child,
.cb-btn-default[disabled]:hover>a:only-child,
.cb-btn-default[disabled]>a:only-child,
fieldset[disabled] .cb-btn-default.active>a:only-child,
fieldset[disabled] .cb-btn-default:active>a:only-child,
fieldset[disabled] .cb-btn-default:hover>a:only-child,
fieldset[disabled] .cb-btn-default>a:only-child {
    color: currentColor
}

.cb-btn-default.disabled.active>a:only-child:after,
.cb-btn-default.disabled:active>a:only-child:after,
.cb-btn-default.disabled:hover>a:only-child:after,
.cb-btn-default.disabled>a:only-child:after,
.cb-btn-default[disabled].active>a:only-child:after,
.cb-btn-default[disabled]:active>a:only-child:after,
.cb-btn-default[disabled]:hover>a:only-child:after,
.cb-btn-default[disabled]>a:only-child:after,
fieldset[disabled] .cb-btn-default.active>a:only-child:after,
fieldset[disabled] .cb-btn-default:active>a:only-child:after,
fieldset[disabled] .cb-btn-default:hover>a:only-child:after,
fieldset[disabled] .cb-btn-default>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-default.cb-btn-variant-secondary {
    color: var(--lldesign-button-default-bg);
    background: var(--lldesign-button-default-light-light);
    border-color: transparent
}

.cb-btn-default.cb-btn-variant-secondary>a:only-child {
    color: currentColor
}

.cb-btn-default.cb-btn-variant-secondary>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-default.cb-btn-variant-secondary:hover {
    color: var(--lldesign-button-default-bg);
    background: var(--lldesign-button-default-light-hover);
    border-color: transparent
}

.cb-btn-default.cb-btn-variant-secondary:hover>a:only-child {
    color: currentColor
}

.cb-btn-default.cb-btn-variant-secondary:hover>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-default.cb-btn-variant-secondary.active,
.cb-btn-default.cb-btn-variant-secondary:active {
    -webkit-transition: none;
    transition: none;
    color: var(--lldesign-button-default-bg);
    background: var(--lldesign-button-default-light-active);
    border-color: transparent
}

.cb-btn-default.cb-btn-variant-secondary.active>a:only-child,
.cb-btn-default.cb-btn-variant-secondary:active>a:only-child {
    color: currentColor
}

.cb-btn-default.cb-btn-variant-secondary.active>a:only-child:after,
.cb-btn-default.cb-btn-variant-secondary:active>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-default.cb-btn-variant-secondary.disabled,
.cb-btn-default.cb-btn-variant-secondary.disabled.active,
.cb-btn-default.cb-btn-variant-secondary.disabled:active,
.cb-btn-default.cb-btn-variant-secondary.disabled:hover,
.cb-btn-default.cb-btn-variant-secondary[disabled],
.cb-btn-default.cb-btn-variant-secondary[disabled].active,
.cb-btn-default.cb-btn-variant-secondary[disabled]:active,
.cb-btn-default.cb-btn-variant-secondary[disabled]:hover,
fieldset[disabled] .cb-btn-default.cb-btn-variant-secondary,
fieldset[disabled] .cb-btn-default.cb-btn-variant-secondary.active,
fieldset[disabled] .cb-btn-default.cb-btn-variant-secondary:active,
fieldset[disabled] .cb-btn-default.cb-btn-variant-secondary:hover {
    color: var(--lldesign-button-default-bg-disabled);
    background: var(--lldesign-button-default-light-light);
    border-color: transparent
}

.cb-btn-default.cb-btn-variant-secondary.disabled.active>a:only-child,
.cb-btn-default.cb-btn-variant-secondary.disabled:active>a:only-child,
.cb-btn-default.cb-btn-variant-secondary.disabled:hover>a:only-child,
.cb-btn-default.cb-btn-variant-secondary.disabled>a:only-child,
.cb-btn-default.cb-btn-variant-secondary[disabled].active>a:only-child,
.cb-btn-default.cb-btn-variant-secondary[disabled]:active>a:only-child,
.cb-btn-default.cb-btn-variant-secondary[disabled]:hover>a:only-child,
.cb-btn-default.cb-btn-variant-secondary[disabled]>a:only-child,
fieldset[disabled] .cb-btn-default.cb-btn-variant-secondary.active>a:only-child,
fieldset[disabled] .cb-btn-default.cb-btn-variant-secondary:active>a:only-child,
fieldset[disabled] .cb-btn-default.cb-btn-variant-secondary:hover>a:only-child,
fieldset[disabled] .cb-btn-default.cb-btn-variant-secondary>a:only-child {
    color: currentColor
}

.cb-btn-default.cb-btn-variant-secondary.disabled.active>a:only-child:after,
.cb-btn-default.cb-btn-variant-secondary.disabled:active>a:only-child:after,
.cb-btn-default.cb-btn-variant-secondary.disabled:hover>a:only-child:after,
.cb-btn-default.cb-btn-variant-secondary.disabled>a:only-child:after,
.cb-btn-default.cb-btn-variant-secondary[disabled].active>a:only-child:after,
.cb-btn-default.cb-btn-variant-secondary[disabled]:active>a:only-child:after,
.cb-btn-default.cb-btn-variant-secondary[disabled]:hover>a:only-child:after,
.cb-btn-default.cb-btn-variant-secondary[disabled]>a:only-child:after,
fieldset[disabled] .cb-btn-default.cb-btn-variant-secondary.active>a:only-child:after,
fieldset[disabled] .cb-btn-default.cb-btn-variant-secondary:active>a:only-child:after,
fieldset[disabled] .cb-btn-default.cb-btn-variant-secondary:hover>a:only-child:after,
fieldset[disabled] .cb-btn-default.cb-btn-variant-secondary>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-default.cb-btn-variant-dashed,
.cb-btn-default.cb-btn-variant-ghost {
    border-color: var(--lldesign-button-default-bg);
    background: 0 0;
    color: var(--lldesign-button-default-bg)
}

.cb-btn-default.cb-btn-variant-dashed:hover,
.cb-btn-default.cb-btn-variant-ghost:hover {
    border-color: var(--lldesign-button-default-bg-hover);
    color: var(--lldesign-button-default-bg-hover);
    background: 0 0
}

.cb-btn-default.cb-btn-variant-dashed.active,
.cb-btn-default.cb-btn-variant-dashed:active,
.cb-btn-default.cb-btn-variant-ghost.active,
.cb-btn-default.cb-btn-variant-ghost:active {
    border-color: var(--lldesign-button-default-bg-active);
    color: var(--lldesign-button-default-bg-active);
    background: 0 0
}

.cb-btn-default.cb-btn-variant-dashed.disabled,
.cb-btn-default.cb-btn-variant-dashed.disabled.active,
.cb-btn-default.cb-btn-variant-dashed.disabled:active,
.cb-btn-default.cb-btn-variant-dashed.disabled:hover,
.cb-btn-default.cb-btn-variant-dashed[disabled],
.cb-btn-default.cb-btn-variant-dashed[disabled].active,
.cb-btn-default.cb-btn-variant-dashed[disabled]:active,
.cb-btn-default.cb-btn-variant-dashed[disabled]:hover,
.cb-btn-default.cb-btn-variant-ghost.disabled,
.cb-btn-default.cb-btn-variant-ghost.disabled.active,
.cb-btn-default.cb-btn-variant-ghost.disabled:active,
.cb-btn-default.cb-btn-variant-ghost.disabled:hover,
.cb-btn-default.cb-btn-variant-ghost[disabled],
.cb-btn-default.cb-btn-variant-ghost[disabled].active,
.cb-btn-default.cb-btn-variant-ghost[disabled]:active,
.cb-btn-default.cb-btn-variant-ghost[disabled]:hover,
fieldset[disabled] .cb-btn-default.cb-btn-variant-dashed,
fieldset[disabled] .cb-btn-default.cb-btn-variant-dashed.active,
fieldset[disabled] .cb-btn-default.cb-btn-variant-dashed:active,
fieldset[disabled] .cb-btn-default.cb-btn-variant-dashed:hover,
fieldset[disabled] .cb-btn-default.cb-btn-variant-ghost,
fieldset[disabled] .cb-btn-default.cb-btn-variant-ghost.active,
fieldset[disabled] .cb-btn-default.cb-btn-variant-ghost:active,
fieldset[disabled] .cb-btn-default.cb-btn-variant-ghost:hover {
    border-color: var(--lldesign-button-default-bg-disabled);
    color: var(--lldesign-button-default-bg-disabled)
}

.cb-btn-default.cb-btn-variant-dashed {
    border-style: dashed
}

.cb-btn-default.cb-btn-variant-ghost {
    border-style: solid
}

.cb-btn-default.cb-btn-variant-link,
.cb-btn-default.cb-btn-variant-text {
    color: var(--lldesign-button-default-bg);
    background: 0 0;
    border-color: transparent
}

.cb-btn-default.cb-btn-variant-link>a:only-child,
.cb-btn-default.cb-btn-variant-text>a:only-child {
    color: currentColor
}

.cb-btn-default.cb-btn-variant-link>a:only-child:after,
.cb-btn-default.cb-btn-variant-text>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-default.cb-btn-variant-link:hover,
.cb-btn-default.cb-btn-variant-text:hover {
    color: var(--lldesign-button-default-bg-hover)
}

.cb-btn-default.cb-btn-variant-link:active,
.cb-btn-default.cb-btn-variant-text:active {
    color: var(--lldesign-button-default-bg-active)
}

.cb-btn-default.cb-btn-variant-link.disabled,
.cb-btn-default.cb-btn-variant-link.disabled.active,
.cb-btn-default.cb-btn-variant-link.disabled:active,
.cb-btn-default.cb-btn-variant-link.disabled:hover,
.cb-btn-default.cb-btn-variant-link[disabled],
.cb-btn-default.cb-btn-variant-link[disabled].active,
.cb-btn-default.cb-btn-variant-link[disabled]:active,
.cb-btn-default.cb-btn-variant-link[disabled]:hover,
.cb-btn-default.cb-btn-variant-text.disabled,
.cb-btn-default.cb-btn-variant-text.disabled.active,
.cb-btn-default.cb-btn-variant-text.disabled:active,
.cb-btn-default.cb-btn-variant-text.disabled:hover,
.cb-btn-default.cb-btn-variant-text[disabled],
.cb-btn-default.cb-btn-variant-text[disabled].active,
.cb-btn-default.cb-btn-variant-text[disabled]:active,
.cb-btn-default.cb-btn-variant-text[disabled]:hover,
fieldset[disabled] .cb-btn-default.cb-btn-variant-link,
fieldset[disabled] .cb-btn-default.cb-btn-variant-link.active,
fieldset[disabled] .cb-btn-default.cb-btn-variant-link:active,
fieldset[disabled] .cb-btn-default.cb-btn-variant-link:hover,
fieldset[disabled] .cb-btn-default.cb-btn-variant-text,
fieldset[disabled] .cb-btn-default.cb-btn-variant-text.active,
fieldset[disabled] .cb-btn-default.cb-btn-variant-text:active,
fieldset[disabled] .cb-btn-default.cb-btn-variant-text:hover {
    color: var(--lldesign-button-default-bg-disabled);
    background: 0 0;
    border-color: transparent
}

.cb-btn-default.cb-btn-variant-link.disabled.active>a:only-child,
.cb-btn-default.cb-btn-variant-link.disabled:active>a:only-child,
.cb-btn-default.cb-btn-variant-link.disabled:hover>a:only-child,
.cb-btn-default.cb-btn-variant-link.disabled>a:only-child,
.cb-btn-default.cb-btn-variant-link[disabled].active>a:only-child,
.cb-btn-default.cb-btn-variant-link[disabled]:active>a:only-child,
.cb-btn-default.cb-btn-variant-link[disabled]:hover>a:only-child,
.cb-btn-default.cb-btn-variant-link[disabled]>a:only-child,
.cb-btn-default.cb-btn-variant-text.disabled.active>a:only-child,
.cb-btn-default.cb-btn-variant-text.disabled:active>a:only-child,
.cb-btn-default.cb-btn-variant-text.disabled:hover>a:only-child,
.cb-btn-default.cb-btn-variant-text.disabled>a:only-child,
.cb-btn-default.cb-btn-variant-text[disabled].active>a:only-child,
.cb-btn-default.cb-btn-variant-text[disabled]:active>a:only-child,
.cb-btn-default.cb-btn-variant-text[disabled]:hover>a:only-child,
.cb-btn-default.cb-btn-variant-text[disabled]>a:only-child,
fieldset[disabled] .cb-btn-default.cb-btn-variant-link.active>a:only-child,
fieldset[disabled] .cb-btn-default.cb-btn-variant-link:active>a:only-child,
fieldset[disabled] .cb-btn-default.cb-btn-variant-link:hover>a:only-child,
fieldset[disabled] .cb-btn-default.cb-btn-variant-link>a:only-child,
fieldset[disabled] .cb-btn-default.cb-btn-variant-text.active>a:only-child,
fieldset[disabled] .cb-btn-default.cb-btn-variant-text:active>a:only-child,
fieldset[disabled] .cb-btn-default.cb-btn-variant-text:hover>a:only-child,
fieldset[disabled] .cb-btn-default.cb-btn-variant-text>a:only-child {
    color: currentColor
}

.cb-btn-default.cb-btn-variant-link.disabled.active>a:only-child:after,
.cb-btn-default.cb-btn-variant-link.disabled:active>a:only-child:after,
.cb-btn-default.cb-btn-variant-link.disabled:hover>a:only-child:after,
.cb-btn-default.cb-btn-variant-link.disabled>a:only-child:after,
.cb-btn-default.cb-btn-variant-link[disabled].active>a:only-child:after,
.cb-btn-default.cb-btn-variant-link[disabled]:active>a:only-child:after,
.cb-btn-default.cb-btn-variant-link[disabled]:hover>a:only-child:after,
.cb-btn-default.cb-btn-variant-link[disabled]>a:only-child:after,
.cb-btn-default.cb-btn-variant-text.disabled.active>a:only-child:after,
.cb-btn-default.cb-btn-variant-text.disabled:active>a:only-child:after,
.cb-btn-default.cb-btn-variant-text.disabled:hover>a:only-child:after,
.cb-btn-default.cb-btn-variant-text.disabled>a:only-child:after,
.cb-btn-default.cb-btn-variant-text[disabled].active>a:only-child:after,
.cb-btn-default.cb-btn-variant-text[disabled]:active>a:only-child:after,
.cb-btn-default.cb-btn-variant-text[disabled]:hover>a:only-child:after,
.cb-btn-default.cb-btn-variant-text[disabled]>a:only-child:after,
fieldset[disabled] .cb-btn-default.cb-btn-variant-link.active>a:only-child:after,
fieldset[disabled] .cb-btn-default.cb-btn-variant-link:active>a:only-child:after,
fieldset[disabled] .cb-btn-default.cb-btn-variant-link:hover>a:only-child:after,
fieldset[disabled] .cb-btn-default.cb-btn-variant-link>a:only-child:after,
fieldset[disabled] .cb-btn-default.cb-btn-variant-text.active>a:only-child:after,
fieldset[disabled] .cb-btn-default.cb-btn-variant-text:active>a:only-child:after,
fieldset[disabled] .cb-btn-default.cb-btn-variant-text:hover>a:only-child:after,
fieldset[disabled] .cb-btn-default.cb-btn-variant-text>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-default.cb-btn-variant-link span {
    text-decoration: underline
}

.cb-btn-default.cb-btn-variant-secondary {
    color: var(--lldesign-button-text)
}

.cb-btn-default.cb-btn-variant-secondary:hover {
    color: var(--lldesign-button-text-hover)
}

.cb-btn-default.cb-btn-variant-secondary.active,
.cb-btn-default.cb-btn-variant-secondary:active {
    color: var(--lldesign-button-text-hover)
}

.cb-btn-default.cb-btn-variant-secondary.disabled,
.cb-btn-default.cb-btn-variant-secondary.disabled.active,
.cb-btn-default.cb-btn-variant-secondary.disabled:active,
.cb-btn-default.cb-btn-variant-secondary.disabled:hover,
.cb-btn-default.cb-btn-variant-secondary[disabled],
.cb-btn-default.cb-btn-variant-secondary[disabled].active,
.cb-btn-default.cb-btn-variant-secondary[disabled]:active,
.cb-btn-default.cb-btn-variant-secondary[disabled]:hover,
fieldset[disabled] .cb-btn-default.cb-btn-variant-secondary,
fieldset[disabled] .cb-btn-default.cb-btn-variant-secondary.active,
fieldset[disabled] .cb-btn-default.cb-btn-variant-secondary:active,
fieldset[disabled] .cb-btn-default.cb-btn-variant-secondary:hover {
    color: var(--lldesign-button-text-disabled)
}

.cb-btn-default.cb-btn-variant-dashed,
.cb-btn-default.cb-btn-variant-ghost {
    border-color: var(--lldesign-button-text);
    background: 0 0;
    color: var(--lldesign-button-text)
}

.cb-btn-default.cb-btn-variant-dashed:hover,
.cb-btn-default.cb-btn-variant-ghost:hover {
    border-color: var(--lldesign-button-text-hover);
    color: var(--lldesign-button-text-hover);
    background: 0 0
}

.cb-btn-default.cb-btn-variant-dashed.active,
.cb-btn-default.cb-btn-variant-dashed:active,
.cb-btn-default.cb-btn-variant-ghost.active,
.cb-btn-default.cb-btn-variant-ghost:active {
    border-color: var(--lldesign-button-text-hover);
    color: var(--lldesign-button-text-hover);
    background: 0 0
}

.cb-btn-default.cb-btn-variant-dashed.disabled,
.cb-btn-default.cb-btn-variant-dashed.disabled.active,
.cb-btn-default.cb-btn-variant-dashed.disabled:active,
.cb-btn-default.cb-btn-variant-dashed.disabled:hover,
.cb-btn-default.cb-btn-variant-dashed[disabled],
.cb-btn-default.cb-btn-variant-dashed[disabled].active,
.cb-btn-default.cb-btn-variant-dashed[disabled]:active,
.cb-btn-default.cb-btn-variant-dashed[disabled]:hover,
.cb-btn-default.cb-btn-variant-ghost.disabled,
.cb-btn-default.cb-btn-variant-ghost.disabled.active,
.cb-btn-default.cb-btn-variant-ghost.disabled:active,
.cb-btn-default.cb-btn-variant-ghost.disabled:hover,
.cb-btn-default.cb-btn-variant-ghost[disabled],
.cb-btn-default.cb-btn-variant-ghost[disabled].active,
.cb-btn-default.cb-btn-variant-ghost[disabled]:active,
.cb-btn-default.cb-btn-variant-ghost[disabled]:hover,
fieldset[disabled] .cb-btn-default.cb-btn-variant-dashed,
fieldset[disabled] .cb-btn-default.cb-btn-variant-dashed.active,
fieldset[disabled] .cb-btn-default.cb-btn-variant-dashed:active,
fieldset[disabled] .cb-btn-default.cb-btn-variant-dashed:hover,
fieldset[disabled] .cb-btn-default.cb-btn-variant-ghost,
fieldset[disabled] .cb-btn-default.cb-btn-variant-ghost.active,
fieldset[disabled] .cb-btn-default.cb-btn-variant-ghost:active,
fieldset[disabled] .cb-btn-default.cb-btn-variant-ghost:hover {
    border-color: var(--lldesign-button-text-disabled);
    color: var(--lldesign-button-text-disabled)
}

.cb-btn-default.cb-btn-variant-link,
.cb-btn-default.cb-btn-variant-text {
    color: var(--lldesign-button-text, var(--lldesign-color-text-2));
    background: 0 0;
    border-color: transparent
}

.cb-btn-default.cb-btn-variant-link>a:only-child,
.cb-btn-default.cb-btn-variant-text>a:only-child {
    color: currentColor
}

.cb-btn-default.cb-btn-variant-link>a:only-child:after,
.cb-btn-default.cb-btn-variant-text>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-default.cb-btn-variant-link:hover,
.cb-btn-default.cb-btn-variant-text:hover {
    color: var(--lldesign-button-text-hover);
    background: 0 0;
    border-color: transparent
}

.cb-btn-default.cb-btn-variant-link:hover>a:only-child,
.cb-btn-default.cb-btn-variant-text:hover>a:only-child {
    color: currentColor
}

.cb-btn-default.cb-btn-variant-link:hover>a:only-child:after,
.cb-btn-default.cb-btn-variant-text:hover>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-default.cb-btn-variant-link.active,
.cb-btn-default.cb-btn-variant-link:active,
.cb-btn-default.cb-btn-variant-text.active,
.cb-btn-default.cb-btn-variant-text:active {
    color: var(--lldesign-button-text-hover);
    background: 0 0;
    border-color: transparent
}

.cb-btn-default.cb-btn-variant-link.active>a:only-child,
.cb-btn-default.cb-btn-variant-link:active>a:only-child,
.cb-btn-default.cb-btn-variant-text.active>a:only-child,
.cb-btn-default.cb-btn-variant-text:active>a:only-child {
    color: currentColor
}

.cb-btn-default.cb-btn-variant-link.active>a:only-child:after,
.cb-btn-default.cb-btn-variant-link:active>a:only-child:after,
.cb-btn-default.cb-btn-variant-text.active>a:only-child:after,
.cb-btn-default.cb-btn-variant-text:active>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-default.cb-btn-variant-link.disabled,
.cb-btn-default.cb-btn-variant-link.disabled.active,
.cb-btn-default.cb-btn-variant-link.disabled:active,
.cb-btn-default.cb-btn-variant-link.disabled:hover,
.cb-btn-default.cb-btn-variant-link[disabled],
.cb-btn-default.cb-btn-variant-link[disabled].active,
.cb-btn-default.cb-btn-variant-link[disabled]:active,
.cb-btn-default.cb-btn-variant-link[disabled]:hover,
.cb-btn-default.cb-btn-variant-text.disabled,
.cb-btn-default.cb-btn-variant-text.disabled.active,
.cb-btn-default.cb-btn-variant-text.disabled:active,
.cb-btn-default.cb-btn-variant-text.disabled:hover,
.cb-btn-default.cb-btn-variant-text[disabled],
.cb-btn-default.cb-btn-variant-text[disabled].active,
.cb-btn-default.cb-btn-variant-text[disabled]:active,
.cb-btn-default.cb-btn-variant-text[disabled]:hover,
fieldset[disabled] .cb-btn-default.cb-btn-variant-link,
fieldset[disabled] .cb-btn-default.cb-btn-variant-link.active,
fieldset[disabled] .cb-btn-default.cb-btn-variant-link:active,
fieldset[disabled] .cb-btn-default.cb-btn-variant-link:hover,
fieldset[disabled] .cb-btn-default.cb-btn-variant-text,
fieldset[disabled] .cb-btn-default.cb-btn-variant-text.active,
fieldset[disabled] .cb-btn-default.cb-btn-variant-text:active,
fieldset[disabled] .cb-btn-default.cb-btn-variant-text:hover {
    color: var(--lldesign-button-text-disabled);
    background: 0 0;
    border-color: transparent
}

.cb-btn-default.cb-btn-variant-link.disabled.active>a:only-child,
.cb-btn-default.cb-btn-variant-link.disabled:active>a:only-child,
.cb-btn-default.cb-btn-variant-link.disabled:hover>a:only-child,
.cb-btn-default.cb-btn-variant-link.disabled>a:only-child,
.cb-btn-default.cb-btn-variant-link[disabled].active>a:only-child,
.cb-btn-default.cb-btn-variant-link[disabled]:active>a:only-child,
.cb-btn-default.cb-btn-variant-link[disabled]:hover>a:only-child,
.cb-btn-default.cb-btn-variant-link[disabled]>a:only-child,
.cb-btn-default.cb-btn-variant-text.disabled.active>a:only-child,
.cb-btn-default.cb-btn-variant-text.disabled:active>a:only-child,
.cb-btn-default.cb-btn-variant-text.disabled:hover>a:only-child,
.cb-btn-default.cb-btn-variant-text.disabled>a:only-child,
.cb-btn-default.cb-btn-variant-text[disabled].active>a:only-child,
.cb-btn-default.cb-btn-variant-text[disabled]:active>a:only-child,
.cb-btn-default.cb-btn-variant-text[disabled]:hover>a:only-child,
.cb-btn-default.cb-btn-variant-text[disabled]>a:only-child,
fieldset[disabled] .cb-btn-default.cb-btn-variant-link.active>a:only-child,
fieldset[disabled] .cb-btn-default.cb-btn-variant-link:active>a:only-child,
fieldset[disabled] .cb-btn-default.cb-btn-variant-link:hover>a:only-child,
fieldset[disabled] .cb-btn-default.cb-btn-variant-link>a:only-child,
fieldset[disabled] .cb-btn-default.cb-btn-variant-text.active>a:only-child,
fieldset[disabled] .cb-btn-default.cb-btn-variant-text:active>a:only-child,
fieldset[disabled] .cb-btn-default.cb-btn-variant-text:hover>a:only-child,
fieldset[disabled] .cb-btn-default.cb-btn-variant-text>a:only-child {
    color: currentColor
}

.cb-btn-default.cb-btn-variant-link.disabled.active>a:only-child:after,
.cb-btn-default.cb-btn-variant-link.disabled:active>a:only-child:after,
.cb-btn-default.cb-btn-variant-link.disabled:hover>a:only-child:after,
.cb-btn-default.cb-btn-variant-link.disabled>a:only-child:after,
.cb-btn-default.cb-btn-variant-link[disabled].active>a:only-child:after,
.cb-btn-default.cb-btn-variant-link[disabled]:active>a:only-child:after,
.cb-btn-default.cb-btn-variant-link[disabled]:hover>a:only-child:after,
.cb-btn-default.cb-btn-variant-link[disabled]>a:only-child:after,
.cb-btn-default.cb-btn-variant-text.disabled.active>a:only-child:after,
.cb-btn-default.cb-btn-variant-text.disabled:active>a:only-child:after,
.cb-btn-default.cb-btn-variant-text.disabled:hover>a:only-child:after,
.cb-btn-default.cb-btn-variant-text.disabled>a:only-child:after,
.cb-btn-default.cb-btn-variant-text[disabled].active>a:only-child:after,
.cb-btn-default.cb-btn-variant-text[disabled]:active>a:only-child:after,
.cb-btn-default.cb-btn-variant-text[disabled]:hover>a:only-child:after,
.cb-btn-default.cb-btn-variant-text[disabled]>a:only-child:after,
fieldset[disabled] .cb-btn-default.cb-btn-variant-link.active>a:only-child:after,
fieldset[disabled] .cb-btn-default.cb-btn-variant-link:active>a:only-child:after,
fieldset[disabled] .cb-btn-default.cb-btn-variant-link:hover>a:only-child:after,
fieldset[disabled] .cb-btn-default.cb-btn-variant-link>a:only-child:after,
fieldset[disabled] .cb-btn-default.cb-btn-variant-text.active>a:only-child:after,
fieldset[disabled] .cb-btn-default.cb-btn-variant-text:active>a:only-child:after,
fieldset[disabled] .cb-btn-default.cb-btn-variant-text:hover>a:only-child:after,
fieldset[disabled] .cb-btn-default.cb-btn-variant-text>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-primary {
    color: var(--lldesign-button-text-light);
    background: var(--lldesign-button-color-brand);
    border-color: transparent
}

.cb-btn-primary>a:only-child {
    color: currentColor
}

.cb-btn-primary>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-primary:hover {
    color: var(--lldesign-button-text-light);
    background: var(--lldesign-button-color-brand-hover);
    border-color: transparent
}

.cb-btn-primary:hover>a:only-child {
    color: currentColor
}

.cb-btn-primary:hover>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-primary.active,
.cb-btn-primary:active {
    -webkit-transition: none;
    transition: none;
    color: var(--lldesign-button-text-light);
    background: var(--lldesign-button-color-brand-active);
    border-color: transparent
}

.cb-btn-primary.active>a:only-child,
.cb-btn-primary:active>a:only-child {
    color: currentColor
}

.cb-btn-primary.active>a:only-child:after,
.cb-btn-primary:active>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-primary.disabled,
.cb-btn-primary.disabled.active,
.cb-btn-primary.disabled:active,
.cb-btn-primary.disabled:hover,
.cb-btn-primary[disabled],
.cb-btn-primary[disabled].active,
.cb-btn-primary[disabled]:active,
.cb-btn-primary[disabled]:hover,
fieldset[disabled] .cb-btn-primary,
fieldset[disabled] .cb-btn-primary.active,
fieldset[disabled] .cb-btn-primary:active,
fieldset[disabled] .cb-btn-primary:hover {
    color: var(--lldesign-button-text-disabled-light);
    background: var(--lldesign-button-color-brand-disabled);
    border-color: transparent
}

.cb-btn-primary.disabled.active>a:only-child,
.cb-btn-primary.disabled:active>a:only-child,
.cb-btn-primary.disabled:hover>a:only-child,
.cb-btn-primary.disabled>a:only-child,
.cb-btn-primary[disabled].active>a:only-child,
.cb-btn-primary[disabled]:active>a:only-child,
.cb-btn-primary[disabled]:hover>a:only-child,
.cb-btn-primary[disabled]>a:only-child,
fieldset[disabled] .cb-btn-primary.active>a:only-child,
fieldset[disabled] .cb-btn-primary:active>a:only-child,
fieldset[disabled] .cb-btn-primary:hover>a:only-child,
fieldset[disabled] .cb-btn-primary>a:only-child {
    color: currentColor
}

.cb-btn-primary.disabled.active>a:only-child:after,
.cb-btn-primary.disabled:active>a:only-child:after,
.cb-btn-primary.disabled:hover>a:only-child:after,
.cb-btn-primary.disabled>a:only-child:after,
.cb-btn-primary[disabled].active>a:only-child:after,
.cb-btn-primary[disabled]:active>a:only-child:after,
.cb-btn-primary[disabled]:hover>a:only-child:after,
.cb-btn-primary[disabled]>a:only-child:after,
fieldset[disabled] .cb-btn-primary.active>a:only-child:after,
fieldset[disabled] .cb-btn-primary:active>a:only-child:after,
fieldset[disabled] .cb-btn-primary:hover>a:only-child:after,
fieldset[disabled] .cb-btn-primary>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-primary.cb-btn-variant-secondary {
    color: var(--lldesign-button-color-brand);
    background: var(--lldesign-button-color-brand-light);
    border-color: transparent
}

.cb-btn-primary.cb-btn-variant-secondary>a:only-child {
    color: currentColor
}

.cb-btn-primary.cb-btn-variant-secondary>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-primary.cb-btn-variant-secondary:hover {
    color: var(--lldesign-button-color-brand);
    background: var(--lldesign-button-color-brand-light-hover);
    border-color: transparent
}

.cb-btn-primary.cb-btn-variant-secondary:hover>a:only-child {
    color: currentColor
}

.cb-btn-primary.cb-btn-variant-secondary:hover>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-primary.cb-btn-variant-secondary.active,
.cb-btn-primary.cb-btn-variant-secondary:active {
    -webkit-transition: none;
    transition: none;
    color: var(--lldesign-button-color-brand);
    background: var(--lldesign-button-color-brand-light-active);
    border-color: transparent
}

.cb-btn-primary.cb-btn-variant-secondary.active>a:only-child,
.cb-btn-primary.cb-btn-variant-secondary:active>a:only-child {
    color: currentColor
}

.cb-btn-primary.cb-btn-variant-secondary.active>a:only-child:after,
.cb-btn-primary.cb-btn-variant-secondary:active>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-primary.cb-btn-variant-secondary.disabled,
.cb-btn-primary.cb-btn-variant-secondary.disabled.active,
.cb-btn-primary.cb-btn-variant-secondary.disabled:active,
.cb-btn-primary.cb-btn-variant-secondary.disabled:hover,
.cb-btn-primary.cb-btn-variant-secondary[disabled],
.cb-btn-primary.cb-btn-variant-secondary[disabled].active,
.cb-btn-primary.cb-btn-variant-secondary[disabled]:active,
.cb-btn-primary.cb-btn-variant-secondary[disabled]:hover,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-secondary,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-secondary.active,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-secondary:active,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-secondary:hover {
    color: var(--lldesign-button-color-brand-disabled);
    background: var(--lldesign-button-color-brand-light);
    border-color: transparent
}

.cb-btn-primary.cb-btn-variant-secondary.disabled.active>a:only-child,
.cb-btn-primary.cb-btn-variant-secondary.disabled:active>a:only-child,
.cb-btn-primary.cb-btn-variant-secondary.disabled:hover>a:only-child,
.cb-btn-primary.cb-btn-variant-secondary.disabled>a:only-child,
.cb-btn-primary.cb-btn-variant-secondary[disabled].active>a:only-child,
.cb-btn-primary.cb-btn-variant-secondary[disabled]:active>a:only-child,
.cb-btn-primary.cb-btn-variant-secondary[disabled]:hover>a:only-child,
.cb-btn-primary.cb-btn-variant-secondary[disabled]>a:only-child,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-secondary.active>a:only-child,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-secondary:active>a:only-child,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-secondary:hover>a:only-child,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-secondary>a:only-child {
    color: currentColor
}

.cb-btn-primary.cb-btn-variant-secondary.disabled.active>a:only-child:after,
.cb-btn-primary.cb-btn-variant-secondary.disabled:active>a:only-child:after,
.cb-btn-primary.cb-btn-variant-secondary.disabled:hover>a:only-child:after,
.cb-btn-primary.cb-btn-variant-secondary.disabled>a:only-child:after,
.cb-btn-primary.cb-btn-variant-secondary[disabled].active>a:only-child:after,
.cb-btn-primary.cb-btn-variant-secondary[disabled]:active>a:only-child:after,
.cb-btn-primary.cb-btn-variant-secondary[disabled]:hover>a:only-child:after,
.cb-btn-primary.cb-btn-variant-secondary[disabled]>a:only-child:after,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-secondary.active>a:only-child:after,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-secondary:active>a:only-child:after,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-secondary:hover>a:only-child:after,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-secondary>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-primary.cb-btn-variant-dashed,
.cb-btn-primary.cb-btn-variant-ghost {
    border-color: var(--lldesign-button-color-brand);
    background: 0 0;
    color: var(--lldesign-button-color-brand)
}

.cb-btn-primary.cb-btn-variant-dashed:hover,
.cb-btn-primary.cb-btn-variant-ghost:hover {
    border-color: var(--lldesign-button-color-brand-hover);
    color: var(--lldesign-button-color-brand-hover);
    background: 0 0
}

.cb-btn-primary.cb-btn-variant-dashed.active,
.cb-btn-primary.cb-btn-variant-dashed:active,
.cb-btn-primary.cb-btn-variant-ghost.active,
.cb-btn-primary.cb-btn-variant-ghost:active {
    border-color: var(--lldesign-button-color-brand-active);
    color: var(--lldesign-button-color-brand-active);
    background: 0 0
}

.cb-btn-primary.cb-btn-variant-dashed.disabled,
.cb-btn-primary.cb-btn-variant-dashed.disabled.active,
.cb-btn-primary.cb-btn-variant-dashed.disabled:active,
.cb-btn-primary.cb-btn-variant-dashed.disabled:hover,
.cb-btn-primary.cb-btn-variant-dashed[disabled],
.cb-btn-primary.cb-btn-variant-dashed[disabled].active,
.cb-btn-primary.cb-btn-variant-dashed[disabled]:active,
.cb-btn-primary.cb-btn-variant-dashed[disabled]:hover,
.cb-btn-primary.cb-btn-variant-ghost.disabled,
.cb-btn-primary.cb-btn-variant-ghost.disabled.active,
.cb-btn-primary.cb-btn-variant-ghost.disabled:active,
.cb-btn-primary.cb-btn-variant-ghost.disabled:hover,
.cb-btn-primary.cb-btn-variant-ghost[disabled],
.cb-btn-primary.cb-btn-variant-ghost[disabled].active,
.cb-btn-primary.cb-btn-variant-ghost[disabled]:active,
.cb-btn-primary.cb-btn-variant-ghost[disabled]:hover,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-dashed,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-dashed.active,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-dashed:active,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-dashed:hover,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-ghost,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-ghost.active,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-ghost:active,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-ghost:hover {
    border-color: var(--lldesign-button-color-brand-disabled);
    color: var(--lldesign-button-color-brand-disabled)
}

.cb-btn-primary.cb-btn-variant-dashed {
    border-style: dashed
}

.cb-btn-primary.cb-btn-variant-ghost {
    border-style: solid
}

.cb-btn-primary.cb-btn-variant-link,
.cb-btn-primary.cb-btn-variant-text {
    color: var(--lldesign-button-color-brand);
    background: 0 0;
    border-color: transparent
}

.cb-btn-primary.cb-btn-variant-link>a:only-child,
.cb-btn-primary.cb-btn-variant-text>a:only-child {
    color: currentColor
}

.cb-btn-primary.cb-btn-variant-link>a:only-child:after,
.cb-btn-primary.cb-btn-variant-text>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-primary.cb-btn-variant-link:hover,
.cb-btn-primary.cb-btn-variant-text:hover {
    color: var(--lldesign-button-color-brand-hover)
}

.cb-btn-primary.cb-btn-variant-link:active,
.cb-btn-primary.cb-btn-variant-text:active {
    color: var(--lldesign-button-color-brand-active)
}

.cb-btn-primary.cb-btn-variant-link.disabled,
.cb-btn-primary.cb-btn-variant-link.disabled.active,
.cb-btn-primary.cb-btn-variant-link.disabled:active,
.cb-btn-primary.cb-btn-variant-link.disabled:hover,
.cb-btn-primary.cb-btn-variant-link[disabled],
.cb-btn-primary.cb-btn-variant-link[disabled].active,
.cb-btn-primary.cb-btn-variant-link[disabled]:active,
.cb-btn-primary.cb-btn-variant-link[disabled]:hover,
.cb-btn-primary.cb-btn-variant-text.disabled,
.cb-btn-primary.cb-btn-variant-text.disabled.active,
.cb-btn-primary.cb-btn-variant-text.disabled:active,
.cb-btn-primary.cb-btn-variant-text.disabled:hover,
.cb-btn-primary.cb-btn-variant-text[disabled],
.cb-btn-primary.cb-btn-variant-text[disabled].active,
.cb-btn-primary.cb-btn-variant-text[disabled]:active,
.cb-btn-primary.cb-btn-variant-text[disabled]:hover,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-link,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-link.active,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-link:active,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-link:hover,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-text,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-text.active,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-text:active,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-text:hover {
    color: var(--lldesign-button-color-brand-disabled);
    background: 0 0;
    border-color: transparent
}

.cb-btn-primary.cb-btn-variant-link.disabled.active>a:only-child,
.cb-btn-primary.cb-btn-variant-link.disabled:active>a:only-child,
.cb-btn-primary.cb-btn-variant-link.disabled:hover>a:only-child,
.cb-btn-primary.cb-btn-variant-link.disabled>a:only-child,
.cb-btn-primary.cb-btn-variant-link[disabled].active>a:only-child,
.cb-btn-primary.cb-btn-variant-link[disabled]:active>a:only-child,
.cb-btn-primary.cb-btn-variant-link[disabled]:hover>a:only-child,
.cb-btn-primary.cb-btn-variant-link[disabled]>a:only-child,
.cb-btn-primary.cb-btn-variant-text.disabled.active>a:only-child,
.cb-btn-primary.cb-btn-variant-text.disabled:active>a:only-child,
.cb-btn-primary.cb-btn-variant-text.disabled:hover>a:only-child,
.cb-btn-primary.cb-btn-variant-text.disabled>a:only-child,
.cb-btn-primary.cb-btn-variant-text[disabled].active>a:only-child,
.cb-btn-primary.cb-btn-variant-text[disabled]:active>a:only-child,
.cb-btn-primary.cb-btn-variant-text[disabled]:hover>a:only-child,
.cb-btn-primary.cb-btn-variant-text[disabled]>a:only-child,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-link.active>a:only-child,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-link:active>a:only-child,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-link:hover>a:only-child,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-link>a:only-child,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-text.active>a:only-child,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-text:active>a:only-child,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-text:hover>a:only-child,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-text>a:only-child {
    color: currentColor
}

.cb-btn-primary.cb-btn-variant-link.disabled.active>a:only-child:after,
.cb-btn-primary.cb-btn-variant-link.disabled:active>a:only-child:after,
.cb-btn-primary.cb-btn-variant-link.disabled:hover>a:only-child:after,
.cb-btn-primary.cb-btn-variant-link.disabled>a:only-child:after,
.cb-btn-primary.cb-btn-variant-link[disabled].active>a:only-child:after,
.cb-btn-primary.cb-btn-variant-link[disabled]:active>a:only-child:after,
.cb-btn-primary.cb-btn-variant-link[disabled]:hover>a:only-child:after,
.cb-btn-primary.cb-btn-variant-link[disabled]>a:only-child:after,
.cb-btn-primary.cb-btn-variant-text.disabled.active>a:only-child:after,
.cb-btn-primary.cb-btn-variant-text.disabled:active>a:only-child:after,
.cb-btn-primary.cb-btn-variant-text.disabled:hover>a:only-child:after,
.cb-btn-primary.cb-btn-variant-text.disabled>a:only-child:after,
.cb-btn-primary.cb-btn-variant-text[disabled].active>a:only-child:after,
.cb-btn-primary.cb-btn-variant-text[disabled]:active>a:only-child:after,
.cb-btn-primary.cb-btn-variant-text[disabled]:hover>a:only-child:after,
.cb-btn-primary.cb-btn-variant-text[disabled]>a:only-child:after,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-link.active>a:only-child:after,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-link:active>a:only-child:after,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-link:hover>a:only-child:after,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-link>a:only-child:after,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-text.active>a:only-child:after,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-text:active>a:only-child:after,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-text:hover>a:only-child:after,
fieldset[disabled] .cb-btn-primary.cb-btn-variant-text>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-primary.cb-btn-variant-link span {
    text-decoration: underline
}

.cb-btn-secondary {
    color: var(--lldesign-button-text, var(--lldesign-color-text-2));
    background: var(--lldesign-button-default-bg);
    border-color: transparent;
    color: var(--lldesign-button-color-brand)
}

.cb-btn-secondary>a:only-child {
    color: currentColor
}

.cb-btn-secondary>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-secondary:hover {
    color: var(--lldesign-button-text, var(--lldesign-color-text-2));
    background: var(--lldesign-button-default-bg-hover);
    border-color: transparent
}

.cb-btn-secondary:hover>a:only-child {
    color: currentColor
}

.cb-btn-secondary:hover>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-secondary.active,
.cb-btn-secondary:active {
    -webkit-transition: none;
    transition: none;
    color: var(--lldesign-button-text, var(--lldesign-color-text-2));
    background: var(--lldesign-button-default-bg-active);
    border-color: transparent
}

.cb-btn-secondary.active>a:only-child,
.cb-btn-secondary:active>a:only-child {
    color: currentColor
}

.cb-btn-secondary.active>a:only-child:after,
.cb-btn-secondary:active>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-secondary.disabled,
.cb-btn-secondary.disabled.active,
.cb-btn-secondary.disabled:active,
.cb-btn-secondary.disabled:hover,
.cb-btn-secondary[disabled],
.cb-btn-secondary[disabled].active,
.cb-btn-secondary[disabled]:active,
.cb-btn-secondary[disabled]:hover,
fieldset[disabled] .cb-btn-secondary,
fieldset[disabled] .cb-btn-secondary.active,
fieldset[disabled] .cb-btn-secondary:active,
fieldset[disabled] .cb-btn-secondary:hover {
    color: var(--lldesign-button-text-disabled);
    background: var(--lldesign-button-default-bg-disabled);
    border-color: transparent
}

.cb-btn-secondary.disabled.active>a:only-child,
.cb-btn-secondary.disabled:active>a:only-child,
.cb-btn-secondary.disabled:hover>a:only-child,
.cb-btn-secondary.disabled>a:only-child,
.cb-btn-secondary[disabled].active>a:only-child,
.cb-btn-secondary[disabled]:active>a:only-child,
.cb-btn-secondary[disabled]:hover>a:only-child,
.cb-btn-secondary[disabled]>a:only-child,
fieldset[disabled] .cb-btn-secondary.active>a:only-child,
fieldset[disabled] .cb-btn-secondary:active>a:only-child,
fieldset[disabled] .cb-btn-secondary:hover>a:only-child,
fieldset[disabled] .cb-btn-secondary>a:only-child {
    color: currentColor
}

.cb-btn-secondary.disabled.active>a:only-child:after,
.cb-btn-secondary.disabled:active>a:only-child:after,
.cb-btn-secondary.disabled:hover>a:only-child:after,
.cb-btn-secondary.disabled>a:only-child:after,
.cb-btn-secondary[disabled].active>a:only-child:after,
.cb-btn-secondary[disabled]:active>a:only-child:after,
.cb-btn-secondary[disabled]:hover>a:only-child:after,
.cb-btn-secondary[disabled]>a:only-child:after,
fieldset[disabled] .cb-btn-secondary.active>a:only-child:after,
fieldset[disabled] .cb-btn-secondary:active>a:only-child:after,
fieldset[disabled] .cb-btn-secondary:hover>a:only-child:after,
fieldset[disabled] .cb-btn-secondary>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-secondary.cb-btn-variant-secondary {
    color: var(--lldesign-button-default-bg);
    background: var(--lldesign-button-default-light-light);
    border-color: transparent
}

.cb-btn-secondary.cb-btn-variant-secondary>a:only-child {
    color: currentColor
}

.cb-btn-secondary.cb-btn-variant-secondary>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-secondary.cb-btn-variant-secondary:hover {
    color: var(--lldesign-button-default-bg);
    background: var(--lldesign-button-default-light-hover);
    border-color: transparent
}

.cb-btn-secondary.cb-btn-variant-secondary:hover>a:only-child {
    color: currentColor
}

.cb-btn-secondary.cb-btn-variant-secondary:hover>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-secondary.cb-btn-variant-secondary.active,
.cb-btn-secondary.cb-btn-variant-secondary:active {
    -webkit-transition: none;
    transition: none;
    color: var(--lldesign-button-default-bg);
    background: var(--lldesign-button-default-light-active);
    border-color: transparent
}

.cb-btn-secondary.cb-btn-variant-secondary.active>a:only-child,
.cb-btn-secondary.cb-btn-variant-secondary:active>a:only-child {
    color: currentColor
}

.cb-btn-secondary.cb-btn-variant-secondary.active>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-secondary:active>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-secondary.cb-btn-variant-secondary.disabled,
.cb-btn-secondary.cb-btn-variant-secondary.disabled.active,
.cb-btn-secondary.cb-btn-variant-secondary.disabled:active,
.cb-btn-secondary.cb-btn-variant-secondary.disabled:hover,
.cb-btn-secondary.cb-btn-variant-secondary[disabled],
.cb-btn-secondary.cb-btn-variant-secondary[disabled].active,
.cb-btn-secondary.cb-btn-variant-secondary[disabled]:active,
.cb-btn-secondary.cb-btn-variant-secondary[disabled]:hover,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-secondary,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-secondary.active,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-secondary:active,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-secondary:hover {
    color: var(--lldesign-button-default-bg-disabled);
    background: var(--lldesign-button-default-light-light);
    border-color: transparent
}

.cb-btn-secondary.cb-btn-variant-secondary.disabled.active>a:only-child,
.cb-btn-secondary.cb-btn-variant-secondary.disabled:active>a:only-child,
.cb-btn-secondary.cb-btn-variant-secondary.disabled:hover>a:only-child,
.cb-btn-secondary.cb-btn-variant-secondary.disabled>a:only-child,
.cb-btn-secondary.cb-btn-variant-secondary[disabled].active>a:only-child,
.cb-btn-secondary.cb-btn-variant-secondary[disabled]:active>a:only-child,
.cb-btn-secondary.cb-btn-variant-secondary[disabled]:hover>a:only-child,
.cb-btn-secondary.cb-btn-variant-secondary[disabled]>a:only-child,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-secondary.active>a:only-child,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-secondary:active>a:only-child,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-secondary:hover>a:only-child,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-secondary>a:only-child {
    color: currentColor
}

.cb-btn-secondary.cb-btn-variant-secondary.disabled.active>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-secondary.disabled:active>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-secondary.disabled:hover>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-secondary.disabled>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-secondary[disabled].active>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-secondary[disabled]:active>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-secondary[disabled]:hover>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-secondary[disabled]>a:only-child:after,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-secondary.active>a:only-child:after,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-secondary:active>a:only-child:after,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-secondary:hover>a:only-child:after,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-secondary>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-secondary.cb-btn-variant-dashed,
.cb-btn-secondary.cb-btn-variant-ghost {
    border-color: var(--lldesign-button-default-bg);
    background: 0 0;
    color: var(--lldesign-button-default-bg)
}

.cb-btn-secondary.cb-btn-variant-dashed:hover,
.cb-btn-secondary.cb-btn-variant-ghost:hover {
    border-color: var(--lldesign-button-default-bg-hover);
    color: var(--lldesign-button-default-bg-hover);
    background: 0 0
}

.cb-btn-secondary.cb-btn-variant-dashed.active,
.cb-btn-secondary.cb-btn-variant-dashed:active,
.cb-btn-secondary.cb-btn-variant-ghost.active,
.cb-btn-secondary.cb-btn-variant-ghost:active {
    border-color: var(--lldesign-button-default-bg-active);
    color: var(--lldesign-button-default-bg-active);
    background: 0 0
}

.cb-btn-secondary.cb-btn-variant-dashed.disabled,
.cb-btn-secondary.cb-btn-variant-dashed.disabled.active,
.cb-btn-secondary.cb-btn-variant-dashed.disabled:active,
.cb-btn-secondary.cb-btn-variant-dashed.disabled:hover,
.cb-btn-secondary.cb-btn-variant-dashed[disabled],
.cb-btn-secondary.cb-btn-variant-dashed[disabled].active,
.cb-btn-secondary.cb-btn-variant-dashed[disabled]:active,
.cb-btn-secondary.cb-btn-variant-dashed[disabled]:hover,
.cb-btn-secondary.cb-btn-variant-ghost.disabled,
.cb-btn-secondary.cb-btn-variant-ghost.disabled.active,
.cb-btn-secondary.cb-btn-variant-ghost.disabled:active,
.cb-btn-secondary.cb-btn-variant-ghost.disabled:hover,
.cb-btn-secondary.cb-btn-variant-ghost[disabled],
.cb-btn-secondary.cb-btn-variant-ghost[disabled].active,
.cb-btn-secondary.cb-btn-variant-ghost[disabled]:active,
.cb-btn-secondary.cb-btn-variant-ghost[disabled]:hover,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-dashed,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-dashed.active,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-dashed:active,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-dashed:hover,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-ghost,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-ghost.active,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-ghost:active,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-ghost:hover {
    border-color: var(--lldesign-button-default-bg-disabled);
    color: var(--lldesign-button-default-bg-disabled)
}

.cb-btn-secondary.cb-btn-variant-dashed {
    border-style: dashed
}

.cb-btn-secondary.cb-btn-variant-ghost {
    border-style: solid
}

.cb-btn-secondary.cb-btn-variant-link,
.cb-btn-secondary.cb-btn-variant-text {
    color: var(--lldesign-button-default-bg);
    background: 0 0;
    border-color: transparent
}

.cb-btn-secondary.cb-btn-variant-link>a:only-child,
.cb-btn-secondary.cb-btn-variant-text>a:only-child {
    color: currentColor
}

.cb-btn-secondary.cb-btn-variant-link>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-text>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-secondary.cb-btn-variant-link:hover,
.cb-btn-secondary.cb-btn-variant-text:hover {
    color: var(--lldesign-button-default-bg-hover)
}

.cb-btn-secondary.cb-btn-variant-link:active,
.cb-btn-secondary.cb-btn-variant-text:active {
    color: var(--lldesign-button-default-bg-active)
}

.cb-btn-secondary.cb-btn-variant-link.disabled,
.cb-btn-secondary.cb-btn-variant-link.disabled.active,
.cb-btn-secondary.cb-btn-variant-link.disabled:active,
.cb-btn-secondary.cb-btn-variant-link.disabled:hover,
.cb-btn-secondary.cb-btn-variant-link[disabled],
.cb-btn-secondary.cb-btn-variant-link[disabled].active,
.cb-btn-secondary.cb-btn-variant-link[disabled]:active,
.cb-btn-secondary.cb-btn-variant-link[disabled]:hover,
.cb-btn-secondary.cb-btn-variant-text.disabled,
.cb-btn-secondary.cb-btn-variant-text.disabled.active,
.cb-btn-secondary.cb-btn-variant-text.disabled:active,
.cb-btn-secondary.cb-btn-variant-text.disabled:hover,
.cb-btn-secondary.cb-btn-variant-text[disabled],
.cb-btn-secondary.cb-btn-variant-text[disabled].active,
.cb-btn-secondary.cb-btn-variant-text[disabled]:active,
.cb-btn-secondary.cb-btn-variant-text[disabled]:hover,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link.active,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link:active,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link:hover,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text.active,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text:active,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text:hover {
    color: var(--lldesign-button-default-bg-disabled);
    background: 0 0;
    border-color: transparent
}

.cb-btn-secondary.cb-btn-variant-link.disabled.active>a:only-child,
.cb-btn-secondary.cb-btn-variant-link.disabled:active>a:only-child,
.cb-btn-secondary.cb-btn-variant-link.disabled:hover>a:only-child,
.cb-btn-secondary.cb-btn-variant-link.disabled>a:only-child,
.cb-btn-secondary.cb-btn-variant-link[disabled].active>a:only-child,
.cb-btn-secondary.cb-btn-variant-link[disabled]:active>a:only-child,
.cb-btn-secondary.cb-btn-variant-link[disabled]:hover>a:only-child,
.cb-btn-secondary.cb-btn-variant-link[disabled]>a:only-child,
.cb-btn-secondary.cb-btn-variant-text.disabled.active>a:only-child,
.cb-btn-secondary.cb-btn-variant-text.disabled:active>a:only-child,
.cb-btn-secondary.cb-btn-variant-text.disabled:hover>a:only-child,
.cb-btn-secondary.cb-btn-variant-text.disabled>a:only-child,
.cb-btn-secondary.cb-btn-variant-text[disabled].active>a:only-child,
.cb-btn-secondary.cb-btn-variant-text[disabled]:active>a:only-child,
.cb-btn-secondary.cb-btn-variant-text[disabled]:hover>a:only-child,
.cb-btn-secondary.cb-btn-variant-text[disabled]>a:only-child,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link.active>a:only-child,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link:active>a:only-child,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link:hover>a:only-child,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link>a:only-child,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text.active>a:only-child,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text:active>a:only-child,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text:hover>a:only-child,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text>a:only-child {
    color: currentColor
}

.cb-btn-secondary.cb-btn-variant-link.disabled.active>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-link.disabled:active>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-link.disabled:hover>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-link.disabled>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-link[disabled].active>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-link[disabled]:active>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-link[disabled]:hover>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-link[disabled]>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-text.disabled.active>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-text.disabled:active>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-text.disabled:hover>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-text.disabled>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-text[disabled].active>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-text[disabled]:active>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-text[disabled]:hover>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-text[disabled]>a:only-child:after,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link.active>a:only-child:after,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link:active>a:only-child:after,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link:hover>a:only-child:after,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link>a:only-child:after,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text.active>a:only-child:after,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text:active>a:only-child:after,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text:hover>a:only-child:after,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-secondary.cb-btn-variant-link span {
    text-decoration: underline
}

.cb-btn-secondary.cb-btn-variant-secondary {
    color: var(--lldesign-button-text)
}

.cb-btn-secondary.cb-btn-variant-secondary:hover {
    color: var(--lldesign-button-text-hover)
}

.cb-btn-secondary.cb-btn-variant-secondary.active,
.cb-btn-secondary.cb-btn-variant-secondary:active {
    color: var(--lldesign-button-text-hover)
}

.cb-btn-secondary.cb-btn-variant-secondary.disabled,
.cb-btn-secondary.cb-btn-variant-secondary.disabled.active,
.cb-btn-secondary.cb-btn-variant-secondary.disabled:active,
.cb-btn-secondary.cb-btn-variant-secondary.disabled:hover,
.cb-btn-secondary.cb-btn-variant-secondary[disabled],
.cb-btn-secondary.cb-btn-variant-secondary[disabled].active,
.cb-btn-secondary.cb-btn-variant-secondary[disabled]:active,
.cb-btn-secondary.cb-btn-variant-secondary[disabled]:hover,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-secondary,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-secondary.active,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-secondary:active,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-secondary:hover {
    color: var(--lldesign-button-text-disabled)
}

.cb-btn-secondary.cb-btn-variant-dashed,
.cb-btn-secondary.cb-btn-variant-ghost {
    border-color: var(--lldesign-button-text);
    background: 0 0;
    color: var(--lldesign-button-text)
}

.cb-btn-secondary.cb-btn-variant-dashed:hover,
.cb-btn-secondary.cb-btn-variant-ghost:hover {
    border-color: var(--lldesign-button-text-hover);
    color: var(--lldesign-button-text-hover);
    background: 0 0
}

.cb-btn-secondary.cb-btn-variant-dashed.active,
.cb-btn-secondary.cb-btn-variant-dashed:active,
.cb-btn-secondary.cb-btn-variant-ghost.active,
.cb-btn-secondary.cb-btn-variant-ghost:active {
    border-color: var(--lldesign-button-text-hover);
    color: var(--lldesign-button-text-hover);
    background: 0 0
}

.cb-btn-secondary.cb-btn-variant-dashed.disabled,
.cb-btn-secondary.cb-btn-variant-dashed.disabled.active,
.cb-btn-secondary.cb-btn-variant-dashed.disabled:active,
.cb-btn-secondary.cb-btn-variant-dashed.disabled:hover,
.cb-btn-secondary.cb-btn-variant-dashed[disabled],
.cb-btn-secondary.cb-btn-variant-dashed[disabled].active,
.cb-btn-secondary.cb-btn-variant-dashed[disabled]:active,
.cb-btn-secondary.cb-btn-variant-dashed[disabled]:hover,
.cb-btn-secondary.cb-btn-variant-ghost.disabled,
.cb-btn-secondary.cb-btn-variant-ghost.disabled.active,
.cb-btn-secondary.cb-btn-variant-ghost.disabled:active,
.cb-btn-secondary.cb-btn-variant-ghost.disabled:hover,
.cb-btn-secondary.cb-btn-variant-ghost[disabled],
.cb-btn-secondary.cb-btn-variant-ghost[disabled].active,
.cb-btn-secondary.cb-btn-variant-ghost[disabled]:active,
.cb-btn-secondary.cb-btn-variant-ghost[disabled]:hover,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-dashed,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-dashed.active,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-dashed:active,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-dashed:hover,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-ghost,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-ghost.active,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-ghost:active,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-ghost:hover {
    border-color: var(--lldesign-button-text-disabled);
    color: var(--lldesign-button-text-disabled)
}

.cb-btn-secondary.cb-btn-variant-link,
.cb-btn-secondary.cb-btn-variant-text {
    color: var(--lldesign-button-text, var(--lldesign-color-text-2));
    background: 0 0;
    border-color: transparent
}

.cb-btn-secondary.cb-btn-variant-link>a:only-child,
.cb-btn-secondary.cb-btn-variant-text>a:only-child {
    color: currentColor
}

.cb-btn-secondary.cb-btn-variant-link>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-text>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-secondary.cb-btn-variant-link:hover,
.cb-btn-secondary.cb-btn-variant-text:hover {
    color: var(--lldesign-button-text-hover);
    background: 0 0;
    border-color: transparent
}

.cb-btn-secondary.cb-btn-variant-link:hover>a:only-child,
.cb-btn-secondary.cb-btn-variant-text:hover>a:only-child {
    color: currentColor
}

.cb-btn-secondary.cb-btn-variant-link:hover>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-text:hover>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-secondary.cb-btn-variant-link.active,
.cb-btn-secondary.cb-btn-variant-link:active,
.cb-btn-secondary.cb-btn-variant-text.active,
.cb-btn-secondary.cb-btn-variant-text:active {
    color: var(--lldesign-button-text-hover);
    background: 0 0;
    border-color: transparent
}

.cb-btn-secondary.cb-btn-variant-link.active>a:only-child,
.cb-btn-secondary.cb-btn-variant-link:active>a:only-child,
.cb-btn-secondary.cb-btn-variant-text.active>a:only-child,
.cb-btn-secondary.cb-btn-variant-text:active>a:only-child {
    color: currentColor
}

.cb-btn-secondary.cb-btn-variant-link.active>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-link:active>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-text.active>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-text:active>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-secondary.cb-btn-variant-link.disabled,
.cb-btn-secondary.cb-btn-variant-link.disabled.active,
.cb-btn-secondary.cb-btn-variant-link.disabled:active,
.cb-btn-secondary.cb-btn-variant-link.disabled:hover,
.cb-btn-secondary.cb-btn-variant-link[disabled],
.cb-btn-secondary.cb-btn-variant-link[disabled].active,
.cb-btn-secondary.cb-btn-variant-link[disabled]:active,
.cb-btn-secondary.cb-btn-variant-link[disabled]:hover,
.cb-btn-secondary.cb-btn-variant-text.disabled,
.cb-btn-secondary.cb-btn-variant-text.disabled.active,
.cb-btn-secondary.cb-btn-variant-text.disabled:active,
.cb-btn-secondary.cb-btn-variant-text.disabled:hover,
.cb-btn-secondary.cb-btn-variant-text[disabled],
.cb-btn-secondary.cb-btn-variant-text[disabled].active,
.cb-btn-secondary.cb-btn-variant-text[disabled]:active,
.cb-btn-secondary.cb-btn-variant-text[disabled]:hover,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link.active,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link:active,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link:hover,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text.active,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text:active,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text:hover {
    color: var(--lldesign-button-text-disabled);
    background: 0 0;
    border-color: transparent
}

.cb-btn-secondary.cb-btn-variant-link.disabled.active>a:only-child,
.cb-btn-secondary.cb-btn-variant-link.disabled:active>a:only-child,
.cb-btn-secondary.cb-btn-variant-link.disabled:hover>a:only-child,
.cb-btn-secondary.cb-btn-variant-link.disabled>a:only-child,
.cb-btn-secondary.cb-btn-variant-link[disabled].active>a:only-child,
.cb-btn-secondary.cb-btn-variant-link[disabled]:active>a:only-child,
.cb-btn-secondary.cb-btn-variant-link[disabled]:hover>a:only-child,
.cb-btn-secondary.cb-btn-variant-link[disabled]>a:only-child,
.cb-btn-secondary.cb-btn-variant-text.disabled.active>a:only-child,
.cb-btn-secondary.cb-btn-variant-text.disabled:active>a:only-child,
.cb-btn-secondary.cb-btn-variant-text.disabled:hover>a:only-child,
.cb-btn-secondary.cb-btn-variant-text.disabled>a:only-child,
.cb-btn-secondary.cb-btn-variant-text[disabled].active>a:only-child,
.cb-btn-secondary.cb-btn-variant-text[disabled]:active>a:only-child,
.cb-btn-secondary.cb-btn-variant-text[disabled]:hover>a:only-child,
.cb-btn-secondary.cb-btn-variant-text[disabled]>a:only-child,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link.active>a:only-child,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link:active>a:only-child,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link:hover>a:only-child,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link>a:only-child,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text.active>a:only-child,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text:active>a:only-child,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text:hover>a:only-child,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text>a:only-child {
    color: currentColor
}

.cb-btn-secondary.cb-btn-variant-link.disabled.active>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-link.disabled:active>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-link.disabled:hover>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-link.disabled>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-link[disabled].active>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-link[disabled]:active>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-link[disabled]:hover>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-link[disabled]>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-text.disabled.active>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-text.disabled:active>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-text.disabled:hover>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-text.disabled>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-text[disabled].active>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-text[disabled]:active>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-text[disabled]:hover>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-text[disabled]>a:only-child:after,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link.active>a:only-child:after,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link:active>a:only-child:after,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link:hover>a:only-child:after,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link>a:only-child:after,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text.active>a:only-child:after,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text:active>a:only-child:after,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text:hover>a:only-child:after,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-secondary.active,
.cb-btn-secondary:active,
.cb-btn-secondary:hover {
    color: var(--lldesign-button-color-brand)
}

.cb-btn-secondary.disabled,
.cb-btn-secondary.disabled.active,
.cb-btn-secondary.disabled:active,
.cb-btn-secondary.disabled:hover,
.cb-btn-secondary[disabled],
.cb-btn-secondary[disabled].active,
.cb-btn-secondary[disabled]:active,
.cb-btn-secondary[disabled]:hover,
fieldset[disabled] .cb-btn-secondary,
fieldset[disabled] .cb-btn-secondary.active,
fieldset[disabled] .cb-btn-secondary:active,
fieldset[disabled] .cb-btn-secondary:hover {
    color: var(--lldesign-button-color-brand-disabled)
}

.cb-btn-secondary.cb-btn-variant-secondary {
    color: var(--lldesign-button-color-brand)
}

.cb-btn-secondary.cb-btn-variant-secondary:hover {
    color: var(--lldesign-button-color-brand-hover)
}

.cb-btn-secondary.cb-btn-variant-secondary.active,
.cb-btn-secondary.cb-btn-variant-secondary:active {
    color: var(--lldesign-button-color-brand-active)
}

.cb-btn-secondary.cb-btn-variant-secondary.disabled,
.cb-btn-secondary.cb-btn-variant-secondary.disabled.active,
.cb-btn-secondary.cb-btn-variant-secondary.disabled:active,
.cb-btn-secondary.cb-btn-variant-secondary.disabled:hover,
.cb-btn-secondary.cb-btn-variant-secondary[disabled],
.cb-btn-secondary.cb-btn-variant-secondary[disabled].active,
.cb-btn-secondary.cb-btn-variant-secondary[disabled]:active,
.cb-btn-secondary.cb-btn-variant-secondary[disabled]:hover,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-secondary,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-secondary.active,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-secondary:active,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-secondary:hover {
    color: var(--lldesign-button-color-brand-disabled)
}

.cb-btn-secondary.cb-btn-variant-dashed,
.cb-btn-secondary.cb-btn-variant-ghost {
    border-color: var(--lldesign-button-color-brand);
    background: 0 0;
    color: var(--lldesign-button-color-brand)
}

.cb-btn-secondary.cb-btn-variant-dashed:hover,
.cb-btn-secondary.cb-btn-variant-ghost:hover {
    border-color: var(--lldesign-button-color-brand-hover);
    color: var(--lldesign-button-color-brand-hover);
    background: 0 0
}

.cb-btn-secondary.cb-btn-variant-dashed.active,
.cb-btn-secondary.cb-btn-variant-dashed:active,
.cb-btn-secondary.cb-btn-variant-ghost.active,
.cb-btn-secondary.cb-btn-variant-ghost:active {
    border-color: var(--lldesign-button-color-brand-active);
    color: var(--lldesign-button-color-brand-active);
    background: 0 0
}

.cb-btn-secondary.cb-btn-variant-dashed.disabled,
.cb-btn-secondary.cb-btn-variant-dashed.disabled.active,
.cb-btn-secondary.cb-btn-variant-dashed.disabled:active,
.cb-btn-secondary.cb-btn-variant-dashed.disabled:hover,
.cb-btn-secondary.cb-btn-variant-dashed[disabled],
.cb-btn-secondary.cb-btn-variant-dashed[disabled].active,
.cb-btn-secondary.cb-btn-variant-dashed[disabled]:active,
.cb-btn-secondary.cb-btn-variant-dashed[disabled]:hover,
.cb-btn-secondary.cb-btn-variant-ghost.disabled,
.cb-btn-secondary.cb-btn-variant-ghost.disabled.active,
.cb-btn-secondary.cb-btn-variant-ghost.disabled:active,
.cb-btn-secondary.cb-btn-variant-ghost.disabled:hover,
.cb-btn-secondary.cb-btn-variant-ghost[disabled],
.cb-btn-secondary.cb-btn-variant-ghost[disabled].active,
.cb-btn-secondary.cb-btn-variant-ghost[disabled]:active,
.cb-btn-secondary.cb-btn-variant-ghost[disabled]:hover,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-dashed,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-dashed.active,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-dashed:active,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-dashed:hover,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-ghost,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-ghost.active,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-ghost:active,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-ghost:hover {
    border-color: var(--lldesign-button-color-brand-disabled);
    color: var(--lldesign-button-color-brand-disabled)
}

.cb-btn-secondary.cb-btn-variant-link,
.cb-btn-secondary.cb-btn-variant-text {
    color: var(--lldesign-button-color-brand);
    background: 0 0;
    border-color: transparent
}

.cb-btn-secondary.cb-btn-variant-link>a:only-child,
.cb-btn-secondary.cb-btn-variant-text>a:only-child {
    color: currentColor
}

.cb-btn-secondary.cb-btn-variant-link>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-text>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-secondary.cb-btn-variant-link.disabled,
.cb-btn-secondary.cb-btn-variant-link.disabled.active,
.cb-btn-secondary.cb-btn-variant-link.disabled:active,
.cb-btn-secondary.cb-btn-variant-link.disabled:hover,
.cb-btn-secondary.cb-btn-variant-link[disabled],
.cb-btn-secondary.cb-btn-variant-link[disabled].active,
.cb-btn-secondary.cb-btn-variant-link[disabled]:active,
.cb-btn-secondary.cb-btn-variant-link[disabled]:hover,
.cb-btn-secondary.cb-btn-variant-text.disabled,
.cb-btn-secondary.cb-btn-variant-text.disabled.active,
.cb-btn-secondary.cb-btn-variant-text.disabled:active,
.cb-btn-secondary.cb-btn-variant-text.disabled:hover,
.cb-btn-secondary.cb-btn-variant-text[disabled],
.cb-btn-secondary.cb-btn-variant-text[disabled].active,
.cb-btn-secondary.cb-btn-variant-text[disabled]:active,
.cb-btn-secondary.cb-btn-variant-text[disabled]:hover,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link.active,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link:active,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link:hover,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text.active,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text:active,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text:hover {
    color: var(--lldesign-button-color-brand-disabled);
    background: 0 0;
    border-color: transparent
}

.cb-btn-secondary.cb-btn-variant-link.disabled.active>a:only-child,
.cb-btn-secondary.cb-btn-variant-link.disabled:active>a:only-child,
.cb-btn-secondary.cb-btn-variant-link.disabled:hover>a:only-child,
.cb-btn-secondary.cb-btn-variant-link.disabled>a:only-child,
.cb-btn-secondary.cb-btn-variant-link[disabled].active>a:only-child,
.cb-btn-secondary.cb-btn-variant-link[disabled]:active>a:only-child,
.cb-btn-secondary.cb-btn-variant-link[disabled]:hover>a:only-child,
.cb-btn-secondary.cb-btn-variant-link[disabled]>a:only-child,
.cb-btn-secondary.cb-btn-variant-text.disabled.active>a:only-child,
.cb-btn-secondary.cb-btn-variant-text.disabled:active>a:only-child,
.cb-btn-secondary.cb-btn-variant-text.disabled:hover>a:only-child,
.cb-btn-secondary.cb-btn-variant-text.disabled>a:only-child,
.cb-btn-secondary.cb-btn-variant-text[disabled].active>a:only-child,
.cb-btn-secondary.cb-btn-variant-text[disabled]:active>a:only-child,
.cb-btn-secondary.cb-btn-variant-text[disabled]:hover>a:only-child,
.cb-btn-secondary.cb-btn-variant-text[disabled]>a:only-child,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link.active>a:only-child,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link:active>a:only-child,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link:hover>a:only-child,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link>a:only-child,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text.active>a:only-child,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text:active>a:only-child,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text:hover>a:only-child,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text>a:only-child {
    color: currentColor
}

.cb-btn-secondary.cb-btn-variant-link.disabled.active>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-link.disabled:active>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-link.disabled:hover>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-link.disabled>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-link[disabled].active>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-link[disabled]:active>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-link[disabled]:hover>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-link[disabled]>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-text.disabled.active>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-text.disabled:active>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-text.disabled:hover>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-text.disabled>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-text[disabled].active>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-text[disabled]:active>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-text[disabled]:hover>a:only-child:after,
.cb-btn-secondary.cb-btn-variant-text[disabled]>a:only-child:after,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link.active>a:only-child:after,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link:active>a:only-child:after,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link:hover>a:only-child:after,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-link>a:only-child:after,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text.active>a:only-child:after,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text:active>a:only-child:after,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text:hover>a:only-child:after,
fieldset[disabled] .cb-btn-secondary.cb-btn-variant-text>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-success {
    color: var(--lldesign-button-text-light);
    background: var(--lldesign-button-color-success);
    border-color: transparent
}

.cb-btn-success>a:only-child {
    color: currentColor
}

.cb-btn-success>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-success:hover {
    color: var(--lldesign-button-text-light);
    background: var(--lldesign-button-color-success-hover);
    border-color: transparent
}

.cb-btn-success:hover>a:only-child {
    color: currentColor
}

.cb-btn-success:hover>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-success.active,
.cb-btn-success:active {
    -webkit-transition: none;
    transition: none;
    color: var(--lldesign-button-text-light);
    background: var(--lldesign-button-color-success-active);
    border-color: transparent
}

.cb-btn-success.active>a:only-child,
.cb-btn-success:active>a:only-child {
    color: currentColor
}

.cb-btn-success.active>a:only-child:after,
.cb-btn-success:active>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-success.disabled,
.cb-btn-success.disabled.active,
.cb-btn-success.disabled:active,
.cb-btn-success.disabled:hover,
.cb-btn-success[disabled],
.cb-btn-success[disabled].active,
.cb-btn-success[disabled]:active,
.cb-btn-success[disabled]:hover,
fieldset[disabled] .cb-btn-success,
fieldset[disabled] .cb-btn-success.active,
fieldset[disabled] .cb-btn-success:active,
fieldset[disabled] .cb-btn-success:hover {
    color: var(--lldesign-button-text-disabled-light);
    background: var(--lldesign-button-color-success-disabled);
    border-color: transparent
}

.cb-btn-success.disabled.active>a:only-child,
.cb-btn-success.disabled:active>a:only-child,
.cb-btn-success.disabled:hover>a:only-child,
.cb-btn-success.disabled>a:only-child,
.cb-btn-success[disabled].active>a:only-child,
.cb-btn-success[disabled]:active>a:only-child,
.cb-btn-success[disabled]:hover>a:only-child,
.cb-btn-success[disabled]>a:only-child,
fieldset[disabled] .cb-btn-success.active>a:only-child,
fieldset[disabled] .cb-btn-success:active>a:only-child,
fieldset[disabled] .cb-btn-success:hover>a:only-child,
fieldset[disabled] .cb-btn-success>a:only-child {
    color: currentColor
}

.cb-btn-success.disabled.active>a:only-child:after,
.cb-btn-success.disabled:active>a:only-child:after,
.cb-btn-success.disabled:hover>a:only-child:after,
.cb-btn-success.disabled>a:only-child:after,
.cb-btn-success[disabled].active>a:only-child:after,
.cb-btn-success[disabled]:active>a:only-child:after,
.cb-btn-success[disabled]:hover>a:only-child:after,
.cb-btn-success[disabled]>a:only-child:after,
fieldset[disabled] .cb-btn-success.active>a:only-child:after,
fieldset[disabled] .cb-btn-success:active>a:only-child:after,
fieldset[disabled] .cb-btn-success:hover>a:only-child:after,
fieldset[disabled] .cb-btn-success>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-success.cb-btn-variant-secondary {
    color: var(--lldesign-button-color-success);
    background: var(--lldesign-button-color-success-light);
    border-color: transparent
}

.cb-btn-success.cb-btn-variant-secondary>a:only-child {
    color: currentColor
}

.cb-btn-success.cb-btn-variant-secondary>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-success.cb-btn-variant-secondary:hover {
    color: var(--lldesign-button-color-success);
    background: var(--lldesign-button-color-success-light-hover);
    border-color: transparent
}

.cb-btn-success.cb-btn-variant-secondary:hover>a:only-child {
    color: currentColor
}

.cb-btn-success.cb-btn-variant-secondary:hover>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-success.cb-btn-variant-secondary.active,
.cb-btn-success.cb-btn-variant-secondary:active {
    -webkit-transition: none;
    transition: none;
    color: var(--lldesign-button-color-success);
    background: var(--lldesign-button-color-success-light-active);
    border-color: transparent
}

.cb-btn-success.cb-btn-variant-secondary.active>a:only-child,
.cb-btn-success.cb-btn-variant-secondary:active>a:only-child {
    color: currentColor
}

.cb-btn-success.cb-btn-variant-secondary.active>a:only-child:after,
.cb-btn-success.cb-btn-variant-secondary:active>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-success.cb-btn-variant-secondary.disabled,
.cb-btn-success.cb-btn-variant-secondary.disabled.active,
.cb-btn-success.cb-btn-variant-secondary.disabled:active,
.cb-btn-success.cb-btn-variant-secondary.disabled:hover,
.cb-btn-success.cb-btn-variant-secondary[disabled],
.cb-btn-success.cb-btn-variant-secondary[disabled].active,
.cb-btn-success.cb-btn-variant-secondary[disabled]:active,
.cb-btn-success.cb-btn-variant-secondary[disabled]:hover,
fieldset[disabled] .cb-btn-success.cb-btn-variant-secondary,
fieldset[disabled] .cb-btn-success.cb-btn-variant-secondary.active,
fieldset[disabled] .cb-btn-success.cb-btn-variant-secondary:active,
fieldset[disabled] .cb-btn-success.cb-btn-variant-secondary:hover {
    color: var(--lldesign-button-color-success-disabled);
    background: var(--lldesign-button-color-success-light);
    border-color: transparent
}

.cb-btn-success.cb-btn-variant-secondary.disabled.active>a:only-child,
.cb-btn-success.cb-btn-variant-secondary.disabled:active>a:only-child,
.cb-btn-success.cb-btn-variant-secondary.disabled:hover>a:only-child,
.cb-btn-success.cb-btn-variant-secondary.disabled>a:only-child,
.cb-btn-success.cb-btn-variant-secondary[disabled].active>a:only-child,
.cb-btn-success.cb-btn-variant-secondary[disabled]:active>a:only-child,
.cb-btn-success.cb-btn-variant-secondary[disabled]:hover>a:only-child,
.cb-btn-success.cb-btn-variant-secondary[disabled]>a:only-child,
fieldset[disabled] .cb-btn-success.cb-btn-variant-secondary.active>a:only-child,
fieldset[disabled] .cb-btn-success.cb-btn-variant-secondary:active>a:only-child,
fieldset[disabled] .cb-btn-success.cb-btn-variant-secondary:hover>a:only-child,
fieldset[disabled] .cb-btn-success.cb-btn-variant-secondary>a:only-child {
    color: currentColor
}

.cb-btn-success.cb-btn-variant-secondary.disabled.active>a:only-child:after,
.cb-btn-success.cb-btn-variant-secondary.disabled:active>a:only-child:after,
.cb-btn-success.cb-btn-variant-secondary.disabled:hover>a:only-child:after,
.cb-btn-success.cb-btn-variant-secondary.disabled>a:only-child:after,
.cb-btn-success.cb-btn-variant-secondary[disabled].active>a:only-child:after,
.cb-btn-success.cb-btn-variant-secondary[disabled]:active>a:only-child:after,
.cb-btn-success.cb-btn-variant-secondary[disabled]:hover>a:only-child:after,
.cb-btn-success.cb-btn-variant-secondary[disabled]>a:only-child:after,
fieldset[disabled] .cb-btn-success.cb-btn-variant-secondary.active>a:only-child:after,
fieldset[disabled] .cb-btn-success.cb-btn-variant-secondary:active>a:only-child:after,
fieldset[disabled] .cb-btn-success.cb-btn-variant-secondary:hover>a:only-child:after,
fieldset[disabled] .cb-btn-success.cb-btn-variant-secondary>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-success.cb-btn-variant-dashed,
.cb-btn-success.cb-btn-variant-ghost {
    border-color: var(--lldesign-button-color-success);
    background: 0 0;
    color: var(--lldesign-button-color-success)
}

.cb-btn-success.cb-btn-variant-dashed:hover,
.cb-btn-success.cb-btn-variant-ghost:hover {
    border-color: var(--lldesign-button-color-success-hover);
    color: var(--lldesign-button-color-success-hover);
    background: 0 0
}

.cb-btn-success.cb-btn-variant-dashed.active,
.cb-btn-success.cb-btn-variant-dashed:active,
.cb-btn-success.cb-btn-variant-ghost.active,
.cb-btn-success.cb-btn-variant-ghost:active {
    border-color: var(--lldesign-button-color-success-active);
    color: var(--lldesign-button-color-success-active);
    background: 0 0
}

.cb-btn-success.cb-btn-variant-dashed.disabled,
.cb-btn-success.cb-btn-variant-dashed.disabled.active,
.cb-btn-success.cb-btn-variant-dashed.disabled:active,
.cb-btn-success.cb-btn-variant-dashed.disabled:hover,
.cb-btn-success.cb-btn-variant-dashed[disabled],
.cb-btn-success.cb-btn-variant-dashed[disabled].active,
.cb-btn-success.cb-btn-variant-dashed[disabled]:active,
.cb-btn-success.cb-btn-variant-dashed[disabled]:hover,
.cb-btn-success.cb-btn-variant-ghost.disabled,
.cb-btn-success.cb-btn-variant-ghost.disabled.active,
.cb-btn-success.cb-btn-variant-ghost.disabled:active,
.cb-btn-success.cb-btn-variant-ghost.disabled:hover,
.cb-btn-success.cb-btn-variant-ghost[disabled],
.cb-btn-success.cb-btn-variant-ghost[disabled].active,
.cb-btn-success.cb-btn-variant-ghost[disabled]:active,
.cb-btn-success.cb-btn-variant-ghost[disabled]:hover,
fieldset[disabled] .cb-btn-success.cb-btn-variant-dashed,
fieldset[disabled] .cb-btn-success.cb-btn-variant-dashed.active,
fieldset[disabled] .cb-btn-success.cb-btn-variant-dashed:active,
fieldset[disabled] .cb-btn-success.cb-btn-variant-dashed:hover,
fieldset[disabled] .cb-btn-success.cb-btn-variant-ghost,
fieldset[disabled] .cb-btn-success.cb-btn-variant-ghost.active,
fieldset[disabled] .cb-btn-success.cb-btn-variant-ghost:active,
fieldset[disabled] .cb-btn-success.cb-btn-variant-ghost:hover {
    border-color: var(--lldesign-button-color-success-disabled);
    color: var(--lldesign-button-color-success-disabled)
}

.cb-btn-success.cb-btn-variant-dashed {
    border-style: dashed
}

.cb-btn-success.cb-btn-variant-ghost {
    border-style: solid
}

.cb-btn-success.cb-btn-variant-link,
.cb-btn-success.cb-btn-variant-text {
    color: var(--lldesign-button-color-success);
    background: 0 0;
    border-color: transparent
}

.cb-btn-success.cb-btn-variant-link>a:only-child,
.cb-btn-success.cb-btn-variant-text>a:only-child {
    color: currentColor
}

.cb-btn-success.cb-btn-variant-link>a:only-child:after,
.cb-btn-success.cb-btn-variant-text>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-success.cb-btn-variant-link:hover,
.cb-btn-success.cb-btn-variant-text:hover {
    color: var(--lldesign-button-color-success-hover)
}

.cb-btn-success.cb-btn-variant-link:active,
.cb-btn-success.cb-btn-variant-text:active {
    color: var(--lldesign-button-color-success-active)
}

.cb-btn-success.cb-btn-variant-link.disabled,
.cb-btn-success.cb-btn-variant-link.disabled.active,
.cb-btn-success.cb-btn-variant-link.disabled:active,
.cb-btn-success.cb-btn-variant-link.disabled:hover,
.cb-btn-success.cb-btn-variant-link[disabled],
.cb-btn-success.cb-btn-variant-link[disabled].active,
.cb-btn-success.cb-btn-variant-link[disabled]:active,
.cb-btn-success.cb-btn-variant-link[disabled]:hover,
.cb-btn-success.cb-btn-variant-text.disabled,
.cb-btn-success.cb-btn-variant-text.disabled.active,
.cb-btn-success.cb-btn-variant-text.disabled:active,
.cb-btn-success.cb-btn-variant-text.disabled:hover,
.cb-btn-success.cb-btn-variant-text[disabled],
.cb-btn-success.cb-btn-variant-text[disabled].active,
.cb-btn-success.cb-btn-variant-text[disabled]:active,
.cb-btn-success.cb-btn-variant-text[disabled]:hover,
fieldset[disabled] .cb-btn-success.cb-btn-variant-link,
fieldset[disabled] .cb-btn-success.cb-btn-variant-link.active,
fieldset[disabled] .cb-btn-success.cb-btn-variant-link:active,
fieldset[disabled] .cb-btn-success.cb-btn-variant-link:hover,
fieldset[disabled] .cb-btn-success.cb-btn-variant-text,
fieldset[disabled] .cb-btn-success.cb-btn-variant-text.active,
fieldset[disabled] .cb-btn-success.cb-btn-variant-text:active,
fieldset[disabled] .cb-btn-success.cb-btn-variant-text:hover {
    color: var(--lldesign-button-color-success-disabled);
    background: 0 0;
    border-color: transparent
}

.cb-btn-success.cb-btn-variant-link.disabled.active>a:only-child,
.cb-btn-success.cb-btn-variant-link.disabled:active>a:only-child,
.cb-btn-success.cb-btn-variant-link.disabled:hover>a:only-child,
.cb-btn-success.cb-btn-variant-link.disabled>a:only-child,
.cb-btn-success.cb-btn-variant-link[disabled].active>a:only-child,
.cb-btn-success.cb-btn-variant-link[disabled]:active>a:only-child,
.cb-btn-success.cb-btn-variant-link[disabled]:hover>a:only-child,
.cb-btn-success.cb-btn-variant-link[disabled]>a:only-child,
.cb-btn-success.cb-btn-variant-text.disabled.active>a:only-child,
.cb-btn-success.cb-btn-variant-text.disabled:active>a:only-child,
.cb-btn-success.cb-btn-variant-text.disabled:hover>a:only-child,
.cb-btn-success.cb-btn-variant-text.disabled>a:only-child,
.cb-btn-success.cb-btn-variant-text[disabled].active>a:only-child,
.cb-btn-success.cb-btn-variant-text[disabled]:active>a:only-child,
.cb-btn-success.cb-btn-variant-text[disabled]:hover>a:only-child,
.cb-btn-success.cb-btn-variant-text[disabled]>a:only-child,
fieldset[disabled] .cb-btn-success.cb-btn-variant-link.active>a:only-child,
fieldset[disabled] .cb-btn-success.cb-btn-variant-link:active>a:only-child,
fieldset[disabled] .cb-btn-success.cb-btn-variant-link:hover>a:only-child,
fieldset[disabled] .cb-btn-success.cb-btn-variant-link>a:only-child,
fieldset[disabled] .cb-btn-success.cb-btn-variant-text.active>a:only-child,
fieldset[disabled] .cb-btn-success.cb-btn-variant-text:active>a:only-child,
fieldset[disabled] .cb-btn-success.cb-btn-variant-text:hover>a:only-child,
fieldset[disabled] .cb-btn-success.cb-btn-variant-text>a:only-child {
    color: currentColor
}

.cb-btn-success.cb-btn-variant-link.disabled.active>a:only-child:after,
.cb-btn-success.cb-btn-variant-link.disabled:active>a:only-child:after,
.cb-btn-success.cb-btn-variant-link.disabled:hover>a:only-child:after,
.cb-btn-success.cb-btn-variant-link.disabled>a:only-child:after,
.cb-btn-success.cb-btn-variant-link[disabled].active>a:only-child:after,
.cb-btn-success.cb-btn-variant-link[disabled]:active>a:only-child:after,
.cb-btn-success.cb-btn-variant-link[disabled]:hover>a:only-child:after,
.cb-btn-success.cb-btn-variant-link[disabled]>a:only-child:after,
.cb-btn-success.cb-btn-variant-text.disabled.active>a:only-child:after,
.cb-btn-success.cb-btn-variant-text.disabled:active>a:only-child:after,
.cb-btn-success.cb-btn-variant-text.disabled:hover>a:only-child:after,
.cb-btn-success.cb-btn-variant-text.disabled>a:only-child:after,
.cb-btn-success.cb-btn-variant-text[disabled].active>a:only-child:after,
.cb-btn-success.cb-btn-variant-text[disabled]:active>a:only-child:after,
.cb-btn-success.cb-btn-variant-text[disabled]:hover>a:only-child:after,
.cb-btn-success.cb-btn-variant-text[disabled]>a:only-child:after,
fieldset[disabled] .cb-btn-success.cb-btn-variant-link.active>a:only-child:after,
fieldset[disabled] .cb-btn-success.cb-btn-variant-link:active>a:only-child:after,
fieldset[disabled] .cb-btn-success.cb-btn-variant-link:hover>a:only-child:after,
fieldset[disabled] .cb-btn-success.cb-btn-variant-link>a:only-child:after,
fieldset[disabled] .cb-btn-success.cb-btn-variant-text.active>a:only-child:after,
fieldset[disabled] .cb-btn-success.cb-btn-variant-text:active>a:only-child:after,
fieldset[disabled] .cb-btn-success.cb-btn-variant-text:hover>a:only-child:after,
fieldset[disabled] .cb-btn-success.cb-btn-variant-text>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-success.cb-btn-variant-link span {
    text-decoration: underline
}

.cb-btn-warning {
    color: var(--lldesign-button-text-light);
    background: var(--lldesign-button-color-warning);
    border-color: transparent
}

.cb-btn-warning>a:only-child {
    color: currentColor
}

.cb-btn-warning>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-warning:hover {
    color: var(--lldesign-button-text-light);
    background: var(--lldesign-button-color-warning-hover);
    border-color: transparent
}

.cb-btn-warning:hover>a:only-child {
    color: currentColor
}

.cb-btn-warning:hover>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-warning.active,
.cb-btn-warning:active {
    -webkit-transition: none;
    transition: none;
    color: var(--lldesign-button-text-light);
    background: var(--lldesign-button-color-warning-active);
    border-color: transparent
}

.cb-btn-warning.active>a:only-child,
.cb-btn-warning:active>a:only-child {
    color: currentColor
}

.cb-btn-warning.active>a:only-child:after,
.cb-btn-warning:active>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-warning.disabled,
.cb-btn-warning.disabled.active,
.cb-btn-warning.disabled:active,
.cb-btn-warning.disabled:hover,
.cb-btn-warning[disabled],
.cb-btn-warning[disabled].active,
.cb-btn-warning[disabled]:active,
.cb-btn-warning[disabled]:hover,
fieldset[disabled] .cb-btn-warning,
fieldset[disabled] .cb-btn-warning.active,
fieldset[disabled] .cb-btn-warning:active,
fieldset[disabled] .cb-btn-warning:hover {
    color: var(--lldesign-button-text-disabled-light);
    background: var(--lldesign-button-color-warning-disabled);
    border-color: transparent
}

.cb-btn-warning.disabled.active>a:only-child,
.cb-btn-warning.disabled:active>a:only-child,
.cb-btn-warning.disabled:hover>a:only-child,
.cb-btn-warning.disabled>a:only-child,
.cb-btn-warning[disabled].active>a:only-child,
.cb-btn-warning[disabled]:active>a:only-child,
.cb-btn-warning[disabled]:hover>a:only-child,
.cb-btn-warning[disabled]>a:only-child,
fieldset[disabled] .cb-btn-warning.active>a:only-child,
fieldset[disabled] .cb-btn-warning:active>a:only-child,
fieldset[disabled] .cb-btn-warning:hover>a:only-child,
fieldset[disabled] .cb-btn-warning>a:only-child {
    color: currentColor
}

.cb-btn-warning.disabled.active>a:only-child:after,
.cb-btn-warning.disabled:active>a:only-child:after,
.cb-btn-warning.disabled:hover>a:only-child:after,
.cb-btn-warning.disabled>a:only-child:after,
.cb-btn-warning[disabled].active>a:only-child:after,
.cb-btn-warning[disabled]:active>a:only-child:after,
.cb-btn-warning[disabled]:hover>a:only-child:after,
.cb-btn-warning[disabled]>a:only-child:after,
fieldset[disabled] .cb-btn-warning.active>a:only-child:after,
fieldset[disabled] .cb-btn-warning:active>a:only-child:after,
fieldset[disabled] .cb-btn-warning:hover>a:only-child:after,
fieldset[disabled] .cb-btn-warning>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-warning.cb-btn-variant-secondary {
    color: var(--lldesign-button-color-warning);
    background: var(--lldesign-button-color-warning-light);
    border-color: transparent
}

.cb-btn-warning.cb-btn-variant-secondary>a:only-child {
    color: currentColor
}

.cb-btn-warning.cb-btn-variant-secondary>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-warning.cb-btn-variant-secondary:hover {
    color: var(--lldesign-button-color-warning);
    background: var(--lldesign-button-color-warning-light-hover);
    border-color: transparent
}

.cb-btn-warning.cb-btn-variant-secondary:hover>a:only-child {
    color: currentColor
}

.cb-btn-warning.cb-btn-variant-secondary:hover>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-warning.cb-btn-variant-secondary.active,
.cb-btn-warning.cb-btn-variant-secondary:active {
    -webkit-transition: none;
    transition: none;
    color: var(--lldesign-button-color-warning);
    background: var(--lldesign-button-color-warning-light-active);
    border-color: transparent
}

.cb-btn-warning.cb-btn-variant-secondary.active>a:only-child,
.cb-btn-warning.cb-btn-variant-secondary:active>a:only-child {
    color: currentColor
}

.cb-btn-warning.cb-btn-variant-secondary.active>a:only-child:after,
.cb-btn-warning.cb-btn-variant-secondary:active>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-warning.cb-btn-variant-secondary.disabled,
.cb-btn-warning.cb-btn-variant-secondary.disabled.active,
.cb-btn-warning.cb-btn-variant-secondary.disabled:active,
.cb-btn-warning.cb-btn-variant-secondary.disabled:hover,
.cb-btn-warning.cb-btn-variant-secondary[disabled],
.cb-btn-warning.cb-btn-variant-secondary[disabled].active,
.cb-btn-warning.cb-btn-variant-secondary[disabled]:active,
.cb-btn-warning.cb-btn-variant-secondary[disabled]:hover,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-secondary,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-secondary.active,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-secondary:active,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-secondary:hover {
    color: var(--lldesign-button-color-warning-disabled);
    background: var(--lldesign-button-color-warning-light);
    border-color: transparent
}

.cb-btn-warning.cb-btn-variant-secondary.disabled.active>a:only-child,
.cb-btn-warning.cb-btn-variant-secondary.disabled:active>a:only-child,
.cb-btn-warning.cb-btn-variant-secondary.disabled:hover>a:only-child,
.cb-btn-warning.cb-btn-variant-secondary.disabled>a:only-child,
.cb-btn-warning.cb-btn-variant-secondary[disabled].active>a:only-child,
.cb-btn-warning.cb-btn-variant-secondary[disabled]:active>a:only-child,
.cb-btn-warning.cb-btn-variant-secondary[disabled]:hover>a:only-child,
.cb-btn-warning.cb-btn-variant-secondary[disabled]>a:only-child,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-secondary.active>a:only-child,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-secondary:active>a:only-child,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-secondary:hover>a:only-child,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-secondary>a:only-child {
    color: currentColor
}

.cb-btn-warning.cb-btn-variant-secondary.disabled.active>a:only-child:after,
.cb-btn-warning.cb-btn-variant-secondary.disabled:active>a:only-child:after,
.cb-btn-warning.cb-btn-variant-secondary.disabled:hover>a:only-child:after,
.cb-btn-warning.cb-btn-variant-secondary.disabled>a:only-child:after,
.cb-btn-warning.cb-btn-variant-secondary[disabled].active>a:only-child:after,
.cb-btn-warning.cb-btn-variant-secondary[disabled]:active>a:only-child:after,
.cb-btn-warning.cb-btn-variant-secondary[disabled]:hover>a:only-child:after,
.cb-btn-warning.cb-btn-variant-secondary[disabled]>a:only-child:after,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-secondary.active>a:only-child:after,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-secondary:active>a:only-child:after,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-secondary:hover>a:only-child:after,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-secondary>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-warning.cb-btn-variant-dashed,
.cb-btn-warning.cb-btn-variant-ghost {
    border-color: var(--lldesign-button-color-warning);
    background: 0 0;
    color: var(--lldesign-button-color-warning)
}

.cb-btn-warning.cb-btn-variant-dashed:hover,
.cb-btn-warning.cb-btn-variant-ghost:hover {
    border-color: var(--lldesign-button-color-warning-hover);
    color: var(--lldesign-button-color-warning-hover);
    background: 0 0
}

.cb-btn-warning.cb-btn-variant-dashed.active,
.cb-btn-warning.cb-btn-variant-dashed:active,
.cb-btn-warning.cb-btn-variant-ghost.active,
.cb-btn-warning.cb-btn-variant-ghost:active {
    border-color: var(--lldesign-button-color-warning-active);
    color: var(--lldesign-button-color-warning-active);
    background: 0 0
}

.cb-btn-warning.cb-btn-variant-dashed.disabled,
.cb-btn-warning.cb-btn-variant-dashed.disabled.active,
.cb-btn-warning.cb-btn-variant-dashed.disabled:active,
.cb-btn-warning.cb-btn-variant-dashed.disabled:hover,
.cb-btn-warning.cb-btn-variant-dashed[disabled],
.cb-btn-warning.cb-btn-variant-dashed[disabled].active,
.cb-btn-warning.cb-btn-variant-dashed[disabled]:active,
.cb-btn-warning.cb-btn-variant-dashed[disabled]:hover,
.cb-btn-warning.cb-btn-variant-ghost.disabled,
.cb-btn-warning.cb-btn-variant-ghost.disabled.active,
.cb-btn-warning.cb-btn-variant-ghost.disabled:active,
.cb-btn-warning.cb-btn-variant-ghost.disabled:hover,
.cb-btn-warning.cb-btn-variant-ghost[disabled],
.cb-btn-warning.cb-btn-variant-ghost[disabled].active,
.cb-btn-warning.cb-btn-variant-ghost[disabled]:active,
.cb-btn-warning.cb-btn-variant-ghost[disabled]:hover,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-dashed,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-dashed.active,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-dashed:active,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-dashed:hover,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-ghost,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-ghost.active,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-ghost:active,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-ghost:hover {
    border-color: var(--lldesign-button-color-warning-disabled);
    color: var(--lldesign-button-color-warning-disabled)
}

.cb-btn-warning.cb-btn-variant-dashed {
    border-style: dashed
}

.cb-btn-warning.cb-btn-variant-ghost {
    border-style: solid
}

.cb-btn-warning.cb-btn-variant-link,
.cb-btn-warning.cb-btn-variant-text {
    color: var(--lldesign-button-color-warning);
    background: 0 0;
    border-color: transparent
}

.cb-btn-warning.cb-btn-variant-link>a:only-child,
.cb-btn-warning.cb-btn-variant-text>a:only-child {
    color: currentColor
}

.cb-btn-warning.cb-btn-variant-link>a:only-child:after,
.cb-btn-warning.cb-btn-variant-text>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-warning.cb-btn-variant-link:hover,
.cb-btn-warning.cb-btn-variant-text:hover {
    color: var(--lldesign-button-color-warning-hover)
}

.cb-btn-warning.cb-btn-variant-link:active,
.cb-btn-warning.cb-btn-variant-text:active {
    color: var(--lldesign-button-color-warning-active)
}

.cb-btn-warning.cb-btn-variant-link.disabled,
.cb-btn-warning.cb-btn-variant-link.disabled.active,
.cb-btn-warning.cb-btn-variant-link.disabled:active,
.cb-btn-warning.cb-btn-variant-link.disabled:hover,
.cb-btn-warning.cb-btn-variant-link[disabled],
.cb-btn-warning.cb-btn-variant-link[disabled].active,
.cb-btn-warning.cb-btn-variant-link[disabled]:active,
.cb-btn-warning.cb-btn-variant-link[disabled]:hover,
.cb-btn-warning.cb-btn-variant-text.disabled,
.cb-btn-warning.cb-btn-variant-text.disabled.active,
.cb-btn-warning.cb-btn-variant-text.disabled:active,
.cb-btn-warning.cb-btn-variant-text.disabled:hover,
.cb-btn-warning.cb-btn-variant-text[disabled],
.cb-btn-warning.cb-btn-variant-text[disabled].active,
.cb-btn-warning.cb-btn-variant-text[disabled]:active,
.cb-btn-warning.cb-btn-variant-text[disabled]:hover,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-link,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-link.active,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-link:active,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-link:hover,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-text,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-text.active,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-text:active,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-text:hover {
    color: var(--lldesign-button-color-warning-disabled);
    background: 0 0;
    border-color: transparent
}

.cb-btn-warning.cb-btn-variant-link.disabled.active>a:only-child,
.cb-btn-warning.cb-btn-variant-link.disabled:active>a:only-child,
.cb-btn-warning.cb-btn-variant-link.disabled:hover>a:only-child,
.cb-btn-warning.cb-btn-variant-link.disabled>a:only-child,
.cb-btn-warning.cb-btn-variant-link[disabled].active>a:only-child,
.cb-btn-warning.cb-btn-variant-link[disabled]:active>a:only-child,
.cb-btn-warning.cb-btn-variant-link[disabled]:hover>a:only-child,
.cb-btn-warning.cb-btn-variant-link[disabled]>a:only-child,
.cb-btn-warning.cb-btn-variant-text.disabled.active>a:only-child,
.cb-btn-warning.cb-btn-variant-text.disabled:active>a:only-child,
.cb-btn-warning.cb-btn-variant-text.disabled:hover>a:only-child,
.cb-btn-warning.cb-btn-variant-text.disabled>a:only-child,
.cb-btn-warning.cb-btn-variant-text[disabled].active>a:only-child,
.cb-btn-warning.cb-btn-variant-text[disabled]:active>a:only-child,
.cb-btn-warning.cb-btn-variant-text[disabled]:hover>a:only-child,
.cb-btn-warning.cb-btn-variant-text[disabled]>a:only-child,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-link.active>a:only-child,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-link:active>a:only-child,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-link:hover>a:only-child,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-link>a:only-child,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-text.active>a:only-child,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-text:active>a:only-child,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-text:hover>a:only-child,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-text>a:only-child {
    color: currentColor
}

.cb-btn-warning.cb-btn-variant-link.disabled.active>a:only-child:after,
.cb-btn-warning.cb-btn-variant-link.disabled:active>a:only-child:after,
.cb-btn-warning.cb-btn-variant-link.disabled:hover>a:only-child:after,
.cb-btn-warning.cb-btn-variant-link.disabled>a:only-child:after,
.cb-btn-warning.cb-btn-variant-link[disabled].active>a:only-child:after,
.cb-btn-warning.cb-btn-variant-link[disabled]:active>a:only-child:after,
.cb-btn-warning.cb-btn-variant-link[disabled]:hover>a:only-child:after,
.cb-btn-warning.cb-btn-variant-link[disabled]>a:only-child:after,
.cb-btn-warning.cb-btn-variant-text.disabled.active>a:only-child:after,
.cb-btn-warning.cb-btn-variant-text.disabled:active>a:only-child:after,
.cb-btn-warning.cb-btn-variant-text.disabled:hover>a:only-child:after,
.cb-btn-warning.cb-btn-variant-text.disabled>a:only-child:after,
.cb-btn-warning.cb-btn-variant-text[disabled].active>a:only-child:after,
.cb-btn-warning.cb-btn-variant-text[disabled]:active>a:only-child:after,
.cb-btn-warning.cb-btn-variant-text[disabled]:hover>a:only-child:after,
.cb-btn-warning.cb-btn-variant-text[disabled]>a:only-child:after,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-link.active>a:only-child:after,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-link:active>a:only-child:after,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-link:hover>a:only-child:after,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-link>a:only-child:after,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-text.active>a:only-child:after,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-text:active>a:only-child:after,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-text:hover>a:only-child:after,
fieldset[disabled] .cb-btn-warning.cb-btn-variant-text>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-warning.cb-btn-variant-link span {
    text-decoration: underline
}

.cb-btn-error {
    color: var(--lldesign-button-text-light);
    background: var(--lldesign-button-color-error);
    border-color: transparent
}

.cb-btn-error>a:only-child {
    color: currentColor
}

.cb-btn-error>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-error:hover {
    color: var(--lldesign-button-text-light);
    background: var(--lldesign-button-color-error-hover);
    border-color: transparent
}

.cb-btn-error:hover>a:only-child {
    color: currentColor
}

.cb-btn-error:hover>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-error.active,
.cb-btn-error:active {
    -webkit-transition: none;
    transition: none;
    color: var(--lldesign-button-text-light);
    background: var(--lldesign-button-color-error-active);
    border-color: transparent
}

.cb-btn-error.active>a:only-child,
.cb-btn-error:active>a:only-child {
    color: currentColor
}

.cb-btn-error.active>a:only-child:after,
.cb-btn-error:active>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-error.disabled,
.cb-btn-error.disabled.active,
.cb-btn-error.disabled:active,
.cb-btn-error.disabled:hover,
.cb-btn-error[disabled],
.cb-btn-error[disabled].active,
.cb-btn-error[disabled]:active,
.cb-btn-error[disabled]:hover,
fieldset[disabled] .cb-btn-error,
fieldset[disabled] .cb-btn-error.active,
fieldset[disabled] .cb-btn-error:active,
fieldset[disabled] .cb-btn-error:hover {
    color: var(--lldesign-button-text-disabled-light);
    background: var(--lldesign-button-color-error-disabled);
    border-color: transparent
}

.cb-btn-error.disabled.active>a:only-child,
.cb-btn-error.disabled:active>a:only-child,
.cb-btn-error.disabled:hover>a:only-child,
.cb-btn-error.disabled>a:only-child,
.cb-btn-error[disabled].active>a:only-child,
.cb-btn-error[disabled]:active>a:only-child,
.cb-btn-error[disabled]:hover>a:only-child,
.cb-btn-error[disabled]>a:only-child,
fieldset[disabled] .cb-btn-error.active>a:only-child,
fieldset[disabled] .cb-btn-error:active>a:only-child,
fieldset[disabled] .cb-btn-error:hover>a:only-child,
fieldset[disabled] .cb-btn-error>a:only-child {
    color: currentColor
}

.cb-btn-error.disabled.active>a:only-child:after,
.cb-btn-error.disabled:active>a:only-child:after,
.cb-btn-error.disabled:hover>a:only-child:after,
.cb-btn-error.disabled>a:only-child:after,
.cb-btn-error[disabled].active>a:only-child:after,
.cb-btn-error[disabled]:active>a:only-child:after,
.cb-btn-error[disabled]:hover>a:only-child:after,
.cb-btn-error[disabled]>a:only-child:after,
fieldset[disabled] .cb-btn-error.active>a:only-child:after,
fieldset[disabled] .cb-btn-error:active>a:only-child:after,
fieldset[disabled] .cb-btn-error:hover>a:only-child:after,
fieldset[disabled] .cb-btn-error>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-error.cb-btn-variant-secondary {
    color: var(--lldesign-button-color-error);
    background: var(--lldesign-button-color-error-light);
    border-color: transparent
}

.cb-btn-error.cb-btn-variant-secondary>a:only-child {
    color: currentColor
}

.cb-btn-error.cb-btn-variant-secondary>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-error.cb-btn-variant-secondary:hover {
    color: var(--lldesign-button-color-error);
    background: var(--lldesign-button-color-error-light-hover);
    border-color: transparent
}

.cb-btn-error.cb-btn-variant-secondary:hover>a:only-child {
    color: currentColor
}

.cb-btn-error.cb-btn-variant-secondary:hover>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-error.cb-btn-variant-secondary.active,
.cb-btn-error.cb-btn-variant-secondary:active {
    -webkit-transition: none;
    transition: none;
    color: var(--lldesign-button-color-error);
    background: var(--lldesign-button-color-error-light-active);
    border-color: transparent
}

.cb-btn-error.cb-btn-variant-secondary.active>a:only-child,
.cb-btn-error.cb-btn-variant-secondary:active>a:only-child {
    color: currentColor
}

.cb-btn-error.cb-btn-variant-secondary.active>a:only-child:after,
.cb-btn-error.cb-btn-variant-secondary:active>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-error.cb-btn-variant-secondary.disabled,
.cb-btn-error.cb-btn-variant-secondary.disabled.active,
.cb-btn-error.cb-btn-variant-secondary.disabled:active,
.cb-btn-error.cb-btn-variant-secondary.disabled:hover,
.cb-btn-error.cb-btn-variant-secondary[disabled],
.cb-btn-error.cb-btn-variant-secondary[disabled].active,
.cb-btn-error.cb-btn-variant-secondary[disabled]:active,
.cb-btn-error.cb-btn-variant-secondary[disabled]:hover,
fieldset[disabled] .cb-btn-error.cb-btn-variant-secondary,
fieldset[disabled] .cb-btn-error.cb-btn-variant-secondary.active,
fieldset[disabled] .cb-btn-error.cb-btn-variant-secondary:active,
fieldset[disabled] .cb-btn-error.cb-btn-variant-secondary:hover {
    color: var(--lldesign-button-color-error-disabled);
    background: var(--lldesign-button-color-error-light);
    border-color: transparent
}

.cb-btn-error.cb-btn-variant-secondary.disabled.active>a:only-child,
.cb-btn-error.cb-btn-variant-secondary.disabled:active>a:only-child,
.cb-btn-error.cb-btn-variant-secondary.disabled:hover>a:only-child,
.cb-btn-error.cb-btn-variant-secondary.disabled>a:only-child,
.cb-btn-error.cb-btn-variant-secondary[disabled].active>a:only-child,
.cb-btn-error.cb-btn-variant-secondary[disabled]:active>a:only-child,
.cb-btn-error.cb-btn-variant-secondary[disabled]:hover>a:only-child,
.cb-btn-error.cb-btn-variant-secondary[disabled]>a:only-child,
fieldset[disabled] .cb-btn-error.cb-btn-variant-secondary.active>a:only-child,
fieldset[disabled] .cb-btn-error.cb-btn-variant-secondary:active>a:only-child,
fieldset[disabled] .cb-btn-error.cb-btn-variant-secondary:hover>a:only-child,
fieldset[disabled] .cb-btn-error.cb-btn-variant-secondary>a:only-child {
    color: currentColor
}

.cb-btn-error.cb-btn-variant-secondary.disabled.active>a:only-child:after,
.cb-btn-error.cb-btn-variant-secondary.disabled:active>a:only-child:after,
.cb-btn-error.cb-btn-variant-secondary.disabled:hover>a:only-child:after,
.cb-btn-error.cb-btn-variant-secondary.disabled>a:only-child:after,
.cb-btn-error.cb-btn-variant-secondary[disabled].active>a:only-child:after,
.cb-btn-error.cb-btn-variant-secondary[disabled]:active>a:only-child:after,
.cb-btn-error.cb-btn-variant-secondary[disabled]:hover>a:only-child:after,
.cb-btn-error.cb-btn-variant-secondary[disabled]>a:only-child:after,
fieldset[disabled] .cb-btn-error.cb-btn-variant-secondary.active>a:only-child:after,
fieldset[disabled] .cb-btn-error.cb-btn-variant-secondary:active>a:only-child:after,
fieldset[disabled] .cb-btn-error.cb-btn-variant-secondary:hover>a:only-child:after,
fieldset[disabled] .cb-btn-error.cb-btn-variant-secondary>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-error.cb-btn-variant-dashed,
.cb-btn-error.cb-btn-variant-ghost {
    border-color: var(--lldesign-button-color-error);
    background: 0 0;
    color: var(--lldesign-button-color-error)
}

.cb-btn-error.cb-btn-variant-dashed:hover,
.cb-btn-error.cb-btn-variant-ghost:hover {
    border-color: var(--lldesign-button-color-error-hover);
    color: var(--lldesign-button-color-error-hover);
    background: 0 0
}

.cb-btn-error.cb-btn-variant-dashed.active,
.cb-btn-error.cb-btn-variant-dashed:active,
.cb-btn-error.cb-btn-variant-ghost.active,
.cb-btn-error.cb-btn-variant-ghost:active {
    border-color: var(--lldesign-button-color-error-active);
    color: var(--lldesign-button-color-error-active);
    background: 0 0
}

.cb-btn-error.cb-btn-variant-dashed.disabled,
.cb-btn-error.cb-btn-variant-dashed.disabled.active,
.cb-btn-error.cb-btn-variant-dashed.disabled:active,
.cb-btn-error.cb-btn-variant-dashed.disabled:hover,
.cb-btn-error.cb-btn-variant-dashed[disabled],
.cb-btn-error.cb-btn-variant-dashed[disabled].active,
.cb-btn-error.cb-btn-variant-dashed[disabled]:active,
.cb-btn-error.cb-btn-variant-dashed[disabled]:hover,
.cb-btn-error.cb-btn-variant-ghost.disabled,
.cb-btn-error.cb-btn-variant-ghost.disabled.active,
.cb-btn-error.cb-btn-variant-ghost.disabled:active,
.cb-btn-error.cb-btn-variant-ghost.disabled:hover,
.cb-btn-error.cb-btn-variant-ghost[disabled],
.cb-btn-error.cb-btn-variant-ghost[disabled].active,
.cb-btn-error.cb-btn-variant-ghost[disabled]:active,
.cb-btn-error.cb-btn-variant-ghost[disabled]:hover,
fieldset[disabled] .cb-btn-error.cb-btn-variant-dashed,
fieldset[disabled] .cb-btn-error.cb-btn-variant-dashed.active,
fieldset[disabled] .cb-btn-error.cb-btn-variant-dashed:active,
fieldset[disabled] .cb-btn-error.cb-btn-variant-dashed:hover,
fieldset[disabled] .cb-btn-error.cb-btn-variant-ghost,
fieldset[disabled] .cb-btn-error.cb-btn-variant-ghost.active,
fieldset[disabled] .cb-btn-error.cb-btn-variant-ghost:active,
fieldset[disabled] .cb-btn-error.cb-btn-variant-ghost:hover {
    border-color: var(--lldesign-button-color-error-disabled);
    color: var(--lldesign-button-color-error-disabled)
}

.cb-btn-error.cb-btn-variant-dashed {
    border-style: dashed
}

.cb-btn-error.cb-btn-variant-ghost {
    border-style: solid
}

.cb-btn-error.cb-btn-variant-link,
.cb-btn-error.cb-btn-variant-text {
    color: var(--lldesign-button-color-error);
    background: 0 0;
    border-color: transparent
}

.cb-btn-error.cb-btn-variant-link>a:only-child,
.cb-btn-error.cb-btn-variant-text>a:only-child {
    color: currentColor
}

.cb-btn-error.cb-btn-variant-link>a:only-child:after,
.cb-btn-error.cb-btn-variant-text>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-error.cb-btn-variant-link:hover,
.cb-btn-error.cb-btn-variant-text:hover {
    color: var(--lldesign-button-color-error-hover)
}

.cb-btn-error.cb-btn-variant-link:active,
.cb-btn-error.cb-btn-variant-text:active {
    color: var(--lldesign-button-color-error-active)
}

.cb-btn-error.cb-btn-variant-link.disabled,
.cb-btn-error.cb-btn-variant-link.disabled.active,
.cb-btn-error.cb-btn-variant-link.disabled:active,
.cb-btn-error.cb-btn-variant-link.disabled:hover,
.cb-btn-error.cb-btn-variant-link[disabled],
.cb-btn-error.cb-btn-variant-link[disabled].active,
.cb-btn-error.cb-btn-variant-link[disabled]:active,
.cb-btn-error.cb-btn-variant-link[disabled]:hover,
.cb-btn-error.cb-btn-variant-text.disabled,
.cb-btn-error.cb-btn-variant-text.disabled.active,
.cb-btn-error.cb-btn-variant-text.disabled:active,
.cb-btn-error.cb-btn-variant-text.disabled:hover,
.cb-btn-error.cb-btn-variant-text[disabled],
.cb-btn-error.cb-btn-variant-text[disabled].active,
.cb-btn-error.cb-btn-variant-text[disabled]:active,
.cb-btn-error.cb-btn-variant-text[disabled]:hover,
fieldset[disabled] .cb-btn-error.cb-btn-variant-link,
fieldset[disabled] .cb-btn-error.cb-btn-variant-link.active,
fieldset[disabled] .cb-btn-error.cb-btn-variant-link:active,
fieldset[disabled] .cb-btn-error.cb-btn-variant-link:hover,
fieldset[disabled] .cb-btn-error.cb-btn-variant-text,
fieldset[disabled] .cb-btn-error.cb-btn-variant-text.active,
fieldset[disabled] .cb-btn-error.cb-btn-variant-text:active,
fieldset[disabled] .cb-btn-error.cb-btn-variant-text:hover {
    color: var(--lldesign-button-color-error-disabled);
    background: 0 0;
    border-color: transparent
}

.cb-btn-error.cb-btn-variant-link.disabled.active>a:only-child,
.cb-btn-error.cb-btn-variant-link.disabled:active>a:only-child,
.cb-btn-error.cb-btn-variant-link.disabled:hover>a:only-child,
.cb-btn-error.cb-btn-variant-link.disabled>a:only-child,
.cb-btn-error.cb-btn-variant-link[disabled].active>a:only-child,
.cb-btn-error.cb-btn-variant-link[disabled]:active>a:only-child,
.cb-btn-error.cb-btn-variant-link[disabled]:hover>a:only-child,
.cb-btn-error.cb-btn-variant-link[disabled]>a:only-child,
.cb-btn-error.cb-btn-variant-text.disabled.active>a:only-child,
.cb-btn-error.cb-btn-variant-text.disabled:active>a:only-child,
.cb-btn-error.cb-btn-variant-text.disabled:hover>a:only-child,
.cb-btn-error.cb-btn-variant-text.disabled>a:only-child,
.cb-btn-error.cb-btn-variant-text[disabled].active>a:only-child,
.cb-btn-error.cb-btn-variant-text[disabled]:active>a:only-child,
.cb-btn-error.cb-btn-variant-text[disabled]:hover>a:only-child,
.cb-btn-error.cb-btn-variant-text[disabled]>a:only-child,
fieldset[disabled] .cb-btn-error.cb-btn-variant-link.active>a:only-child,
fieldset[disabled] .cb-btn-error.cb-btn-variant-link:active>a:only-child,
fieldset[disabled] .cb-btn-error.cb-btn-variant-link:hover>a:only-child,
fieldset[disabled] .cb-btn-error.cb-btn-variant-link>a:only-child,
fieldset[disabled] .cb-btn-error.cb-btn-variant-text.active>a:only-child,
fieldset[disabled] .cb-btn-error.cb-btn-variant-text:active>a:only-child,
fieldset[disabled] .cb-btn-error.cb-btn-variant-text:hover>a:only-child,
fieldset[disabled] .cb-btn-error.cb-btn-variant-text>a:only-child {
    color: currentColor
}

.cb-btn-error.cb-btn-variant-link.disabled.active>a:only-child:after,
.cb-btn-error.cb-btn-variant-link.disabled:active>a:only-child:after,
.cb-btn-error.cb-btn-variant-link.disabled:hover>a:only-child:after,
.cb-btn-error.cb-btn-variant-link.disabled>a:only-child:after,
.cb-btn-error.cb-btn-variant-link[disabled].active>a:only-child:after,
.cb-btn-error.cb-btn-variant-link[disabled]:active>a:only-child:after,
.cb-btn-error.cb-btn-variant-link[disabled]:hover>a:only-child:after,
.cb-btn-error.cb-btn-variant-link[disabled]>a:only-child:after,
.cb-btn-error.cb-btn-variant-text.disabled.active>a:only-child:after,
.cb-btn-error.cb-btn-variant-text.disabled:active>a:only-child:after,
.cb-btn-error.cb-btn-variant-text.disabled:hover>a:only-child:after,
.cb-btn-error.cb-btn-variant-text.disabled>a:only-child:after,
.cb-btn-error.cb-btn-variant-text[disabled].active>a:only-child:after,
.cb-btn-error.cb-btn-variant-text[disabled]:active>a:only-child:after,
.cb-btn-error.cb-btn-variant-text[disabled]:hover>a:only-child:after,
.cb-btn-error.cb-btn-variant-text[disabled]>a:only-child:after,
fieldset[disabled] .cb-btn-error.cb-btn-variant-link.active>a:only-child:after,
fieldset[disabled] .cb-btn-error.cb-btn-variant-link:active>a:only-child:after,
fieldset[disabled] .cb-btn-error.cb-btn-variant-link:hover>a:only-child:after,
fieldset[disabled] .cb-btn-error.cb-btn-variant-link>a:only-child:after,
fieldset[disabled] .cb-btn-error.cb-btn-variant-text.active>a:only-child:after,
fieldset[disabled] .cb-btn-error.cb-btn-variant-text:active>a:only-child:after,
fieldset[disabled] .cb-btn-error.cb-btn-variant-text:hover>a:only-child:after,
fieldset[disabled] .cb-btn-error.cb-btn-variant-text>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-error.cb-btn-variant-link span {
    text-decoration: underline
}

.cb-btn-dark {
    color: var(--lldesign-button-text-light);
    background: var(--lldesign-button-color-dark);
    border-color: transparent
}

.cb-btn-dark>a:only-child {
    color: currentColor
}

.cb-btn-dark>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-dark:hover {
    color: var(--lldesign-button-text-light);
    background: var(--lldesign-button-color-dark-hover);
    border-color: transparent
}

.cb-btn-dark:hover>a:only-child {
    color: currentColor
}

.cb-btn-dark:hover>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-dark.active,
.cb-btn-dark:active {
    -webkit-transition: none;
    transition: none;
    color: var(--lldesign-button-text-light);
    background: var(--lldesign-button-color-dark-active);
    border-color: transparent
}

.cb-btn-dark.active>a:only-child,
.cb-btn-dark:active>a:only-child {
    color: currentColor
}

.cb-btn-dark.active>a:only-child:after,
.cb-btn-dark:active>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-dark.disabled,
.cb-btn-dark.disabled.active,
.cb-btn-dark.disabled:active,
.cb-btn-dark.disabled:hover,
.cb-btn-dark[disabled],
.cb-btn-dark[disabled].active,
.cb-btn-dark[disabled]:active,
.cb-btn-dark[disabled]:hover,
fieldset[disabled] .cb-btn-dark,
fieldset[disabled] .cb-btn-dark.active,
fieldset[disabled] .cb-btn-dark:active,
fieldset[disabled] .cb-btn-dark:hover {
    color: var(--lldesign-button-text-disabled-light);
    background: var(--lldesign-button-color-dark-disabled);
    border-color: transparent
}

.cb-btn-dark.disabled.active>a:only-child,
.cb-btn-dark.disabled:active>a:only-child,
.cb-btn-dark.disabled:hover>a:only-child,
.cb-btn-dark.disabled>a:only-child,
.cb-btn-dark[disabled].active>a:only-child,
.cb-btn-dark[disabled]:active>a:only-child,
.cb-btn-dark[disabled]:hover>a:only-child,
.cb-btn-dark[disabled]>a:only-child,
fieldset[disabled] .cb-btn-dark.active>a:only-child,
fieldset[disabled] .cb-btn-dark:active>a:only-child,
fieldset[disabled] .cb-btn-dark:hover>a:only-child,
fieldset[disabled] .cb-btn-dark>a:only-child {
    color: currentColor
}

.cb-btn-dark.disabled.active>a:only-child:after,
.cb-btn-dark.disabled:active>a:only-child:after,
.cb-btn-dark.disabled:hover>a:only-child:after,
.cb-btn-dark.disabled>a:only-child:after,
.cb-btn-dark[disabled].active>a:only-child:after,
.cb-btn-dark[disabled]:active>a:only-child:after,
.cb-btn-dark[disabled]:hover>a:only-child:after,
.cb-btn-dark[disabled]>a:only-child:after,
fieldset[disabled] .cb-btn-dark.active>a:only-child:after,
fieldset[disabled] .cb-btn-dark:active>a:only-child:after,
fieldset[disabled] .cb-btn-dark:hover>a:only-child:after,
fieldset[disabled] .cb-btn-dark>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-dark.cb-btn-variant-secondary {
    color: var(--lldesign-button-color-dark);
    background: var(--lldesign-button-color-dark-light);
    border-color: transparent
}

.cb-btn-dark.cb-btn-variant-secondary>a:only-child {
    color: currentColor
}

.cb-btn-dark.cb-btn-variant-secondary>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-dark.cb-btn-variant-secondary:hover {
    color: var(--lldesign-button-color-dark);
    background: var(--lldesign-button-color-dark-light-hover);
    border-color: transparent
}

.cb-btn-dark.cb-btn-variant-secondary:hover>a:only-child {
    color: currentColor
}

.cb-btn-dark.cb-btn-variant-secondary:hover>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-dark.cb-btn-variant-secondary.active,
.cb-btn-dark.cb-btn-variant-secondary:active {
    -webkit-transition: none;
    transition: none;
    color: var(--lldesign-button-color-dark);
    background: var(--lldesign-button-color-dark-light-active);
    border-color: transparent
}

.cb-btn-dark.cb-btn-variant-secondary.active>a:only-child,
.cb-btn-dark.cb-btn-variant-secondary:active>a:only-child {
    color: currentColor
}

.cb-btn-dark.cb-btn-variant-secondary.active>a:only-child:after,
.cb-btn-dark.cb-btn-variant-secondary:active>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-dark.cb-btn-variant-secondary.disabled,
.cb-btn-dark.cb-btn-variant-secondary.disabled.active,
.cb-btn-dark.cb-btn-variant-secondary.disabled:active,
.cb-btn-dark.cb-btn-variant-secondary.disabled:hover,
.cb-btn-dark.cb-btn-variant-secondary[disabled],
.cb-btn-dark.cb-btn-variant-secondary[disabled].active,
.cb-btn-dark.cb-btn-variant-secondary[disabled]:active,
.cb-btn-dark.cb-btn-variant-secondary[disabled]:hover,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-secondary,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-secondary.active,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-secondary:active,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-secondary:hover {
    color: var(--lldesign-button-color-dark-disabled);
    background: var(--lldesign-button-color-dark-light);
    border-color: transparent
}

.cb-btn-dark.cb-btn-variant-secondary.disabled.active>a:only-child,
.cb-btn-dark.cb-btn-variant-secondary.disabled:active>a:only-child,
.cb-btn-dark.cb-btn-variant-secondary.disabled:hover>a:only-child,
.cb-btn-dark.cb-btn-variant-secondary.disabled>a:only-child,
.cb-btn-dark.cb-btn-variant-secondary[disabled].active>a:only-child,
.cb-btn-dark.cb-btn-variant-secondary[disabled]:active>a:only-child,
.cb-btn-dark.cb-btn-variant-secondary[disabled]:hover>a:only-child,
.cb-btn-dark.cb-btn-variant-secondary[disabled]>a:only-child,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-secondary.active>a:only-child,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-secondary:active>a:only-child,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-secondary:hover>a:only-child,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-secondary>a:only-child {
    color: currentColor
}

.cb-btn-dark.cb-btn-variant-secondary.disabled.active>a:only-child:after,
.cb-btn-dark.cb-btn-variant-secondary.disabled:active>a:only-child:after,
.cb-btn-dark.cb-btn-variant-secondary.disabled:hover>a:only-child:after,
.cb-btn-dark.cb-btn-variant-secondary.disabled>a:only-child:after,
.cb-btn-dark.cb-btn-variant-secondary[disabled].active>a:only-child:after,
.cb-btn-dark.cb-btn-variant-secondary[disabled]:active>a:only-child:after,
.cb-btn-dark.cb-btn-variant-secondary[disabled]:hover>a:only-child:after,
.cb-btn-dark.cb-btn-variant-secondary[disabled]>a:only-child:after,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-secondary.active>a:only-child:after,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-secondary:active>a:only-child:after,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-secondary:hover>a:only-child:after,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-secondary>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-dark.cb-btn-variant-dashed,
.cb-btn-dark.cb-btn-variant-ghost {
    border-color: var(--lldesign-button-color-dark);
    background: 0 0;
    color: var(--lldesign-button-color-dark)
}

.cb-btn-dark.cb-btn-variant-dashed:hover,
.cb-btn-dark.cb-btn-variant-ghost:hover {
    border-color: var(--lldesign-button-color-dark-hover);
    color: var(--lldesign-button-color-dark-hover);
    background: 0 0
}

.cb-btn-dark.cb-btn-variant-dashed.active,
.cb-btn-dark.cb-btn-variant-dashed:active,
.cb-btn-dark.cb-btn-variant-ghost.active,
.cb-btn-dark.cb-btn-variant-ghost:active {
    border-color: var(--lldesign-button-color-dark-active);
    color: var(--lldesign-button-color-dark-active);
    background: 0 0
}

.cb-btn-dark.cb-btn-variant-dashed.disabled,
.cb-btn-dark.cb-btn-variant-dashed.disabled.active,
.cb-btn-dark.cb-btn-variant-dashed.disabled:active,
.cb-btn-dark.cb-btn-variant-dashed.disabled:hover,
.cb-btn-dark.cb-btn-variant-dashed[disabled],
.cb-btn-dark.cb-btn-variant-dashed[disabled].active,
.cb-btn-dark.cb-btn-variant-dashed[disabled]:active,
.cb-btn-dark.cb-btn-variant-dashed[disabled]:hover,
.cb-btn-dark.cb-btn-variant-ghost.disabled,
.cb-btn-dark.cb-btn-variant-ghost.disabled.active,
.cb-btn-dark.cb-btn-variant-ghost.disabled:active,
.cb-btn-dark.cb-btn-variant-ghost.disabled:hover,
.cb-btn-dark.cb-btn-variant-ghost[disabled],
.cb-btn-dark.cb-btn-variant-ghost[disabled].active,
.cb-btn-dark.cb-btn-variant-ghost[disabled]:active,
.cb-btn-dark.cb-btn-variant-ghost[disabled]:hover,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-dashed,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-dashed.active,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-dashed:active,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-dashed:hover,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-ghost,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-ghost.active,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-ghost:active,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-ghost:hover {
    border-color: var(--lldesign-button-color-dark-disabled);
    color: var(--lldesign-button-color-dark-disabled)
}

.cb-btn-dark.cb-btn-variant-dashed {
    border-style: dashed
}

.cb-btn-dark.cb-btn-variant-ghost {
    border-style: solid
}

.cb-btn-dark.cb-btn-variant-link,
.cb-btn-dark.cb-btn-variant-text {
    color: var(--lldesign-button-color-dark);
    background: 0 0;
    border-color: transparent
}

.cb-btn-dark.cb-btn-variant-link>a:only-child,
.cb-btn-dark.cb-btn-variant-text>a:only-child {
    color: currentColor
}

.cb-btn-dark.cb-btn-variant-link>a:only-child:after,
.cb-btn-dark.cb-btn-variant-text>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-dark.cb-btn-variant-link:hover,
.cb-btn-dark.cb-btn-variant-text:hover {
    color: var(--lldesign-button-color-dark-hover)
}

.cb-btn-dark.cb-btn-variant-link:active,
.cb-btn-dark.cb-btn-variant-text:active {
    color: var(--lldesign-button-color-dark-active)
}

.cb-btn-dark.cb-btn-variant-link.disabled,
.cb-btn-dark.cb-btn-variant-link.disabled.active,
.cb-btn-dark.cb-btn-variant-link.disabled:active,
.cb-btn-dark.cb-btn-variant-link.disabled:hover,
.cb-btn-dark.cb-btn-variant-link[disabled],
.cb-btn-dark.cb-btn-variant-link[disabled].active,
.cb-btn-dark.cb-btn-variant-link[disabled]:active,
.cb-btn-dark.cb-btn-variant-link[disabled]:hover,
.cb-btn-dark.cb-btn-variant-text.disabled,
.cb-btn-dark.cb-btn-variant-text.disabled.active,
.cb-btn-dark.cb-btn-variant-text.disabled:active,
.cb-btn-dark.cb-btn-variant-text.disabled:hover,
.cb-btn-dark.cb-btn-variant-text[disabled],
.cb-btn-dark.cb-btn-variant-text[disabled].active,
.cb-btn-dark.cb-btn-variant-text[disabled]:active,
.cb-btn-dark.cb-btn-variant-text[disabled]:hover,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-link,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-link.active,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-link:active,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-link:hover,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-text,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-text.active,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-text:active,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-text:hover {
    color: var(--lldesign-button-color-dark-disabled);
    background: 0 0;
    border-color: transparent
}

.cb-btn-dark.cb-btn-variant-link.disabled.active>a:only-child,
.cb-btn-dark.cb-btn-variant-link.disabled:active>a:only-child,
.cb-btn-dark.cb-btn-variant-link.disabled:hover>a:only-child,
.cb-btn-dark.cb-btn-variant-link.disabled>a:only-child,
.cb-btn-dark.cb-btn-variant-link[disabled].active>a:only-child,
.cb-btn-dark.cb-btn-variant-link[disabled]:active>a:only-child,
.cb-btn-dark.cb-btn-variant-link[disabled]:hover>a:only-child,
.cb-btn-dark.cb-btn-variant-link[disabled]>a:only-child,
.cb-btn-dark.cb-btn-variant-text.disabled.active>a:only-child,
.cb-btn-dark.cb-btn-variant-text.disabled:active>a:only-child,
.cb-btn-dark.cb-btn-variant-text.disabled:hover>a:only-child,
.cb-btn-dark.cb-btn-variant-text.disabled>a:only-child,
.cb-btn-dark.cb-btn-variant-text[disabled].active>a:only-child,
.cb-btn-dark.cb-btn-variant-text[disabled]:active>a:only-child,
.cb-btn-dark.cb-btn-variant-text[disabled]:hover>a:only-child,
.cb-btn-dark.cb-btn-variant-text[disabled]>a:only-child,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-link.active>a:only-child,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-link:active>a:only-child,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-link:hover>a:only-child,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-link>a:only-child,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-text.active>a:only-child,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-text:active>a:only-child,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-text:hover>a:only-child,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-text>a:only-child {
    color: currentColor
}

.cb-btn-dark.cb-btn-variant-link.disabled.active>a:only-child:after,
.cb-btn-dark.cb-btn-variant-link.disabled:active>a:only-child:after,
.cb-btn-dark.cb-btn-variant-link.disabled:hover>a:only-child:after,
.cb-btn-dark.cb-btn-variant-link.disabled>a:only-child:after,
.cb-btn-dark.cb-btn-variant-link[disabled].active>a:only-child:after,
.cb-btn-dark.cb-btn-variant-link[disabled]:active>a:only-child:after,
.cb-btn-dark.cb-btn-variant-link[disabled]:hover>a:only-child:after,
.cb-btn-dark.cb-btn-variant-link[disabled]>a:only-child:after,
.cb-btn-dark.cb-btn-variant-text.disabled.active>a:only-child:after,
.cb-btn-dark.cb-btn-variant-text.disabled:active>a:only-child:after,
.cb-btn-dark.cb-btn-variant-text.disabled:hover>a:only-child:after,
.cb-btn-dark.cb-btn-variant-text.disabled>a:only-child:after,
.cb-btn-dark.cb-btn-variant-text[disabled].active>a:only-child:after,
.cb-btn-dark.cb-btn-variant-text[disabled]:active>a:only-child:after,
.cb-btn-dark.cb-btn-variant-text[disabled]:hover>a:only-child:after,
.cb-btn-dark.cb-btn-variant-text[disabled]>a:only-child:after,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-link.active>a:only-child:after,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-link:active>a:only-child:after,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-link:hover>a:only-child:after,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-link>a:only-child:after,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-text.active>a:only-child:after,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-text:active>a:only-child:after,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-text:hover>a:only-child:after,
fieldset[disabled] .cb-btn-dark.cb-btn-variant-text>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.cb-btn-dark.cb-btn-variant-link span {
    text-decoration: underline
}

.cb-btn-circle {
    border-radius: var(--lldesign-button-height-base, 32px)
}

.cb-btn-circle.cb-btn-large {
    border-radius: var(--lldesign-button-height-large, 36px)
}

.cb-btn-circle.cb-btn-max {
    border-radius: var(--lldesign-button-height-max, 42px)
}

.cb-btn-circle.cb-btn-small {
    border-radius: var(--lldesign-button-height-small, 28px)
}

.cb-btn-circle.cb-btn-mini {
    border-radius: var(--lldesign-button-height-mini, 24px)
}

.cb-btn-circle.cb-btn-icon-only {
    width: var(--lldesign-button-height-base, 32px);
    height: var(--lldesign-button-height-base, 32px);
    padding: 0;
    font-size: calc(var(--lldesign-button-font-size-base, 14px) + 2);
    border-radius: 50%
}

.cb-btn-circle.cb-btn-icon-only.cb-btn-mini {
    width: var(--lldesign-button-height-mini, 24px);
    height: var(--lldesign-button-height-mini, 24px);
    padding: 0;
    font-size: calc(var(--lldesign-button-font-size-mini, 12px) + 2);
    border-radius: 50%
}

.cb-btn-circle.cb-btn-icon-only.cb-btn-small {
    width: var(--lldesign-button-height-small, 28px);
    height: var(--lldesign-button-height-small, 28px);
    padding: 0;
    font-size: calc(var(--lldesign-button-font-size-small, 12px) + 2);
    border-radius: 50%
}

.cb-btn-circle.cb-btn-icon-only.cb-btn-large {
    width: var(--lldesign-button-height-large, 36px);
    height: var(--lldesign-button-height-large, 36px);
    padding: 0;
    font-size: calc(var(--lldesign-button-font-size-large, 14px) + 2);
    border-radius: 50%
}

.cb-btn-circle.cb-btn-icon-only.cb-btn-max {
    width: var(--lldesign-button-height-max, 42px);
    height: var(--lldesign-button-height-max, 42px);
    padding: 0;
    font-size: calc(var(--lldesign-button-font-size-max, 16px) + 2);
    border-radius: 50%
}

.cb-btn:before {
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    background: var(--lldesign-color-white);
    opacity: .35;
    content: '';
    border-radius: inherit;
    z-index: 1;
    -webkit-transition: opacity var(--lldesign-animation-time);
    transition: opacity var(--lldesign-animation-time);
    pointer-events: none;
    display: none
}

.cb-btn.cb-btn-loading {
    pointer-events: none;
    position: relative
}

.cb-btn.cb-btn-loading .cb-icon {
    vertical-align: top;
    position: relative;
    line-height: inherit;
    margin: 0
}

.cb-btn.cb-btn-loading:before {
    display: block
}

.cb-btn-group {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.cb-btn-group>.cb-btn {
    position: relative;
    float: left
}

.cb-btn-group>.cb-btn:not([disabled]).active,
.cb-btn-group>.cb-btn:not([disabled]):active,
.cb-btn-group>.cb-btn:not([disabled]):hover {
    z-index: 2
}

.cb-btn-group .cb-btn-icon-only .cb-icon {
    font-size: var(--lldesign-button-font-size-base, 14px);
    position: relative;
    margin: .075em 0 -.075em 0
}

.cb-btn-group-large .cb-btn-icon-only .cb-icon,
.cb-btn-group-max .cb-btn-icon-only .cb-icon {
    font-size: var(--lldesign-button-font-size-large, 14px)
}

.cb-btn-group-mini .cb-btn-icon-only .cb-icon,
.cb-btn-group-small .cb-btn-icon-only .cb-icon {
    font-size: var(--lldesign-button-font-size-small, 12px)
}

.cb-btn-group-circle .cb-btn {
    border-radius: var(--lldesign-button-height-base, 32px)
}

.cb-btn-group-max.cb-btn-group-circle .cb-btn {
    border-radius: var(--lldesign-button-height-max, 42px)
}

.cb-btn-group-large.cb-btn-group-circle .cb-btn {
    border-radius: var(--lldesign-button-height-large, 36px)
}

.cb-btn-group-large>.cb-btn {
    padding: var(--lldesign-button-padding-large, 10px 19px);
    font-size: var(--lldesign-button-font-size-large, 14px);
    border-radius: var(--lldesign-button-radius-large)
}

.cb-btn-group-max>.cb-btn {
    padding: var(--lldesign-button-padding-large, 10px 19px);
    font-size: var(--lldesign-button-font-size-large, 14px);
    border-radius: var(--lldesign-button-radius-max)
}

.cb-btn-group-small.cb-btn-group-circle .cb-btn {
    border-radius: var(--lldesign-button-height-small, 28px)
}

.cb-btn-group-mini.cb-btn-group-circle .cb-btn {
    border-radius: var(--lldesign-button-height-mini, 24px)
}

.cb-btn-group-small>.cb-btn {
    padding: var(--lldesign-button-padding-small, 7px 15px);
    font-size: var(--lldesign-button-font-size-small, 12px);
    border-radius: var(--lldesign-button-radius-small)
}

.cb-btn-group-small>.cb-btn>.cb-icon {
    font-size: var(--lldesign-button-font-size-small, 12px)
}

.cb-btn-group-mini>.cb-btn {
    padding: var(--lldesign-button-padding-mini, 5px 11px);
    font-size: var(--lldesign-button-font-size-mini, 12px);
    border-radius: var(--lldesign-button-radius-mini)
}

.cb-btn-group-mini>.cb-btn>.cb-icon {
    font-size: var(--lldesign-button-font-size-mini, 12px)
}

.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group:not(.cb-btn-group-variant-dashed):not(.cb-btn-group-variant-ghost) .cb-btn:first-child {
    border-left-color: transparent
}

.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group:not(.cb-btn-group-variant-dashed):not(.cb-btn-group-variant-ghost) .cb-btn:last-child {
    border-right-color: transparent
}

.cb-btn-group-vertical.cb-btn-group:not(.cb-btn-group-variant-dashed):not(.cb-btn-group-variant-ghost) .cb-btn:first-child {
    border-top-color: transparent
}

.cb-btn-group-vertical.cb-btn-group:not(.cb-btn-group-variant-dashed):not(.cb-btn-group-variant-ghost) .cb-btn:last-child {
    border-bottom-color: transparent
}

.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-primary .cb-btn {
    border-right-color: var(--lldesign-button-group-border);
    border-left-color: var(--lldesign-button-group-border)
}

.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-primary .cb-btn-default,
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-primary .cb-btn-default:active,
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-primary .cb-btn-default:hover,
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-primary .cb-btn-secondary,
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-primary .cb-btn-secondary:active,
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-primary .cb-btn-secondary:hover {
    border-right-color: var(--lldesign-button-group-border-dark);
    border-left-color: var(--lldesign-button-group-border-dark)
}

.cb-btn-group-vertical.cb-btn-group-variant-primary .cb-btn {
    border-bottom-color: var(--lldesign-button-group-border);
    border-top-color: var(--lldesign-button-group-border)
}

.cb-btn-group-vertical.cb-btn-group-variant-primary .cb-btn-default,
.cb-btn-group-vertical.cb-btn-group-variant-primary .cb-btn-default:active,
.cb-btn-group-vertical.cb-btn-group-variant-primary .cb-btn-default:hover,
.cb-btn-group-vertical.cb-btn-group-variant-primary .cb-btn-secondary,
.cb-btn-group-vertical.cb-btn-group-variant-primary .cb-btn-secondary:active,
.cb-btn-group-vertical.cb-btn-group-variant-primary .cb-btn-secondary:hover {
    border-bottom-color: var(--lldesign-button-group-border-dark);
    border-top-color: var(--lldesign-button-group-border-dark)
}

.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-default,
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-default:active,
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-default:hover,
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-default[disabled],
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-default[disabled]:active,
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-default[disabled]:hover,
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-secondary,
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-secondary:active,
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-secondary:hover,
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-secondary[disabled],
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-secondary[disabled]:active,
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-secondary[disabled]:hover {
    border-right-color: var(--lldesign-button-group-border-dark);
    border-left-color: var(--lldesign-button-group-border-dark)
}

.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-primary,
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-primary:active,
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-primary:hover,
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-primary[disabled],
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-primary[disabled]:active,
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-primary[disabled]:hover {
    border-right-color: var(--lldesign-button-color-brand-light-hover);
    border-left-color: var(--lldesign-button-color-brand-light-hover)
}

.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-warning,
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-warning:active,
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-warning:hover,
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-warning[disabled],
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-warning[disabled]:active,
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-warning[disabled]:hover {
    border-right-color: var(--lldesign-button-color-warning-light-hover);
    border-left-color: var(--lldesign-button-color-warning-light-hover)
}

.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-error,
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-error:active,
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-error:hover,
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-error[disabled],
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-error[disabled]:active,
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-error[disabled]:hover {
    border-right-color: var(--lldesign-button-color-error-light-hover);
    border-left-color: var(--lldesign-button-color-error-light-hover)
}

.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-success,
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-success:active,
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-success:hover,
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-success[disabled],
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-success[disabled]:active,
.cb-btn-group:not(.cb-btn-group-vertical).cb-btn-group-variant-secondary .cb-btn-success[disabled]:hover {
    border-right-color: var(--lldesign-button-color-success-light-hover);
    border-left-color: var(--lldesign-button-color-success-light-hover)
}

.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-default,
.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-default:active,
.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-default:hover,
.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-default[disabled],
.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-default[disabled]:active,
.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-default[disabled]:hover,
.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-secondary,
.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-secondary:active,
.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-secondary:hover,
.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-secondary[disabled],
.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-secondary[disabled]:active,
.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-secondary[disabled]:hover {
    border-bottom-color: var(--lldesign-button-group-border-dark);
    border-top-color: var(--lldesign-button-group-border-dark)
}

.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-primary,
.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-primary:active,
.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-primary:hover,
.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-primary[disabled],
.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-primary[disabled]:active,
.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-primary[disabled]:hover {
    border-bottom-color: var(--lldesign-button-color-brand-light-hover);
    border-top-color: var(--lldesign-button-color-brand-light-hover)
}

.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-warning,
.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-warning:active,
.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-warning:hover,
.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-warning[disabled],
.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-warning[disabled]:active,
.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-warning[disabled]:hover {
    border-bottom-color: var(--lldesign-button-color-warning-light-hover);
    border-top-color: var(--lldesign-button-color-warning-light-hover)
}

.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-error,
.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-error:active,
.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-error:hover,
.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-error[disabled],
.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-error[disabled]:active,
.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-error[disabled]:hover {
    border-bottom-color: var(--lldesign-button-color-error-light-hover);
    border-top-color: var(--lldesign-button-color-error-light-hover)
}

.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-success,
.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-success:active,
.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-success:hover,
.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-success[disabled],
.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-success[disabled]:active,
.cb-btn-group-vertical.cb-btn-group-variant-secondary .cb-btn-success[disabled]:hover {
    border-bottom-color: var(--lldesign-button-color-success-light-hover);
    border-top-color: var(--lldesign-button-color-success-light-hover)
}

.cb-btn+.cb-btn-group,
.cb-btn-group .cb-btn+.cb-btn,
.cb-btn-group+.cb-btn,
.cb-btn-group+.cb-btn-group {
    margin-left: -1px
}

.cb-btn-group .cb-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.cb-btn-group:not(.cb-btn-group-vertical)>.cb-btn:first-child {
    margin-left: 0
}

.cb-btn-group:not(.cb-btn-group-vertical)>.cb-btn:first-child:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.cb-btn-group:not(.cb-btn-group-vertical)>.cb-btn:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.cb-btn-group>.cb-btn-group {
    float: left
}

.cb-btn-group>.cb-btn-group:not(:first-child):not(:last-child)>.cb-btn {
    border-radius: 0
}

.cb-btn-group:not(.cb-btn-group-vertical)>.cb-btn-group:first-child:not(:last-child)>.cb-btn:last-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    padding-right: 8px
}

.cb-btn-group:not(.cb-btn-group-vertical)>.cb-btn-group:last-child:not(:first-child)>.cb-btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    padding-left: 8px
}

.cb-btn-group-vertical {
    display: inline-block;
    vertical-align: middle
}

.cb-btn-group-vertical>.cb-btn {
    display: block;
    width: 100%;
    max-width: 100%;
    float: none
}

.cb-btn+.cb-btn-group-vertical,
.cb-btn-group-vertical .cb-btn+.cb-btn,
.cb-btn-group-vertical+.cb-btn,
.cb-btn-group-vertical+.cb-btn-group-vertical {
    margin-top: -1px;
    margin-left: 0
}

.cb-btn-group-vertical>.cb-btn:first-child {
    margin-top: 0
}

.cb-btn-group-vertical>.cb-btn:first-child:not(:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.cb-btn-group-vertical>.cb-btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.cb-btn-group-vertical>.cb-btn-group-vertical:first-child:not(:last-child)>.cb-btn:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-bottom: 8px
}

.cb-btn-group-vertical>.cb-btn-group-vertical:last-child:not(:first-child)>.cb-btn:first-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding-top: 8px
}

.cb-btn-loading-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.cb-btn-loading>i,
.cb-btn-loading>span {
    opacity: 0
}

.cb-affix {
    position: fixed;
    z-index: 10
}

.cb-back-top {
    z-index: 10;
    position: fixed;
    cursor: pointer;
    display: none
}

.cb-back-top.cb-back-top-show {
    display: block
}

.cb-back-top-inner {
    background-color: rgba(0, 0, 0, .6);
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-back-top-inner:hover {
    background-color: rgba(0, 0, 0, .7)
}

.cb-back-top i {
    color: var(--lldesign-color-white);
    font-size: 24px;
    padding: 8px 12px
}

.cb-badge {
    position: relative;
    display: inline-block
}

.cb-badge-count {
    font-family: 'Monospaced Number';
    line-height: 1;
    vertical-align: middle;
    position: absolute;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    top: -8px;
    right: 0;
    height: 18px;
    border-radius: 10px;
    min-width: 18px;
    background: var(--lldesign-color-error-6);
    border: 1px solid transparent;
    color: var(--lldesign-color-white);
    line-height: 16px;
    text-align: center;
    padding: 0 5px;
    font-size: 12px;
    white-space: nowrap;
    -webkit-transform-origin: -10% center;
    -ms-transform-origin: -10% center;
    transform-origin: -10% center;
    z-index: 10;
    -webkit-box-shadow: 0 0 0 1px var(--lldesign-color-bg-2);
    box-shadow: 0 0 0 1px var(--lldesign-color-bg-2)
}

.cb-badge-count a,
.cb-badge-count a:hover {
    color: var(--lldesign-color-white)
}

.cb-badge-count-alone {
    top: auto;
    display: block;
    position: relative;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.cb-badge-count-primary {
    background: var(--lldesign-color-brand-6)
}

.cb-badge-count-success {
    background: var(--lldesign-color-success-6)
}

.cb-badge-count-error {
    background: var(--lldesign-color-error-6)
}

.cb-badge-count-warning {
    background: var(--lldesign-color-warning-6)
}

.cb-badge-count-info {
    background: var(--lldesign-color-brand-6)
}

.cb-badge-count-normal {
    background: #e6ebf1;
    color: var(--lldesign-color-text-2)
}

.cb-badge-dot {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform-origin: 0 center;
    -ms-transform-origin: 0 center;
    transform-origin: 0 center;
    top: -4px;
    right: -8px;
    height: 8px;
    width: 8px;
    border-radius: 100%;
    background: var(--lldesign-color-error-6);
    z-index: 10;
    -webkit-box-shadow: 0 0 0 1px var(--lldesign-color-white);
    box-shadow: 0 0 0 1px var(--lldesign-color-white)
}

.cb-badge-status {
    line-height: inherit;
    vertical-align: baseline
}

.cb-badge-status-dot {
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    position: relative;
    top: -1px
}

.cb-badge-status-success {
    background-color: var(--lldesign-color-success-6)
}

.cb-badge-status-processing {
    background-color: var(--lldesign-color-brand-6);
    position: relative
}

.cb-badge-status-processing:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid var(--lldesign-color-brand-6);
    content: '';
    -webkit-animation: aniStatusProcessing 1.2s infinite ease-in-out;
    animation: aniStatusProcessing 1.2s infinite ease-in-out
}

.cb-badge-status-default {
    background-color: #e6ebf1
}

.cb-badge-status-error {
    background-color: var(--lldesign-color-error-6)
}

.cb-badge-status-warning {
    background-color: var(--lldesign-color-warning-6)
}

.cb-badge-status-text {
    display: inline-block;
    color: var(--lldesign-color-text-2);
    font-size: var(--lldesign-font-size-small);
    margin-left: 6px
}

@-webkit-keyframes aniStatusProcessing {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: .5
    }
    100% {
        -webkit-transform: scale(2.4);
        transform: scale(2.4);
        opacity: 0
    }
}

@keyframes aniStatusProcessing {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: .5
    }
    100% {
        -webkit-transform: scale(2.4);
        transform: scale(2.4);
        opacity: 0
    }
}

.cb-chart-circle {
    display: inline-block;
    position: relative
}

.cb-chart-circle.cb-chart-circle-fill {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.cb-chart-circle.cb-chart-circle-normal .cb-chart-circle-circle-bg,
.cb-chart-circle.cb-chart-circle-normal .cb-chart-circle-path-bg {
    stroke: var(--lldesign-color-fill-3)
}

.cb-chart-circle.cb-chart-circle-normal .cb-chart-circle-circle-area,
.cb-chart-circle.cb-chart-circle-normal .cb-chart-circle-path-area,
.cb-chart-circle.cb-chart-circle-primary .cb-chart-circle-circle-area,
.cb-chart-circle.cb-chart-circle-primary .cb-chart-circle-path-area {
    stroke: var(--lldesign-color-brand-6)
}

.cb-chart-circle.cb-chart-circle-primary .cb-chart-circle-circle-bg,
.cb-chart-circle.cb-chart-circle-primary .cb-chart-circle-path-bg {
    stroke: var(--lldesign-color-brand-light-2)
}

.cb-chart-circle.cb-chart-circle-success .cb-chart-circle-circle-bg,
.cb-chart-circle.cb-chart-circle-success .cb-chart-circle-path-bg {
    stroke: var(--lldesign-color-success-light-2)
}

.cb-chart-circle.cb-chart-circle-success .cb-chart-circle-circle-area,
.cb-chart-circle.cb-chart-circle-success .cb-chart-circle-path-area {
    stroke: var(--lldesign-color-success-6)
}

.cb-chart-circle.cb-chart-circle-warning .cb-chart-circle-circle-bg,
.cb-chart-circle.cb-chart-circle-warning .cb-chart-circle-path-bg {
    stroke: var(--lldesign-color-warning-light-2)
}

.cb-chart-circle.cb-chart-circle-warning .cb-chart-circle-circle-area,
.cb-chart-circle.cb-chart-circle-warning .cb-chart-circle-path-area {
    stroke: var(--lldesign-color-warning-6)
}

.cb-chart-circle.cb-chart-circle-error .cb-chart-circle-circle-bg,
.cb-chart-circle.cb-chart-circle-error .cb-chart-circle-path-bg {
    stroke: var(--lldesign-color-error-light-2)
}

.cb-chart-circle.cb-chart-circle-error .cb-chart-circle-circle-area,
.cb-chart-circle.cb-chart-circle-error .cb-chart-circle-path-area {
    stroke: var(--lldesign-color-error-6)
}

.cb-chart-circle svg {
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: top
}

.cb-chart-circle-inner {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1
}

.cb-article {
    position: relative;
    font-size: 14px;
    line-height: 1.8;
    color: var(--lldesign-color-text-2);
    outline: 0;
    word-wrap: break-word
}

.cb-article>:first-child {
    margin-top: 0!important
}

.cb-article a {
    color: var(--lldesign-color-brand-6);
    text-decoration: none;
    word-break: break-all
}

.cb-article a:hover {
    color: var(--lldesign-color-brand-5)
}

.cb-article a:active {
    color: var(--lldesign-color-brand-7)
}

.cb-article a:active,
.cb-article a:hover {
    outline: 0
}

.cb-article h1,
.cb-article h2,
.cb-article h3,
.cb-article h4,
.cb-article h5,
.cb-article h6 {
    font-weight: 500;
    margin: 20px 0 10px
}

.cb-article h1 {
    font-size: 24px
}

.cb-article h2 {
    font-size: 22px
}

.cb-article h3 {
    font-size: 20px
}

.cb-article h4 {
    font-size: 18px
}

.cb-article h5 {
    font-size: 16px
}

.cb-article h6 {
    font-size: 14px
}

.cb-article div,
.cb-article p {
    margin: 0 0 6px 0;
    word-wrap: break-word
}

.cb-article div {
    margin: 0 0 15px 0
}

.cb-article div:last-child,
.cb-article p:last-child {
    margin-bottom: 0
}

.cb-article-with-indent>p {
    text-indent: 1.2em
}

.cb-article b,
.cb-article strong {
    font-weight: 700
}

.cb-article em,
.cb-article i {
    font-style: italic
}

.cb-article u {
    text-decoration: underline
}

.cb-article del,
.cb-article strike {
    text-decoration: line-through
}

.cb-article dl,
.cb-article ol,
.cb-article ul {
    list-style: disc outside none;
    line-height: 1.6;
    margin: 0 0 8px 0;
    margin-left: 2em
}

.cb-article ol ul,
.cb-article ul ul {
    list-style: circle outside none
}

.cb-article ol ul ul,
.cb-article ul ul ul {
    list-style: square outside none
}

.cb-article dl dd,
.cb-article dl dt {
    margin-bottom: 5px
}

.cb-article dl dl,
.cb-article dl ol,
.cb-article dl ul,
.cb-article ol dl,
.cb-article ol ol,
.cb-article ol ul,
.cb-article ul dl,
.cb-article ul ol,
.cb-article ul ul {
    margin-left: 2em
}

.cb-article ol {
    list-style: decimal;
    margin-left: 2em
}

.cb-article ol:last-child {
    margin-bottom: 0
}

.cb-article ol li {
    margin-bottom: 5px
}

.cb-article ol li:last-child {
    margin-bottom: 0
}

.cb-article ol p {
    margin-bottom: 5px
}

.cb-article ol p:last-child {
    margin-bottom: 0
}

.cb-article blockquote {
    border-left: 4px solid #ddd;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 10px
}

.cb-article blockquote>:first-child {
    margin-top: 0
}

.cb-article pre {
    padding: 10px 5px 10px 10px;
    margin: 15px 0;
    display: block;
    line-height: 18px;
    background: #f0f0f0;
    border-radius: 3px;
    font-size: 13px;
    overflow-x: auto;
    white-space: pre;
    word-wrap: normal
}

.cb-article code {
    display: inline-block;
    padding: 0 4px;
    margin: 0 5px;
    background: #eee;
    color: var(--lldesign-color-text-2);
    border-radius: 3px;
    font-size: 13px
}

.cb-article hr {
    display: block;
    height: 0;
    border: 0;
    border-top: 1px solid var(--lldesign-color-text-4);
    margin: 15px 0;
    padding: 0
}

.cb-article table {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 10px 0
}

.cb-article table thead {
    background-color: #f9f9f9
}

.cb-article table td {
    min-width: 40px;
    border: 1px solid #eaeaea;
    vertical-align: top;
    padding: 4px 8px;
    line-height: 1.6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cb-article table td.active {
    background-color: #ffe
}

.cb-article img {
    max-width: 100%;
    height: auto;
    margin: 10px auto;
    display: block;
    -ms-interpolation-mode: bicubic
}

.cb-spin {
    color: var(--lldesign-color-brand-6);
    vertical-align: middle;
    text-align: center
}

.cb-spin-dot {
    position: relative;
    display: block;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite
}

.cb-spin-dot .path {
    stroke-dasharray: 1, 200;
    stroke-linecap: round;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite;
    stroke: var(--lldesign-color-brand-6)
}

.cb-spin-large .cb-spin-dot {
    width: 32px;
    height: 32px
}

.cb-spin-small .cb-spin-dot {
    width: 12px;
    height: 12px
}

.cb-spin-fix {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    width: 100%;
    height: 100%;
    background-color: var(--lldesign-color-spin-mask)
}

.cb-spin-fullscreen {
    z-index: 2010
}

.cb-spin-fullscreen-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.cb-spin-main {
    display: inline-block;
    vertical-align: top
}

.cb-spin-fix .cb-spin-main {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.cb-spin-fix .cb-spin-dot {
    display: inline-block;
    vertical-align: top
}

.cb-spin-show-text .cb-spin-dot,
.cb-spin-text {
    display: none
}

.cb-spin-show-text .cb-spin-text {
    display: block
}

@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

.cb-alert {
    position: relative;
    padding: 8px 16px 8px 16px;
    border-radius: var(--lldesign-radius-1);
    color: var(--lldesign-color-text-2);
    font-size: var(--lldesign-font-size-base);
    line-height: 20px
}

.cb-alert.cb-alert-with-icon {
    padding-left: 34px
}

.cb-alert-link {
    padding-right: 32px
}

.cb-alert-icon {
    font-size: var(--lldesign-font-size-large);
    top: 10px;
    left: 14px;
    position: absolute;
    margin: 0
}

.cb-alert-icon i {
    display: block;
    margin: 0
}

.cb-alert-icon-center {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cb-alert-desc {
    font-size: var(--lldesign-font-size-small);
    color: var(--lldesign-color-text-2);
    line-height: 20px;
    display: none;
    text-align: justify;
    margin-top: 2px
}

.cb-alert-success {
    background-color: var(--lldesign-color-success-light-1)
}

.cb-alert-success .cb-alert-icon {
    color: var(--lldesign-color-success-6)
}

.cb-alert-info {
    background-color: var(--lldesign-color-brand-light-1)
}

.cb-alert-info .cb-alert-icon {
    color: var(--lldesign-color-brand-6)
}

.cb-alert-warning {
    background-color: var(--lldesign-color-warning-light-1)
}

.cb-alert-warning .cb-alert-icon {
    color: var(--lldesign-color-warning-6)
}

.cb-alert-error {
    background-color: var(--lldesign-color-error-light-1)
}

.cb-alert-error .cb-alert-icon {
    color: var(--lldesign-color-error-6)
}

.cb-alert-close {
    font-size: var(--lldesign-font-size-small);
    position: absolute;
    right: 8px;
    top: 4px;
    overflow: hidden;
    cursor: pointer;
    margin: 0;
    top: 2px;
    padding: 7px 4px
}

.cb-alert-close .cb-icon-close {
    font-size: 13px;
    color: var(--lldesign-color-text-2);
    -webkit-transition: color var(--lldesign-animation-time) ease;
    transition: color var(--lldesign-animation-time) ease;
    position: relative;
    top: 0;
    font-weight: 400;
    z-index: 2;
    padding: 3px
}

.cb-alert-close .cb-icon-close:hover {
    color: var(--lldesign-color-text-1)
}

.cb-alert-close:hover .cb-icon-close {
    color: var(--lldesign-color-text-2)
}

.cb-alert-close:hover .cb-icon-close:after {
    content: '';
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: var(--lldesign-color-split-1);
    border-radius: 100px;
    z-index: -1;
    position: absolute
}

.cb-alert-arrow {
    font-size: var(--lldesign-font-size-small);
    position: absolute;
    right: 8px;
    top: 4px;
    overflow: hidden;
    cursor: pointer;
    margin: 0;
    padding: 4px;
    top: 50%;
    margin-top: -11px
}

.cb-alert-arrow .cb-icon-close {
    font-size: 11px;
    color: var(--lldesign-color-text-2);
    -webkit-transition: color var(--lldesign-animation-time) ease;
    transition: color var(--lldesign-animation-time) ease;
    position: relative;
    top: 0;
    font-weight: 400;
    z-index: 2;
    padding: 3px
}

.cb-alert-arrow .cb-icon-close:hover {
    color: var(--lldesign-color-text-1)
}

.cb-alert-arrow:hover .cb-icon-close {
    color: var(--lldesign-color-text-2)
}

.cb-alert-arrow:hover .cb-icon-close:after {
    content: '';
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: var(--lldesign-color-split-1);
    border-radius: 100px;
    z-index: -1;
    position: absolute
}

.cb-alert-with-desc {
    padding-top: 12px;
    padding-bottom: 12px;
    position: relative;
    border-radius: var(--lldesign-radius-1);
    color: var(--lldesign-color-text-2);
    line-height: 1.4
}

.cb-alert-with-desc.cb-alert-with-icon {
    padding: 12px 16px 12px 48px
}

.cb-alert-with-desc .cb-alert-desc {
    display: block
}

.cb-alert-with-desc .cb-alert-message {
    font-size: 14px;
    color: var(--lldesign-color-text-1);
    display: block
}

.cb-alert-with-desc .cb-alert-icon {
    top: 12px;
    left: 14px;
    font-size: 28px
}

.cb-alert-with-banner {
    border-radius: 0
}

.cb-alert-simple {
    border: 0
}

.cb-alert-small {
    line-height: 18px;
    padding: 6px 12px 6px 12px
}

.cb-alert-small .cb-alert-icon {
    top: 8px;
    left: 10px
}

.cb-alert-small.cb-alert-with-desc .cb-alert-icon {
    font-size: 24px
}

.cb-alert-small .cb-alert-close {
    font-size: var(--lldesign-font-size-small);
    position: absolute;
    right: 8px;
    top: 4px;
    overflow: hidden;
    cursor: pointer;
    margin: 0;
    top: 1px;
    right: 6px;
    padding: 5px 4px
}

.cb-alert-small .cb-alert-close .cb-icon-close {
    font-size: 14px;
    color: var(--lldesign-color-text-2);
    -webkit-transition: color var(--lldesign-animation-time) ease;
    transition: color var(--lldesign-animation-time) ease;
    position: relative;
    top: 0;
    font-weight: 400;
    z-index: 2;
    padding: 3px
}

.cb-alert-small .cb-alert-close .cb-icon-close:hover {
    color: var(--lldesign-color-text-1)
}

.cb-alert-small .cb-alert-close:hover .cb-icon-close {
    color: var(--lldesign-color-text-2)
}

.cb-alert-small .cb-alert-close:hover .cb-icon-close:after {
    content: '';
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: var(--lldesign-color-split-1);
    border-radius: 100px;
    z-index: -1;
    position: absolute
}

.cb-alert-small .cb-alert-arrow {
    right: 6px
}

.cb-alert-small.cb-alert-link {
    padding-right: 26px
}

.cb-alert-small .cb-alert-desc {
    line-height: 16px
}

.cb-alert-small.cb-alert-with-desc {
    padding-top: 8px;
    padding-bottom: 8px
}

.cb-alert-small.cb-alert-with-icon {
    padding-left: 30px
}

.cb-alert-small.cb-alert-with-desc.cb-alert-with-icon {
    padding-left: 38px
}

.cb-alert a {
    float: right;
    color: inherit
}

.cb-alert a:hover {
    color: inherit
}

.cb-alert-with-result {
    border-radius: 0;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px
}

.cb-alert-with-result.cb-alert-simple {
    background: 0 0
}

.cb-alert-with-result .cb-alert-icon {
    position: static;
    margin: 0 auto;
    font-size: 46px
}

.cb-alert-with-result .cb-alert-message {
    display: block;
    font-size: 18px;
    font-weight: 500;
    margin: 16px 0 8px 0
}

.cb-alert-with-result .cb-alert-desc {
    text-align: center
}

.cb-alert-with-result.cb-alert-small {
    padding-top: 24px;
    padding-bottom: 24px
}

.cb-alert-with-result.cb-alert-small .cb-alert-icon {
    font-size: 40px
}

.cb-alert-with-result.cb-alert-small .cb-alert-message {
    font-size: 16px;
    margin: 12px 0 6px 0
}

a.cb-alert {
    display: block
}

a.cb-alert-success:hover {
    color: var(--lldesign-color-success-6)
}

a.cb-alert-info:hover {
    color: var(--lldesign-color-brand-6)
}

a.cb-alert-warning:hover {
    color: var(--lldesign-color-warning-6)
}

a.cb-alert-error:hover {
    color: var(--lldesign-color-error-6)
}

.cb-collapse {
    background-color: var(--lldesign-color-bg-2);
    border-radius: 3px;
    border: 1px solid var(--lldesign-color-border-2)
}

.cb-collapse-simple {
    border-left: none;
    border-right: none;
    background-color: var(--lldesign-color-bg-2);
    border-radius: 0
}

.cb-collapse>.cb-collapse-item {
    border-top: 1px solid var(--lldesign-color-border-2)
}

.cb-collapse>.cb-collapse-item:first-child {
    border-top: 0
}

.cb-collapse>.cb-collapse-item>.cb-collapse-header {
    height: 38px;
    line-height: 38px;
    padding-left: 16px;
    color: var(--lldesign-color-text-1);
    cursor: pointer;
    position: relative;
    border-bottom: 1px solid transparent;
    font-weight: 500;
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cb-collapse>.cb-collapse-item>.cb-collapse-header>i {
    position: relative;
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: middle;
    margin-top: -.125em;
    margin-right: 6px;
    margin-left: -2px
}

.cb-collapse>.cb-collapse-item>.cb-collapse-header>i:after,
.cb-collapse>.cb-collapse-item>.cb-collapse-header>i:before {
    content: '';
    top: 50%;
    margin-top: 0;
    width: .5em;
    height: 2px;
    background: currentColor;
    position: absolute;
    -webkit-transition: -webkit-transform var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: -webkit-transform var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: transform var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: transform var(--lldesign-animation-time) var(--lldesign-transition-standard), -webkit-transform var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-collapse>.cb-collapse-item>.cb-collapse-header>i::before {
    left: 0;
    -webkit-transform: rotate(45deg) translateY(-2px) scaleY(.75);
    -ms-transform: rotate(45deg) translateY(-2px) scaleY(.75);
    transform: rotate(45deg) translateY(-2px) scaleY(.75)
}

.cb-collapse>.cb-collapse-item>.cb-collapse-header>i::after {
    right: 0;
    -webkit-transform: rotate(-45deg) translateY(-2px) scaleY(.75);
    -ms-transform: rotate(-45deg) translateY(-2px) scaleY(.75);
    transform: rotate(-45deg) translateY(-2px) scaleY(.75)
}

.cb-collapse>.cb-collapse-item.cb-collapse-item-active>.cb-collapse-header {
    border-bottom: 1px solid var(--lldesign-color-border-2)
}

.cb-collapse-simple>.cb-collapse-item.cb-collapse-item-active>.cb-collapse-header {
    border-bottom: 1px solid transparent
}

.cb-collapse-float>.cb-collapse-item>.cb-collapse-header i {
    float: right;
    margin-top: 12px;
    margin-right: 14px
}

.cb-collapse-float>.cb-collapse-item>.cb-collapse-content,
.cb-collapse-item.cb-collapse-hide-arrow>.cb-collapse-content {
    padding-left: 16px
}

.cb-collapse>.cb-collapse-item.cb-collapse-item-active>.cb-collapse-header>i::before {
    left: 0;
    -webkit-transform: rotate(-45deg) translateX(2px) scaleY(.75);
    -ms-transform: rotate(-45deg) translateX(2px) scaleY(.75);
    transform: rotate(-45deg) translateX(2px) scaleY(.75)
}

.cb-collapse>.cb-collapse-item.cb-collapse-item-active>.cb-collapse-header>i::after {
    right: 0;
    -webkit-transform: rotate(45deg) translateX(-2px) scaleY(.75);
    -ms-transform: rotate(45deg) translateX(-2px) scaleY(.75);
    transform: rotate(45deg) translateX(-2px) scaleY(.75)
}

.cb-collapse-content {
    color: var(--lldesign-color-text-2);
    padding: 0 16px 0 34px;
    background-color: var(--lldesign-color-fill-1)
}

.cb-collapse-content>.cb-collapse-content-box {
    padding-top: 16px;
    padding-bottom: 16px
}

.cb-collapse-simple>.cb-collapse-item>.cb-collapse-content {
    border-top: 1px solid var(--lldesign-color-border-2)
}

.cb-collapse-item:last-child>.cb-collapse-content {
    border-radius: 0 0 3px 3px
}

.cb-card {
    background: var(--lldesign-color-bg-2);
    border-radius: var(--lldesign-radius-1);
    font-size: var(--lldesign-font-size-base);
    position: relative;
    -webkit-transition: -webkit-box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: -webkit-box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard), -webkit-box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-card-bordered {
    border: 1px solid var(--lldesign-color-border-2)
}

.cb-card-shadow {
    -webkit-box-shadow: var(--lldesign-shadow-card);
    box-shadow: var(--lldesign-shadow-card)
}

.cb-card:hover {
    -webkit-box-shadow: var(--lldesign-shadow-base);
    box-shadow: var(--lldesign-shadow-base)
}

.cb-card.cb-card-dis-hover:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: transparent
}

.cb-card.cb-card-dis-hover.cb-card-bordered:hover {
    border-color: var(--lldesign-color-border-2)
}

.cb-card.cb-card-shadow:hover {
    -webkit-box-shadow: var(--lldesign-shadow-card);
    box-shadow: var(--lldesign-shadow-card)
}

.cb-card-head {
    border-bottom: 1px solid var(--lldesign-color-border-2);
    padding: 10px 20px;
    position: relative
}

.cb-card-head p,
.cb-card-head-inner {
    display: inline-block;
    width: 100%;
    height: 22px;
    line-height: 22px;
    font-size: var(--lldesign-font-size-large);
    color: var(--lldesign-color-text-1);
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top
}

.cb-card-head p i,
.cb-card-head p span {
    vertical-align: middle
}

.cb-card-head-desc {
    font-size: var(--lldesign-font-size-small);
    color: var(--lldesign-color-text-2);
    margin-top: 8px
}

.cb-card-extra {
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -10px;
    line-height: 20px
}

.cb-card-body {
    padding: 16px 20px
}

.cb-message {
    font-size: var(--lldesign-font-size-base);
    position: fixed;
    z-index: 1010;
    width: 100%;
    top: 16px;
    left: 0;
    pointer-events: none
}

.cb-message-item {
    -webkit-transition: height var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: height var(--lldesign-animation-time) var(--lldesign-transition-standard);
    position: relative;
    margin-top: -8px
}

.cb-message-notice {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 8px;
    text-align: center
}

.cb-message-notice-close {
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -10px;
    color: #999;
    outline: 0;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    line-height: 20px;
    text-align: center;
    -webkit-transition: background var(--lldesign-animation-time) cubic-bezier(0, 0, 1, 1);
    transition: background var(--lldesign-animation-time) cubic-bezier(0, 0, 1, 1)
}

.cb-message-notice-close i.cb-icon {
    font-size: 14px;
    color: var(--lldesign-color-text-2);
    -webkit-transition: color var(--lldesign-animation-time) ease;
    transition: color var(--lldesign-animation-time) ease;
    position: relative;
    top: 0;
    font-weight: 400;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 0!important
}

.cb-message-notice-close i.cb-icon:hover {
    color: var(--lldesign-color-text-1)
}

.cb-message-notice-close:hover {
    background-color: var(--lldesign-color-fill-2)
}

.cb-message-notice-content {
    display: inline-block;
    pointer-events: all;
    padding: 8px 16px;
    border-radius: var(--lldesign-radius-2);
    -webkit-box-shadow: var(--lldesign-shadow-mask);
    box-shadow: var(--lldesign-shadow-mask);
    background: var(--lldesign-color-bg-popup);
    position: relative;
    border: 1px solid var(--lldesign-color-border-2)
}

.cb-message-notice-content-text {
    display: inline-block
}

.cb-message-notice-content.warning .cb-icon {
    color: var(--lldesign-color-warning-6)
}

.cb-message-notice-content.warning.colorful {
    border: 1px solid var(--lldesign-color-warning-2);
    background-color: var(--lldesign-color-warning-1);
    color: var(--lldesign-color-warning-6)
}

.cb-message-notice-content.error .cb-icon {
    color: var(--lldesign-color-error-6)
}

.cb-message-notice-content.error.colorful {
    border: 1px solid var(--lldesign-color-error-2);
    background-color: var(--lldesign-color-error-1);
    color: var(--lldesign-color-error-6)
}

.cb-message-notice-content.success .cb-icon {
    color: var(--lldesign-color-success-6)
}

.cb-message-notice-content.success.colorful {
    border: 1px solid var(--lldesign-color-success-2);
    background-color: var(--lldesign-color-success-1);
    color: var(--lldesign-color-success-6)
}

.cb-message-notice-closable .cb-message-notice-content-text {
    padding-right: 32px
}

.cb-message-info .cb-icon,
.cb-message-loading .cb-icon {
    color: var(--lldesign-color-brand-6)
}

.cb-message .cb-icon {
    margin-right: 4px;
    font-size: var(--lldesign-font-size-large);
    vertical-align: middle
}

.cb-message-custom-content span {
    vertical-align: middle
}

.cb-notice {
    width: 360px;
    margin-right: 24px;
    position: fixed;
    z-index: 1010
}

.cb-notice-content-with-icon {
    margin-left: 40px
}

.cb-notice-with-desc.cb-notice-with-icon .cb-notice-title {
    margin-left: 40px
}

.cb-notice-item {
    text-align: right
}

.cb-notice-notice {
    margin-bottom: 20px;
    padding: 20px;
    border-radius: var(--lldesign-radius-2);
    border: 1px solid var(--lldesign-color-border-2);
    -webkit-box-shadow: var(--lldesign-shadow-base);
    box-shadow: var(--lldesign-shadow-base);
    background: var(--lldesign-color-bg-popup);
    line-height: 1;
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    text-align: left
}

.cb-notice-notice-close {
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -9px;
    outline: 0;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    overflow: hidden
}

.cb-notice-notice-close i {
    font-size: 14px;
    color: var(--lldesign-color-text-2);
    -webkit-transition: color var(--lldesign-animation-time) ease;
    transition: color var(--lldesign-animation-time) ease;
    position: relative;
    top: 0;
    font-weight: 400;
    width: 20px;
    height: 20px;
    display: block;
    line-height: 20px;
    text-align: center
}

.cb-notice-notice-close i:hover {
    color: var(--lldesign-color-text-1)
}

.cb-notice-notice-close i:hover {
    background-color: var(--lldesign-color-fill-2)
}

.cb-notice-notice-content-with-render .cb-notice-desc {
    display: none
}

.cb-notice-notice-with-desc .cb-notice-notice-close {
    top: 12px;
    margin-top: 0
}

.cb-notice-content-with-render-notitle {
    margin-left: 24px
}

.cb-notice-title {
    font-size: var(--lldesign-font-size-base);
    line-height: calc(var(--lldesign-font-size-base) + 4px);
    color: var(--lldesign-color-text-1);
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cb-notice-with-desc .cb-notice-title {
    font-weight: 700;
    margin-bottom: 4px
}

.cb-notice-desc {
    font-size: 12px;
    color: var(--lldesign-color-text-2);
    line-height: 1.4
}

.cb-notice-with-desc.cb-notice-with-icon .cb-notice-desc {
    margin-left: 40px
}

.cb-notice-with-icon .cb-notice-title {
    margin-left: 24px
}

.cb-notice-icon {
    position: absolute;
    margin: 0;
    top: 0;
    font-size: calc(var(--lldesign-font-size-large) + 2px)
}

.cb-notice-icon-success {
    color: var(--lldesign-color-success-6)
}

.cb-notice-icon-info {
    color: var(--lldesign-color-brand-6)
}

.cb-notice-icon-warning {
    color: var(--lldesign-color-warning-6)
}

.cb-notice-icon-error {
    color: var(--lldesign-color-error-6)
}

.cb-notice-with-desc .cb-notice-icon {
    font-size: 28px;
    top: 0
}

.cb-notice-custom-content {
    position: relative
}

.cb-radio-focus {
    z-index: 1
}

.cb-radio-group {
    display: inline-block;
    font-size: var(--lldesign-font-size-base);
    vertical-align: top
}

.cb-radio-group-vertical .cb-radio-wrapper {
    display: block;
    height: 30px;
    line-height: 30px
}

.cb-radio-wrapper {
    font-size: var(--lldesign-font-size-base);
    vertical-align: top;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: first baseline;
    -ms-flex-align: first baseline;
    align-items: first baseline;
    position: relative;
    white-space: nowrap;
    cursor: pointer
}

.cb-radio-wrapper:not(:last-child) {
    margin-right: 20px
}

.cb-radio-wrapper-disabled {
    cursor: not-allowed;
    color: var(--lldesign-color-text-4)
}

.cb-radio-wrapper-readonly:not(.cb-radio-wrapper-disabled) {
    cursor: default
}

.cb-radio-wrapper-readonly:not(.cb-radio-wrapper-disabled) .cb-radio,
.cb-radio-wrapper-readonly:not(.cb-radio-wrapper-disabled) .cb-radio-inner,
.cb-radio-wrapper-readonly:not(.cb-radio-wrapper-disabled) .cb-radio-input {
    cursor: default
}

.cb-radio {
    display: block;
    margin-right: 8px;
    white-space: nowrap;
    position: relative;
    line-height: 1;
    cursor: pointer
}

.cb-radio-wrapper:hover .cb-radio:not(.cb-radio-checked):not(.cb-radio-disabled) .cb-radio-inner {
    border-color: var(--lldesign-color-fill-4)
}

.cb-radio:not(.cb-radio-checked):not(.cb-radio-disabled):has(.cb-radio-focus)::before,
.cb-radio:not(.cb-radio-checked):not(.cb-radio-disabled):hover::before {
    width: 160%;
    height: 160%;
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    border-radius: 100px;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    background-color: var(--lldesign-color-border-2)
}

.cb-radio-inner {
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 14px;
    position: relative;
    top: 0;
    left: 0;
    background-color: var(--lldesign-input-bg-active);
    border: 2px solid var(--lldesign-color-border-2);
    border-radius: 50%;
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-radio-inner:after {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 50%;
    display: table;
    border-top: 0;
    border-left: 0;
    content: ' ';
    background-color: var(--lldesign-color-white);
    opacity: 0;
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.cb-radio-label-text {
    word-break: break-all;
    white-space: pre-wrap;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cb-radio-max {
    font-size: var(--lldesign-font-size-base)
}

.cb-radio-max .cb-radio {
    line-height: 1.22
}

.cb-radio-max .cb-radio-inner {
    width: 18px;
    height: 18px
}

.cb-radio-max .cb-radio-wrapper,
.cb-radio-max.cb-radio-wrapper {
    font-size: var(--lldesign-font-size-base)
}

.cb-radio-large {
    font-size: var(--lldesign-font-size-base)
}

.cb-radio-large .cb-radio {
    line-height: 1.1
}

.cb-radio-large .cb-radio-inner {
    width: 16px;
    height: 16px
}

.cb-radio-large .cb-radio-wrapper,
.cb-radio-large.cb-radio-wrapper {
    font-size: var(--lldesign-font-size-base)
}

.cb-radio-small .cb-radio {
    line-height: .84
}

.cb-radio-small .cb-radio-inner {
    width: 12px;
    height: 12px
}

.cb-radio-mini {
    font-size: var(--lldesign-font-size-small)
}

.cb-radio-mini .cb-radio-inner {
    width: 12px;
    height: 12px;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.cb-radio-input {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
    cursor: pointer
}

.cb-radio-checked .cb-radio-inner {
    border-color: var(--lldesign-color-brand-6);
    background: var(--lldesign-color-brand-6)
}

.cb-radio-checked .cb-radio-inner:after {
    opacity: 1;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.cb-radio-checked:hover .cb-radio-inner {
    border-color: var(--lldesign-color-brand-6)
}

.cb-radio-disabled:not(.cb-radio-checked):hover .cb-radio-inner {
    border-color: var(--lldesign-color-border-2)
}

.cb-radio-disabled:not(.cb-radio-checked) .cb-radio-inner {
    border-color: var(--lldesign-color-border-2);
    background-color: var(--lldesign-color-fill-2)
}

.cb-radio-disabled:not(.cb-radio-checked) .cb-radio-inner:after {
    background-color: var(--lldesign-color-text-4) ccc
}

.cb-radio-checked.cb-radio-disabled .cb-radio-inner {
    opacity: .4
}

.cb-radio-disabled {
    cursor: not-allowed
}

.cb-radio-disabled .cb-radio-input {
    cursor: not-allowed
}

.cb-radio-disabled .cb-radio-disabled+span {
    color: var(--lldesign-color-text-4)
}

span.cb-radio+* {
    margin-left: 2px;
    margin-right: 2px
}

.cb-radio-group-button {
    --lldesign-group-button-bg: var(--lldesign-color-fill-2);
    --lldesign-group-button-bg-hover: var(--lldesign-color-bg-5)
}

.dark-theme .cb-radio-group-button {
    --lldesign-group-button-bg: var(--lldesign-color-bg-3);
    --lldesign-group-button-bg-hover: var(--lldesign-color-fill-3)
}

.cb-radio-group-button {
    font-size: 0;
    -webkit-text-size-adjust: none;
    background: var(--lldesign-group-button-bg);
    border-radius: var(--lldesign-button-radius);
    padding: 3px;
    line-height: 1.5
}

.cb-radio-group-button .cb-radio {
    width: 0;
    margin-right: 0
}

.cb-radio-group-button .cb-radio-wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: calc(var(--lldesign-input-height-base) - 6px);
    line-height: calc(var(--lldesign-input-height-base) - 6px);
    margin: 0;
    padding: 0 12px;
    color: var(--lldesign-color-text-2);
    cursor: pointer;
    position: relative;
    border-radius: var(--lldesign-button-radius)
}

.cb-radio-group-button .cb-radio-wrapper::before {
    content: '';
    position: absolute;
    left: -2px;
    border-left: 1px solid var(--lldesign-color-border-2);
    height: 54%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cb-radio-group-button .cb-radio-wrapper:first-child::before {
    display: none
}

.cb-radio-group-button .cb-radio-wrapper:hover {
    position: relative;
    background-color: var(--lldesign-group-button-bg-hover)
}

.cb-radio-group-button .cb-radio-wrapper .cb-radio-inner,
.cb-radio-group-button .cb-radio-wrapper input {
    opacity: 0;
    width: 0;
    height: 0
}

.cb-radio-group-button .cb-radio-wrapper-checked {
    background: var(--lldesign-color-bg-5);
    color: var(--lldesign-color-brand-6);
    z-index: 1
}

.cb-radio-group-button .cb-radio-wrapper-disabled {
    background-color: transparent;
    cursor: not-allowed;
    color: var(--lldesign-color-text-4)
}

.cb-radio-group-button .cb-radio-wrapper-disabled:hover {
    background-color: transparent;
    color: var(--lldesign-color-text-4)
}

.cb-radio-group-button .cb-radio-wrapper-disabled.cb-radio-wrapper-checked {
    color: var(--lldesign-color-brand-light-3);
    background: var(--lldesign-color-bg-5)
}

.cb-radio-group-button .cb-radio-wrapper+.cb-radio-wrapper {
    margin-left: 3px
}

.cb-radio-group-button.cb-radio-group-max .cb-radio-wrapper {
    height: calc(var(--lldesign-input-height-max) - 6px);
    line-height: calc(var(--lldesign-input-height-max) - 6px);
    font-size: var(--lldesign-font-size-base)
}

.cb-radio-group-button.cb-radio-group-large .cb-radio-wrapper {
    height: calc(var(--lldesign-input-height-large) - 6px);
    line-height: calc(var(--lldesign-input-height-large) - 6px);
    font-size: var(--lldesign-font-size-base)
}

.cb-radio-group-button.cb-radio-group-small .cb-radio-wrapper {
    height: calc(var(--lldesign-input-height-small) - 6px);
    line-height: calc(var(--lldesign-input-height-small) - 6px);
    font-size: var(--lldesign-font-size-base)
}

.cb-radio-group-button.cb-radio-group-mini .cb-radio-wrapper {
    height: calc(var(--lldesign-input-height-mini) - 6px);
    line-height: calc(var(--lldesign-input-height-mini) - 6px);
    font-size: var(--lldesign-font-size-small)
}

.cb-checkbox-focus {
    z-index: 1
}

.cb-checkbox {
    display: block;
    white-space: nowrap;
    cursor: pointer;
    line-height: 1;
    position: relative;
    margin-right: 8px
}

.cb-checkbox-disabled {
    cursor: not-allowed
}

.cb-checkbox-readonly {
    cursor: default
}

.cb-checkbox:not(.cb-checkbox-checked).cb-checkbox:not(.cb-checkbox-indeterminate):not(.cb-checkbox-disabled):has(.cb-checkbox-focus)::before,
.cb-checkbox:not(.cb-checkbox-checked).cb-checkbox:not(.cb-checkbox-indeterminate):not(.cb-checkbox-disabled):hover::before {
    width: 160%;
    height: 160%;
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    border-radius: 100px;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    background-color: var(--lldesign-color-fill-2)
}

.cb-checkbox-inner {
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 14px;
    position: relative;
    top: 0;
    left: 0;
    border: 2px solid var(--lldesign-color-border-2);
    border-radius: var(--lldesign-input-radius);
    background-color: var(--lldesign-input-bg-active);
    -webkit-transition: border-color var(--lldesign-animation-time) var(--lldesign-transition-standard), background-color var(--lldesign-animation-time) var(--lldesign-transition-standard), -webkit-box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: border-color var(--lldesign-animation-time) var(--lldesign-transition-standard), background-color var(--lldesign-animation-time) var(--lldesign-transition-standard), -webkit-box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: border-color var(--lldesign-animation-time) var(--lldesign-transition-standard), background-color var(--lldesign-animation-time) var(--lldesign-transition-standard), box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: border-color var(--lldesign-animation-time) var(--lldesign-transition-standard), background-color var(--lldesign-animation-time) var(--lldesign-transition-standard), box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard), -webkit-box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-checkbox-inner:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    background: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.12117 6.35416C2.12112 6.35411 2.12122 6.35421 2.12117 6.35416L0 4.23299L1.43479 2.83935L3.53768 4.94224L8.49493 0L9.8995 1.40456L4.94224 6.3468L4.94975 6.35431L4.92887 6.37459C4.8856 6.41661 4.84091 6.4563 4.79496 6.49363L4.23299 7.0539C3.84229 7.44342 3.20995 7.44294 2.81985 7.05283L2.12117 6.35416Z' fill='white' fill-opacity='0.9'/%3E%3C/svg%3E%0A") center center no-repeat;
    background-size: 10px auto
}

.cb-checkbox-input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0
}

.cb-checkbox-input[disabled],
fieldset[disabled] .cb-checkbox-input {
    cursor: not-allowed
}

.cb-checkbox-readonly:not(.cb-checkbox-disabled) {
    cursor: default
}

.cb-checkbox-readonly:not(.cb-checkbox-disabled) .cb-checkbox-input[disabled],
fieldset[disabled] .cb-checkbox-readonly:not(.cb-checkbox-disabled) .cb-checkbox-input {
    cursor: default
}

.cb-checkbox-round .cb-checkbox-inner {
    border-radius: 50%
}

.cb-checkbox-checked:hover .cb-checkbox-inner {
    border-color: var(--lldesign-color-brand-6)
}

.cb-checkbox-checked .cb-checkbox-inner {
    border-color: var(--lldesign-color-brand-6);
    background-color: var(--lldesign-color-brand-6)
}

.cb-checkbox-checked .cb-checkbox-inner:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.cb-checkbox-disabled.cb-checkbox-checked .cb-checkbox-inner,
.cb-checkbox-disabled.cb-checkbox-indeterminate .cb-checkbox-inner,
.cb-checkbox-readonly.cb-checkbox-checked .cb-checkbox-inner,
.cb-checkbox-readonly.cb-checkbox-indeterminate .cb-checkbox-inner {
    opacity: .4
}

.cb-checkbox-disabled:not(.cb-checkbox-checked):not(.cb-checkbox-indeterminate):hover .cb-checkbox-inner,
.cb-checkbox-readonly:not(.cb-checkbox-checked):not(.cb-checkbox-indeterminate):hover .cb-checkbox-inner {
    border-color: var(--lldesign-color-border-2)
}

.cb-checkbox-disabled:not(.cb-checkbox-checked):not(.cb-checkbox-indeterminate) .cb-checkbox-inner,
.cb-checkbox-readonly:not(.cb-checkbox-checked):not(.cb-checkbox-indeterminate) .cb-checkbox-inner {
    border-color: var(--lldesign-color-border-2);
    background-color: var(--lldesign-color-fill-2)
}

.cb-checkbox-disabled:not(.cb-checkbox-checked):not(.cb-checkbox-indeterminate) .cb-checkbox-inner:after,
.cb-checkbox-readonly:not(.cb-checkbox-checked):not(.cb-checkbox-indeterminate) .cb-checkbox-inner:after {
    -webkit-animation-name: none;
    animation-name: none;
    border-color: var(--lldesign-color-fill-2)
}

.cb-checkbox-disabled:not(.cb-checkbox-checked):not(.cb-checkbox-indeterminate) .cb-checkbox-inner-input,
.cb-checkbox-readonly:not(.cb-checkbox-checked):not(.cb-checkbox-indeterminate) .cb-checkbox-inner-input {
    cursor: default
}

.cb-checkbox-disabled+span {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

.cb-checkbox-indeterminate .cb-checkbox-inner:after {
    content: '';
    width: 80%;
    height: 2px;
    position: absolute;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    background: var(--lldesign-color-white);
    top: 50%
}

.cb-checkbox-indeterminate:hover .cb-checkbox-inner {
    border-color: var(--lldesign-color-brand-6)
}

.cb-checkbox-indeterminate .cb-checkbox-inner {
    background-color: var(--lldesign-color-brand-6);
    border-color: var(--lldesign-color-brand-6)
}

.cb-checkbox-wrapper {
    cursor: pointer;
    font-size: var(--lldesign-font-size-base);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: first baseline;
    -ms-flex-align: first baseline;
    align-items: first baseline
}

.cb-checkbox-wrapper:not(:last-child) {
    margin-right: 18px
}

.cb-checkbox-wrapper-disabled {
    cursor: not-allowed;
    color: var(--lldesign-color-text-4)
}

.cb-checkbox-wrapper-readonly {
    cursor: default
}

.cb-checkbox-wrapper:hover .cb-checkbox:not(.cb-checkbox-indeterminate):not(.cb-checkbox-checked):not(.cb-checkbox-disabled) .cb-checkbox-inner {
    border-color: var(--lldesign-color-fill-4)
}

.cb-checkbox+span,
.cb-checkbox-wrapper+span {
    margin-right: 4px
}

.cb-checkbox-group {
    font-size: var(--lldesign-font-size-base)
}

.cb-checkbox-group-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.cb-checkbox-label-text {
    word-break: break-all;
    white-space: pre-wrap;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cb-checkbox-max .cb-checkbox {
    line-height: 1.18
}

.cb-checkbox-max .cb-checkbox-inner {
    width: 18px;
    height: 18px
}

.cb-checkbox-max .cb-checkbox-inner:after {
    background-size: 12px auto
}

.cb-checkbox-large .cb-checkbox {
    line-height: 1.12
}

.cb-checkbox-large .cb-checkbox-inner {
    width: 16px;
    height: 16px
}

.cb-checkbox-large .cb-checkbox-inner:after {
    background-size: 10px auto
}

.cb-checkbox-small .cb-checkbox-inner {
    width: 14px;
    height: 14px
}

.cb-checkbox-small .cb-checkbox-inner:after {
    background-size: 8px auto
}

.cb-checkbox-mini {
    font-size: var(--lldesign-font-size-small)
}

.cb-checkbox-mini .cb-checkbox-inner {
    width: 12px;
    height: 12px
}

.cb-checkbox-mini .cb-checkbox-inner:after {
    background-size: 8px auto
}

.cb-switch {
    display: inline-block;
    width: 48px;
    height: 24px;
    line-height: 22px;
    border-radius: 24px;
    vertical-align: middle;
    background-color: var(--lldesign-color-text-4);
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-switch-loading {
    opacity: .7
}

.cb-switch-inner {
    color: var(--lldesign-color-white);
    font-size: var(--lldesign-font-size-small);
    position: absolute;
    right: 8px
}

.cb-switch-inner i {
    width: 12px;
    height: 12px;
    text-align: center;
    position: relative;
    top: -1px
}

.cb-switch:after {
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 16px;
    background-color: var(--lldesign-color-white);
    position: absolute;
    left: 4px;
    top: 4px;
    right: 4px;
    cursor: pointer;
    -webkit-transition: left var(--lldesign-animation-time) var(--lldesign-transition-standard), width var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: left var(--lldesign-animation-time) var(--lldesign-transition-standard), width var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-switch:before {
    content: '';
    display: none;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: transparent;
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 1;
    border: 1px solid var(--lldesign-color-brand-6);
    border-color: transparent transparent transparent var(--lldesign-color-brand-6);
    -webkit-animation: switch-loading 1s linear;
    animation: switch-loading 1s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.cb-switch-loading:before {
    display: block
}

.cb-switch:focus {
    outline: 0
}

.cb-switch-mini {
    width: 28px;
    height: 16px;
    line-height: 14px
}

.cb-switch-mini:after {
    width: 12px;
    height: 12px;
    top: 2px;
    left: 2px
}

.cb-switch-mini:before {
    width: 10px;
    height: 10px;
    left: 3px;
    top: 3px
}

.cb-switch-mini .cb-switch-inner {
    margin: 0 6px
}

.cb-switch-mini.cb-switch-checked:after {
    left: 14px
}

.cb-switch-mini.cb-switch-checked:before {
    right: 3px;
    left: auto;
    top: 3px
}

.cb-switch-small {
    width: 36px;
    height: 20px;
    line-height: 14px
}

.cb-switch-small:after {
    width: 14px;
    height: 14px;
    top: 3px;
    left: 3px
}

.cb-switch-small:before {
    width: 12px;
    height: 12px;
    left: 4px;
    top: 4px
}

.cb-switch-small.cb-switch-checked:after {
    left: 18px
}

.cb-switch-small.cb-switch-checked:before {
    left: 19px;
    top: 4px
}

.cb-switch-large {
    width: 60px;
    height: 28px;
    line-height: 26px
}

.cb-switch-large:after {
    width: 20px;
    height: 20px;
    top: 4px;
    left: 4px
}

.cb-switch-large:before {
    width: 18px;
    height: 18px;
    left: 5px;
    top: 5px
}

.cb-switch-large .cb-switch-inner {
    right: 10px
}

.cb-switch-large.cb-switch-checked .cb-switch-inner {
    right: auto;
    left: 10px
}

.cb-switch-large.cb-switch-checked:after {
    left: 35px
}

.cb-switch-large.cb-switch-checked:before {
    left: 37px
}

.cb-switch-max {
    width: 74px;
    height: 32px;
    line-height: 30px
}

.cb-switch-max:after {
    width: 22px;
    height: 22px;
    top: 5px;
    left: 5px
}

.cb-switch-max:before {
    width: 18px;
    height: 18px;
    left: 7px;
    top: 7px
}

.cb-switch-max .cb-switch-inner {
    font-size: 14px;
    right: 12px
}

.cb-switch-max.cb-switch-checked .cb-switch-inner {
    right: auto;
    left: 12px
}

.cb-switch-max.cb-switch-checked:after {
    left: 46px
}

.cb-switch-max.cb-switch-checked:before {
    left: 48px
}

.cb-switch-checked {
    border-color: var(--lldesign-color-brand-6);
    background-color: var(--lldesign-color-brand-6)
}

.cb-switch-checked .cb-switch-inner {
    left: 8px;
    right: auto
}

.cb-switch-checked:after {
    left: 28px
}

.cb-switch-checked:before {
    left: 29px
}

.cb-switch-disabled {
    cursor: not-allowed;
    opacity: .4
}

.cb-switch-disabled:after {
    background: var(--lldesign-color-white);
    cursor: not-allowed
}

.cb-switch-disabled .cb-switch-inner {
    color: var(--lldesign-color-white)
}

.cb-switch-disabled.cb-switch-checked {
    border-color: var(--lldesign-color-brand-6);
    background-color: var(--lldesign-color-brand-6);
    opacity: .4
}

.cb-switch-disabled.cb-switch-checked:after {
    background: var(--lldesign-color-white)
}

.cb-switch-disabled.cb-switch-checked .cb-switch-inner {
    color: var(--lldesign-color-white)
}

@-webkit-keyframes switch-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes switch-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.cb-empty {
    text-align: center
}

.cb-empty-custom-height {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cb-empty-image {
    margin-bottom: 10px;
    color: var(--lldesign-color-fill-4)
}

.cb-empty-image img {
    vertical-align: top
}

.cb-input-tag {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 100%;
    line-height: normal
}

.cb-input-tag-disabled,
.cb-input-tag-disabled:hover,
.cb-input-tag-disabled:hover:hover {
    background-color: var(--lldesign-color-fill-2)
}

.cb-input-tag-icon-inner {
    margin: 4px 6px
}

.cb-input-tag-icon-inner:first-child {
    margin-right: -4px
}

.cb-input-tag-icon-inner:last-child {
    margin-left: 2px
}

.cb-input-tag-rel-with-value .cb-input-tag-icon-inner:first-child {
    margin-right: 4px
}

.cb-input-tag-rel {
    position: relative;
    background-color: var(--lldesign-input-bg, var(--lldesign-color-fill-2));
    -webkit-transition: border var(--lldesign-animation-time) var(--lldesign-transition-linear), background var(--lldesign-animation-time) var(--lldesign-transition-linear);
    transition: border var(--lldesign-animation-time) var(--lldesign-transition-linear), background var(--lldesign-animation-time) var(--lldesign-transition-linear);
    border: 1px solid var(--lldesign-input-border-color, transparent);
    border-radius: var(--lldesign-input-radius);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cb-input-tag-rel:hover {
    background-color: var(--lldesign-input-bg-hover, var(--lldesign-color-fill-3));
    border-color: var(--lldesign-input-border-color-hover, transparent)
}

.cb-input-tag-rel-focus,
.cb-input-tag-rel-focus:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-input-tag-rel .cb-icon-close {
    position: relative;
    z-index: 2;
    color: var(--lldesign-color-text-2);
    cursor: pointer;
    opacity: 0
}

.cb-input-tag-rel .cb-icon-close::after {
    position: absolute;
    left: 50%;
    top: 50%;
    content: '';
    z-index: -1;
    opacity: 0;
    width: 1em;
    height: 1em;
    background-color: rgba(195, 195, 195, .28);
    border-radius: 100px;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.2);
    transform: translate3d(-50%, -50%, 0) scale(1.2);
    -webkit-transition: opacity var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: opacity var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-input-tag-rel .cb-icon-close:hover::after {
    opacity: 1
}

.cb-input-tag-rel:hover .cb-icon-close {
    opacity: 1
}

.cb-input-tag-input {
    display: inline-block;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: var(--lldesign-input-height-base);
    padding: 0 12px;
    font-size: var(--lldesign-font-size-base);
    color: var(--lldesign-input-text-color, var(--lldesign-color-text-1));
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background: 0 0;
    border: 0 none;
    outline: 0;
    position: relative;
    cursor: text;
    text-align: left;
    outline: 0;
    margin: -1px 0;
    vertical-align: top;
    -moz-appearance: textfield;
    line-height: 1.25;
    padding: 0 8px 0 4px
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .cb-input-tag-input {
        line-height: 1.5!important
    }
}

.cb-input-tag-input::-moz-placeholder {
    color: var(--lldesign-color-text-3);
    opacity: 1
}

.cb-input-tag-input:-ms-input-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-input-tag-input::-webkit-input-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-input-tag-input:-webkit-autofill,
.cb-input-tag-input:-webkit-autofill:active,
.cb-input-tag-input:-webkit-autofill:focus,
.cb-input-tag-input:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--lldesign-input-text-color, var(--lldesign-color-text-1));
    -webkit-transition: background-color 60000s ease-in-out 0s;
    transition: background-color 60000s ease-in-out 0s;
    -webkit-animation: onAutoFillStart 1ms linear both;
    animation: onAutoFillStart 1ms linear both
}

.cb-input-tag-input:-internal-autofill-previewed,
.cb-input-tag-input:-internal-autofill-selected {
    -webkit-text-fill-color: var(--lldesign-input-text-color, var(--lldesign-color-text-1));
    -webkit-transition: background-color 60000s ease-in-out 0s;
    transition: background-color 60000s ease-in-out 0s
}

.cb-input-tag-input:not(:-webkit-autofill) {
    -webkit-animation: onAutoFillCancel 1ms linear both;
    animation: onAutoFillCancel 1ms linear both
}

.cb-input-tag-input[readonly],
fieldset[readonly] .cb-input-tag-input {
    cursor: default
}

.cb-input-tag-input[disabled],
fieldset[disabled] .cb-input-tag-input {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

.cb-input-tag-input[disabled]:hover,
fieldset[disabled] .cb-input-tag-input:hover {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

textarea.cb-input-tag-input {
    max-width: 100%;
    height: auto;
    line-height: 1.5;
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: var(--lldesign-input-height-base);
    vertical-align: bottom;
    font-size: var(--lldesign-font-size-base)
}

textarea.cb-input-tag-input[rows='1'] {
    padding-bottom: 5px
}

.cb-input-tag-input-large {
    font-size: var(--lldesign-font-size-base);
    padding: 0 12px;
    height: var(--lldesign-input-height-large)
}

.cb-input-tag-input-small {
    padding: 0 12px;
    height: var(--lldesign-input-height-small);
    border-radius: var(--lldesign-input-radius)
}

.cb-input-tag-input-max {
    font-size: var(--lldesign-font-size-base);
    padding: 0 12px;
    height: var(--lldesign-input-height-max)
}

.cb-input-tag-input-mini {
    padding: 0 12px;
    height: var(--lldesign-input-height-mini);
    border-radius: var(--lldesign-input-radius);
    font-size: var(--lldesign-font-size-small)
}

.cb-input-tag-input[disabled],
fieldset[disabled] .cb-input-tag-input {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

.cb-input-tag-input::-webkit-input-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-input-tag-input::-moz-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-input-tag-input:-ms-input-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-input-tag-input::-ms-input-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-input-tag-input::placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-input-tag-icon {
    width: 38px;
    height: var(--lldesign-input-height-base);
    line-height: var(--lldesign-input-height-base);
    font-size: var(--lldesign-font-size-base);
    text-align: center;
    color: var(--lldesign-color-text-2);
    position: absolute;
    right: 0;
    z-index: 3;
    margin: 0;
    cursor: pointer
}

.cb-input-tag-hide-icon .cb-input-tag-icon {
    display: none
}

.cb-input-tag-icon-validate {
    display: none
}

.cb-input-tag-max {
    padding: 0
}

.cb-input-tag-max input {
    height: var(--lldesign-input-height-max)
}

.cb-input-tag-large {
    padding: 0
}

.cb-input-tag-large input {
    height: var(--lldesign-input-height-large)
}

.cb-input-tag-mini {
    padding: 0
}

.cb-input-tag-mini input {
    height: var(--lldesign-input-height-mini)
}

.cb-input-tag-small {
    padding: 0
}

.cb-input-tag-small input {
    height: var(--lldesign-input-height-small)
}

.cb-input-tag-inner-label {
    position: absolute;
    top: 50%;
    line-height: 1;
    padding: calc(var(--lldesign-input-height-max)/ 12) 0 calc(var(--lldesign-input-height-max)/ 12) 12px;
    color: var(--lldesign-color-text-3);
    z-index: 3;
    font-size: var(--lldesign-font-size-base);
    display: block;
    pointer-events: none;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    white-space: nowrap
}

.cb-input-tag-inner-label-hold {
    font-size: var(--lldesign-font-size-small);
    color: var(--lldesign-color-text-3);
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: 0
}

.cb-input-tag-inner-label-ani {
    -webkit-transition: font-size .1s cubic-bezier(.4, 0, .2, 1), color .1s cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1);
    transition: font-size .1s cubic-bezier(.4, 0, .2, 1), color .1s cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1);
    transition: transform .1s cubic-bezier(.4, 0, .2, 1), font-size .1s cubic-bezier(.4, 0, .2, 1), color .1s cubic-bezier(.4, 0, .2, 1);
    transition: transform .1s cubic-bezier(.4, 0, .2, 1), font-size .1s cubic-bezier(.4, 0, .2, 1), color .1s cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1)
}

.cb-input-tag-innerlabel.cb-input-tag-active {
    position: relative
}

.cb-input-tag-innerlabel.cb-input-tag-active .cb-input-tag-rel-wrap {
    padding-top: 18px;
    padding-bottom: 4px
}

.cb-input-tag-innerlabel.cb-input-tag-active .cb-input-tag-rel-wrap .cb-tag {
    height: calc(var(--lldesign-input-height-max) - 24px);
    line-height: calc(var(--lldesign-input-height-max) - 26px);
    margin: 0 0 0 4px;
    font-size: 12px
}

.cb-input-tag-innerlabel.cb-input-tag-active .cb-input-tag-rel-wrap .cb-input-tag-rel-input {
    margin-top: 0;
    margin-bottom: 0
}

.cb-input-tag-innerlabel.cb-input-tag-active .cb-input-tag-rel-wrap .cb-input-tag-input {
    height: calc(var(--lldesign-input-height-max) - 24px)
}

.cb-input-tag-rel-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 4px 2px 2px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    min-width: 0;
    cursor: text
}

.cb-input-tag-rel-wrap .cb-input-tag-rel-input {
    margin: -2px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 100%
}

.cb-input-tag-rel-wrap .cb-input-tag-rel-input>span {
    pointer-events: none;
    display: block;
    height: 20px;
    line-height: 20px;
    margin-top: -20px;
    padding: 0 8px 0 4px;
    overflow: hidden;
    opacity: 0;
    min-width: 20px;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap
}

.cb-input-tag-rel-wrap .cb-input-tag-rel-input:first-child .cb-input-tag-input,
.cb-input-tag-rel-wrap .cb-input-tag-rel-input:first-child>span {
    padding-left: 10px
}

.cb-input-tag-rel-wrap .cb-tag {
    max-width: 100%;
    height: calc(var(--lldesign-input-height-base) - 8px);
    line-height: calc(var(--lldesign-input-height-base) - 10px);
    margin: 0 0 0 2px;
    position: relative;
    vertical-align: top;
    background-color: var(--lldesign-color-bg-2);
    border-color: var(--lldesign-color-border-2);
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-linear);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-linear)
}

.cb-input-tag-rel-wrap .cb-tag span {
    display: block;
    margin-right: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cb-input-tag-rel-wrap .cb-tag span.cb-select-max-tag {
    margin-right: 0
}

.cb-input-tag-rel-wrap .cb-tag i {
    display: block;
    position: absolute;
    right: 4px;
    top: 50%;
    margin: calc(-16px / 2) 0 0 0;
    font-size: var(--lldesign-font-size-base)!important
}

.cb-input-tag-disabled .cb-input-tag-rel-wrap .cb-tag {
    cursor: not-allowed
}

.cb-input-tag-readonly .cb-input-tag-rel-wrap .cb-tag {
    cursor: default
}

.cb-input-tag-disabled .cb-input-tag-rel-wrap .cb-tag span,
.cb-input-tag-readonly .cb-input-tag-rel-wrap .cb-tag span {
    margin-right: 0
}

.cb-input-tag-rel.cb-input-tag-rel-focused,
.cb-input-tag-rel.cb-input-tag-rel-focused:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-input-tag-rel.cb-input-tag-rel-focused .cb-tag {
    background-color: var(--lldesign-color-fill-2);
    border-color: var(--lldesign-color-border-2)
}

.cb-input-tag-large .cb-input-tag-rel-wrap {
    padding-top: 2px;
    padding-bottom: 2px
}

.cb-input-tag-large .cb-input-tag-rel-wrap .cb-input-tag-rel-input {
    margin: -2px 0
}

.cb-input-tag-max .cb-input-tag-rel-wrap {
    padding-top: 4px;
    padding-bottom: 4px
}

.cb-input-tag-max .cb-input-tag-rel-wrap .cb-input-tag-rel-input {
    margin: -4px 0
}

.cb-input-tag-large .cb-input-tag-rel-wrap .cb-tag {
    height: calc(var(--lldesign-input-height-large) - 8px);
    line-height: calc(var(--lldesign-input-height-large) - 10px);
    font-size: var(--lldesign-font-size-base)
}

.cb-input-tag-max .cb-input-tag-rel-wrap .cb-tag {
    height: calc(var(--lldesign-input-height-max) - 12px);
    line-height: calc(var(--lldesign-input-height-max) - 14px);
    font-size: var(--lldesign-font-size-base)
}

.cb-input-tag-small .cb-input-tag-rel-wrap {
    padding-top: 2px;
    padding-bottom: 2px
}

.cb-input-tag-mini .cb-input-tag-rel-wrap {
    padding-top: 0;
    padding-bottom: 0
}

.cb-input-tag-mini .cb-input-tag-rel-wrap .cb-input-tag-rel-input {
    margin: 0 0
}

.cb-input-tag-mini .cb-input-tag-rel-wrap .cb-tag {
    height: calc(var(--lldesign-input-height-mini) - 4px);
    line-height: calc(var(--lldesign-input-height-mini) - 6px)
}

.cb-input-tag-small .cb-input-tag-rel-wrap .cb-tag {
    height: calc(var(--lldesign-input-height-small) - 8px);
    line-height: calc(var(--lldesign-input-height-small) - 10px)
}

.cb-input-tag-mini .cb-input-tag-rel-wrap .cb-tag,
.cb-input-tag-small .cb-input-tag-rel-wrap .cb-tag {
    font-size: var(--lldesign-font-size-small);
    padding: 0 6px;
    margin: 0 0 0 2px
}

.cb-input-tag-mini .cb-input-tag-rel-wrap .cb-tag span,
.cb-input-tag-small .cb-input-tag-rel-wrap .cb-tag span {
    margin-right: 14px
}

.cb-input-tag-mini .cb-input-tag-rel-wrap .cb-tag i,
.cb-input-tag-small .cb-input-tag-rel-wrap .cb-tag i {
    right: 2px;
    font-size: var(--lldesign-font-size-small)!important
}

.cb-input-tag .cb-input-prefix {
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    height: 100%;
    z-index: 1
}

.cb-input-tag .cb-input-prefix {
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    height: 100%;
    z-index: 1
}

.cb-input-prefix+.cb-input-tag-rel {
    padding-left: 22px
}

.cb-input-tag-rel:has(+.cb-input-suffix) {
    padding-right: 26px
}

.cb-form-item-validating .cb-input-tag-icon-validate {
    display: block
}

.cb-form-item-validating .cb-input-tag-icon-validate:first-child+.cb-input-tag-inner-label {
    left: 18px
}

.cb-input-tag-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    position: relative;
    font-size: var(--lldesign-font-size-base)
}

.cb-input-tag-group-large {
    font-size: var(--lldesign-font-size-base)
}

.cb-input-tag-group[class*=col-] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.cb-input-tag-group>[class*=col-] {
    padding-right: 8px
}

.cb-input-tag-group>.cb-input-tag-rel {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cb-input-tag-group-with-prepend .cb-input-tag-rel,
.cb-input-tag-group-with-prepend.cb-input-tag-group-small .cb-input-tag-rel {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.cb-input-tag-group-with-append .cb-input-tag-rel,
.cb-input-tag-group-with-append.cb-input-tag-group-small .cb-input-tag-rel {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.cb-input-tag-group-append .cb-btn,
.cb-input-tag-group-prepend .cb-btn {
    border-color: transparent;
    background-color: transparent;
    color: inherit;
    margin: -6px -12px
}

.cb-input-tag-group-append,
.cb-input-tag-group-prepend {
    white-space: nowrap;
    vertical-align: middle;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cb-input-tag-group .cb-input-tag-rel {
    position: relative
}

.cb-input-tag-group-append,
.cb-input-tag-group-prepend {
    padding: 4px 12px;
    font-size: inherit;
    font-weight: 400;
    line-height: 1;
    color: var(--lldesign-input-text-color, var(--lldesign-color-text-1));
    text-align: center;
    background-color: var(--lldesign-input-pend-bg, var(--lldesign-input-bg));
    border: 1px solid var(--lldesign-input-border-color, transparent);
    border-radius: var(--lldesign-input-radius);
    -webkit-transition: border var(--lldesign-animation-time) var(--lldesign-transition-standard), background var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: border var(--lldesign-animation-time) var(--lldesign-transition-standard), background var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-input-tag-group-append .cb-select,
.cb-input-tag-group-prepend .cb-select {
    position: relative;
    z-index: 3;
    width: auto;
    margin: -5px -12px
}

.cb-input-tag-group-append .cb-select-selection,
.cb-input-tag-group-prepend .cb-select-selection {
    margin: -1px;
    border: 1px solid transparent
}

.cb-input-tag-group-append .cb-select-selection,
.cb-input-tag-group-prepend .cb-select-selection {
    background-color: inherit
}

.cb-input-tag-group-append .cb-select-selection-focused,
.cb-input-tag-group-append .cb-select-selection:hover,
.cb-input-tag-group-prepend .cb-select-selection-focused,
.cb-input-tag-group-prepend .cb-select-selection:hover {
    background-color: var(--lldesign-input-bg-hover, var(--lldesign-color-fill-3))
}

.cb-input-tag-group-append .cb-select-selection:focus,
.cb-input-tag-group-prepend .cb-select-selection:focus {
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-input-tag-group-append .cb-select-visible .cb-select-selection,
.cb-input-tag-group-append .cb-select-visible .cb-select-selection:hover,
.cb-input-tag-group-prepend .cb-select-visible .cb-select-selection,
.cb-input-tag-group-prepend .cb-select-visible .cb-select-selection:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-input-tag-group-prepend,
.cb-input-tag-group>.cb-input-tag-rel:first-child,
.cb-input-tag-group>span>.cb-input-tag-rel:first-child {
    border-bottom-right-radius: 0!important;
    border-top-right-radius: 0!important
}

.cb-input-tag-group-prepend .cb-select .cb-select-selection,
.cb-input-tag-group>.cb-input-tag-rel:first-child .cb-select .cb-select-selection,
.cb-input-tag-group>span>.cb-input-tag-rel:first-child .cb-select .cb-select-selection {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.cb-input-tag-group-prepend {
    border-right: 0 none
}

.cb-input-tag-group-prepend+.cb-input-tag-rel:not(.cb-input-tag-rel-focus) {
    border-left-color: var(--lldesign-input-split-color, var(--lldesign-color-border-2))
}

.cb-input-tag-group-prepend+.cb-input-tag-rel:not(.cb-input-tag-rel-focus):hover {
    border-left-color: var(--lldesign-input-split-color-hover, var(--lldesign-color-border-2))
}

.cb-input-tag-group-append {
    border-left: 0 none
}

.cb-input-tag-rel:not(.cb-input-tag-rel-focus):has(+.cb-input-tag-group-append) {
    border-right-color: var(--lldesign-input-split-color, var(--lldesign-color-border-2))
}

.cb-input-tag-rel:not(.cb-input-tag-rel-focus):hover:has(+.cb-input-tag-group-append) {
    border-right-color: var(--lldesign-input-split-color-hover, var(--lldesign-color-border-2))
}

.cb-input-tag-group-append,
.cb-input-tag-group>.cb-input-tag-rel:last-child {
    border-bottom-left-radius: 0!important;
    border-top-left-radius: 0!important
}

.cb-input-tag-group-append .cb-select .cb-select-selection,
.cb-input-tag-group>.cb-input-tag-rel:last-child .cb-select .cb-select-selection {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.cb-input-tag-group-large .cb-input-tag-rel,
.cb-input-tag-group-large>.cb-input-tag-group-append,
.cb-input-tag-group-large>.cb-input-tag-group-prepend {
    font-size: var(--lldesign-font-size-base);
    padding: 0 12px;
    height: var(--lldesign-input-height-large)
}

.cb-input-tag-group-small .cb-input-tag-rel,
.cb-input-tag-group-small>.cb-input-tag-group-append,
.cb-input-tag-group-small>.cb-input-tag-group-prepend {
    padding: 0 12px;
    height: var(--lldesign-input-height-small);
    border-radius: var(--lldesign-input-radius)
}

.cb-form-item-error .cb-input-tag-rel {
    border-color: var(--lldesign-input-border-error-color, transparent);
    background-color: var(--lldesign-input-error-bg, var(--lldesign-color-error-1))
}

.cb-form-item-error .cb-input-tag-rel:hover {
    background-color: var(--lldesign-input-error-bg-hover, var(--lldesign-color-error-2))
}

.cb-form-item-error .cb-input-tag-rel-focus,
.cb-form-item-error .cb-input-tag-rel-focus:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-input-amount {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 100%;
    line-height: normal
}

.cb-input-amount-focused,
.cb-input-amount-focused:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-input-amount-disabled,
.cb-input-amount-disabled:hover,
.cb-input-amount-disabled:hover:hover {
    background-color: var(--lldesign-color-fill-2)
}

.cb-input-amount-rel {
    position: relative;
    background-color: var(--lldesign-input-bg, var(--lldesign-color-fill-2));
    -webkit-transition: border var(--lldesign-animation-time) var(--lldesign-transition-linear), background var(--lldesign-animation-time) var(--lldesign-transition-linear);
    transition: border var(--lldesign-animation-time) var(--lldesign-transition-linear), background var(--lldesign-animation-time) var(--lldesign-transition-linear);
    border: 1px solid var(--lldesign-input-border-color, transparent);
    border-radius: var(--lldesign-input-radius);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cb-input-amount-rel:hover {
    background-color: var(--lldesign-input-bg-hover, var(--lldesign-color-fill-3));
    border-color: var(--lldesign-input-border-color-hover, transparent)
}

.cb-input-amount-rel-focus,
.cb-input-amount-rel-focus:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-input-amount-rel .cb-icon-close {
    position: relative;
    z-index: 2;
    color: var(--lldesign-color-text-2);
    cursor: pointer;
    opacity: 0
}

.cb-input-amount-rel .cb-icon-close::after {
    position: absolute;
    left: 50%;
    top: 50%;
    content: '';
    z-index: -1;
    opacity: 0;
    width: 1em;
    height: 1em;
    background-color: rgba(195, 195, 195, .28);
    border-radius: 100px;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.2);
    transform: translate3d(-50%, -50%, 0) scale(1.2);
    -webkit-transition: opacity var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: opacity var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-input-amount-rel .cb-icon-close:hover::after {
    opacity: 1
}

.cb-input-amount-rel:hover .cb-icon-close {
    opacity: 1
}

.cb-input-amount-icon-inner {
    margin: 4px 6px
}

.cb-input-amount-icon-inner:first-child {
    margin-right: -6px
}

.cb-input-amount-icon-inner:last-child {
    margin-left: -6px
}

.cb-input-amount-input {
    display: inline-block;
    height: var(--lldesign-input-height-base);
    padding: 0 12px;
    font-size: var(--lldesign-font-size-base);
    color: var(--lldesign-input-text-color, var(--lldesign-color-text-1));
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background: 0 0;
    border: 0 none;
    outline: 0;
    position: relative;
    cursor: text;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
    outline: 0;
    margin: -1px 0;
    vertical-align: top;
    -moz-appearance: textfield;
    line-height: 1.25
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .cb-input-amount-input {
        line-height: 1.5!important
    }
}

.cb-input-amount-input::-moz-placeholder {
    color: var(--lldesign-color-text-3);
    opacity: 1
}

.cb-input-amount-input:-ms-input-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-input-amount-input::-webkit-input-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-input-amount-input:-webkit-autofill,
.cb-input-amount-input:-webkit-autofill:active,
.cb-input-amount-input:-webkit-autofill:focus,
.cb-input-amount-input:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--lldesign-input-text-color, var(--lldesign-color-text-1));
    -webkit-transition: background-color 60000s ease-in-out 0s;
    transition: background-color 60000s ease-in-out 0s;
    -webkit-animation: onAutoFillStart 1ms linear both;
    animation: onAutoFillStart 1ms linear both
}

.cb-input-amount-input:-internal-autofill-previewed,
.cb-input-amount-input:-internal-autofill-selected {
    -webkit-text-fill-color: var(--lldesign-input-text-color, var(--lldesign-color-text-1));
    -webkit-transition: background-color 60000s ease-in-out 0s;
    transition: background-color 60000s ease-in-out 0s
}

.cb-input-amount-input:not(:-webkit-autofill) {
    -webkit-animation: onAutoFillCancel 1ms linear both;
    animation: onAutoFillCancel 1ms linear both
}

.cb-input-amount-input[readonly],
fieldset[readonly] .cb-input-amount-input {
    cursor: default
}

.cb-input-amount-input[disabled],
fieldset[disabled] .cb-input-amount-input {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

.cb-input-amount-input[disabled]:hover,
fieldset[disabled] .cb-input-amount-input:hover {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

textarea.cb-input-amount-input {
    max-width: 100%;
    height: auto;
    line-height: 1.5;
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: var(--lldesign-input-height-base);
    vertical-align: bottom;
    font-size: var(--lldesign-font-size-base)
}

textarea.cb-input-amount-input[rows='1'] {
    padding-bottom: 5px
}

.cb-input-amount-input-large {
    font-size: var(--lldesign-font-size-base);
    padding: 0 12px;
    height: var(--lldesign-input-height-large)
}

.cb-input-amount-input-small {
    padding: 0 12px;
    height: var(--lldesign-input-height-small);
    border-radius: var(--lldesign-input-radius)
}

.cb-input-amount-input-max {
    font-size: var(--lldesign-font-size-base);
    padding: 0 12px;
    height: var(--lldesign-input-height-max)
}

.cb-input-amount-input-mini {
    padding: 0 12px;
    height: var(--lldesign-input-height-mini);
    border-radius: var(--lldesign-input-radius);
    font-size: var(--lldesign-font-size-small)
}

.cb-input-amount-input[disabled],
fieldset[disabled] .cb-input-amount-input {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

.cb-input-amount-input::-webkit-input-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-input-amount-input::-moz-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-input-amount-input:-ms-input-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-input-amount-input::-ms-input-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-input-amount-input::placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-input-amount-icon {
    width: 38px;
    height: var(--lldesign-input-height-base);
    line-height: var(--lldesign-input-height-base);
    font-size: var(--lldesign-font-size-base);
    text-align: center;
    color: var(--lldesign-color-text-2);
    position: absolute;
    right: 0;
    z-index: 3;
    margin: 0;
    cursor: pointer
}

.cb-input-amount-hide-icon .cb-input-amount-icon {
    display: none
}

.cb-input-amount-icon-validate {
    display: none
}

.cb-input-amount-max {
    padding: 0
}

.cb-input-amount-max input {
    height: var(--lldesign-input-height-max)
}

.cb-input-amount-large {
    padding: 0
}

.cb-input-amount-large input {
    height: var(--lldesign-input-height-large)
}

.cb-input-amount-mini {
    padding: 0
}

.cb-input-amount-mini input {
    height: var(--lldesign-input-height-mini)
}

.cb-input-amount-small {
    padding: 0
}

.cb-input-amount-small input {
    height: var(--lldesign-input-height-small)
}

.cb-input-amount-inner-label {
    position: absolute;
    top: 50%;
    line-height: 1;
    padding: calc(var(--lldesign-input-height-max)/ 12) 0 calc(var(--lldesign-input-height-max)/ 12) 12px;
    color: var(--lldesign-color-text-3);
    z-index: 3;
    font-size: var(--lldesign-font-size-base);
    display: block;
    pointer-events: none;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    white-space: nowrap
}

.cb-input-amount-inner-label-hold {
    font-size: var(--lldesign-font-size-small);
    color: var(--lldesign-color-text-3);
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: 0
}

.cb-input-amount-inner-label-ani {
    -webkit-transition: font-size .1s cubic-bezier(.4, 0, .2, 1), color .1s cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1);
    transition: font-size .1s cubic-bezier(.4, 0, .2, 1), color .1s cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1);
    transition: transform .1s cubic-bezier(.4, 0, .2, 1), font-size .1s cubic-bezier(.4, 0, .2, 1), color .1s cubic-bezier(.4, 0, .2, 1);
    transition: transform .1s cubic-bezier(.4, 0, .2, 1), font-size .1s cubic-bezier(.4, 0, .2, 1), color .1s cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1)
}

.cb-input-amount-innerlabel.cb-input-amount-active {
    position: relative
}

.cb-input-amount-innerlabel.cb-input-amount-active .cb-input-amount-input {
    padding-top: 20px;
    padding-bottom: 4px
}

.cb-form-item-validating .cb-input-amount-icon-validate {
    display: block
}

.cb-form-item-validating .cb-input-amount-icon-validate:first-child+.cb-input-amount-inner-label {
    left: 14px
}

.cb-input-amount-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    position: relative;
    font-size: var(--lldesign-font-size-base)
}

.cb-input-amount-group-large {
    font-size: var(--lldesign-font-size-base)
}

.cb-input-amount-group[class*=col-] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.cb-input-amount-group>[class*=col-] {
    padding-right: 8px
}

.cb-input-amount-group>.cb-input-amount-rel {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cb-input-amount-group-with-prepend .cb-input-amount-rel,
.cb-input-amount-group-with-prepend.cb-input-amount-group-small .cb-input-amount-rel {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.cb-input-amount-group-with-append .cb-input-amount-rel,
.cb-input-amount-group-with-append.cb-input-amount-group-small .cb-input-amount-rel {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.cb-input-amount-group-append .cb-btn,
.cb-input-amount-group-prepend .cb-btn {
    border-color: transparent;
    background-color: transparent;
    color: inherit;
    margin: -6px -12px
}

.cb-input-amount-group-append,
.cb-input-amount-group-prepend {
    white-space: nowrap;
    vertical-align: middle;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cb-input-amount-group .cb-input-amount-rel {
    position: relative
}

.cb-input-amount-group-append,
.cb-input-amount-group-prepend {
    padding: 4px 12px;
    font-size: inherit;
    font-weight: 400;
    line-height: 1;
    color: var(--lldesign-input-text-color, var(--lldesign-color-text-1));
    text-align: center;
    background-color: var(--lldesign-input-pend-bg, var(--lldesign-input-bg));
    border: 1px solid var(--lldesign-input-border-color, transparent);
    border-radius: var(--lldesign-input-radius);
    -webkit-transition: border var(--lldesign-animation-time) var(--lldesign-transition-standard), background var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: border var(--lldesign-animation-time) var(--lldesign-transition-standard), background var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-input-amount-group-append .cb-select,
.cb-input-amount-group-prepend .cb-select {
    position: relative;
    z-index: 3;
    width: auto;
    margin: -5px -12px
}

.cb-input-amount-group-append .cb-select-selection,
.cb-input-amount-group-prepend .cb-select-selection {
    margin: -1px;
    border: 1px solid transparent
}

.cb-input-amount-group-append .cb-select-selection,
.cb-input-amount-group-prepend .cb-select-selection {
    background-color: inherit
}

.cb-input-amount-group-append .cb-select-selection-focused,
.cb-input-amount-group-append .cb-select-selection:hover,
.cb-input-amount-group-prepend .cb-select-selection-focused,
.cb-input-amount-group-prepend .cb-select-selection:hover {
    background-color: var(--lldesign-input-bg-hover, var(--lldesign-color-fill-3))
}

.cb-input-amount-group-append .cb-select-selection:focus,
.cb-input-amount-group-prepend .cb-select-selection:focus {
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-input-amount-group-append .cb-select-visible .cb-select-selection,
.cb-input-amount-group-append .cb-select-visible .cb-select-selection:hover,
.cb-input-amount-group-prepend .cb-select-visible .cb-select-selection,
.cb-input-amount-group-prepend .cb-select-visible .cb-select-selection:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-input-amount-group-prepend,
.cb-input-amount-group>.cb-input-amount-rel:first-child,
.cb-input-amount-group>span>.cb-input-amount-rel:first-child {
    border-bottom-right-radius: 0!important;
    border-top-right-radius: 0!important
}

.cb-input-amount-group-prepend .cb-select .cb-select-selection,
.cb-input-amount-group>.cb-input-amount-rel:first-child .cb-select .cb-select-selection,
.cb-input-amount-group>span>.cb-input-amount-rel:first-child .cb-select .cb-select-selection {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.cb-input-amount-group-prepend {
    border-right: 0 none
}

.cb-input-amount-group-prepend+.cb-input-amount-rel:not(.cb-input-amount-rel-focus) {
    border-left-color: var(--lldesign-input-split-color, var(--lldesign-color-border-2))
}

.cb-input-amount-group-prepend+.cb-input-amount-rel:not(.cb-input-amount-rel-focus):hover {
    border-left-color: var(--lldesign-input-split-color-hover, var(--lldesign-color-border-2))
}

.cb-input-amount-group-append {
    border-left: 0 none
}

.cb-input-amount-rel:not(.cb-input-amount-rel-focus):has(+.cb-input-amount-group-append) {
    border-right-color: var(--lldesign-input-split-color, var(--lldesign-color-border-2))
}

.cb-input-amount-rel:not(.cb-input-amount-rel-focus):hover:has(+.cb-input-amount-group-append) {
    border-right-color: var(--lldesign-input-split-color-hover, var(--lldesign-color-border-2))
}

.cb-input-amount-group-append,
.cb-input-amount-group>.cb-input-amount-rel:last-child {
    border-bottom-left-radius: 0!important;
    border-top-left-radius: 0!important
}

.cb-input-amount-group-append .cb-select .cb-select-selection,
.cb-input-amount-group>.cb-input-amount-rel:last-child .cb-select .cb-select-selection {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.cb-input-amount-group-large .cb-input-amount-rel,
.cb-input-amount-group-large>.cb-input-amount-group-append,
.cb-input-amount-group-large>.cb-input-amount-group-prepend {
    font-size: var(--lldesign-font-size-base);
    padding: 0 12px;
    height: var(--lldesign-input-height-large)
}

.cb-input-amount-group-small .cb-input-amount-rel,
.cb-input-amount-group-small>.cb-input-amount-group-append,
.cb-input-amount-group-small>.cb-input-amount-group-prepend {
    padding: 0 12px;
    height: var(--lldesign-input-height-small);
    border-radius: var(--lldesign-input-radius)
}

.cb-form-item-error .cb-input-amount-rel {
    border-color: var(--lldesign-input-border-error-color, transparent);
    background-color: var(--lldesign-input-error-bg, var(--lldesign-color-error-1))
}

.cb-form-item-error .cb-input-amount-rel:hover {
    background-color: var(--lldesign-input-error-bg-hover, var(--lldesign-color-error-2))
}

.cb-form-item-error .cb-input-amount-rel-focus,
.cb-form-item-error .cb-input-amount-rel-focus:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-input-number {
    display: inline-block;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1.25;
    padding: 0 12px;
    font-size: var(--lldesign-font-size-base);
    color: var(--lldesign-input-text-color, var(--lldesign-color-text-1));
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background: 0 0;
    border: 0 none;
    margin: -1px 0;
    outline: 0;
    position: relative;
    cursor: text;
    background-color: var(--lldesign-input-bg, var(--lldesign-color-fill-2));
    -webkit-transition: border var(--lldesign-animation-time) var(--lldesign-transition-linear), background var(--lldesign-animation-time) var(--lldesign-transition-linear);
    transition: border var(--lldesign-animation-time) var(--lldesign-transition-linear), background var(--lldesign-animation-time) var(--lldesign-transition-linear);
    border: 1px solid var(--lldesign-input-border-color, transparent);
    border-radius: var(--lldesign-input-radius);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 0;
    height: var(--lldesign-input-height-base);
    line-height: var(--lldesign-input-height-base);
    vertical-align: middle;
    overflow: hidden
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .cb-input-number {
        line-height: 1.5!important
    }
}

.cb-input-number::-moz-placeholder {
    color: var(--lldesign-color-text-3);
    opacity: 1
}

.cb-input-number:-ms-input-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-input-number::-webkit-input-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-input-number:-webkit-autofill,
.cb-input-number:-webkit-autofill:active,
.cb-input-number:-webkit-autofill:focus,
.cb-input-number:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--lldesign-input-text-color, var(--lldesign-color-text-1));
    -webkit-transition: background-color 60000s ease-in-out 0s;
    transition: background-color 60000s ease-in-out 0s;
    -webkit-animation: onAutoFillStart 1ms linear both;
    animation: onAutoFillStart 1ms linear both
}

.cb-input-number:-internal-autofill-previewed,
.cb-input-number:-internal-autofill-selected {
    -webkit-text-fill-color: var(--lldesign-input-text-color, var(--lldesign-color-text-1));
    -webkit-transition: background-color 60000s ease-in-out 0s;
    transition: background-color 60000s ease-in-out 0s
}

.cb-input-number:not(:-webkit-autofill) {
    -webkit-animation: onAutoFillCancel 1ms linear both;
    animation: onAutoFillCancel 1ms linear both
}

.cb-input-number[readonly],
fieldset[readonly] .cb-input-number {
    cursor: default
}

.cb-input-number[disabled],
fieldset[disabled] .cb-input-number {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

.cb-input-number[disabled]:hover,
fieldset[disabled] .cb-input-number:hover {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

textarea.cb-input-number {
    max-width: 100%;
    height: auto;
    line-height: 1.5;
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: var(--lldesign-input-height-base);
    vertical-align: bottom;
    font-size: var(--lldesign-font-size-base)
}

textarea.cb-input-number[rows='1'] {
    padding-bottom: 5px
}

.cb-input-number-large {
    font-size: var(--lldesign-font-size-base);
    padding: 0 12px;
    height: var(--lldesign-input-height-large)
}

.cb-input-number-small {
    padding: 0 12px;
    height: var(--lldesign-input-height-small);
    border-radius: var(--lldesign-input-radius)
}

.cb-input-number-max {
    font-size: var(--lldesign-font-size-base);
    padding: 0 12px;
    height: var(--lldesign-input-height-max)
}

.cb-input-number-mini {
    padding: 0 12px;
    height: var(--lldesign-input-height-mini);
    border-radius: var(--lldesign-input-radius);
    font-size: var(--lldesign-font-size-small)
}

.cb-input-number:hover {
    background-color: var(--lldesign-input-bg-hover, var(--lldesign-color-fill-3));
    border-color: var(--lldesign-input-border-color-hover, transparent)
}

.cb-input-number-focus,
.cb-input-number-focus:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-input-number-handler-wrap {
    width: 22px;
    border-radius: var(--lldesign-input-radius);
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: 4px;
    overflow: hidden;
    -webkit-transition: opacity var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: opacity var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-input-number:hover .cb-input-number-handler-wrap {
    opacity: 1
}

.cb-input-number-handler {
    cursor: pointer;
    display: block;
    width: 100%;
    height: 50%;
    line-height: 0;
    text-align: center;
    overflow: hidden;
    color: var(--lldesign-color-text-2);
    position: relative;
    background-color: var(--lldesign-color-fill-2)
}

.cb-input-number-handler:hover {
    background-color: var(--lldesign-color-fill-1)
}

.cb-input-number-handler:active {
    background-color: var(--lldesign-color-fill-3)
}

.cb-input-number-handler-down-inner,
.cb-input-number-handler-up-inner {
    width: 12px;
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    color: #999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    right: 5px;
    margin: 0;
    top: 50%;
    margin-top: -6px;
    -webkit-transition: all var(--lldesign-animation-time) linear;
    transition: all var(--lldesign-animation-time) linear
}

.cb-input-number.cb-input-number-focused,
.cb-input-number.cb-input-number-focused:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-input-number-disabled,
.cb-input-number-disabled:hover {
    background-color: var(--lldesign-color-fill-2)
}

.cb-input-number-input-wrap {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cb-input-number-input-wrap-in {
    margin-right: 26px
}

.cb-input-number-input-wrap .cb-icon-close {
    position: relative;
    z-index: 2;
    color: var(--lldesign-color-text-2);
    cursor: pointer;
    opacity: 0
}

.cb-input-number-input-wrap .cb-icon-close::after {
    position: absolute;
    left: 50%;
    top: 50%;
    content: '';
    z-index: -1;
    opacity: 0;
    width: 1em;
    height: 1em;
    background-color: rgba(195, 195, 195, .28);
    border-radius: 100px;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.2);
    transform: translate3d(-50%, -50%, 0) scale(1.2);
    -webkit-transition: opacity var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: opacity var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-input-number-input-wrap .cb-icon-close:hover::after {
    opacity: 1
}

.cb-input-number-input-wrap:hover .cb-icon-close {
    opacity: 1
}

.cb-input-number-icon-inner {
    margin: 4px 6px
}

.cb-input-number-icon-inner:first-child {
    margin-right: -6px
}

.cb-input-number-icon-inner:last-child {
    margin-left: -6px
}

.cb-input-number-input {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: calc(var(--lldesign-input-height-base) - 2px);
    line-height: 1.25;
    padding: 0 12px;
    text-align: left;
    vertical-align: top;
    outline: 0;
    -moz-appearance: textfield;
    border: 0;
    border-radius: var(--lldesign-input-radius);
    background: 0 0
}

.cb-input-number-input[readonly],
fieldset[readonly] .cb-input-number-input {
    cursor: default
}

.cb-input-number-input[disabled],
fieldset[disabled] .cb-input-number-input {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

.cb-input-number-input::-webkit-input-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-input-number-input::-moz-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-input-number-input:-ms-input-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-input-number-input::-ms-input-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-input-number-input::placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-input-number-large {
    padding: 0
}

.cb-input-number-large .cb-input-number-input-wrap {
    height: var(--lldesign-input-height-large)
}

.cb-input-number-large input {
    height: calc(var(--lldesign-input-height-large) - 2px);
    line-height: 1.25
}

.cb-input-number-max {
    padding: 0
}

.cb-input-number-max .cb-input-number-input-wrap {
    height: var(--lldesign-input-height-max)
}

.cb-input-number-max input {
    height: calc(var(--lldesign-input-height-max) - 2px);
    line-height: 1.25
}

.cb-input-number-small {
    padding: 0
}

.cb-input-number-small .cb-input-number-input-wrap {
    height: var(--lldesign-input-height-small)
}

.cb-input-number-small input {
    height: calc(var(--lldesign-input-height-small) - 2px);
    line-height: 1.25
}

.cb-input-number-mini {
    padding: 0
}

.cb-input-number-mini .cb-input-number-input-wrap {
    height: var(--lldesign-input-height-mini)
}

.cb-input-number-mini input {
    height: calc(var(--lldesign-input-height-mini) - 2px);
    line-height: 1.25
}

.cb-input-number-mini .cb-input-number-handler-wrap {
    top: 1px;
    right: 1px;
    bottom: 1px
}

.cb-input-number-disabled .cb-input-number-handler-down,
.cb-input-number-disabled .cb-input-number-handler-up,
.cb-input-number-handler-down-disabled .cb-input-number-handler-down,
.cb-input-number-handler-down-disabled .cb-input-number-handler-up,
.cb-input-number-handler-up-disabled .cb-input-number-handler-down,
.cb-input-number-handler-up-disabled .cb-input-number-handler-up,
.cb-input-number-readonly .cb-input-number-handler-down,
.cb-input-number-readonly .cb-input-number-handler-up {
    opacity: .72;
    color: var(--lldesign-color-text-4)!important;
    cursor: not-allowed;
    background-color: var(--lldesign-color-fill-2)
}

.cb-input-number-icon-validate {
    display: none
}

.cb-input-number-disabled .cb-input-number-handler-wrap {
    display: none
}

.cb-input-number-disabled .cb-input-number-handler {
    opacity: .72;
    color: var(--lldesign-color-text-4)!important;
    cursor: not-allowed;
    background-color: var(--lldesign-color-fill-2)
}

.cb-input-number-innerlabel .cb-input-number-inner-label {
    position: absolute;
    top: 50%;
    line-height: 1;
    padding: calc(var(--lldesign-input-height-max)/ 12) 0 calc(var(--lldesign-input-height-max)/ 12) 12px;
    color: var(--lldesign-color-text-3);
    z-index: 3;
    font-size: var(--lldesign-font-size-base);
    display: block;
    pointer-events: none;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    white-space: nowrap
}

.cb-input-number-innerlabel .cb-input-number-inner-label-hold {
    font-size: var(--lldesign-font-size-small);
    color: var(--lldesign-color-text-3);
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: 0
}

.cb-input-number-innerlabel .cb-input-number-inner-label-ani {
    -webkit-transition: font-size .1s cubic-bezier(.4, 0, .2, 1), color .1s cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1);
    transition: font-size .1s cubic-bezier(.4, 0, .2, 1), color .1s cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1);
    transition: transform .1s cubic-bezier(.4, 0, .2, 1), font-size .1s cubic-bezier(.4, 0, .2, 1), color .1s cubic-bezier(.4, 0, .2, 1);
    transition: transform .1s cubic-bezier(.4, 0, .2, 1), font-size .1s cubic-bezier(.4, 0, .2, 1), color .1s cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1)
}

.cb-input-number-innerlabel .cb-input-number-inner-label.cb-input-with-prefix {
    padding-left: 32px
}

.cb-input-number-innerlabel.cb-input-number-active .cb-input-number-input {
    padding-top: 18px;
    padding-bottom: 4px
}

.cb-input-number-controls-outside {
    width: 144px;
    padding: 0 32px
}

.cb-input-number-controls-outside .cb-input-number-input {
    border-radius: 0
}

.cb-input-number-controls-outside-btn {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 30px;
    position: absolute;
    top: 0;
    text-align: center;
    background-color: var(--lldesign-color-fill-2);
    color: var(--lldesign-input-text-color, var(--lldesign-color-text-1));
    cursor: pointer
}

.cb-input-number-controls-outside-btn i {
    font-size: 16px
}

.cb-input-number-controls-outside-btn:hover {
    color: var(--lldesign-color-brand-6);
    background-color: var(--lldesign-color-fill-1)
}

.cb-input-number-controls-outside-btn:active {
    background-color: var(--lldesign-color-fill-3)
}

.cb-input-number-controls-outside-btn-disabled,
.cb-input-number-controls-outside-btn-disabled:hover {
    cursor: not-allowed
}

.cb-input-number-controls-outside-btn-disabled i,
.cb-input-number-controls-outside-btn-disabled:hover i {
    color: var(--lldesign-color-text-4)
}

.cb-input-number-controls-outside-up {
    right: 0;
    border-left: 1px solid var(--lldesign-input-split-color, var(--lldesign-color-border-2))
}

.cb-input-number-controls-outside-down {
    left: 0;
    border-right: 1px solid var(--lldesign-input-split-color, var(--lldesign-color-border-2))
}

.cb-input-number-disabled.cb-input-number-controls-outside .cb-input-number-controls-outside-btn {
    cursor: not-allowed
}

.cb-input-number-disabled.cb-input-number-controls-outside .cb-input-number-controls-outside-btn i {
    color: var(--lldesign-color-text-4)
}

.cb-input-number-large.cb-input-number-controls-outside {
    width: 160px;
    padding: 0 40px
}

.cb-input-number-large.cb-input-number-controls-outside .cb-input-number-controls-outside-btn {
    width: 40px;
    height: 40px;
    line-height: 38px
}

.cb-input-number-large.cb-input-number-controls-outside .cb-input-number-controls-outside-btn i {
    font-size: 20px
}

.cb-input-number-small.cb-input-number-controls-outside {
    width: 128px;
    padding: 0 24px
}

.cb-input-number-small.cb-input-number-controls-outside .cb-input-number-controls-outside-btn {
    width: 24px;
    height: 24px;
    line-height: 22px
}

.cb-input-number-small.cb-input-number-controls-outside .cb-input-number-controls-outside-btn i {
    font-size: 14px
}

.cb-form-item-validating .cb-input-number .cb-input-number-inner-label {
    left: 14px
}

.cb-form-item-validating .cb-input-number-icon-validate {
    display: block
}

.cb-form-item-error .cb-input-number {
    border-color: var(--lldesign-input-border-error-color, transparent);
    background-color: var(--lldesign-input-error-bg, var(--lldesign-color-error-1))
}

.cb-form-item-error .cb-input-number:hover {
    background-color: var(--lldesign-input-error-bg-hover, var(--lldesign-color-error-2))
}

.cb-form-item-error .cb-input-number-focus,
.cb-form-item-error .cb-input-number-focus:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-input-verify {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.cb-input-verify-wrap {
    position: relative
}

.cb-input-verify-wrap .cb-input-verify-rel {
    background-color: var(--lldesign-input-bg, var(--lldesign-color-fill-2));
    -webkit-transition: border var(--lldesign-animation-time) var(--lldesign-transition-linear), background var(--lldesign-animation-time) var(--lldesign-transition-linear);
    transition: border var(--lldesign-animation-time) var(--lldesign-transition-linear), background var(--lldesign-animation-time) var(--lldesign-transition-linear);
    border: 1px solid var(--lldesign-input-border-color, transparent);
    border-radius: var(--lldesign-input-radius);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 8px
}

.cb-input-verify-wrap .cb-input-verify-rel:hover {
    background-color: var(--lldesign-input-bg-hover, var(--lldesign-color-fill-3));
    border-color: var(--lldesign-input-border-color-hover, transparent)
}

.cb-input-verify-wrap .cb-input-verify-rel-focus,
.cb-input-verify-wrap .cb-input-verify-rel-focus:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-input-verify-wrap .cb-input-verify-rel:first-child {
    margin-left: 0
}

.cb-input-verify-wrap .cb-input-verify-rel-focused,
.cb-input-verify-wrap .cb-input-verify-rel-focused:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-input-verify-prepend {
    margin-bottom: 8px
}

.cb-input-verify-append {
    margin-top: 8px
}

.cb-input-verify-input {
    display: inline-block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: var(--lldesign-input-height-base);
    padding: 0 12px;
    font-size: var(--lldesign-font-size-base);
    color: var(--lldesign-input-text-color, var(--lldesign-color-text-1));
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background: 0 0;
    border: 0 none;
    margin: -1px 0;
    outline: 0;
    position: relative;
    cursor: text;
    width: 100%;
    text-align: left;
    outline: 0;
    vertical-align: top;
    -moz-appearance: textfield;
    line-height: 1.25;
    line-height: 1.5 \0/IE9!important;
    border: 1px solid transparent;
    width: var(--lldesign-input-height-base);
    padding: 0;
    text-align: center
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .cb-input-verify-input {
        line-height: 1.5!important
    }
}

.cb-input-verify-input::-moz-placeholder {
    color: var(--lldesign-color-text-3);
    opacity: 1
}

.cb-input-verify-input:-ms-input-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-input-verify-input::-webkit-input-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-input-verify-input:-webkit-autofill,
.cb-input-verify-input:-webkit-autofill:active,
.cb-input-verify-input:-webkit-autofill:focus,
.cb-input-verify-input:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--lldesign-input-text-color, var(--lldesign-color-text-1));
    -webkit-transition: background-color 60000s ease-in-out 0s;
    transition: background-color 60000s ease-in-out 0s;
    -webkit-animation: onAutoFillStart 1ms linear both;
    animation: onAutoFillStart 1ms linear both
}

.cb-input-verify-input:-internal-autofill-previewed,
.cb-input-verify-input:-internal-autofill-selected {
    -webkit-text-fill-color: var(--lldesign-input-text-color, var(--lldesign-color-text-1));
    -webkit-transition: background-color 60000s ease-in-out 0s;
    transition: background-color 60000s ease-in-out 0s
}

.cb-input-verify-input:not(:-webkit-autofill) {
    -webkit-animation: onAutoFillCancel 1ms linear both;
    animation: onAutoFillCancel 1ms linear both
}

.cb-input-verify-input[readonly],
fieldset[readonly] .cb-input-verify-input {
    cursor: default
}

.cb-input-verify-input[disabled],
fieldset[disabled] .cb-input-verify-input {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

.cb-input-verify-input[disabled]:hover,
fieldset[disabled] .cb-input-verify-input:hover {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

textarea.cb-input-verify-input {
    max-width: 100%;
    height: auto;
    line-height: 1.5;
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: var(--lldesign-input-height-base);
    vertical-align: bottom;
    font-size: var(--lldesign-font-size-base)
}

textarea.cb-input-verify-input[rows='1'] {
    padding-bottom: 5px
}

.cb-input-verify-input-large {
    font-size: var(--lldesign-font-size-base);
    padding: 0 12px;
    height: var(--lldesign-input-height-large)
}

.cb-input-verify-input-small {
    padding: 0 12px;
    height: var(--lldesign-input-height-small);
    border-radius: var(--lldesign-input-radius)
}

.cb-input-verify-input-max {
    font-size: var(--lldesign-font-size-base);
    padding: 0 12px;
    height: var(--lldesign-input-height-max)
}

.cb-input-verify-input-mini {
    padding: 0 12px;
    height: var(--lldesign-input-height-mini);
    border-radius: var(--lldesign-input-radius);
    font-size: var(--lldesign-font-size-small)
}

.cb-input-verify-input[disabled],
fieldset[disabled] .cb-input-verify-input {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

.cb-input-verify-input::-webkit-input-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-input-verify-input::-moz-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-input-verify-input:-ms-input-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-input-verify-input::-ms-input-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-input-verify-input::placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-input-verify-input[type=number]::-webkit-inner-spin-button,
.cb-input-verify-input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

.cb-input-verify-input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.cb-input-verify-max {
    padding: 0
}

.cb-input-verify-max input {
    width: var(--lldesign-input-height-max);
    height: var(--lldesign-input-height-max)
}

.cb-input-verify-large {
    padding: 0
}

.cb-input-verify-large input {
    width: var(--lldesign-input-height-large);
    height: var(--lldesign-input-height-large)
}

.cb-input-verify-mini {
    padding: 0
}

.cb-input-verify-mini input {
    width: var(--lldesign-input-height-mini);
    height: var(--lldesign-input-height-mini)
}

.cb-input-verify-small {
    padding: 0
}

.cb-input-verify-small input {
    width: var(--lldesign-input-height-small);
    height: var(--lldesign-input-height-small)
}

.cb-input-verify-disabled .cb-input-verify-input {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

.cb-form-item-error .cb-input-verify-rel {
    border-color: var(--lldesign-input-border-error-color, transparent);
    background-color: var(--lldesign-input-error-bg, var(--lldesign-color-error-1))
}

.cb-form-item-error .cb-input-verify-rel:hover {
    background-color: var(--lldesign-input-error-bg-hover, var(--lldesign-color-error-2))
}

.cb-form-item-error .cb-input-verify-rel-focus,
.cb-form-item-error .cb-input-verify-rel-focus:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-form-item-error .cb-input-verify-rel-focused-focus,
.cb-form-item-error .cb-input-verify-rel-focused-focus:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-scrollbar-wrapper {
    width: auto;
    margin: 0 auto;
    position: relative;
    outline: 0
}

.cb-scrollbar-container {
    overflow-y: scroll
}

.cb-scrollbar-content {
    opacity: 1;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.cb-scrollbar-content-loading {
    opacity: .5
}

.cb-scrollbar-loader {
    text-align: center;
    padding: 0;
    -webkit-transition: padding .5s;
    transition: padding .5s
}

.cb-scrollbar-loader-wrapper {
    padding: 5px 0;
    height: 0;
    background-color: inherit;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: opacity .3s, height .5s, -webkit-transform .5s;
    transition: opacity .3s, height .5s, -webkit-transform .5s;
    transition: opacity .3s, transform .5s, height .5s;
    transition: opacity .3s, transform .5s, height .5s, -webkit-transform .5s
}

.cb-scrollbar-loader-wrapper-active {
    height: 40px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

@-webkit-keyframes ani-demo-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes ani-demo-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.cb-scrollbar-loader-wrapper .cb-scrollbar-spinner {
    position: relative
}

.cb-scrollbar-loader-wrapper .cb-scrollbar-spinner-icon {
    margin: 0;
    -webkit-animation: ani-demo-spin 1s linear infinite;
    animation: ani-demo-spin 1s linear infinite
}

.cb-scrollbar {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%
}

.cb-scrollbar-show .cb-scrollbar__bar:not(.is-hidden),
.cb-scrollbar:active .cb-scrollbar__bar:not(.is-hidden),
.cb-scrollbar:focus .cb-scrollbar__bar:not(.is-hidden),
.cb-scrollbar:hover .cb-scrollbar__bar:not(.is-hidden) {
    opacity: 1;
    -webkit-transition: opacity 340ms ease-out;
    transition: opacity 340ms ease-out
}

.cb-scrollbar.scrollbar-y-wrapper .cb-scrollbar__wrap {
    overflow-y: scroll
}

.cb-scrollbar.scrollbar-y-wrapper .cb-scrollbar__wrap[data-mask=start] {
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(90%, #000), to(transparent));
    mask: linear-gradient(#000 90%, transparent);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(90%, #000), to(transparent));
    -webkit-mask: linear-gradient(#000 90%, transparent)
}

.cb-scrollbar.scrollbar-y-wrapper .cb-scrollbar__wrap[data-mask=start-end] {
    mask: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(10%, #000), color-stop(90%, #000), to(transparent));
    mask: linear-gradient(transparent, #000 10%, #000 90%, transparent);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(10%, #000), color-stop(90%, #000), to(transparent));
    -webkit-mask: linear-gradient(transparent, #000 10%, #000 90%, transparent)
}

.cb-scrollbar.scrollbar-y-wrapper .cb-scrollbar__wrap[data-mask=end] {
    mask: -webkit-gradient(linear, left bottom, left top, color-stop(90%, #000), to(transparent));
    mask: linear-gradient(0deg, #000 90%, transparent);
    -webkit-mask: -webkit-gradient(linear, left bottom, left top, color-stop(90%, #000), to(transparent));
    -webkit-mask: linear-gradient(0deg, #000 90%, transparent)
}

.cb-scrollbar.scrollbar-y-wrapper .is-horizontal:not(.is-all) {
    display: none
}

.cb-scrollbar.scrollbar-x-wrapper .cb-scrollbar__wrap {
    overflow-x: scroll
}

.cb-scrollbar.scrollbar-x-wrapper .cb-scrollbar__wrap[data-mask=start] {
    mask: -webkit-gradient(linear, left top, right top, color-stop(90%, #000), to(transparent));
    mask: linear-gradient(90deg, #000 90%, transparent);
    -webkit-mask: -webkit-gradient(linear, left top, right top, color-stop(90%, #000), to(transparent));
    -webkit-mask: linear-gradient(90deg, #000 90%, transparent)
}

.cb-scrollbar.scrollbar-x-wrapper .cb-scrollbar__wrap[data-mask=start-end] {
    mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, #000), color-stop(90%, #000), to(transparent));
    mask: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
    -webkit-mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, #000), color-stop(90%, #000), to(transparent));
    -webkit-mask: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent)
}

.cb-scrollbar.scrollbar-x-wrapper .cb-scrollbar__wrap[data-mask=end] {
    mask: -webkit-gradient(linear, right top, left top, color-stop(90%, #000), to(transparent));
    mask: linear-gradient(-90deg, #000 90%, transparent);
    -webkit-mask: -webkit-gradient(linear, right top, left top, color-stop(90%, #000), to(transparent));
    -webkit-mask: linear-gradient(-90deg, #000 90%, transparent)
}

.cb-scrollbar.scrollbar-x-wrapper .is-vertical:not(.is-all) {
    display: none
}

.cb-scrollbar-auto-display .cb-scrollbar__bar {
    opacity: 0
}

.cb-scrollbar__scroll-lock {
    -ms-scroll-chaining: none;
    overscroll-behavior: none
}

.cb-scrollbar__wrap {
    overflow: hidden;
    height: 100%
}

.cb-scrollbar__wrap--hidden-default {
    scrollbar-color: transparent transparent;
    scrollbar-track-color: transparent;
    -ms-scrollbar-track-color: transparent;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.cb-scrollbar__wrap--hidden-default::-webkit-scrollbar {
    width: 0;
    height: 0
}

.cb-scrollbar__thumb {
    position: relative;
    display: block;
    size: 0;
    cursor: pointer;
    border-radius: inherit;
    background-color: rgba(102, 106, 119, .3);
    -webkit-transition: .3s background-color;
    transition: .3s background-color
}

.cb-scrollbar__thumb:hover {
    background-color: rgba(88, 91, 103, .5)
}

.cb-scrollbar__bar {
    position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 5;
    border-radius: 4px;
    opacity: .6;
    -webkit-transition: opacity 120ms ease-out;
    transition: opacity 120ms ease-out;
    background: rgba(118, 120, 124, .1)
}

.cb-scrollbar__bar.is-vertical {
    width: 6px;
    top: 2px
}

.cb-scrollbar__bar.is-vertical>div {
    width: 100%
}

.cb-scrollbar__bar.is-vertical.is-all {
    bottom: 10px
}

.cb-scrollbar__bar.is-horizontal {
    height: 6px;
    left: 2px
}

.cb-scrollbar__bar.is-horizontal>div {
    height: 100%
}

.cb-scrollbar__bar.is-horizontal.is-all {
    right: 10px
}

.cb-scrollbar__bar.is-hidden {
    opacity: 0;
    pointer-events: none
}

.cb-scrollbar__bar.is-none {
    display: none
}

.cb-scrollbar__bar-auto.is-vertical,
.cb-scrollbar__bar-small.is-vertical,
.cb-scrollbar__bar-tiny.is-vertical {
    width: 4px
}

.cb-scrollbar__bar-auto.is-horizontal,
.cb-scrollbar__bar-small.is-horizontal,
.cb-scrollbar__bar-tiny.is-horizontal {
    height: 4px
}

.cb-scrollbar__bar-auto.is-vertical:active,
.cb-scrollbar__bar-auto.is-vertical:hover {
    width: 6px
}

.cb-scrollbar__bar-auto.is-horizontal:active,
.cb-scrollbar__bar-auto.is-horizontal:hover {
    height: 6px
}

.cb-scrollbar__bar-tiny {
    background: 0 0
}

.cb-scrollbar__bar-none {
    display: none
}

.cb-tag {
    display: inline-block;
    height: 24px;
    line-height: 22px;
    margin: 2px 4px 2px 0;
    padding: 0 8px;
    border: 1px solid transparent;
    border-radius: var(--lldesign-button-radius);
    background: var(--lldesign-color-fill-2);
    font-size: 12px;
    vertical-align: middle;
    opacity: 1;
    overflow: hidden;
    cursor: pointer
}

.cb-tag-size-large {
    height: 32px;
    line-height: 30px;
    padding: 0 12px
}

.cb-tag-size-small {
    height: 20px;
    line-height: 18px;
    padding: 0 6px
}

.cb-tag:not(.cb-tag-border):not(.cb-tag-dot):not(.cb-tag-checked) {
    background: 0 0;
    color: var(--lldesign-color-text-2)
}

.cb-tag:not(.cb-tag-border):not(.cb-tag-dot):not(.cb-tag-checked) .cb-icon-close {
    color: var(--lldesign-color-text-2)!important
}

.cb-tag-checkable {
    cursor: pointer
}

.cb-tag-checkable:not(.cb-tag-checked):hover {
    background: var(--lldesign-color-fill-1)!important
}

.cb-tag-color-white,
.cb-tag-color-white .cb-tag-text {
    color: #fff!important
}

.cb-tag-color-error .cb-icon-close,
.cb-tag-color-primary .cb-icon-close,
.cb-tag-color-success .cb-icon-close,
.cb-tag-color-warning .cb-icon-close {
    color: #000
}

.cb-tag-checked .cb-tag-color-primary {
    color: var(--lldesign-color-brand-6)!important
}

.cb-tag-checked .cb-tag-color-success {
    color: var(--lldesign-color-success-6)!important
}

.cb-tag-checked .cb-tag-color-warning {
    color: var(--lldesign-color-warning-6)!important
}

.cb-tag-checked .cb-tag-color-error {
    color: var(--lldesign-color-error-6)!important
}

.cb-tag-dot {
    height: 32px;
    line-height: 30px;
    border: 1px solid var(--lldesign-color-border-2)!important;
    color: var(--lldesign-color-text-2)!important;
    background: var(--lldesign-color-bg-4)!important;
    padding: 0 12px
}

.cb-tag-dot-inner {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 4px;
    border-radius: 50%;
    background: var(--lldesign-color-border-2);
    position: relative;
    top: 1px
}

.cb-tag-dot .cb-icon-close {
    color: var(--lldesign-color-text-2)!important
}

.cb-tag-text {
    color: var(--lldesign-color-text-2)
}

.cb-tag-text a:first-child:last-child {
    display: inline-block;
    margin: 0 -8px;
    padding: 0 8px
}

.cb-tag .cb-icon-close {
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-left: 4px;
    margin-right: -4px;
    opacity: .66;
    position: relative;
    font-size: inherit;
    line-height: 16px;
    font-size: 12px;
    text-align: center;
    border-radius: 20px
}

.cb-tag .cb-icon-close:hover {
    opacity: 1;
    background-color: var(--lldesign-color-split-1)
}

.cb-tag-primary {
    background: var(--lldesign-color-brand-light-1)
}

.cb-tag-primary .cb-icon-close {
    color: var(--lldesign-color-brand-6)
}

.cb-tag:not(.cb-tag-dot).cb-tag-primary.cb-tag-checked .cb-icon-close:hover {
    background: var(--lldesign-color-brand-light-2);
    color: var(--lldesign-color-brand-6)
}

.cb-tag-primary.cb-tag-dot .cb-tag-dot-inner {
    background: var(--lldesign-color-brand-6)
}

.cb-tag-success {
    background: var(--lldesign-color-success-light-1)
}

.cb-tag-success .cb-icon-close {
    color: var(--lldesign-color-success-6)
}

.cb-tag:not(.cb-tag-dot).cb-tag-success.cb-tag-checked .cb-icon-close:hover {
    background: var(--lldesign-color-success-light-2);
    color: var(--lldesign-color-success-6)
}

.cb-tag-success.cb-tag-dot .cb-tag-dot-inner {
    background: var(--lldesign-color-success-6)
}

.cb-tag-warning {
    background: var(--lldesign-color-warning-light-1)
}

.cb-tag-warning.cb-tag-checked .cb-icon-close {
    color: var(--lldesign-color-warning-6)
}

.cb-tag:not(.cb-tag-dot).cb-tag-warning.cb-tag-checked .cb-icon-close:hover {
    background: var(--lldesign-color-warning-light-2);
    color: var(--lldesign-color-warning-6)
}

.cb-tag-warning.cb-tag-dot .cb-tag-dot-inner {
    background: var(--lldesign-color-warning-6)
}

.cb-tag-error {
    background: var(--lldesign-color-error-light-1)
}

.cb-tag-error .cb-icon-close {
    color: var(--lldesign-color-error-6)
}

.cb-tag:not(.cb-tag-dot).cb-tag-error.cb-tag-checked .cb-icon-close:hover {
    background: var(--lldesign-color-error-light-2);
    color: var(--lldesign-color-error-6)
}

.cb-tag-error.cb-tag-dot .cb-tag-dot-inner {
    background: var(--lldesign-color-error-6)
}

.cb-tag-default .cb-icon-close:hover,
.cb-tag-dot .cb-icon-close:hover {
    color: var(--lldesign-color-text-1);
    background-color: var(--lldesign-color-split-1)
}

.cb-tag-border {
    border-color: var(--lldesign-color-border-2);
    background: 0 0!important;
    position: relative
}

.cb-tag-border.cb-tag-primary {
    color: var(--lldesign-color-brand-6)!important;
    border: 1px solid var(--lldesign-color-brand-6)!important
}

.cb-tag-border.cb-tag-success {
    color: var(--lldesign-color-success-6)!important;
    border: 1px solid var(--lldesign-color-success-6)!important
}

.cb-tag-border.cb-tag-warning {
    color: var(--lldesign-color-warning-6)!important;
    border: 1px solid var(--lldesign-color-warning-6)!important
}

.cb-tag-border.cb-tag-error {
    color: var(--lldesign-color-error-6)!important;
    border: 1px solid var(--lldesign-color-error-6)!important
}

.cb-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    background: #f5f7f9
}

.cb-layout.cb-layout-has-sider {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.cb-layout.cb-layout-has-sider>.cb-layout,
.cb-layout.cb-layout-has-sider>.cb-layout-content {
    overflow-x: hidden
}

.cb-layout-footer,
.cb-layout-header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.cb-layout-header {
    background: #515a6e;
    padding: 0 50px;
    height: 64px;
    line-height: 64px
}

.cb-layout-sider {
    -webkit-transition: all .2s var(--lldesign-transition-standard);
    transition: all .2s var(--lldesign-transition-standard);
    position: relative;
    background: #515a6e;
    min-width: 0
}

.cb-layout-sider-children {
    height: 100%;
    padding-top: .1px;
    margin-top: -.1px
}

.cb-layout-sider-has-trigger {
    padding-bottom: 48px
}

.cb-layout-sider-trigger {
    position: fixed;
    bottom: 0;
    text-align: center;
    cursor: pointer;
    height: 48px;
    line-height: 48px;
    color: var(--lldesign-color-white);
    background: #515a6e;
    z-index: 1000;
    -webkit-transition: all .2s var(--lldesign-transition-standard);
    transition: all .2s var(--lldesign-transition-standard)
}

.cb-layout-sider-trigger .cb-icon {
    margin: 0;
    font-size: 16px
}

.cb-layout-sider-trigger>* {
    -webkit-transition: all .2s;
    transition: all .2s
}

.cb-layout-sider-trigger-collapsed .cb-layout-sider-trigger-icon {
    -webkit-transform: rotateZ(180deg);
    -ms-transform: rotate(180deg);
    transform: rotateZ(180deg)
}

.cb-layout-sider-zero-width>* {
    overflow: hidden
}

.cb-layout-sider-zero-width-trigger {
    position: absolute;
    top: 64px;
    right: -36px;
    text-align: center;
    width: 36px;
    height: 42px;
    line-height: 42px;
    background: #515a6e;
    color: var(--lldesign-color-white);
    font-size: 36px/2;
    border-radius: 0 var(--lldesign-radius-2) var(--lldesign-radius-2) 0;
    cursor: pointer;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

.cb-layout-sider-zero-width-trigger:hover {
    background: #626b7d
}

.cb-layout-sider-zero-width-trigger.cb-layout-sider-zero-width-trigger-left {
    right: 0;
    left: -36px;
    border-radius: var(--lldesign-radius-2) 0 0 var(--lldesign-radius-2)
}

.cb-layout-footer {
    background: #f5f7f9;
    padding: 24px 50px;
    color: var(--lldesign-color-text-2);
    font-size: var(--lldesign-font-size-base)
}

.cb-layout-content {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

.cb-loading-bar {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2000
}

.cb-loading-bar-inner {
    -webkit-transition: width var(--lldesign-animation-time) linear;
    transition: width var(--lldesign-animation-time) linear
}

.cb-loading-bar-inner-color-primary {
    background-color: var(--lldesign-color-brand-6)
}

.cb-loading-bar-inner-failed-color-error {
    background-color: var(--lldesign-color-error-6)
}

.cb-progress {
    display: inline-block;
    width: 100%;
    font-size: var(--lldesign-font-size-small);
    position: relative
}

.cb-progress-vertical {
    height: 100%;
    width: auto
}

.cb-progress-outer {
    display: inline-block;
    width: 100%;
    margin-right: 0;
    padding-right: 0
}

.cb-progress-show-info .cb-progress-outer {
    padding-right: 55px;
    margin-right: -55px
}

.cb-progress-vertical .cb-progress-outer {
    height: 100%;
    width: auto
}

.cb-progress-inner {
    display: inline-block;
    width: 100%;
    background-color: var(--lldesign-color-fill-2);
    border-radius: 100px;
    vertical-align: middle;
    position: relative;
    font-size: 0
}

.cb-progress-vertical .cb-progress-inner {
    height: 100%;
    width: auto
}

.cb-progress-vertical .cb-progress-inner:after,
.cb-progress-vertical .cb-progress-inner>* {
    display: inline-block;
    vertical-align: bottom
}

.cb-progress-vertical .cb-progress-inner:after {
    content: '';
    height: 100%
}

.cb-progress-bg {
    border-radius: 100px;
    background-color: var(--lldesign-color-brand-6);
    -webkit-transition: all var(--lldesign-animation-time) linear;
    transition: all var(--lldesign-animation-time) linear;
    position: relative;
    text-align: right
}

.cb-progress-bg .cb-progress-inner-text {
    position: absolute;
    right: 1em;
    top: 50%;
    color: var(--lldesign-color-white);
    line-height: 1;
    margin-top: -.5em
}

.cb-progress-success-bg {
    border-radius: 100px;
    background-color: var(--lldesign-color-success-6);
    -webkit-transition: all var(--lldesign-animation-time) linear;
    transition: all var(--lldesign-animation-time) linear;
    position: absolute;
    text-align: right;
    top: 0;
    left: 0
}

.cb-progress-success-bg .cb-progress-inner-text {
    position: absolute;
    right: 1em;
    top: 50%;
    color: var(--lldesign-color-white);
    line-height: 1;
    margin-top: -.5em
}

.cb-progress-text {
    display: inline-block;
    margin-left: 5px;
    text-align: left;
    font-size: 1em;
    vertical-align: middle
}

.cb-progress-active .cb-progress-bg:before {
    content: '';
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--lldesign-color-white);
    border-radius: 10px;
    -webkit-animation: cb-progress-active 2s var(--lldesign-transition-standard) infinite;
    animation: cb-progress-active 2s var(--lldesign-transition-standard) infinite
}

.cb-progress-vertical.cb-progress-active .cb-progress-bg:before {
    top: auto;
    -webkit-animation: cb-progress-active-vertical 2s var(--lldesign-transition-standard) infinite;
    animation: cb-progress-active-vertical 2s var(--lldesign-transition-standard) infinite
}

.cb-progress-wrong .cb-progress-bg {
    background-color: var(--lldesign-color-error-6)
}

.cb-progress-wrong .cb-progress-text {
    color: var(--lldesign-color-error-6)
}

.cb-progress-success .cb-progress-bg {
    background-color: var(--lldesign-color-success-6)
}

.cb-progress-success .cb-progress-text {
    color: var(--lldesign-color-success-6)
}

@-webkit-keyframes cb-progress-active {
    0% {
        opacity: .3;
        width: 0
    }
    100% {
        opacity: 0;
        width: 100%
    }
}

@keyframes cb-progress-active {
    0% {
        opacity: .3;
        width: 0
    }
    100% {
        opacity: 0;
        width: 100%
    }
}

@-webkit-keyframes cb-progress-active-vertical {
    0% {
        opacity: .3;
        height: 0
    }
    100% {
        opacity: 0;
        height: 100%
    }
}

@keyframes cb-progress-active-vertical {
    0% {
        opacity: .3;
        height: 0
    }
    100% {
        opacity: 0;
        height: 100%
    }
}

.cb-timeline {
    list-style: none;
    margin: 0;
    padding: 0
}

.cb-timeline-item {
    margin: 0!important;
    padding: 0 0 12px 0;
    list-style: none;
    position: relative
}

.cb-timeline-item-tail {
    border-left: 1px solid var(--lldesign-color-border-2);
    position: absolute;
    left: 3px;
    top: 18px;
    bottom: -3px
}

.cb-timeline-item-pending .cb-timeline-item-tail {
    display: none
}

.cb-timeline-item-head {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: absolute;
    top: 7px
}

.cb-timeline-item-head-primary {
    background-color: var(--lldesign-color-brand-6);
    color: var(--lldesign-color-brand-6)
}

.cb-timeline-item-head-error {
    background-color: var(--lldesign-color-error-6);
    color: var(--lldesign-color-error-6)
}

.cb-timeline-item-head-success {
    background-color: var(--lldesign-color-success-6);
    color: var(--lldesign-color-success-6)
}

.cb-timeline-item-head-warning {
    background-color: var(--lldesign-color-warning-6);
    color: var(--lldesign-color-warning-6)
}

.cb-timeline-item-head-custom {
    width: 21px;
    height: auto;
    text-align: center;
    border: 0;
    border-radius: 0;
    font-size: var(--lldesign-font-size-base);
    position: absolute;
    left: -7px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cb-timeline-item-content {
    padding: 1px 1px 10px 24px;
    font-size: var(--lldesign-font-size-small);
    position: relative
}

.cb-timeline-item:last-child .cb-timeline-item-tail {
    display: none
}

.cb-timeline.cb-timeline-pending .cb-timeline-item:last-of-type .cb-timeline-item-head {
    background-color: transparent;
    -webkit-animation: ani-load-loop 2s linear infinite;
    animation: ani-load-loop 2s linear infinite
}

.cb-timeline.cb-timeline-pending .cb-timeline-item:last-of-type .cb-timeline-item-head::before {
    width: 13px;
    height: 13px;
    font-size: 12px;
    margin: -3px 0 0 -3px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    line-height: 13px;
    content: '\e86c';
    font-family: cbicons;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

:root {
    --lldesign-page-radius-small: var(--lldesign-radius-1);
    --lldesign-page-radius: var(--lldesign-radius-1);
    --lldesign-page-bg-hover: var(--lldesign-color-gray-1);
    --lldesign-page-active-color: var(--lldesign-color-brand-6);
    --lldesign-page-active-bg: var(--lldesign-color-brand-light-1);
    --lldesign-page-active-bg-hover: var(--lldesign-color-brand-light-2);
    --lldesign-page-active-bg-active: var(--lldesign-color-brand-light-2)
}

.cb-page-wrap {
    text-align: right
}

.cb-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cb-page-align-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

.cb-page-align-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

.cb-page-align-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cb-page:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.cb-page-item {
    min-width: var(--lldesign-height-3, 32px);
    height: var(--lldesign-height-3, 32px);
    line-height: var(--lldesign-height-3, 32px);
    margin-right: 8px;
    text-align: center;
    list-style: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    font-family: Arial;
    font-weight: 500;
    border-radius: var(--lldesign-page-radius);
    -webkit-transition: border var(--lldesign-animation-time) var(--lldesign-transition-standard), background var(--lldesign-animation-time) var(--lldesign-transition-standard), color var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: border var(--lldesign-animation-time) var(--lldesign-transition-standard), background var(--lldesign-animation-time) var(--lldesign-transition-standard), color var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-page-item a {
    margin: 0 6px;
    text-decoration: none;
    color: var(--lldesign-color-text-2)
}

.cb-page-item:hover {
    background: var(--lldesign-page-bg-hover)
}

.cb-page-item:hover a {
    color: var(--lldesign-color-text-2)
}

.cb-page-item-active {
    background-color: var(--lldesign-page-active-bg)
}

.cb-page-item-active:hover {
    background-color: var(--lldesign-page-active-bg-hover)
}

.cb-page-item-active a,
.cb-page-item-active:hover a {
    color: var(--lldesign-page-active-color)
}

.cb-page-item-jump-next:after,
.cb-page-item-jump-prev:after {
    font-family: cbicons;
    content: '\e8dd';
    font-size: 1.4em;
    line-height: 1.62;
    display: block;
    color: var(--lldesign-color-text-4);
    text-align: center;
    height: inherit;
    margin-top: -1px
}

.cb-page-item-jump-next i,
.cb-page-item-jump-prev i {
    display: none
}

.cb-page-item-jump-next:hover:after,
.cb-page-item-jump-prev:hover:after {
    display: none
}

.cb-page-item-jump-next:hover i,
.cb-page-item-jump-prev:hover i {
    display: inline
}

.cb-page-item-jump-prev:hover i:after {
    content: '\e8ad';
    margin-left: -8px
}

.cb-page-item-jump-next:hover i:after {
    content: '\e8bc';
    margin-left: -8px
}

.cb-page-prev {
    margin-right: 8px
}

.cb-page-item-jump-next,
.cb-page-item-jump-prev {
    margin-right: 8px
}

.cb-page-item-jump-next,
.cb-page-item-jump-prev,
.cb-page-next,
.cb-page-prev {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: var(--lldesign-height-3, 32px);
    height: var(--lldesign-height-3, 32px);
    line-height: var(--lldesign-height-3, 32px);
    list-style: none;
    text-align: center;
    cursor: pointer;
    font-family: Arial;
    border-radius: var(--lldesign-page-radius);
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-page-item-jump-next,
.cb-page-item-jump-prev {
    border-color: transparent
}

.cb-page-next a,
.cb-page-prev a {
    color: var(--lldesign-color-text-2);
    font-size: 14px;
    display: block;
    padding: 0 8px
}

.cb-page-next a i,
.cb-page-prev a i {
    display: block;
    line-height: 14px;
    margin-top: 9px
}

.cb-page-next:hover,
.cb-page-prev:hover {
    background: var(--lldesign-color-fill-1)
}

.cb-page-next:hover a,
.cb-page-prev:hover a {
    color: var(--lldesign-color-text-2)
}

.cb-page-disabled {
    cursor: not-allowed
}

.cb-page-disabled a {
    color: var(--lldesign-color-text-4)
}

.cb-page-disabled:hover {
    border-color: var(--lldesign-color-border-2)
}

.cb-page-disabled:hover a {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

.cb-page-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 8px
}

.cb-page-options-sizer .cb-select-single .cb-select-selection {
    height: var(--lldesign-height-3, 32px)
}

.cb-page-options-sizer .cb-select-single .cb-select-selection .cb-select-selected-value {
    height: var(--lldesign-height-3, 32px);
    line-height: calc(var(--lldesign-height-3, 32px) - 2px)
}

.cb-page-options-elevator {
    height: var(--lldesign-height-3, 32px);
    line-height: var(--lldesign-height-3, 32px)
}

.cb-page-options-elevator input {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: var(--lldesign-input-height-base);
    line-height: 1.25;
    padding: 0 12px;
    font-size: var(--lldesign-font-size-base);
    color: var(--lldesign-input-text-color, var(--lldesign-color-text-1));
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background: 0 0;
    border: 0 none;
    margin: -1px 0;
    outline: 0;
    position: relative;
    cursor: text;
    background-color: var(--lldesign-input-bg, var(--lldesign-color-fill-2));
    -webkit-transition: border var(--lldesign-animation-time) var(--lldesign-transition-linear), background var(--lldesign-animation-time) var(--lldesign-transition-linear);
    transition: border var(--lldesign-animation-time) var(--lldesign-transition-linear), background var(--lldesign-animation-time) var(--lldesign-transition-linear);
    border: 1px solid var(--lldesign-input-border-color, transparent);
    border-radius: var(--lldesign-input-radius);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: var(--lldesign-page-radius);
    height: var(--lldesign-height-3, 32px);
    width: 50px;
    display: inline-block
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .cb-page-options-elevator input {
        line-height: 1.5!important
    }
}

.cb-page-options-elevator input::-moz-placeholder {
    color: var(--lldesign-color-text-3);
    opacity: 1
}

.cb-page-options-elevator input:-ms-input-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-page-options-elevator input::-webkit-input-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-page-options-elevator input:-webkit-autofill,
.cb-page-options-elevator input:-webkit-autofill:active,
.cb-page-options-elevator input:-webkit-autofill:focus,
.cb-page-options-elevator input:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--lldesign-input-text-color, var(--lldesign-color-text-1));
    -webkit-transition: background-color 60000s ease-in-out 0s;
    transition: background-color 60000s ease-in-out 0s;
    -webkit-animation: onAutoFillStart 1ms linear both;
    animation: onAutoFillStart 1ms linear both
}

.cb-page-options-elevator input:-internal-autofill-previewed,
.cb-page-options-elevator input:-internal-autofill-selected {
    -webkit-text-fill-color: var(--lldesign-input-text-color, var(--lldesign-color-text-1));
    -webkit-transition: background-color 60000s ease-in-out 0s;
    transition: background-color 60000s ease-in-out 0s
}

.cb-page-options-elevator input:not(:-webkit-autofill) {
    -webkit-animation: onAutoFillCancel 1ms linear both;
    animation: onAutoFillCancel 1ms linear both
}

.cb-page-options-elevator input[readonly],
fieldset[readonly] .cb-page-options-elevator input {
    cursor: default
}

.cb-page-options-elevator input[disabled],
fieldset[disabled] .cb-page-options-elevator input {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

.cb-page-options-elevator input[disabled]:hover,
fieldset[disabled] .cb-page-options-elevator input:hover {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

textarea.cb-page-options-elevator input {
    max-width: 100%;
    height: auto;
    line-height: 1.5;
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: var(--lldesign-input-height-base);
    vertical-align: bottom;
    font-size: var(--lldesign-font-size-base)
}

textarea.cb-page-options-elevator input[rows='1'] {
    padding-bottom: 5px
}

.cb-page-options-elevator input-large {
    font-size: var(--lldesign-font-size-base);
    padding: 0 12px;
    height: var(--lldesign-input-height-large)
}

.cb-page-options-elevator input-small {
    padding: 0 12px;
    height: var(--lldesign-input-height-small);
    border-radius: var(--lldesign-input-radius)
}

.cb-page-options-elevator input-max {
    font-size: var(--lldesign-font-size-base);
    padding: 0 12px;
    height: var(--lldesign-input-height-max)
}

.cb-page-options-elevator input-mini {
    padding: 0 12px;
    height: var(--lldesign-input-height-mini);
    border-radius: var(--lldesign-input-radius);
    font-size: var(--lldesign-font-size-small)
}

.cb-page-options-elevator input:hover {
    background-color: var(--lldesign-input-bg-hover, var(--lldesign-color-fill-3));
    border-color: var(--lldesign-input-border-color-hover, transparent)
}

.cb-page-options-elevator input-focus,
.cb-page-options-elevator input-focus:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-page-options-elevator input:focus,
.cb-page-options-elevator input:focus:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-page-options-elevator+.cb-page-options-sizer {
    margin-left: 8px
}

.cb-page-total {
    display: block;
    height: var(--lldesign-height-3, 32px);
    line-height: var(--lldesign-height-3, 32px);
    margin-right: 8px;
    color: var(--lldesign-color-text-3)
}

.cb-page-simple .cb-page-simple-pager {
    margin-right: 8px
}

.cb-page-simple .cb-page-simple-pager input {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: var(--lldesign-input-height-base);
    line-height: 1.25;
    padding: 0 12px;
    font-size: var(--lldesign-font-size-base);
    color: var(--lldesign-input-text-color, var(--lldesign-color-text-1));
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background: 0 0;
    border: 0 none;
    margin: -1px 0;
    position: relative;
    cursor: text;
    background-color: var(--lldesign-input-bg, var(--lldesign-color-fill-2));
    -webkit-transition: border var(--lldesign-animation-time) var(--lldesign-transition-linear), background var(--lldesign-animation-time) var(--lldesign-transition-linear);
    transition: border var(--lldesign-animation-time) var(--lldesign-transition-linear), background var(--lldesign-animation-time) var(--lldesign-transition-linear);
    border: 1px solid var(--lldesign-input-border-color, transparent);
    border-radius: var(--lldesign-input-radius);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: var(--lldesign-page-radius);
    width: 30px;
    margin: 0 8px;
    padding: 5px 8px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    display: inline-block
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .cb-page-simple .cb-page-simple-pager input {
        line-height: 1.5!important
    }
}

.cb-page-simple .cb-page-simple-pager input::-moz-placeholder {
    color: var(--lldesign-color-text-3);
    opacity: 1
}

.cb-page-simple .cb-page-simple-pager input:-ms-input-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-page-simple .cb-page-simple-pager input::-webkit-input-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-page-simple .cb-page-simple-pager input:-webkit-autofill,
.cb-page-simple .cb-page-simple-pager input:-webkit-autofill:active,
.cb-page-simple .cb-page-simple-pager input:-webkit-autofill:focus,
.cb-page-simple .cb-page-simple-pager input:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--lldesign-input-text-color, var(--lldesign-color-text-1));
    -webkit-transition: background-color 60000s ease-in-out 0s;
    transition: background-color 60000s ease-in-out 0s;
    -webkit-animation: onAutoFillStart 1ms linear both;
    animation: onAutoFillStart 1ms linear both
}

.cb-page-simple .cb-page-simple-pager input:-internal-autofill-previewed,
.cb-page-simple .cb-page-simple-pager input:-internal-autofill-selected {
    -webkit-text-fill-color: var(--lldesign-input-text-color, var(--lldesign-color-text-1));
    -webkit-transition: background-color 60000s ease-in-out 0s;
    transition: background-color 60000s ease-in-out 0s
}

.cb-page-simple .cb-page-simple-pager input:not(:-webkit-autofill) {
    -webkit-animation: onAutoFillCancel 1ms linear both;
    animation: onAutoFillCancel 1ms linear both
}

.cb-page-simple .cb-page-simple-pager input[readonly],
fieldset[readonly] .cb-page-simple .cb-page-simple-pager input {
    cursor: default
}

.cb-page-simple .cb-page-simple-pager input[disabled],
fieldset[disabled] .cb-page-simple .cb-page-simple-pager input {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

.cb-page-simple .cb-page-simple-pager input[disabled]:hover,
fieldset[disabled] .cb-page-simple .cb-page-simple-pager input:hover {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

textarea.cb-page-simple .cb-page-simple-pager input {
    max-width: 100%;
    height: auto;
    line-height: 1.5;
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: var(--lldesign-input-height-base);
    vertical-align: bottom;
    font-size: var(--lldesign-font-size-base)
}

textarea.cb-page-simple .cb-page-simple-pager input[rows='1'] {
    padding-bottom: 5px
}

.cb-page-simple .cb-page-simple-pager input-large {
    font-size: var(--lldesign-font-size-base);
    padding: 0 12px;
    height: var(--lldesign-input-height-large)
}

.cb-page-simple .cb-page-simple-pager input-small {
    padding: 0 12px;
    height: var(--lldesign-input-height-small);
    border-radius: var(--lldesign-input-radius)
}

.cb-page-simple .cb-page-simple-pager input-max {
    font-size: var(--lldesign-font-size-base);
    padding: 0 12px;
    height: var(--lldesign-input-height-max)
}

.cb-page-simple .cb-page-simple-pager input-mini {
    padding: 0 12px;
    height: var(--lldesign-input-height-mini);
    border-radius: var(--lldesign-input-radius);
    font-size: var(--lldesign-font-size-small)
}

.cb-page-simple .cb-page-simple-pager input:hover {
    background-color: var(--lldesign-input-bg-hover, var(--lldesign-color-fill-3));
    border-color: var(--lldesign-input-border-color-hover, transparent)
}

.cb-page-simple .cb-page-simple-pager input-focus,
.cb-page-simple .cb-page-simple-pager input-focus:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-page-simple .cb-page-simple-pager input:focus,
.cb-page-simple .cb-page-simple-pager input:focus:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-page-simple .cb-page-simple-pager span {
    padding: 0 8px 0 2px
}

.cb-page-custom-text,
.cb-page-custom-text:hover {
    border-color: transparent
}

.cb-page.mini .cb-page-total {
    height: var(--lldesign-height-2, 28px);
    line-height: var(--lldesign-height-2, 28px)
}

.cb-page.mini .cb-page-item {
    border: 0;
    min-width: var(--lldesign-height-2, 28px);
    height: var(--lldesign-height-2, 28px);
    line-height: var(--lldesign-height-2, 28px);
    border-radius: var(--lldesign-page-radius-small)
}

.cb-page.mini .cb-page-item:not(.cb-page.mini.cb-page-item-active):hover {
    background-color: var(--lldesign-input-bg, var(--lldesign-color-fill-2))
}

.cb-page.mini .cb-page-next,
.cb-page.mini .cb-page-prev {
    min-width: var(--lldesign-height-2, 28px);
    height: var(--lldesign-height-2, 28px);
    line-height: var(--lldesign-height-2, 28px);
    border: 0
}

.cb-page.mini .cb-page-next a i,
.cb-page.mini .cb-page-prev a i {
    margin-top: 7px
}

.cb-page.mini .cb-page-next a i:after,
.cb-page.mini .cb-page-prev a i:after {
    height: var(--lldesign-height-2, 28px);
    line-height: var(--lldesign-height-2, 28px)
}

.cb-page.mini .cb-page-item-jump-next,
.cb-page.mini .cb-page-item-jump-prev {
    height: var(--lldesign-height-2, 28px);
    line-height: var(--lldesign-height-2, 28px);
    border: none;
    margin-right: 0
}

.cb-page.mini .cb-page-options {
    margin-left: 8px
}

.cb-page.mini .cb-page-options-elevator {
    height: var(--lldesign-height-2, 28px);
    line-height: var(--lldesign-height-2, 28px)
}

.cb-page.mini .cb-page-options-elevator input {
    padding: 0 12px;
    height: var(--lldesign-input-height-small);
    border-radius: var(--lldesign-input-radius);
    height: var(--lldesign-height-2, 28px);
    width: 44px
}

.cb-page.mini.cb-page-simple .cb-page-simple-pager input {
    height: var(--lldesign-height-2, 28px)
}

:root {
    --lldesign-step-bg: var(--lldesign-color-bg-2);
    --lldesign-wait-title-color: var(--lldesign-color-text-2);
    --lldesign-wait-desc-color: var(--lldesign-color-text-2);
    --lldesign-wait-tail-color: var(--lldesign-color-border-2);
    --lldesign-steps-title-color: var(--lldesign-color-text-1);
    --lldesign-steps-active-bg: var(--lldesign-color-brand-6);
    --lldesign-steps-active-color: var(--lldesign-color-white);
    --lldesign-steps-finish-bg: var(--lldesign-color-brand-light-2);
    --lldesign-steps-bg: var(--lldesign-color-border-2);
    --lldesign-steps-icon-color: var(--lldesign-color-brand-6);
    --lldesign-step-bootstrap-bg: var(--lldesign-color-border-2);
    --lldesign-step-mask: var(--lldesign-color-white);
    --lldesign-steps-bootstrap-arrow: 24px
}

.dark-theme .cb-steps-horizontal.cb-steps-bootstrap {
    --lldesign-step-bootstrap-bg: var(--lldesign-color-bg-4);
    --lldesign-step-mask: var(--lldesign-color-bg-2)
}

.cb-steps {
    font-size: 0;
    width: 100%;
    line-height: 1.5;
    overflow: hidden
}

.cb-steps.clearfix::after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.cb-steps-item {
    display: block;
    position: relative
}

.cb-steps-item .cb-steps-head {
    background-color: var(--lldesign-step-bg)
}

.cb-steps-item:first-child .cb-steps-head::before {
    pointer-events: none;
    content: '';
    position: absolute;
    width: 1000px;
    right: 100%;
    top: 0;
    height: 100%;
    background-color: var(--lldesign-step-bg)
}

.cb-steps-item:last-child .cb-steps-head::before {
    pointer-events: none;
    content: '';
    position: absolute;
    width: 1000px;
    left: 100%;
    top: 0;
    height: 100%;
    background-color: var(--lldesign-step-bg)
}

.cb-steps-item.cb-steps-status-wait .cb-steps-head-inner {
    background: var(--lldesign-steps-bg)
}

.cb-steps-item.cb-steps-status-wait .cb-steps-head-inner i,
.cb-steps-item.cb-steps-status-wait .cb-steps-head-inner span,
.cb-steps-item.cb-steps-status-wait .cb-steps-head-inner>.cb-steps-icon {
    color: var(--lldesign-wait-title-color)
}

.cb-steps-item.cb-steps-status-wait .cb-steps-title {
    color: var(--lldesign-wait-title-color)
}

.cb-steps-item.cb-steps-status-wait .cb-steps-content {
    color: var(--lldesign-wait-title-color)
}

.cb-steps-item.cb-steps-status-process .cb-steps-head-inner {
    background: var(--lldesign-steps-active-bg)
}

.cb-steps-item.cb-steps-status-process .cb-steps-head-inner i,
.cb-steps-item.cb-steps-status-process .cb-steps-head-inner span,
.cb-steps-item.cb-steps-status-process .cb-steps-head-inner>.cb-steps-icon {
    color: var(--lldesign-steps-active-color)
}

.cb-steps-item.cb-steps-status-process .cb-steps-title {
    color: var(--lldesign-steps-title-color);
    font-weight: 500
}

.cb-steps-item.cb-steps-status-process .cb-steps-content {
    color: var(--lldesign-wait-desc-color)
}

.cb-steps-item.cb-steps-status-process .cb-steps-tail {
    background: var(--lldesign-steps-finish-bg)
}

.cb-steps-item.cb-steps-status-process .cb-steps-tail>i {
    background: var(--lldesign-steps-finish-bg)
}

.cb-steps-item.cb-steps-status-finish .cb-steps-head-inner {
    background: var(--lldesign-steps-finish-bg)
}

.cb-steps-item.cb-steps-status-finish .cb-steps-head-inner i,
.cb-steps-item.cb-steps-status-finish .cb-steps-head-inner span,
.cb-steps-item.cb-steps-status-finish .cb-steps-head-inner>.cb-steps-icon {
    color: var(--lldesign-steps-icon-color)
}

.cb-steps-item.cb-steps-status-finish .cb-steps-tail {
    background: var(--lldesign-steps-finish-bg)
}

.cb-steps-item.cb-steps-status-finish .cb-steps-tail>i {
    background: var(--lldesign-steps-finish-bg)
}

.cb-steps-item.cb-steps-status-finish .cb-steps-title {
    color: var(--lldesign-steps-title-color)
}

.cb-steps-item.cb-steps-status-finish .cb-steps-content {
    color: var(--lldesign-wait-desc-color)
}

.cb-steps-item.cb-steps-status-error .cb-steps-head-inner {
    background-color: var(--lldesign-color-error-light-1)
}

.cb-steps-item.cb-steps-status-error .cb-steps-head-inner i,
.cb-steps-item.cb-steps-status-error .cb-steps-head-inner span,
.cb-steps-item.cb-steps-status-error .cb-steps-head-inner>.cb-steps-icon {
    color: var(--lldesign-color-error-6)
}

.cb-steps-item.cb-steps-status-error .cb-steps-title {
    color: var(--lldesign-color-error-6)
}

.cb-steps-item.cb-steps-status-error .cb-steps-content {
    color: var(--lldesign-color-error-6)
}

.cb-steps-item.cb-steps-status-error .cb-steps-tail>i {
    background-color: var(--lldesign-color-error-light-1)
}

.cb-steps-item:has(+.cb-steps-status-error) .cb-steps-tail>i {
    background-color: var(--lldesign-steps-finish-bg)
}

.cb-steps-item:has(+.cb-steps-status-error) .cb-steps-tail>i:after {
    background-color: var(--lldesign-color-error-light-1);
    left: 50%
}

.cb-steps-item.cb-steps-custom .cb-steps-head-inner {
    border: 0;
    width: auto;
    height: auto
}

.cb-steps-item.cb-steps-custom .cb-steps-head-inner>.cb-steps-icon {
    position: absolute;
    font-size: 19px;
    top: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: block;
    text-align: center;
    margin: 0
}

.cb-steps-item.cb-steps-custom.cb-steps-status-process .cb-steps-head-inner>.cb-steps-icon {
    color: var(--lldesign-steps-active-color)
}

.cb-steps-item:first-child .cb-steps-point {
    width: auto
}

.cb-steps-item:first-child .cb-steps-point .cb-steps-main {
    width: auto;
    margin-left: 0
}

.cb-steps-item:last-child .cb-steps-point {
    width: auto
}

.cb-steps-item:last-child .cb-steps-point .cb-steps-main {
    width: auto;
    margin-left: 0
}

.cb-steps-point {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 2;
    width: 30px
}

.cb-steps-point>div {
    position: relative;
    z-index: 3
}

.cb-steps-point .cb-steps-main {
    width: 430px;
    margin-left: -200px
}

.cb-steps .cb-steps-head,
.cb-steps .cb-steps-main {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.cb-steps .cb-steps-head-inner {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 8px;
    text-align: center;
    border-radius: 50%;
    font-size: 16px
}

.cb-steps .cb-steps-head-inner>.cb-steps-icon {
    line-height: 1;
    position: relative
}

.cb-steps .cb-steps-head-inner>.cb-steps-icon.cb-icon {
    font-size: 16px
}

.cb-steps .cb-steps-head-inner>.cb-steps-icon.cb-icon-checked,
.cb-steps .cb-steps-head-inner>.cb-steps-icon.cb-icon-close {
    font-weight: 800
}

.cb-steps .cb-steps-main {
    display: block
}

.cb-steps .cb-steps-custom .cb-steps-title {
    margin-top: 2px
}

.cb-steps .cb-steps-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    text-align: center;
    font-size: 14px;
    color: var(--lldesign-wait-title-color)
}

.cb-steps .cb-steps-item-last .cb-steps-title {
    padding-right: 0;
    width: 100%
}

.cb-steps .cb-steps-content {
    font-size: var(--lldesign-font-size-base)
}

.cb-steps .cb-steps-tail {
    width: 50%;
    position: absolute;
    left: 50%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    z-index: 1;
    top: 14px;
    height: 2px;
    background-color: var(--lldesign-wait-tail-color)
}

.cb-steps .cb-steps-tail>i {
    display: block;
    width: 100%;
    height: 100%;
    background: var(--lldesign-wait-tail-color);
    position: relative;
    margin-left: -100%
}

.cb-steps .cb-steps-item:first-child .cb-steps-tail i,
.cb-steps .cb-steps-item:last-child .cb-steps-tail i {
    display: none
}

.cb-steps .cb-steps-item:last-child .cb-steps-tail i {
    display: none
}

.cb-steps.cb-steps-small .cb-steps-head-inner {
    width: 21px;
    height: 21px;
    line-height: 21px;
    margin: 0 auto 10px;
    text-align: center;
    border-radius: 50%;
    font-size: 12px
}

.cb-steps.cb-steps-small .cb-steps-head-inner>.cb-steps-icon.cb-icon {
    font-size: 12px;
    line-height: 21px;
    width: 21px;
    height: 21px
}

.cb-steps.cb-steps-small .cb-steps-main {
    margin-top: 0
}

.cb-steps.cb-steps-small .cb-steps-title {
    margin-bottom: 4px;
    margin-top: 0;
    font-size: 12px
}

.cb-steps.cb-steps-small .cb-steps-content {
    font-size: 12px
}

.cb-steps.cb-steps-small .cb-steps-tail {
    top: 10px;
    height: 1px
}

.cb-steps .cb-steps-item.cb-steps-custom .cb-steps-head-inner {
    width: 30px;
    height: 30px
}

.cb-steps.cb-steps-small .cb-steps-item.cb-steps-custom .cb-steps-head-inner {
    width: 21px;
    height: 21px
}

.cb-steps-vertical .cb-steps-item {
    display: block
}

.cb-steps-vertical .cb-steps-item .cb-steps-main {
    float: left;
    width: auto;
    margin: 0
}

.cb-steps-vertical .cb-steps-item:last-child .cb-steps-tail {
    display: none
}

.cb-steps-vertical .cb-steps-tail {
    position: absolute;
    left: 14px;
    top: 0;
    height: 100%;
    width: 2px
}

.cb-steps-vertical .cb-steps-tail>i {
    display: none
}

.cb-steps-vertical .cb-steps-head {
    float: left
}

.cb-steps-vertical .cb-steps-head::before {
    display: none
}

.cb-steps-vertical .cb-steps-head-inner {
    margin-right: 16px;
    margin-bottom: 0
}

.cb-steps-vertical .cb-steps-point {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: auto
}

.cb-steps-vertical .cb-steps-point::before {
    display: none
}

.cb-steps-vertical .cb-steps-main {
    min-height: 47px;
    overflow: hidden;
    display: block
}

.cb-steps-vertical .cb-steps-main .cb-steps-title {
    line-height: 26px;
    text-align: left
}

.cb-steps-vertical .cb-steps-main .cb-steps-content {
    padding-bottom: 12px;
    padding-left: 0
}

.cb-steps-vertical.cb-steps-small .cb-steps-tail {
    position: absolute;
    left: 10px;
    top: 0;
    width: 1px;
    height: 100%
}

.cb-steps-vertical.cb-steps-small .cb-steps-head-inner {
    margin-right: 8px;
    margin-bottom: 0
}

.cb-steps-vertical.cb-steps-small .cb-steps-title {
    line-height: 18px
}

.cb-steps-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cb-steps-horizontal .cb-steps-item {
    display: block;
    float: left;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    min-width: 0;
    text-align: center;
    overflow: hidden
}

.cb-steps-horizontal .cb-steps-item:first-child {
    text-align: left
}

.cb-steps-horizontal .cb-steps-item:first-child .cb-steps-point .cb-steps-mask {
    left: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    z-index: 2;
    background: var(--lldesign-color-white);
    position: absolute
}

.cb-steps-horizontal .cb-steps-item:first-child .cb-steps-tail {
    width: 100%;
    left: 0
}

.cb-steps-horizontal .cb-steps-item:last-child {
    text-align: right
}

.cb-steps-horizontal .cb-steps-item:last-child .cb-steps-point .cb-steps-mask {
    right: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    z-index: 2;
    background: var(--lldesign-color-white);
    position: absolute
}

.cb-steps-horizontal .cb-steps-item:last-child .cb-steps-tail {
    width: 100%;
    left: auto;
    right: 0
}

.cb-steps-horizontal .cb-steps-item:first-child,
.cb-steps-horizontal .cb-steps-item:last-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.cb-steps-horizontal .cb-steps-item .cb-steps-point {
    text-align: center;
    max-width: 100%
}

.cb-steps-horizontal.cb-steps-equal .cb-steps-item {
    -webkit-box-flex: 1!important;
    -ms-flex: 1!important;
    flex: 1!important;
    text-align: left
}

.cb-steps-horizontal.cb-steps-equal .cb-steps-item:first-child {
    margin-left: 0
}

.cb-steps-horizontal.cb-steps-equal .cb-steps-item:first-child .cb-steps-point {
    margin-left: 0
}

.cb-steps-horizontal.cb-steps-equal .cb-steps-item:last-child {
    -webkit-box-flex: 0!important;
    -ms-flex: none!important;
    flex: none!important;
    margin-right: 0
}

.cb-steps-horizontal.cb-steps-equal .cb-steps-item:last-child .cb-steps-point {
    margin-right: 0
}

.cb-steps-horizontal.cb-steps-equal .cb-steps-item .cb-steps-point {
    width: 140px
}

.cb-steps-horizontal.cb-steps-equal .cb-steps-item .cb-steps-point::before {
    display: none
}

.cb-steps-horizontal.cb-steps-equal .cb-steps-item .cb-steps-point .cb-steps-main {
    width: auto;
    margin: 0
}

.cb-steps-horizontal.cb-steps-equal .cb-steps-item .cb-steps-tail {
    margin-left: calc(140px / 2);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 50%;
    left: 0
}

.cb-steps-horizontal.cb-steps-equal .cb-steps-item .cb-steps-tail i {
    display: block;
    width: 100%;
    margin-left: -100%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.cb-steps-horizontal.cb-steps-equal .cb-steps-item .cb-steps-tail::after {
    content: '';
    left: 100%;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: var(--lldesign-wait-tail-color)
}

.cb-steps-horizontal.cb-steps-equal .cb-steps-item:first-child .cb-steps-tail i {
    display: none
}

.cb-steps-horizontal.cb-steps-equal .cb-steps-item.cb-steps-status-finish .cb-steps-tail::after {
    background-color: var(--lldesign-steps-finish-bg)
}

.cb-steps-horizontal.cb-steps-equal .cb-steps-item:has(+.cb-steps-status-error) .cb-steps-tail::after {
    background-color: var(--lldesign-color-error-light-1)
}

.cb-steps-dot .cb-steps-item .cb-steps-point .cb-steps-head-inner {
    -webkit-transform: scale(.4);
    -ms-transform: scale(.4);
    transform: scale(.4)
}

.cb-steps-dot .cb-steps-item .cb-steps-point .cb-steps-head-inner>* {
    display: none
}

.cb-steps-dot.cb-steps-vertical .cb-steps-tail {
    margin-top: 12px
}

.cb-steps-dot.cb-steps-vertical.cb-steps-small .cb-steps-tail {
    margin-top: 8px
}

.cb-steps-horizontal.cb-steps-linear .cb-steps-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    margin-right: 12px
}

.cb-steps-horizontal.cb-steps-linear .cb-steps-item:first-child {
    margin-left: 0
}

.cb-steps-horizontal.cb-steps-linear .cb-steps-item:first-child .cb-steps-head {
    background: 0 0
}

.cb-steps-horizontal.cb-steps-linear .cb-steps-item:first-child .cb-steps-head::before {
    display: none
}

.cb-steps-horizontal.cb-steps-linear .cb-steps-item:last-child {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 0
}

.cb-steps-horizontal.cb-steps-linear .cb-steps-item:last-child .cb-steps-head {
    background: 0 0
}

.cb-steps-horizontal.cb-steps-linear .cb-steps-item:last-child .cb-steps-head::before {
    display: none
}

.cb-steps-horizontal.cb-steps-linear .cb-steps-tail {
    display: none
}

.cb-steps-horizontal.cb-steps-linear .cb-steps-point {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.cb-steps-horizontal.cb-steps-linear .cb-steps-mask {
    display: none
}

.cb-steps-horizontal.cb-steps-linear .cb-steps-head {
    display: block;
    margin-right: 12px
}

.cb-steps-horizontal.cb-steps-linear .cb-steps-head-inner {
    margin: 0
}

.cb-steps-horizontal.cb-steps-linear .cb-steps-main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 0
}

.cb-steps-horizontal.cb-steps-linear .cb-steps-title {
    position: relative;
    overflow: inherit;
    display: inline-block;
    vertical-align: top;
    line-height: 32px
}

.cb-steps-horizontal.cb-steps-linear .cb-steps-title::after {
    content: '';
    width: 10000px;
    left: 100%;
    top: 50%;
    height: 2px;
    margin-top: -1px;
    background-color: var(--lldesign-wait-tail-color);
    position: absolute;
    margin-left: 12px
}

.cb-steps-horizontal.cb-steps-linear .cb-steps-content,
.cb-steps-horizontal.cb-steps-linear .cb-steps-main,
.cb-steps-horizontal.cb-steps-linear .cb-steps-title {
    text-align: left
}

.cb-steps-horizontal.cb-steps-linear .cb-steps-content {
    white-space: nowrap
}

.cb-steps-horizontal.cb-steps-linear .cb-steps-item.cb-steps-status-finish .cb-steps-title::after {
    background-color: var(--lldesign-steps-finish-bg)
}

.cb-steps-horizontal.cb-steps-linear .cb-steps-item:last-child .cb-steps-title:after {
    display: none
}

.cb-steps-horizontal.cb-steps-linear .cb-steps-item:first-child .cb-steps-point {
    margin-left: 0
}

.cb-steps-horizontal.cb-steps-linear .cb-steps-item:last-child .cb-steps-point {
    margin-right: 0
}

.cb-steps-horizontal.cb-steps-bootstrap .cb-steps-item {
    text-align: center;
    -webkit-box-flex: 1!important;
    -ms-flex: 1!important;
    flex: 1!important;
    margin: 0 2px 0 0;
    padding: 11px 8px 11px 23px;
    overflow: initial;
    background-color: var(--lldesign-steps-bg)
}

.cb-steps-horizontal.cb-steps-bootstrap .cb-steps-item:first-child {
    margin-left: 0;
    border-radius: var(--lldesign-radius-1) 0 0 var(--lldesign-radius-1)
}

.cb-steps-horizontal.cb-steps-bootstrap .cb-steps-item:last-child {
    overflow: hidden;
    margin-right: 0;
    border-radius: 0 var(--lldesign-radius-1) var(--lldesign-radius-1) 0
}

.cb-steps-horizontal.cb-steps-bootstrap .cb-steps-item .cb-steps-point {
    width: 100%;
    margin: 0
}

.cb-steps-horizontal.cb-steps-bootstrap .cb-steps-item .cb-steps-point .cb-steps-mask {
    display: none
}

.cb-steps-horizontal.cb-steps-bootstrap .cb-steps-item .cb-steps-point .cb-steps-head {
    background-color: transparent
}

.cb-steps-horizontal.cb-steps-bootstrap .cb-steps-item .cb-steps-point .cb-steps-head::before {
    display: none
}

.cb-steps-horizontal.cb-steps-bootstrap .cb-steps-item .cb-steps-point .cb-steps-head-inner {
    margin-bottom: 0;
    background: 0 0;
    border: 1px solid var(--lldesign-wait-title-color);
    width: 20px;
    height: 20px;
    line-height: 18px;
    font-size: 12px
}

.cb-steps-horizontal.cb-steps-bootstrap .cb-steps-item .cb-steps-main {
    width: auto;
    margin-left: 10px;
    display: inline-block;
    line-height: 20px
}

.cb-steps-horizontal.cb-steps-bootstrap .cb-steps-item .cb-steps-main .cb-steps-title {
    color: var(--lldesign-wait-title-color);
    margin: 0
}

.cb-steps-horizontal.cb-steps-bootstrap .cb-steps-item .cb-steps-tail {
    background: 0 0;
    width: calc(var(--lldesign-steps-bootstrap-arrow) + 2px);
    height: 100%;
    left: 100%;
    right: 0;
    top: 0;
    overflow: hidden
}

.cb-steps-horizontal.cb-steps-bootstrap .cb-steps-item .cb-steps-tail:after,
.cb-steps-horizontal.cb-steps-bootstrap .cb-steps-item .cb-steps-tail>i {
    display: block;
    border-top: var(--lldesign-steps-bootstrap-arrow) solid transparent;
    border-left: var(--lldesign-steps-bootstrap-arrow) solid var(--lldesign-step-bg);
    border-bottom: var(--lldesign-steps-bootstrap-arrow) solid transparent;
    margin: calc(0px - var(--lldesign-steps-bootstrap-arrow)) 0 0 0;
    width: 0;
    height: 0;
    right: 0;
    top: 50%;
    position: absolute;
    background: 0 0;
    z-index: 0
}

.cb-steps-horizontal.cb-steps-bootstrap .cb-steps-item .cb-steps-tail:after {
    content: '';
    border-left-color: var(--lldesign-steps-bg);
    right: 4px;
    z-index: 1
}

.cb-steps-horizontal.cb-steps-bootstrap .cb-steps-item.cb-steps-status-finish {
    background: var(--lldesign-steps-finish-bg)
}

.cb-steps-horizontal.cb-steps-bootstrap .cb-steps-item.cb-steps-status-finish .cb-steps-point .cb-steps-head-inner {
    border-color: var(--lldesign-steps-icon-color)
}

.cb-steps-horizontal.cb-steps-bootstrap .cb-steps-item.cb-steps-status-finish .cb-steps-main .cb-steps-title {
    color: var(--lldesign-steps-icon-color)
}

.cb-steps-horizontal.cb-steps-bootstrap .cb-steps-item.cb-steps-status-finish .cb-steps-tail::after {
    border-left-color: var(--lldesign-steps-finish-bg)
}

.cb-steps-horizontal.cb-steps-bootstrap .cb-steps-item.cb-steps-status-process {
    background: var(--lldesign-steps-active-bg)
}

.cb-steps-horizontal.cb-steps-bootstrap .cb-steps-item.cb-steps-status-process .cb-steps-point .cb-steps-head-inner {
    border-color: var(--lldesign-steps-active-color)
}

.cb-steps-horizontal.cb-steps-bootstrap .cb-steps-item.cb-steps-status-process .cb-steps-main .cb-steps-title {
    color: var(--lldesign-steps-active-color)
}

.cb-steps-horizontal.cb-steps-bootstrap .cb-steps-item.cb-steps-status-process .cb-steps-tail::after {
    border-left-color: var(--lldesign-steps-active-bg)
}

.cb-steps-horizontal.cb-steps-bootstrap .cb-steps-item.cb-steps-status-error {
    background: var(--lldesign-color-error-light-1)
}

.cb-steps-horizontal.cb-steps-bootstrap .cb-steps-item.cb-steps-status-error .cb-steps-point .cb-steps-head-inner {
    border-color: var(--lldesign-color-error-6)
}

.cb-steps-horizontal.cb-steps-bootstrap .cb-steps-item.cb-steps-status-error .cb-steps-main .cb-steps-title {
    color: var(--lldesign-color-error-6)
}

.cb-steps-horizontal.cb-steps-bootstrap .cb-steps-item.cb-steps-status-error .cb-steps-tail::after {
    border-left-color: var(--lldesign-color-error-light-1)
}

.cb-steps-horizontal.cb-steps-bootstrap.cb-steps-small .cb-steps-item {
    padding: 4px 8px 4px 18px
}

.cb-steps-horizontal.cb-steps-bootstrap.cb-steps-small .cb-steps-item .cb-steps-point .cb-steps-head-inner {
    width: 16px;
    height: 16px;
    line-height: 14px
}

.cb-steps-horizontal.cb-steps-bootstrap.cb-steps-small .cb-steps-item .cb-steps-point .cb-steps-head-inner>.cb-steps-icon.cb-icon {
    width: 14px;
    height: 14px;
    line-height: 14px
}

.cb-steps-horizontal.cb-steps-bootstrap.cb-steps-small .cb-steps-item .cb-steps-main {
    line-height: 16px;
    margin-left: 6px
}

.cb-steps-horizontal.cb-steps-bootstrap.cb-steps-small .cb-steps-item .cb-steps-main .cb-steps-title {
    font-weight: 400
}

.cb-modal {
    width: auto;
    margin: auto;
    position: relative;
    outline: 0;
    z-index: 2;
    pointer-events: auto
}

.cb-modal-handle {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.cb-modal-content {
    position: relative;
    background-color: var(--lldesign-color-bg-3);
    border: 0;
    border-radius: var(--lldesign-radius-2);
    overflow: hidden;
    background-clip: padding-box;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15)
}

.cb-modal-content-drag {
    position: absolute
}

.cb-modal-content-drag .cb-modal-header {
    cursor: move
}

.cb-modal-content-dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cb-modal-header {
    border-bottom: 1px solid var(--lldesign-color-border-2);
    padding: 10px 20px
}

.cb-modal-header p,
.cb-modal-header-inner {
    display: inline-block;
    width: 100%;
    height: 22px;
    line-height: 22px;
    font-size: var(--lldesign-font-size-large);
    color: var(--lldesign-color-text-1);
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top
}

.cb-modal-header p i,
.cb-modal-header p span {
    vertical-align: middle
}

.cb-modal-header-desc {
    font-size: var(--lldesign-font-size-small);
    color: var(--lldesign-color-text-2);
    margin-top: 8px
}

.cb-modal-close {
    padding: 7px 5px;
    z-index: 1;
    font-size: var(--lldesign-font-size-small);
    position: absolute;
    right: 8px;
    top: 4px;
    overflow: hidden;
    cursor: pointer;
    margin: 0
}

.cb-modal-close .cb-icon-close {
    font-size: 15px;
    color: var(--lldesign-color-text-2);
    -webkit-transition: color var(--lldesign-animation-time) ease;
    transition: color var(--lldesign-animation-time) ease;
    position: relative;
    top: 0;
    font-weight: 400;
    z-index: 2;
    padding: 3px
}

.cb-modal-close .cb-icon-close:hover {
    color: var(--lldesign-color-text-1)
}

.cb-modal-close:hover .cb-icon-close {
    color: var(--lldesign-color-text-2)
}

.cb-modal-close:hover .cb-icon-close:after {
    content: '';
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: var(--lldesign-color-split-1);
    border-radius: 100px;
    z-index: -1;
    position: absolute
}

.cb-modal-body {
    padding: 16px 20px;
    line-height: 1.5
}

.cb-modal-footer {
    border-top: 1px solid var(--lldesign-color-border-2);
    padding: 16px 20px 16px 20px;
    text-align: right
}

.cb-modal-footer button+button {
    margin-left: 8px;
    margin-bottom: 0
}

@media (max-width:768px) {
    .cb-modal {
        margin: 10px auto
    }
    .vertical-center-modal .cb-modal {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.cb-modal-confirm-head {
    text-align: center;
    margin-bottom: 24px
}

.cb-modal-confirm-head-icon {
    display: inline-block;
    font-size: calc(var(--lldesign-font-size-large) + 2px);
    line-height: var(--lldesign-font-size-large);
    font-size: 28px;
    vertical-align: middle;
    position: relative
}

.cb-modal-confirm-head-icon-info {
    color: var(--lldesign-color-brand-6)
}

.cb-modal-confirm-head-icon-success {
    color: var(--lldesign-color-success-6)
}

.cb-modal-confirm-head-icon-warning {
    color: var(--lldesign-color-warning-6)
}

.cb-modal-confirm-head-icon-error {
    color: var(--lldesign-color-error-6)
}

.cb-modal-confirm-head-icon-confirm {
    color: var(--lldesign-color-warning-6)
}

.cb-modal-confirm-head-title {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    font-size: var(--lldesign-font-size-large);
    color: var(--lldesign-color-text-1);
    font-weight: 500
}

.cb-modal-confirm-body {
    font-size: var(--lldesign-font-size-base);
    color: var(--lldesign-color-text-2);
    position: relative;
    text-align: center
}

.cb-modal-confirm-body-render {
    margin: 0;
    padding: 0
}

.cb-modal-confirm-footer {
    margin-top: 24px;
    text-align: center
}

.cb-modal-confirm-footer button+button {
    margin-left: 8px;
    margin-bottom: 0
}

.cb-select {
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    color: var(--lldesign-input-text-color, var(--lldesign-color-text-1));
    font-size: var(--lldesign-font-size-base);
    line-height: normal;
    outline: 0
}

.cb-select-selection {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    position: relative;
    background-color: var(--lldesign-input-bg, var(--lldesign-color-fill-2));
    border-radius: var(--lldesign-input-radius);
    border: 1px solid var(--lldesign-input-border-color, transparent);
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-linear);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-linear)
}

.cb-select-hidden-input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    font-size: 0;
    border: 0 none
}

.cb-select:not(.cb-select-disabled):not(.cb-select-visible) .cb-select-selection:hover {
    background-color: var(--lldesign-input-bg-hover, var(--lldesign-color-fill-3));
    border-color: var(--lldesign-input-border-color-hover, transparent)
}

.cb-select-arrow {
    position: absolute;
    top: 50%;
    right: 8px;
    line-height: 1;
    margin-top: calc(var(--lldesign-font-size-base)/ -2);
    font-size: var(--lldesign-font-size-base);
    color: var(--lldesign-color-text-2);
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-select-clear {
    position: relative;
    z-index: 2;
    color: var(--lldesign-color-text-2);
    cursor: pointer;
    opacity: 0
}

.cb-select-clear::after {
    position: absolute;
    left: 50%;
    top: 50%;
    content: '';
    z-index: -1;
    opacity: 0;
    width: 1em;
    height: 1em;
    background-color: rgba(195, 195, 195, .28);
    border-radius: 100px;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.2);
    transform: translate3d(-50%, -50%, 0) scale(1.2);
    -webkit-transition: opacity var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: opacity var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-select-clear:hover::after {
    opacity: 1
}

.cb-select-selection:hover .cb-select-clear {
    opacity: 1
}

.cb-select-visible .cb-select-selection,
.cb-select-visible .cb-select-selection:hover,
.cb-select:not(.cb-select-disabled):not(.cb-select-readonly) .cb-select-selection-focused,
.cb-select:not(.cb-select-disabled):not(.cb-select-readonly) .cb-select-selection-focused:hover,
.cb-select:not(.cb-select-disabled):not(.cb-select-readonly) .cb-select-selection:focus,
.cb-select:not(.cb-select-disabled):not(.cb-select-readonly) .cb-select-selection:focus:hover,
.cb-select:not(.cb-select-disabled):not(.cb-select-readonly) .cb-select-selection:has(.cb-select-hidden-input:focus),
.cb-select:not(.cb-select-disabled):not(.cb-select-readonly) .cb-select-selection:has(.cb-select-hidden-input:focus):hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-select-visible .cb-select-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block
}

.cb-select-disabled .cb-select-selection,
.cb-select-disabled .cb-select-selection:hover {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

.cb-select-disabled .cb-select-selection:hover {
    border-color: transparent
}

.cb-select-disabled .cb-select-selection input:disabled,
.cb-select-disabled .cb-select-selection:focus {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed;
    border-color: transparent
}

.cb-select-readonly .cb-select-selection {
    cursor: default
}

.cb-select-single .cb-select-selection {
    height: var(--lldesign-input-height-base);
    position: relative
}

.cb-select-single .cb-select-selection .cb-select-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-select-single .cb-select-selection .cb-select-placeholder,
.cb-select-single .cb-select-selection .cb-select-selected-value {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    min-width: 0;
    height: calc(var(--lldesign-input-height-base) - 2px);
    line-height: calc(var(--lldesign-input-height-base) - 2px);
    font-size: var(--lldesign-font-size-base);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 12px
}

.cb-select-multiple .cb-select-selection .cb-select-placeholder {
    display: block;
    height: calc(var(--lldesign-input-height-base) - 2px);
    line-height: calc(var(--lldesign-input-height-base) - 2px);
    color: var(--lldesign-color-text-3);
    font-size: var(--lldesign-font-size-base);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    min-width: 0;
    padding: 0 12px
}

.cb-select-max.cb-select-single .cb-select-selection {
    height: var(--lldesign-input-height-max)
}

.cb-select-max.cb-select-single .cb-select-selection .cb-select-placeholder,
.cb-select-max.cb-select-single .cb-select-selection .cb-select-selected-value {
    height: calc(var(--lldesign-input-height-max) - 2px);
    line-height: calc(var(--lldesign-input-height-max) - 2px);
    font-size: var(--lldesign-font-size-base)
}

.cb-select-max .cb-select-selection .cb-select-head-inner-label,
.cb-select-max .cb-select-selection .cb-select-head-inner-label .cb-select-rel {
    min-height: calc(var(--lldesign-input-height-max) - 2px)
}

.cb-select-max.cb-select-multiple .cb-select-selection {
    min-height: var(--lldesign-input-height-max)
}

.cb-select-max.cb-select-multiple .cb-select-selection .cb-select-placeholder,
.cb-select-max.cb-select-multiple .cb-select-selection .cb-select-selected-value {
    min-height: calc(var(--lldesign-input-height-max) - 2px);
    line-height: calc(var(--lldesign-input-height-max) - 2px);
    font-size: var(--lldesign-font-size-base)
}

.cb-select-large.cb-select-single .cb-select-selection {
    height: var(--lldesign-input-height-large)
}

.cb-select-large.cb-select-single .cb-select-selection .cb-select-placeholder,
.cb-select-large.cb-select-single .cb-select-selection .cb-select-selected-value {
    height: calc(var(--lldesign-input-height-large) - 2px);
    line-height: calc(var(--lldesign-input-height-large) - 2px);
    font-size: var(--lldesign-font-size-base)
}

.cb-select-large .cb-select-selection .cb-select-head-inner-label,
.cb-select-large .cb-select-selection .cb-select-head-inner-label .cb-select-rel {
    min-height: calc(var(--lldesign-input-height-large) - 2px)
}

.cb-select-large.cb-select-multiple .cb-select-selection {
    min-height: var(--lldesign-input-height-large)
}

.cb-select-large.cb-select-multiple .cb-select-selection .cb-select-placeholder,
.cb-select-large.cb-select-multiple .cb-select-selection .cb-select-selected-value {
    min-height: calc(var(--lldesign-input-height-large) - 2px);
    line-height: calc(var(--lldesign-input-height-large) - 2px);
    font-size: var(--lldesign-font-size-base)
}

.cb-select-mini.cb-select-single .cb-select-selection {
    height: var(--lldesign-input-height-mini);
    border-radius: var(--lldesign-input-radius-mini)
}

.cb-select-mini.cb-select-single .cb-select-selection .cb-select-placeholder,
.cb-select-mini.cb-select-single .cb-select-selection .cb-select-selected-value {
    font-size: var(--lldesign-font-size-small);
    height: calc(var(--lldesign-input-height-mini) - 2px);
    line-height: calc(var(--lldesign-input-height-mini) - 2px)
}

.cb-select-small.cb-select-single .cb-select-selection {
    height: var(--lldesign-input-height-small);
    border-radius: var(--lldesign-input-radius-small)
}

.cb-select-small.cb-select-single .cb-select-selection .cb-select-placeholder,
.cb-select-small.cb-select-single .cb-select-selection .cb-select-selected-value {
    height: calc(var(--lldesign-input-height-small) - 2px);
    line-height: calc(var(--lldesign-input-height-small) - 2px)
}

.cb-select-mini.cb-select-multiple .cb-select-selection {
    min-height: var(--lldesign-input-height-mini);
    border-radius: var(--lldesign-input-radius-mini)
}

.cb-select-mini.cb-select-multiple .cb-select-selection .cb-select-placeholder,
.cb-select-mini.cb-select-multiple .cb-select-selection .cb-select-selected-value {
    font-size: var(--lldesign-font-size-small);
    height: auto;
    min-height: calc(var(--lldesign-input-height-mini) - 2px);
    line-height: calc(var(--lldesign-input-height-mini) - 2px)
}

.cb-select-small.cb-select-multiple .cb-select-selection {
    min-height: var(--lldesign-input-height-small);
    border-radius: var(--lldesign-input-radius-small)
}

.cb-select-small.cb-select-multiple .cb-select-selection .cb-select-placeholder,
.cb-select-small.cb-select-multiple .cb-select-selection .cb-select-selected-value {
    height: auto;
    min-height: calc(var(--lldesign-input-height-small) - 2px);
    line-height: calc(var(--lldesign-input-height-small) - 2px)
}

.cb-select-input {
    display: inline-block;
    height: calc(var(--lldesign-input-height-base) - 2px);
    line-height: 1.25;
    font-size: var(--lldesign-font-size-base);
    outline: 0;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--lldesign-input-text-color, var(--lldesign-color-text-1));
    background-color: transparent;
    position: relative;
    cursor: pointer
}

.cb-select-input::-moz-placeholder {
    color: var(--lldesign-color-text-3);
    opacity: 1
}

.cb-select-input:-ms-input-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-select-input::-webkit-input-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-select-input[disabled],
fieldset[disabled] .cb-select-input {
    color: var(--lldesign-color-text-4)
}

.cb-select-single .cb-select-input {
    width: 100%
}

.cb-select-large .cb-select-input {
    font-size: var(--lldesign-font-size-base);
    height: var(--lldesign-input-height-large)
}

.cb-select-large .cb-select-input {
    font-size: var(--lldesign-font-size-base);
    height: var(--lldesign-input-height-max)
}

.cb-select-small .cb-select-input {
    height: calc(var(--lldesign-input-height-small) - 2px)
}

.cb-select-mini .cb-select-input {
    height: calc(var(--lldesign-input-height-mini) - 2px)
}

.cb-select-multiple .cb-select-input {
    padding: 0 0 0 4px
}

.cb-select-not-found {
    padding: 8px;
    text-align: center;
    color: var(--lldesign-color-text-4)
}

.cb-select-not-found li:not([class^=cb-]) {
    margin-bottom: 0;
    white-space: nowrap
}

.cb-select-loading {
    padding: 8px 0;
    text-align: center;
    color: var(--lldesign-color-text-4)
}

.cb-select-multiple .cb-tag-wrap {
    position: relative;
    padding: 2px 0;
    max-width: 100%;
    padding-left: calc(12px - 4px);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin-right: 12px
}

.cb-select-multiple .cb-tag-wrap:first-child {
    padding-left: 2px
}

.cb-select-multiple .cb-tag {
    max-width: calc(100% - 2px);
    height: calc(var(--lldesign-input-height-base) - 8px);
    line-height: calc(var(--lldesign-input-height-base) - 10px);
    margin: 1px 0 1px 2px;
    position: relative;
    vertical-align: top;
    background-color: var(--lldesign-color-bg-2);
    border-color: var(--lldesign-color-border-2);
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-linear);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-linear)
}

.cb-select-multiple .cb-tag span {
    display: block;
    margin-right: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cb-select-multiple .cb-tag span.cb-select-multiple-tag-hidden {
    margin-right: 0
}

.cb-select-multiple .cb-tag span.cb-select-max-tag {
    margin-right: 0
}

.cb-select-multiple .cb-tag i {
    display: block;
    position: absolute;
    right: 4px;
    top: 50%;
    margin: calc(-16px / 2) 0 0 0;
    font-size: var(--lldesign-font-size-base)!important
}

.cb-select-multiple.cb-select-disabled .cb-tag {
    cursor: not-allowed
}

.cb-select-multiple.cb-select-readonly .cb-tag {
    cursor: default
}

.cb-select-selection-focused .cb-tag {
    background-color: var(--lldesign-color-fill-2);
    border-color: var(--lldesign-color-border-2)
}

.cb-select-large.cb-select-multiple .cb-tag-wrap {
    padding-top: 2px;
    padding-bottom: 2px
}

.cb-select-max.cb-select-multiple .cb-tag-wrap {
    padding-top: 4px;
    padding-bottom: 4px
}

.cb-select-large.cb-select-multiple .cb-tag {
    height: calc(var(--lldesign-input-height-large) - 8px);
    line-height: calc(var(--lldesign-input-height-large) - 10px);
    font-size: var(--lldesign-font-size-base)
}

.cb-select-max.cb-select-multiple .cb-tag {
    height: calc(var(--lldesign-input-height-max) - 12px);
    line-height: calc(var(--lldesign-input-height-max) - 14px);
    font-size: var(--lldesign-font-size-base)
}

.cb-select-small.cb-select-multiple .cb-tag-wrap {
    padding-top: 2px;
    padding-bottom: 2px
}

.cb-select-mini.cb-select-multiple .cb-tag-wrap {
    padding-top: 0;
    padding-bottom: 0
}

.cb-select-mini.cb-select-multiple .cb-tag {
    height: calc(var(--lldesign-input-height-mini) - 4px);
    line-height: calc(var(--lldesign-input-height-mini) - 6px)
}

.cb-select-small.cb-select-multiple .cb-tag {
    height: calc(var(--lldesign-input-height-small) - 8px);
    line-height: calc(var(--lldesign-input-height-small) - 10px)
}

.cb-select-mini.cb-select-multiple .cb-tag,
.cb-select-small.cb-select-multiple .cb-tag {
    font-size: var(--lldesign-font-size-small);
    padding: 0 6px;
    margin: 1px 0 1px 2px
}

.cb-select-mini.cb-select-multiple .cb-tag span,
.cb-select-small.cb-select-multiple .cb-tag span {
    margin-right: 14px
}

.cb-select-mini.cb-select-multiple .cb-tag i,
.cb-select-small.cb-select-multiple .cb-tag i {
    right: 2px;
    font-size: var(--lldesign-font-size-small)!important
}

.cb-select-dropdown-list {
    min-width: 100%;
    list-style: none
}

.cb-select .cb-select-dropdown {
    width: auto;
    min-width: 120px;
    max-width: 480px
}

.cb-select-prefix {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    width: 32px;
    text-align: center;
    margin-right: -10px
}

.cb-select-prefix i,
.cb-select-prefix svg {
    vertical-align: top
}

.cb-select-prefix-icon {
    display: block
}

.cb-select-head-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cb-select-head-flex .cb-select-rel {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cb-select-multiple .cb-select-head-flex .cb-select-prefix+.cb-tag {
    margin-left: 8px
}

.cb-select-search {
    padding: 0 12px 5px 12px;
    margin-bottom: 5px;
    border-bottom: 1px solid var(--lldesign-color-border-2);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cb-select-search>div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    height: 24px;
    position: relative
}

.cb-select-search>div input {
    position: absolute;
    left: 0;
    top: 0;
    border: 0 none;
    outline: 0;
    height: 24px;
    width: 100%;
    display: block;
    background-color: transparent
}

.cb-select-search>div input::-webkit-input-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-select-search-icon {
    width: 16px;
    height: 16px;
    line-height: 16px;
    margin-right: 8px;
    text-align: center
}

.cb-select-search-loading {
    width: 16px;
    height: 16px;
    line-height: 16px;
    margin-left: 4px;
    text-align: center;
    margin-right: -2px
}

.cb-select-search-remove {
    color: var(--lldesign-color-text-2);
    cursor: pointer;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-right: -2px;
    margin-left: 8px;
    text-align: center;
    opacity: .8
}

.cb-select-search-remove:hover {
    opacity: 1
}

.cb-select-rel:has(+.cb-select-search) {
    display: none
}

.cb-select-selection .cb-select-search {
    margin-bottom: 0;
    padding: 0 12px;
    border-bottom: 0 none;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cb-select-selection .cb-select-search>div {
    height: auto
}

.cb-select-selection .cb-select-search>div>span {
    pointer-events: none;
    display: block;
    overflow: hidden;
    opacity: 0;
    min-width: 20px;
    height: calc(var(--lldesign-input-height-base) - 2px);
    white-space: nowrap;
    word-wrap: normal;
    word-break: keep-all
}

.cb-select-selection .cb-select-search>div input {
    height: 100%;
    padding: 0;
    width: 100%;
    min-width: 0
}

.cb-select-selection .cb-select-search-multiple {
    width: auto
}

.cb-select-selection .cb-select-search-multiple>div>span {
    height: calc(var(--lldesign-input-height-base) - 6px)
}

.cb-select-multiple .cb-select-selection .cb-select-search {
    padding: 0 10px 0 4px
}

.cb-select-multiple .cb-select-selection .cb-select-rel:not(.cb-select-rel-with-loading) .cb-select-search:first-child {
    padding-left: 10px
}

.cb-select-mini .cb-select-selection .cb-select-search>div span,
.cb-select-multiple.cb-select-mini .cb-select-selection .cb-select-search>div span {
    height: calc(var(--lldesign-input-height-mini) - 2px)
}

.cb-select-small .cb-select-selection .cb-select-search>div span {
    height: calc(var(--lldesign-input-height-small) - 2px)
}

.cb-select-multiple.cb-select-small .cb-select-selection .cb-select-search>div span {
    height: calc(var(--lldesign-input-height-small) - 6px)
}

.cb-select-large .cb-select-selection .cb-select-search>div span {
    height: calc(var(--lldesign-input-height-large) - 2px)
}

.cb-select-multiple.cb-select-large .cb-select-selection .cb-select-search>div span {
    height: calc(var(--lldesign-input-height-large) - 6px)
}

.cb-select-max .cb-select-selection .cb-select-search>div span {
    height: calc(var(--lldesign-input-height-max) - 2px)
}

.cb-select-multiple.cb-select-max .cb-select-selection .cb-select-search>div span {
    height: calc(var(--lldesign-input-height-max) - 10px)
}

.cb-select-multiple .cb-select-selection .cb-tag-wrap .cb-select-search {
    overflow: hidden
}

.cb-select-innerlabel.cb-select-active .cb-select-selection .cb-select-selected-value {
    padding-top: calc(var(--lldesign-input-height-max)/ 2.5 - 1px);
    padding-bottom: calc(var(--lldesign-input-height-max)/ 21 - 1px);
    line-height: calc(var(--lldesign-input-height-max) - 22px)
}

.cb-select-innerlabel.cb-select-active .cb-select-selection .cb-tag-wrap {
    padding-top: calc(var(--lldesign-input-height-max)/ 2.5 - 1px);
    padding-bottom: calc(var(--lldesign-input-height-max)/ 21 - 1px)
}

.cb-select-innerlabel.cb-select-active .cb-select-selection .cb-tag-wrap .cb-tag {
    height: calc(var(--lldesign-input-height-max) - 24px);
    line-height: calc(var(--lldesign-input-height-max) - 26px);
    margin: 1px 0 1px 4px;
    font-size: 12px
}

.cb-select-innerlabel.cb-select-active .cb-select-selection .cb-tag-wrap .cb-select-search {
    margin-top: 1px;
    margin-bottom: 1px
}

.cb-select-innerlabel.cb-select-active .cb-select-selection .cb-tag-wrap .cb-select-search>div {
    margin: 0
}

.cb-select-innerlabel.cb-select-active .cb-select-selection .cb-tag-wrap .cb-select-search>div span {
    height: calc(var(--lldesign-input-height-max) - 24px)
}

.cb-select-innerlabel .cb-select-selection .cb-select-inner-label {
    position: absolute;
    top: 50%;
    line-height: 1;
    padding: calc(var(--lldesign-input-height-max)/ 12) 0 calc(var(--lldesign-input-height-max)/ 12) 12px;
    color: var(--lldesign-color-text-3);
    z-index: 3;
    font-size: var(--lldesign-font-size-base);
    display: block;
    pointer-events: none;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    white-space: nowrap
}

.cb-select-innerlabel .cb-select-selection .cb-select-inner-label-hold {
    font-size: var(--lldesign-font-size-small);
    color: var(--lldesign-color-text-3);
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: 0
}

.cb-select-innerlabel .cb-select-selection .cb-select-inner-label-ani {
    -webkit-transition: font-size .1s cubic-bezier(.4, 0, .2, 1), color .1s cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1);
    transition: font-size .1s cubic-bezier(.4, 0, .2, 1), color .1s cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1);
    transition: transform .1s cubic-bezier(.4, 0, .2, 1), font-size .1s cubic-bezier(.4, 0, .2, 1), color .1s cubic-bezier(.4, 0, .2, 1);
    transition: transform .1s cubic-bezier(.4, 0, .2, 1), font-size .1s cubic-bezier(.4, 0, .2, 1), color .1s cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1)
}

.cb-select-innerlabel .cb-select-selection .cb-select-inner-label {
    padding-left: 26px
}

.cb-select-innerlabel .cb-select-selection .cb-select-inner-label {
    padding-left: 26px
}

.cb-select-innerlabel .cb-select-selection .cb-select-rel:not(.cb-select-rel-with-loading) .cb-select-inner-label {
    margin-left: -14px
}

.cb-select-innerlabel.cb-select-multiple .cb-select-selection .cb-select-rel:not(.cb-select-rel-with-loading) .cb-tag-wrap:has(.cb-tag)+.cb-select-inner-label {
    margin-left: -20px
}

.cb-select-icon-inner {
    margin: 4px 6px
}

.cb-select-icon-inner:first-child {
    margin-right: -6px
}

.cb-select-icon-inner:last-child {
    margin-left: -6px
}

.cb-select-rel {
    position: relative;
    width: 100%;
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 20px
}

.cb-select-dropdown-with-line .cb-cascader-menu-item:not(:last-child)::after,
.cb-select-dropdown-with-line .cb-select-item:not(:last-child)::after {
    content: '';
    bottom: 0;
    left: 10px;
    right: 10px;
    border-bottom: 1px solid var(--lldesign-color-border-2);
    position: absolute;
    opacity: .7
}

.cb-select-item {
    margin: 0;
    line-height: 1.429;
    padding: 8px 16px;
    clear: both;
    color: var(--lldesign-color-text-2);
    font-size: var(--lldesign-font-size-base)!important;
    white-space: nowrap;
    list-style: none;
    position: relative;
    cursor: pointer;
    -webkit-transition: background var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: background var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-select-item>span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
}

.cb-select-item>span .multiple-icon {
    float: right
}

.cb-select-item:hover {
    background: var(--lldesign-input-dropdown-hover, var(--lldesign-color-fill-3))
}

.cb-select-item-focus {
    background: var(--lldesign-input-dropdown-hover, var(--lldesign-color-fill-3))
}

.cb-select-item-disabled {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

.cb-select-item-disabled:hover {
    color: var(--lldesign-color-text-4);
    background-color: transparent;
    cursor: not-allowed
}

.cb-select-item-selected,
.cb-select-item-selected:hover {
    color: var(--lldesign-color-brand-6)
}

.cb-select-item-divided {
    border-top: 1px solid var(--lldesign-color-border-2);
    margin-top: -1px
}

.cb-select-item-enter {
    color: var(--lldesign-color-brand-6);
    float: right;
    margin-top: 1px
}

.cb-select-item-checkbox {
    display: inline-block;
    vertical-align: -.11em;
    margin-right: 8px;
    width: 14px;
    height: 14px;
    position: relative;
    border: 2px solid var(--lldesign-color-border-2);
    border-radius: var(--lldesign-input-radius);
    background-color: var(--lldesign-input-bg-active);
    -webkit-transition: border-color var(--lldesign-animation-time) var(--lldesign-transition-standard), background-color var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: border-color var(--lldesign-animation-time) var(--lldesign-transition-standard), background-color var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-select-item-checkbox:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    background: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.12117 6.35416C2.12112 6.35411 2.12122 6.35421 2.12117 6.35416L0 4.23299L1.43479 2.83935L3.53768 4.94224L8.49493 0L9.8995 1.40456L4.94224 6.3468L4.94975 6.35431L4.92887 6.37459C4.8856 6.41661 4.84091 6.4563 4.79496 6.49363L4.23299 7.0539C3.84229 7.44342 3.20995 7.44294 2.81985 7.05283L2.12117 6.35416Z' fill='white' fill-opacity='0.9'/%3E%3C/svg%3E%0A") center center no-repeat;
    background-size: 10px auto
}

.cb-select-item-checkbox-selected {
    border-color: var(--lldesign-color-brand-6);
    background-color: var(--lldesign-color-brand-6)
}

.cb-select-item-checkbox-selected:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.cb-select-dropdown.cb-select-dropdown-small .cb-cascader-menu-item,
.cb-select-dropdown.cb-select-dropdown-small .cb-select-item,
.cb-select-small .cb-select-item {
    padding: 7px 16px 8px;
    font-size: var(--lldesign-font-size-base)!important
}

@-moz-document url-prefix() {
    .cb-select-item {
        white-space: normal
    }
}

.cb-select-multiple .cb-select-item .cb-checkbox-wrapper {
    margin-right: 8px;
    pointer-events: none
}

.cb-select-multiple .cb-select-item .cb-checkbox {
    vertical-align: text-bottom;
    margin-top: 0;
    margin-right: 0
}

.cb-select-multiple .cb-select-item {
    position: relative
}

.cb-select-multiple .cb-select-item-selected {
    color: var(--lldesign-color-brand-6);
    background: 0 0
}

.cb-select-multiple .cb-select-item-focus,
.cb-select-multiple .cb-select-item-selected:hover {
    background: var(--lldesign-input-dropdown-hover, var(--lldesign-color-fill-3))
}

.cb-select-multiple .cb-select-item-selected:after {
    display: inline-block;
    font-family: cbicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    margin-top: -.125em;
    font-size: 24px;
    content: '';
    color: var(--lldesign-color-brand-6);
    position: absolute;
    top: 2px;
    right: 8px
}

.cb-select-multiple .cb-select-item-selected:after-normal {
    margin-top: 0
}

.cb-select-multiple .cb-select-item-selected:after-block {
    display: block
}

.cb-select-group {
    list-style: none;
    margin: 0;
    padding: 0
}

.cb-select-group-title {
    padding-left: 8px;
    font-size: 12px;
    color: var(--lldesign-color-text-2);
    height: 30px;
    line-height: 30px
}

.cb-form-item-error .cb-select-selection {
    border-color: var(--lldesign-input-border-error-color, transparent);
    background-color: var(--lldesign-color-error-light-1)
}

.cb-form-item-error .cb-select-selection:not(.cb-form-item-error.cb-select-selection-focused):hover {
    background-color: var(--lldesign-color-error-light-2)
}

.cb-form-item-error .cb-select-visible .cb-select-selection-focus,
.cb-form-item-error .cb-select-visible .cb-select-selection-focus:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-select-dropdown {
    width: inherit;
    overflow: hidden;
    margin: 5px 0;
    padding: 5px 0;
    background-color: var(--lldesign-color-bg-popup);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--lldesign-color-fill-3);
    border-radius: var(--lldesign-input-radius);
    -webkit-box-shadow: var(--lldesign-shadow-base);
    box-shadow: var(--lldesign-shadow-base);
    position: absolute;
    z-index: 900
}

.cb-select-dropdown-transfer {
    z-index: 1060;
    width: auto
}

.cb-select-dropdown .cb-scrollbar {
    margin: -5px 0
}

.cb-select-dropdown .cb-scrollbar__wrap {
    max-height: 200px
}

.cb-select-dropdown .cb-scrollbar__wrap .cb-scrollbar__view {
    padding: 5px 0
}

.cb-select-dropdown.cb-transfer-no-max-height .cb-scrollbar__wrap {
    max-height: none
}

.cb-modal .cb-select-dropdown {
    position: absolute!important
}

.cb-split-wrap {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    width: 100%
}

.cb-split-wrap-horizontal {
    height: 100%;
    float: left;
    overflow-x: auto;
    overflow-y: hidden;
    font-size: 0;
    white-space: nowrap
}

.cb-split {
    font-size: var(--lldesign-font-size-base);
    white-space: normal;
    overflow-x: hidden
}

.cb-split-nowrap {
    white-space: nowrap
}

.cb-split-scrollable {
    overflow-x: auto
}

.cb-split-gutter {
    border: 1px solid var(--lldesign-color-border-2);
    background-color: var(--lldesign-color-bg-6);
    position: relative
}

.cb-split-gutter-horizontal {
    border-top: none;
    border-bottom: none;
    cursor: col-resize;
    width: 6px
}

.cb-split-gutter-vertical {
    border-left: none;
    border-right: none;
    cursor: row-resize;
    height: 6px
}

.cb-split-gutter>div {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
    position: absolute;
    overflow: hidden;
    left: 50%;
    top: 50%
}

.cb-split-gutter>div-horizontal {
    height: 6px;
    width: 100%;
    background: var(--lldesign-color-bg-6);
    border-left: none;
    border-right: none;
    cursor: row-resize
}

.cb-split-gutter-horizontal>div {
    height: 32px
}

.cb-split-gutter-horizontal>div i {
    width: 4px;
    height: 1px;
    background: var(--lldesign-color-text-2);
    float: left;
    margin-top: 3px
}

.cb-split-gutter-vertical>div {
    width: 32px
}

.cb-split-gutter-vertical>div i {
    height: 4px;
    width: 1px;
    background: var(--lldesign-color-text-2);
    float: left;
    margin-right: 3px
}

.cb-split-gutter.cb-split-gutter-horizontal,
.cb-split.cb-split-horizontal {
    height: 100%;
    display: inline-block;
    vertical-align: top
}

.cb-svg-icon {
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    margin-top: -.125em
}

.cb-svg-icon-normal {
    margin-top: 0
}

.cb-svg-icon-block {
    display: block
}

.cb-svg-icon .svg-icon {
    width: 1em;
    height: 1em;
    display: block;
    fill: currentColor;
    overflow: hidden;
    margin: 0 auto
}

.popper-with-border[x-placement^=top] .cb-tooltip-arrow:after {
    content: ' ';
    bottom: -1px;
    z-index: -1;
    margin-left: -6px;
    border-bottom-width: 0;
    border-top-width: 6px;
    border-top-color: var(--lldesign-color-border-2)
}

.popper-with-border[x-placement^=right] .cb-tooltip-arrow:after {
    content: ' ';
    left: -1px;
    z-index: -1;
    bottom: -6px;
    border-left-width: 0;
    border-right-width: 6px;
    border-right-color: var(--lldesign-color-border-2)
}

.popper-with-border[x-placement^=bottom] .cb-tooltip-arrow:after {
    content: ' ';
    top: -1px;
    z-index: -1;
    margin-left: -6px;
    border-top-width: 0;
    border-bottom-width: 6px;
    border-bottom-color: var(--lldesign-color-border-2)
}

.popper-with-border[x-placement^=left] .cb-tooltip-arrow:after {
    content: ' ';
    right: -1px;
    z-index: -1;
    border-right-width: 0;
    border-left-width: 6px;
    border-left-color: var(--lldesign-color-border-2);
    bottom: -6px
}

.popper-arrow-border .cb-tooltip-arrow:after {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-color: transparent;
    border-style: solid;
    content: '';
    border-width: 6px
}

.cb-tooltip {
    display: inline-block
}

.cb-tooltip-rel {
    display: inline-block;
    position: relative;
    width: inherit;
    vertical-align: top
}

.cb-tooltip-popper {
    display: block;
    visibility: visible;
    font-size: var(--lldesign-font-size-small);
    line-height: 1.5;
    position: absolute;
    z-index: 1060
}

.cb-tooltip-popper[x-placement^=top] {
    padding: 6px 0 9px 0
}

.cb-tooltip-popper[x-placement^=right] {
    padding: 0 6px 0 9px
}

.cb-tooltip-popper[x-placement^=bottom] {
    padding: 9px 0 6px 0
}

.cb-tooltip-popper[x-placement^=left] {
    padding: 0 9px 0 6px
}

.cb-tooltip-popper[x-placement^=top] .cb-tooltip-arrow {
    bottom: 4px;
    border-width: 6px 6px 0;
    border-top-color: var(--lldesign-tooltip-bg)
}

.cb-tooltip-popper[x-placement=top] .cb-tooltip-arrow {
    left: 50%;
    margin-left: -6px
}

.cb-tooltip-popper[x-placement=top-start] .cb-tooltip-arrow {
    left: 16px
}

.cb-tooltip-popper[x-placement=top-end] .cb-tooltip-arrow {
    right: 16px
}

.cb-tooltip-popper[x-placement^=right] .cb-tooltip-arrow {
    left: 4px;
    border-width: 6px 6px 6px 0;
    border-right-color: var(--lldesign-tooltip-bg)
}

.cb-tooltip-popper[x-placement=right] .cb-tooltip-arrow {
    top: 50%;
    margin-top: -6px
}

.cb-tooltip-popper[x-placement=right-start] .cb-tooltip-arrow {
    top: 8px
}

.cb-tooltip-popper[x-placement=right-end] .cb-tooltip-arrow {
    bottom: 8px
}

.cb-tooltip-popper[x-placement^=left] .cb-tooltip-arrow {
    right: 4px;
    border-width: 6px 0 6px 6px;
    border-left-color: var(--lldesign-tooltip-bg)
}

.cb-tooltip-popper[x-placement=left] .cb-tooltip-arrow {
    top: 50%;
    margin-top: -6px
}

.cb-tooltip-popper[x-placement=left-start] .cb-tooltip-arrow {
    top: 8px
}

.cb-tooltip-popper[x-placement=left-end] .cb-tooltip-arrow {
    bottom: 8px
}

.cb-tooltip-popper[x-placement^=bottom] .cb-tooltip-arrow {
    top: 4px;
    border-width: 0 6px 6px;
    border-bottom-color: var(--lldesign-tooltip-bg)
}

.cb-tooltip-popper[x-placement=bottom] .cb-tooltip-arrow {
    left: 50%;
    margin-left: -6px
}

.cb-tooltip-popper[x-placement=bottom-start] .cb-tooltip-arrow {
    left: 16px
}

.cb-tooltip-popper[x-placement=bottom-end] .cb-tooltip-arrow {
    right: 16px
}

.cb-tooltip-popper.ne {
    pointer-events: none
}

.cb-tooltip-light.cb-tooltip-popper {
    display: block;
    visibility: visible;
    font-size: var(--lldesign-font-size-small);
    line-height: 1.5;
    position: absolute;
    z-index: 1060
}

.cb-tooltip-light.cb-tooltip-popper[x-placement^=top] {
    padding: 6px 0 9px 0
}

.cb-tooltip-light.cb-tooltip-popper[x-placement^=right] {
    padding: 0 6px 0 9px
}

.cb-tooltip-light.cb-tooltip-popper[x-placement^=bottom] {
    padding: 9px 0 6px 0
}

.cb-tooltip-light.cb-tooltip-popper[x-placement^=left] {
    padding: 0 9px 0 6px
}

.cb-tooltip-light.cb-tooltip-popper[x-placement^=top] .cb-tooltip-arrow {
    bottom: 4px;
    border-width: 6px 6px 0;
    border-top-color: var(--lldesign-tooltip-bg-light)
}

.cb-tooltip-light.cb-tooltip-popper[x-placement=top] .cb-tooltip-arrow {
    left: 50%;
    margin-left: -6px
}

.cb-tooltip-light.cb-tooltip-popper[x-placement=top-start] .cb-tooltip-arrow {
    left: 16px
}

.cb-tooltip-light.cb-tooltip-popper[x-placement=top-end] .cb-tooltip-arrow {
    right: 16px
}

.cb-tooltip-light.cb-tooltip-popper[x-placement^=right] .cb-tooltip-arrow {
    left: 4px;
    border-width: 6px 6px 6px 0;
    border-right-color: var(--lldesign-tooltip-bg-light)
}

.cb-tooltip-light.cb-tooltip-popper[x-placement=right] .cb-tooltip-arrow {
    top: 50%;
    margin-top: -6px
}

.cb-tooltip-light.cb-tooltip-popper[x-placement=right-start] .cb-tooltip-arrow {
    top: 8px
}

.cb-tooltip-light.cb-tooltip-popper[x-placement=right-end] .cb-tooltip-arrow {
    bottom: 8px
}

.cb-tooltip-light.cb-tooltip-popper[x-placement^=left] .cb-tooltip-arrow {
    right: 4px;
    border-width: 6px 0 6px 6px;
    border-left-color: var(--lldesign-tooltip-bg-light)
}

.cb-tooltip-light.cb-tooltip-popper[x-placement=left] .cb-tooltip-arrow {
    top: 50%;
    margin-top: -6px
}

.cb-tooltip-light.cb-tooltip-popper[x-placement=left-start] .cb-tooltip-arrow {
    top: 8px
}

.cb-tooltip-light.cb-tooltip-popper[x-placement=left-end] .cb-tooltip-arrow {
    bottom: 8px
}

.cb-tooltip-light.cb-tooltip-popper[x-placement^=bottom] .cb-tooltip-arrow {
    top: 4px;
    border-width: 0 6px 6px;
    border-bottom-color: var(--lldesign-tooltip-bg-light)
}

.cb-tooltip-light.cb-tooltip-popper[x-placement=bottom] .cb-tooltip-arrow {
    left: 50%;
    margin-left: -6px
}

.cb-tooltip-light.cb-tooltip-popper[x-placement=bottom-start] .cb-tooltip-arrow {
    left: 16px
}

.cb-tooltip-light.cb-tooltip-popper[x-placement=bottom-end] .cb-tooltip-arrow {
    right: 16px
}

.cb-tooltip-light.cb-tooltip-popper[x-placement^=top] .cb-tooltip-arrow:after {
    content: ' ';
    bottom: -1px;
    z-index: -1;
    margin-left: -6px;
    border-bottom-width: 0;
    border-top-width: 6px;
    border-top-color: var(--lldesign-color-border-2)
}

.cb-tooltip-light.cb-tooltip-popper[x-placement^=right] .cb-tooltip-arrow:after {
    content: ' ';
    left: -1px;
    z-index: -1;
    bottom: -6px;
    border-left-width: 0;
    border-right-width: 6px;
    border-right-color: var(--lldesign-color-border-2)
}

.cb-tooltip-light.cb-tooltip-popper[x-placement^=bottom] .cb-tooltip-arrow:after {
    content: ' ';
    top: -1px;
    z-index: -1;
    margin-left: -6px;
    border-top-width: 0;
    border-bottom-width: 6px;
    border-bottom-color: var(--lldesign-color-border-2)
}

.cb-tooltip-light.cb-tooltip-popper[x-placement^=left] .cb-tooltip-arrow:after {
    content: ' ';
    right: -1px;
    z-index: -1;
    border-right-width: 0;
    border-left-width: 6px;
    border-left-color: var(--lldesign-color-border-2);
    bottom: -6px
}

.cb-tooltip-inner {
    max-width: var(--lldesign-tooltip-max-width);
    min-height: 34px;
    padding: var(--lldesign-tooltip-padding, 8px);
    color: var(--lldesign-color-white);
    text-align: left;
    text-decoration: none;
    background-color: var(--lldesign-tooltip-bg);
    border-radius: var(--lldesign-radius-1);
    word-wrap: break-word;
    line-height: 1.5715
}

.cb-tooltip-inner-with-width {
    white-space: pre-wrap;
    text-align: justify;
    word-break: break-all
}

.cb-tooltip-inner-nowrap {
    white-space: nowrap
}

.cb-tooltip-light .cb-tooltip-inner {
    background-color: var(--lldesign-tooltip-bg-light);
    color: var(--lldesign-color-text-2);
    -webkit-box-shadow: var(--lldesign-shadow-base);
    box-shadow: var(--lldesign-shadow-base);
    border: 1px solid var(--lldesign-color-border-2)
}

.cb-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.cb-tooltip-light {
    border-width: 7px
}

.cb-tooltip-light .cb-tooltip-arrow:after {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-color: transparent;
    border-style: solid;
    content: '';
    border-width: 6px
}

.cb-tooltip-block {
    display: block
}

.cb-tooltip-block .cb-tooltip-rel {
    display: block
}

.dark-theme .cb-tooltip-popper[x-placement^=top] .cb-tooltip-arrow:after {
    content: ' ';
    bottom: -1px;
    z-index: -1;
    margin-left: -6px;
    border-bottom-width: 0;
    border-top-width: 6px;
    border-top-color: var(--lldesign-color-border-2)
}

.dark-theme .cb-tooltip-popper[x-placement^=right] .cb-tooltip-arrow:after {
    content: ' ';
    left: -1px;
    z-index: -1;
    bottom: -6px;
    border-left-width: 0;
    border-right-width: 6px;
    border-right-color: var(--lldesign-color-border-2)
}

.dark-theme .cb-tooltip-popper[x-placement^=bottom] .cb-tooltip-arrow:after {
    content: ' ';
    top: -1px;
    z-index: -1;
    margin-left: -6px;
    border-top-width: 0;
    border-bottom-width: 6px;
    border-bottom-color: var(--lldesign-color-border-2)
}

.dark-theme .cb-tooltip-popper[x-placement^=left] .cb-tooltip-arrow:after {
    content: ' ';
    right: -1px;
    z-index: -1;
    border-right-width: 0;
    border-left-width: 6px;
    border-left-color: var(--lldesign-color-border-2);
    bottom: -6px
}

.dark-theme .cb-tooltip-popper .cb-tooltip-arrow:after {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-color: transparent;
    border-style: solid;
    content: '';
    border-width: 6px
}

.dark-theme .cb-tooltip-inner {
    -webkit-box-shadow: var(--lldesign-shadow-base);
    box-shadow: var(--lldesign-shadow-base);
    border: 1px solid var(--lldesign-color-border-2)
}

.cb-poptip {
    display: inline-block
}

.cb-poptip-rel {
    display: inline-block;
    position: relative
}

.cb-poptip-title {
    margin: 0;
    position: relative
}

.cb-poptip-title-inner {
    color: var(--lldesign-color-text-1);
    font-size: var(--lldesign-font-size-base)
}

.cb-poptip-body {
    margin-top: 4px
}

.cb-poptip-body-content {
    overflow: auto
}

.cb-poptip-body-content-word-wrap {
    white-space: pre-wrap;
    text-align: justify
}

.cb-poptip-body-content-inner {
    color: var(--lldesign-color-text-2)
}

.cb-poptip-inner {
    width: 100%;
    background-color: var(--lldesign-color-bg-5);
    background-clip: padding-box;
    border: 1px solid var(--lldesign-color-border-2);
    border-radius: var(--lldesign-radius-2);
    -webkit-box-shadow: var(--lldesign-shadow-base);
    box-shadow: var(--lldesign-shadow-base);
    white-space: nowrap;
    padding: 12px 16px
}

.cb-poptip-popper {
    min-width: 150px;
    display: block;
    visibility: visible;
    font-size: var(--lldesign-font-size-small);
    line-height: 1.5;
    position: absolute;
    z-index: 1060
}

.cb-poptip-popper[x-placement^=top] {
    padding: 7px 0 10px 0
}

.cb-poptip-popper[x-placement^=right] {
    padding: 0 7px 0 10px
}

.cb-poptip-popper[x-placement^=bottom] {
    padding: 10px 0 7px 0
}

.cb-poptip-popper[x-placement^=left] {
    padding: 0 10px 0 7px
}

.cb-poptip-popper[x-placement^=top] .cb-poptip-arrow {
    bottom: 4px;
    border-width: 7px 7px 0;
    border-top-color: var(--lldesign-color-bg-5)
}

.cb-poptip-popper[x-placement=top] .cb-poptip-arrow {
    left: 50%;
    margin-left: -7px
}

.cb-poptip-popper[x-placement=top-start] .cb-poptip-arrow {
    left: 16px
}

.cb-poptip-popper[x-placement=top-end] .cb-poptip-arrow {
    right: 16px
}

.cb-poptip-popper[x-placement^=right] .cb-poptip-arrow {
    left: 4px;
    border-width: 7px 7px 7px 0;
    border-right-color: var(--lldesign-color-bg-5)
}

.cb-poptip-popper[x-placement=right] .cb-poptip-arrow {
    top: 50%;
    margin-top: -7px
}

.cb-poptip-popper[x-placement=right-start] .cb-poptip-arrow {
    top: 8px
}

.cb-poptip-popper[x-placement=right-end] .cb-poptip-arrow {
    bottom: 8px
}

.cb-poptip-popper[x-placement^=left] .cb-poptip-arrow {
    right: 4px;
    border-width: 7px 0 7px 7px;
    border-left-color: var(--lldesign-color-bg-5)
}

.cb-poptip-popper[x-placement=left] .cb-poptip-arrow {
    top: 50%;
    margin-top: -7px
}

.cb-poptip-popper[x-placement=left-start] .cb-poptip-arrow {
    top: 8px
}

.cb-poptip-popper[x-placement=left-end] .cb-poptip-arrow {
    bottom: 8px
}

.cb-poptip-popper[x-placement^=bottom] .cb-poptip-arrow {
    top: 4px;
    border-width: 0 7px 7px;
    border-bottom-color: var(--lldesign-color-bg-5)
}

.cb-poptip-popper[x-placement=bottom] .cb-poptip-arrow {
    left: 50%;
    margin-left: -7px
}

.cb-poptip-popper[x-placement=bottom-start] .cb-poptip-arrow {
    left: 16px
}

.cb-poptip-popper[x-placement=bottom-end] .cb-poptip-arrow {
    right: 16px
}

.cb-poptip-popper[x-placement^=top] .cb-poptip-arrow:after {
    content: ' ';
    bottom: -1px;
    z-index: -1;
    margin-left: -7px;
    border-bottom-width: 0;
    border-top-width: 7px;
    border-top-color: var(--lldesign-color-border-2)
}

.cb-poptip-popper[x-placement^=right] .cb-poptip-arrow:after {
    content: ' ';
    left: -1px;
    z-index: -1;
    bottom: -7px;
    border-left-width: 0;
    border-right-width: 7px;
    border-right-color: var(--lldesign-color-border-2)
}

.cb-poptip-popper[x-placement^=bottom] .cb-poptip-arrow:after {
    content: ' ';
    top: -1px;
    z-index: -1;
    margin-left: -7px;
    border-top-width: 0;
    border-bottom-width: 7px;
    border-bottom-color: var(--lldesign-color-border-2)
}

.cb-poptip-popper[x-placement^=left] .cb-poptip-arrow:after {
    content: ' ';
    right: -1px;
    z-index: -1;
    border-right-width: 0;
    border-left-width: 7px;
    border-left-color: var(--lldesign-color-border-2);
    bottom: -7px
}

.cb-poptip-popper.cb-poptip-without-arrow[x-placement^=bottom],
.cb-poptip-popper.cb-poptip-without-arrow[x-placement^=top] {
    padding: 4px 0
}

.cb-poptip-popper.cb-poptip-without-arrow[x-placement^=left],
.cb-poptip-popper.cb-poptip-without-arrow[x-placement^=right] {
    padding: 0 4px
}

.cb-poptip-arrow,
.cb-poptip-arrow:after {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-color: transparent;
    border-style: solid
}

.cb-poptip-arrow {
    border-width: 8px
}

.cb-poptip-arrow:after {
    content: '';
    border-width: 7px
}

.cb-poptip-confirm .cb-poptip-popper {
    max-width: 300px
}

.cb-poptip-confirm .cb-poptip-inner {
    white-space: normal
}

.cb-poptip-confirm .cb-poptip-body {
    padding: 0 0 8px
}

.cb-poptip-confirm .cb-poptip-body .cb-icon {
    margin: 0;
    font-size: 16px;
    color: var(--lldesign-color-warning-6);
    line-height: 18px;
    position: absolute
}

.cb-poptip-confirm .cb-poptip-body-message {
    padding-left: 20px
}

.cb-poptip-confirm .cb-poptip-footer {
    text-align: right;
    padding: 8px 0 0
}

.cb-poptip-confirm .cb-poptip-footer button {
    margin-left: 4px
}

.input-group-error-append,
.input-group-error-prepend {
    background-color: var(--lldesign-input-error-bg, var(--lldesign-color-error-1))
}

@-webkit-keyframes onAutoFillStart {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes onAutoFillStart {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes onAutoFillCancel {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes onAutoFillCancel {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

:root {
    --lldesign-input-bg: var(--lldesign-color-fill-2);
    --lldesign-input-bg-hover: var(--lldesign-color-fill-3);
    --lldesign-input-dropdown-hover: var(--lldesign-color-fill-2);
    --lldesign-input-bg-active: var(--lldesign-color-bg-2);
    --lldesign-input-error-bg: var(--lldesign-color-error-light-1);
    --lldesign-input-error-bg-hover: var(--lldesign-color-error-light-2);
    --lldesign-input-split-color: var(--lldesign-color-border-2);
    --lldesign-input-split-color-hover: var(--lldesign-color-border-2);
    --lldesign-input-border-color: transparent;
    --lldesign-input-border-color-hover: transparent;
    --lldesign-input-border-color-active: var(--lldesign-color-border-2);
    --lldesign-input-border-error-color: transparent;
    --lldesign-input-text-color: var(--lldesign-color-text-1);
    --lldesign-input-radius-mini: var(--lldesign-radius-1);
    --lldesign-input-radius-small: var(--lldesign-radius-1);
    --lldesign-input-radius: var(--lldesign-radius-1);
    --lldesign-input-radius-large: var(--lldesign-radius-1);
    --lldesign-input-radius-max: var(--lldesign-radius-1);
    --lldesign-input-font-size-max: var(--lldesign-size-5);
    --lldesign-input-font-size-large: var(--lldesign-size-4);
    --lldesign-input-font-size: var(--lldesign-size-4);
    --lldesign-input-font-size-small: var(--lldesign-size-4);
    --lldesign-input-font-size-mini: var(--lldesign-size-3);
    --lldesign-input-height-mini: var(--lldesign-height-1);
    --lldesign-input-height-small: var(--lldesign-height-2);
    --lldesign-input-height-base: var(--lldesign-height-3);
    --lldesign-input-height-large: var(--lldesign-height-4);
    --lldesign-input-height-max: var(--lldesign-height-5)
}

.cb-input {
    display: inline-block;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: var(--lldesign-input-height-base);
    line-height: 1.25;
    padding: 0 12px;
    font-size: var(--lldesign-font-size-base);
    color: var(--lldesign-input-text-color, var(--lldesign-color-text-1));
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background: 0 0;
    border: 0 none;
    margin: -1px 0;
    outline: 0;
    position: relative;
    cursor: text
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .cb-input {
        line-height: 1.5!important
    }
}

.cb-input::-moz-placeholder {
    color: var(--lldesign-color-text-3);
    opacity: 1
}

.cb-input:-ms-input-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-input::-webkit-input-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-input:-webkit-autofill,
.cb-input:-webkit-autofill:active,
.cb-input:-webkit-autofill:focus,
.cb-input:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--lldesign-input-text-color, var(--lldesign-color-text-1));
    -webkit-transition: background-color 60000s ease-in-out 0s;
    transition: background-color 60000s ease-in-out 0s;
    -webkit-animation: onAutoFillStart 1ms linear both;
    animation: onAutoFillStart 1ms linear both
}

.cb-input:-internal-autofill-previewed,
.cb-input:-internal-autofill-selected {
    -webkit-text-fill-color: var(--lldesign-input-text-color, var(--lldesign-color-text-1));
    -webkit-transition: background-color 60000s ease-in-out 0s;
    transition: background-color 60000s ease-in-out 0s
}

.cb-input:not(:-webkit-autofill) {
    -webkit-animation: onAutoFillCancel 1ms linear both;
    animation: onAutoFillCancel 1ms linear both
}

.cb-input[readonly],
fieldset[readonly] .cb-input {
    cursor: default
}

.cb-input[disabled],
fieldset[disabled] .cb-input {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

.cb-input[disabled]:hover,
fieldset[disabled] .cb-input:hover {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

textarea.cb-input {
    max-width: 100%;
    height: auto;
    line-height: 1.5;
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: var(--lldesign-input-height-base);
    vertical-align: bottom;
    font-size: var(--lldesign-font-size-base)
}

textarea.cb-input[rows='1'] {
    padding-bottom: 5px
}

.cb-input-large {
    font-size: var(--lldesign-font-size-base);
    padding: 0 12px;
    height: var(--lldesign-input-height-large)
}

.cb-input-small {
    padding: 0 12px;
    height: var(--lldesign-input-height-small);
    border-radius: var(--lldesign-input-radius)
}

.cb-input-max {
    font-size: var(--lldesign-font-size-base);
    padding: 0 12px;
    height: var(--lldesign-input-height-max)
}

.cb-input-mini {
    padding: 0 12px;
    height: var(--lldesign-input-height-mini);
    border-radius: var(--lldesign-input-radius);
    font-size: var(--lldesign-font-size-small)
}

.cb-input-wrapper {
    display: inline-block;
    width: 100%;
    position: relative;
    vertical-align: middle;
    line-height: normal
}

.cb-input-rel {
    position: relative;
    background-color: var(--lldesign-input-bg, var(--lldesign-color-fill-2));
    -webkit-transition: border var(--lldesign-animation-time) var(--lldesign-transition-linear), background var(--lldesign-animation-time) var(--lldesign-transition-linear);
    transition: border var(--lldesign-animation-time) var(--lldesign-transition-linear), background var(--lldesign-animation-time) var(--lldesign-transition-linear);
    border: 1px solid var(--lldesign-input-border-color, transparent);
    border-radius: var(--lldesign-input-radius);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.cb-input-rel:hover {
    background-color: var(--lldesign-input-bg-hover, var(--lldesign-color-fill-3));
    border-color: var(--lldesign-input-border-color-hover, transparent)
}

.cb-input-rel-focus,
.cb-input-rel-focus:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-input-rel-disabled,
.cb-input-rel-disabled:hover {
    background-color: var(--lldesign-color-fill-2)
}

.cb-input-rel.cb-input-with-word-limit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cb-input-rel.cb-input-with-word-limit .cb-input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cb-input-icon-inner {
    margin: 4px 6px
}

.cb-input-icon-inner:first-child {
    margin-right: -6px
}

.cb-input-icon-inner:has(+.cb-input-word-limit),
.cb-input-icon-inner:last-child {
    margin-left: -6px
}

.cb-input-word-limit {
    padding: 0 12px 0 0;
    font-size: var(--lldesign-font-size-small)
}

.cb-input-word-limit-error {
    color: var(--lldesign-color-error-6)
}

.cb-input-type-textarea .cb-input-rel.cb-input-with-word-limit {
    display: block;
    overflow: hidden
}

.cb-input-type-textarea .cb-input-rel.cb-input-with-word-limit textarea.cb-input {
    padding-bottom: 24px
}

.cb-input-type-textarea .cb-input-rel.cb-input-with-word-limit .cb-input-word-limit {
    position: absolute;
    bottom: 5px;
    right: 5px;
    padding: 0 4px
}

.cb-input-icon {
    width: 32px;
    height: var(--lldesign-input-height-base);
    line-height: var(--lldesign-input-height-base);
    font-size: var(--lldesign-font-size-base);
    text-align: center;
    color: var(--lldesign-color-text-2);
    position: absolute;
    right: 0;
    z-index: 3;
    margin: 0;
    cursor: pointer
}

.cb-input-icon-clear,
.cb-input-icon.cb-icon-close {
    position: relative;
    z-index: 2;
    color: var(--lldesign-color-text-2);
    cursor: pointer;
    opacity: 0
}

.cb-input-icon-clear::after,
.cb-input-icon.cb-icon-close::after {
    position: absolute;
    left: 50%;
    top: 50%;
    content: '';
    z-index: -1;
    opacity: 0;
    width: 1em;
    height: 1em;
    background-color: rgba(195, 195, 195, .28);
    border-radius: 100px;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.2);
    transform: translate3d(-50%, -50%, 0) scale(1.2);
    -webkit-transition: opacity var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: opacity var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-input-icon-clear:hover::after,
.cb-input-icon.cb-icon-close:hover::after {
    opacity: 1
}

.cb-input-hide-icon .cb-input-icon {
    display: none
}

.cb-input-icon-validate {
    display: none
}

.cb-input-wrapper:hover .cb-input-icon-clear {
    opacity: 1
}

.cb-input-icon-normal+.cb-input {
    padding-right: 32px
}

.cb-input-icon-normal+.cb-input-large,
.cb-input-icon-normal+.cb-input-max {
    padding-right: 36px
}

.cb-input-icon-normal+.cb-input-mini,
.cb-input-icon-normal+.cb-input-small {
    padding-right: 24px
}

.cb-input-hide-icon .cb-input-icon-normal+.cb-input {
    padding-right: 12px
}

.cb-input-wrapper-large .cb-input-icon {
    font-size: 16px;
    height: var(--lldesign-input-height-large);
    line-height: var(--lldesign-input-height-large)
}

.cb-input-wrapper-max .cb-input-icon {
    font-size: 18px;
    height: var(--lldesign-input-height-max);
    line-height: var(--lldesign-input-height-max)
}

.cb-input-wrapper-small .cb-input-icon {
    width: 24px;
    font-size: var(--lldesign-font-size-base);
    height: var(--lldesign-input-height-small);
    line-height: var(--lldesign-input-height-small)
}

.cb-input-wrapper-mini .cb-input-icon {
    width: 24px;
    font-size: var(--lldesign-font-size-small);
    height: var(--lldesign-input-height-mini);
    line-height: var(--lldesign-input-height-mini)
}

.cb-input-prefix,
.cb-input-suffix {
    width: 32px;
    height: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    line-height: var(--lldesign-input-height-base)
}

.cb-input-prefix i,
.cb-input-suffix i {
    font-size: 16px;
    line-height: var(--lldesign-input-height-base);
    color: var(--lldesign-color-text-2);
    margin: 0
}

.cb-input-suffix {
    left: auto;
    right: 0
}

.cb-input-wrapper-small .cb-input-prefix i,
.cb-input-wrapper-small .cb-input-suffix i {
    font-size: 14px;
    line-height: var(--lldesign-input-height-small)
}

.cb-input-wrapper-mini .cb-input-prefix i,
.cb-input-wrapper-mini .cb-input-suffix i {
    font-size: 14px;
    line-height: var(--lldesign-input-height-mini)
}

.cb-input-wrapper-large .cb-input-prefix i,
.cb-input-wrapper-large .cb-input-suffix i {
    font-size: 18px;
    line-height: var(--lldesign-input-height-large)
}

.cb-input-wrapper-max .cb-input-prefix i,
.cb-input-wrapper-max .cb-input-suffix i {
    font-size: 18px;
    line-height: var(--lldesign-input-height-max)
}

.cb-input-rel.cb-input-with-prefix {
    padding-left: 22px
}

.cb-input-rel.cb-input-with-suffix {
    padding-right: 22px
}

.cb-input-search {
    cursor: pointer;
    padding: 0 16px!important;
    background: var(--lldesign-color-brand-6)!important;
    color: #fff!important;
    border-color: var(--lldesign-color-brand-6)!important;
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    position: relative;
    z-index: 2
}

.cb-input-search i {
    font-size: 16px
}

.cb-input-search:hover {
    background: var(--lldesign-color-brand-5)!important;
    border-color: var(--lldesign-color-brand-5)!important
}

.cb-input-search:active {
    background: var(--lldesign-color-brand-7)!important;
    border-color: var(--lldesign-color-brand-7)!important
}

.cb-input-search-icon {
    cursor: pointer;
    -webkit-transition: color var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: color var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-input-search-icon:hover {
    color: inherit
}

.cb-input-search:before {
    content: '';
    display: block;
    width: 1px;
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    background: inherit
}

.cb-input-wrapper-mini .cb-input-search,
.cb-input-wrapper-small .cb-input-search {
    padding: 0 12px!important
}

.cb-input-wrapper-mini .cb-input-search i,
.cb-input-wrapper-small .cb-input-search i {
    font-size: 14px
}

.cb-input-wrapper-large .cb-input-search,
.cb-input-wrapper-max .cb-input-search {
    padding: 0 20px!important
}

.cb-input-wrapper-large .cb-input-search i,
.cb-input-wrapper-max .cb-input-search i {
    font-size: 18px
}

.cb-input-with-search:hover .cb-input {
    border-color: var(--lldesign-color-brand-5)
}

.cb-input-wrapper-innerlabel .cb-input-inner-label {
    position: absolute;
    top: 50%;
    line-height: 1;
    padding: calc(var(--lldesign-input-height-max)/ 12) 0 calc(var(--lldesign-input-height-max)/ 12) 12px;
    color: var(--lldesign-color-text-3);
    z-index: 3;
    font-size: var(--lldesign-font-size-base);
    display: block;
    pointer-events: none;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    white-space: nowrap
}

.cb-input-wrapper-innerlabel .cb-input-inner-label-hold {
    font-size: var(--lldesign-font-size-small);
    color: var(--lldesign-color-text-3);
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: 0
}

.cb-input-wrapper-innerlabel .cb-input-inner-label-ani {
    -webkit-transition: font-size .1s cubic-bezier(.4, 0, .2, 1), color .1s cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1);
    transition: font-size .1s cubic-bezier(.4, 0, .2, 1), color .1s cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1);
    transition: transform .1s cubic-bezier(.4, 0, .2, 1), font-size .1s cubic-bezier(.4, 0, .2, 1), color .1s cubic-bezier(.4, 0, .2, 1);
    transition: transform .1s cubic-bezier(.4, 0, .2, 1), font-size .1s cubic-bezier(.4, 0, .2, 1), color .1s cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1)
}

.cb-input-wrapper-innerlabel .cb-input-inner-label:has(+textarea) {
    top: calc(var(--lldesign-input-height-max)/ 10.8);
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.cb-input-wrapper-innerlabel .cb-input-inner-label+textarea {
    padding-top: calc(5px + var(--lldesign-input-height-max)/ 2.5)
}

.cb-input-wrapper-innerlabel.cb-input-active .cb-input:not(textarea) {
    padding-top: calc(var(--lldesign-input-height-max)/ 2.5);
    padding-bottom: calc(var(--lldesign-input-height-max)/ 21)
}

.cb-input-combo {
    display: inline-block;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: var(--lldesign-input-height-base);
    line-height: 1.25;
    padding: 0 12px;
    font-size: var(--lldesign-font-size-base);
    color: var(--lldesign-input-text-color, var(--lldesign-color-text-1));
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background: 0 0;
    border: 0 none;
    margin: -1px 0;
    outline: 0;
    position: relative;
    cursor: text;
    background-color: var(--lldesign-input-bg, var(--lldesign-color-fill-2));
    -webkit-transition: border var(--lldesign-animation-time) var(--lldesign-transition-linear), background var(--lldesign-animation-time) var(--lldesign-transition-linear);
    transition: border var(--lldesign-animation-time) var(--lldesign-transition-linear), background var(--lldesign-animation-time) var(--lldesign-transition-linear);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: unset;
    padding: 0;
    margin: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    border-radius: var(--lldesign-input-radius);
    height: auto;
    line-height: 1
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .cb-input-combo {
        line-height: 1.5!important
    }
}

.cb-input-combo::-moz-placeholder {
    color: var(--lldesign-color-text-3);
    opacity: 1
}

.cb-input-combo:-ms-input-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-input-combo::-webkit-input-placeholder {
    color: var(--lldesign-color-text-3)
}

.cb-input-combo:-webkit-autofill,
.cb-input-combo:-webkit-autofill:active,
.cb-input-combo:-webkit-autofill:focus,
.cb-input-combo:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--lldesign-input-text-color, var(--lldesign-color-text-1));
    -webkit-transition: background-color 60000s ease-in-out 0s;
    transition: background-color 60000s ease-in-out 0s;
    -webkit-animation: onAutoFillStart 1ms linear both;
    animation: onAutoFillStart 1ms linear both
}

.cb-input-combo:-internal-autofill-previewed,
.cb-input-combo:-internal-autofill-selected {
    -webkit-text-fill-color: var(--lldesign-input-text-color, var(--lldesign-color-text-1));
    -webkit-transition: background-color 60000s ease-in-out 0s;
    transition: background-color 60000s ease-in-out 0s
}

.cb-input-combo:not(:-webkit-autofill) {
    -webkit-animation: onAutoFillCancel 1ms linear both;
    animation: onAutoFillCancel 1ms linear both
}

.cb-input-combo[readonly],
fieldset[readonly] .cb-input-combo {
    cursor: default
}

.cb-input-combo[disabled],
fieldset[disabled] .cb-input-combo {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

.cb-input-combo[disabled]:hover,
fieldset[disabled] .cb-input-combo:hover {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

textarea.cb-input-combo {
    max-width: 100%;
    height: auto;
    line-height: 1.5;
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: var(--lldesign-input-height-base);
    vertical-align: bottom;
    font-size: var(--lldesign-font-size-base)
}

textarea.cb-input-combo[rows='1'] {
    padding-bottom: 5px
}

.cb-input-combo-large {
    font-size: var(--lldesign-font-size-base);
    padding: 0 12px;
    height: var(--lldesign-input-height-large)
}

.cb-input-combo-small {
    padding: 0 12px;
    height: var(--lldesign-input-height-small);
    border-radius: var(--lldesign-input-radius)
}

.cb-input-combo-max {
    font-size: var(--lldesign-font-size-base);
    padding: 0 12px;
    height: var(--lldesign-input-height-max)
}

.cb-input-combo-mini {
    padding: 0 12px;
    height: var(--lldesign-input-height-mini);
    border-radius: var(--lldesign-input-radius);
    font-size: var(--lldesign-font-size-small)
}

.cb-input-combo:hover {
    background-color: var(--lldesign-input-bg-hover, var(--lldesign-color-fill-3));
    border-color: var(--lldesign-input-border-color-hover, transparent)
}

.cb-input-combo-focus,
.cb-input-combo-focus:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-input-combo:not(:-webkit-autofill) {
    -webkit-animation: none;
    animation: none
}

.cb-input-combo:hover {
    background: var(--lldesign-color-white)
}

.cb-input-combo-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.cb-input-combo-inner>div {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cb-input-combo-inner>div.cb-select,
.cb-input-combo-inner>div.cb-select:not(.cb-select-disabled):not(.cb-select-readonly) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.cb-input-combo-inner>div.cb-select .cb-select-selection,
.cb-input-combo-inner>div.cb-select .cb-select-selection:focus,
.cb-input-combo-inner>div.cb-select .cb-select-selection:has(.cb-select-hidden-input:focus),
.cb-input-combo-inner>div.cb-select:not(.cb-select-disabled):not(.cb-select-readonly) .cb-select-selection,
.cb-input-combo-inner>div.cb-select:not(.cb-select-disabled):not(.cb-select-readonly) .cb-select-selection:focus,
.cb-input-combo-inner>div.cb-select:not(.cb-select-disabled):not(.cb-select-readonly) .cb-select-selection:has(.cb-select-hidden-input:focus) {
    background-color: transparent!important;
    border-color: transparent!important
}

.cb-input-combo-inner>div.cb-input-wrapper:hover {
    background-color: transparent!important
}

.cb-input-combo-inner>div.cb-input-wrapper .cb-input-rel,
.cb-input-combo-inner>div.cb-input-wrapper .cb-input-rel-focus,
.cb-input-combo-inner>div.cb-input-wrapper .cb-input-rel:hover {
    border-color: transparent!important;
    background-color: transparent!important
}

.cb-input-combo-inner>div.cb-input-amount:hover {
    background-color: transparent!important
}

.cb-input-combo-inner>div.cb-input-amount .cb-input-amount-rel,
.cb-input-combo-inner>div.cb-input-amount .cb-input-amount-rel-focus,
.cb-input-combo-inner>div.cb-input-amount .cb-input-amount-rel:hover {
    border: 0 none!important;
    background-color: transparent!important
}

.cb-input-combo-inner>div.cb-input-number {
    border: 0 none!important;
    background-color: transparent!important
}

.cb-input-combo-inner>div.cb-input-tag .cb-input-tag-rel {
    border: 0 none!important;
    background-color: transparent!important
}

.cb-input-combo-inner>div:not(:first-child):not(:last-child) .cb-input,
.cb-input-combo-inner>div:not(:first-child):not(:last-child).cb-select .cb-select-selection {
    border-radius: 0
}

.cb-input-combo-inner>div:first-child .cb-input,
.cb-input-combo-inner>div:first-child.cb-select .cb-select-selection {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.cb-input-combo-inner>div:last-child .cb-input,
.cb-input-combo-inner>div:last-child.cb-select .cb-select-selection {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.cb-input-combo-inner .cb-btn {
    border-radius: 0;
    margin: -1px
}

.cb-input-combo-inner .cb-btn:first-child {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.cb-input-combo-inner .cb-btn:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.cb-input-combo-with-border .cb-input-combo-inner>div:not(:last-child) {
    -webkit-transition: border var(--lldesign-animation-time) var(--lldesign-transition-linear);
    transition: border var(--lldesign-animation-time) var(--lldesign-transition-linear);
    border-right: 1px solid var(--lldesign-input-split-color, var(--lldesign-color-border-2))!important
}

.cb-input-combo-with-border:hover .cb-input-combo-inner>div:not(:last-child) {
    border-right-color: var(--lldesign-input-split-color-hover, var(--lldesign-color-border-2))!important
}

.cb-input-combo-with-border.cb-input-combo-focus .cb-input-combo-inner>div:not(:last-child),
.cb-input-combo-with-border.cb-input-combo:has(.cb-input-amount-rel-focus) .cb-input-combo-inner>div:not(:last-child),
.cb-input-combo-with-border.cb-input-combo:has(.cb-input-number-focused) .cb-input-combo-inner>div:not(:last-child),
.cb-input-combo-with-border.cb-input-combo:has(.cb-input-rel-focus) .cb-input-combo-inner>div:not(:last-child),
.cb-input-combo-with-border.cb-input-combo:has(.cb-input-tag-rel-focused) .cb-input-combo-inner>div:not(:last-child),
.cb-input-combo-with-border.cb-input-combo:has(.cb-select-selection-focused) .cb-input-combo-inner>div:not(:last-child),
.cb-input-combo-with-border.cb-input-combo:has(.cb-select-visible) .cb-input-combo-inner>div:not(:last-child),
.cb-input-combo-with-border.cb-input-combo:has(.cb-select:not(.cb-input-combo-disabled):not(.cb-input-combo-readonly).cb-select-selection:focus) .cb-input-combo-inner>div:not(:last-child),
.cb-input-combo-with-border.cb-input-combo:has(.cb-select:not(.cb-input-combo-disabled):not(.cb-input-combo-readonly).cb-select-selection:focus:hover) .cb-input-combo-inner>div:not(:last-child) {
    border-right-color: var(--lldesign-color-brand-6)!important
}

.cb-input-combo:not(.cb-input-combo-focus):hover {
    background-color: var(--lldesign-input-bg-hover, var(--lldesign-color-fill-3));
    border-color: var(--lldesign-input-border-color-hover, transparent)
}

.cb-input-combo-focus,
.cb-input-combo:has(.cb-input-amount-rel-focus),
.cb-input-combo:has(.cb-input-number-focused),
.cb-input-combo:has(.cb-input-rel-focus),
.cb-input-combo:has(.cb-input-tag-rel-focused),
.cb-input-combo:has(.cb-select-selection-focused),
.cb-input-combo:has(.cb-select-visible),
.cb-input-combo:has(.cb-select:not(.cb-input-combo-disabled):not(.cb-input-combo-readonly).cb-select-selection:focus),
.cb-input-combo:has(.cb-select:not(.cb-input-combo-disabled):not(.cb-input-combo-readonly).cb-select-selection:focus:hover) {
    z-index: 10
}

.cb-input-combo-focus,
.cb-input-combo-focus:hover,
.cb-input-combo:has(.cb-input-amount-rel-focus),
.cb-input-combo:has(.cb-input-amount-rel-focus):hover,
.cb-input-combo:has(.cb-input-number-focused),
.cb-input-combo:has(.cb-input-number-focused):hover,
.cb-input-combo:has(.cb-input-rel-focus),
.cb-input-combo:has(.cb-input-rel-focus):hover,
.cb-input-combo:has(.cb-input-tag-rel-focused),
.cb-input-combo:has(.cb-input-tag-rel-focused):hover,
.cb-input-combo:has(.cb-select-selection-focused),
.cb-input-combo:has(.cb-select-selection-focused):hover,
.cb-input-combo:has(.cb-select-visible),
.cb-input-combo:has(.cb-select-visible):hover,
.cb-input-combo:has(.cb-select:not(.cb-input-combo-disabled):not(.cb-input-combo-readonly).cb-select-selection:focus),
.cb-input-combo:has(.cb-select:not(.cb-input-combo-disabled):not(.cb-input-combo-readonly).cb-select-selection:focus):hover,
.cb-input-combo:has(.cb-select:not(.cb-input-combo-disabled):not(.cb-input-combo-readonly).cb-select-selection:focus:hover),
.cb-input-combo:has(.cb-select:not(.cb-input-combo-disabled):not(.cb-input-combo-readonly).cb-select-selection:focus:hover):hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-input-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    position: relative;
    font-size: var(--lldesign-font-size-base)
}

.cb-input-group-large {
    font-size: var(--lldesign-font-size-base)
}

.cb-input-group[class*=col-] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.cb-input-group>[class*=col-] {
    padding-right: 8px
}

.cb-input-group>.cb-input-rel {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cb-input-group-with-prepend .cb-input-rel,
.cb-input-group-with-prepend.cb-input-group-small .cb-input-rel {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.cb-input-group-with-append .cb-input-rel,
.cb-input-group-with-append.cb-input-group-small .cb-input-rel {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.cb-input-group-append .cb-btn,
.cb-input-group-prepend .cb-btn {
    border-color: transparent;
    background-color: transparent;
    color: inherit;
    margin: -6px -12px
}

.cb-input-group-append,
.cb-input-group-prepend {
    white-space: nowrap;
    vertical-align: middle;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cb-input-group .cb-input-rel {
    position: relative
}

.cb-input-group-append,
.cb-input-group-prepend {
    padding: 4px 12px;
    font-size: inherit;
    font-weight: 400;
    line-height: 1;
    color: var(--lldesign-input-text-color, var(--lldesign-color-text-1));
    text-align: center;
    background-color: var(--lldesign-input-pend-bg, var(--lldesign-input-bg));
    border: 1px solid var(--lldesign-input-border-color, transparent);
    border-radius: var(--lldesign-input-radius);
    -webkit-transition: border var(--lldesign-animation-time) var(--lldesign-transition-standard), background var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: border var(--lldesign-animation-time) var(--lldesign-transition-standard), background var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-input-group-append .cb-select,
.cb-input-group-prepend .cb-select {
    position: relative;
    z-index: 3;
    width: auto;
    margin: -5px -12px
}

.cb-input-group-append .cb-select-selection,
.cb-input-group-prepend .cb-select-selection {
    margin: -1px;
    border: 1px solid transparent
}

.cb-input-group-append .cb-select-selection,
.cb-input-group-prepend .cb-select-selection {
    background-color: inherit
}

.cb-input-group-append .cb-select-selection-focused,
.cb-input-group-append .cb-select-selection:hover,
.cb-input-group-prepend .cb-select-selection-focused,
.cb-input-group-prepend .cb-select-selection:hover {
    background-color: var(--lldesign-input-bg-hover, var(--lldesign-color-fill-3))
}

.cb-input-group-append .cb-select-selection:focus,
.cb-input-group-prepend .cb-select-selection:focus {
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-input-group-append .cb-select-visible .cb-select-selection,
.cb-input-group-append .cb-select-visible .cb-select-selection:hover,
.cb-input-group-prepend .cb-select-visible .cb-select-selection,
.cb-input-group-prepend .cb-select-visible .cb-select-selection:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-input-group-prepend,
.cb-input-group>.cb-input-rel:first-child,
.cb-input-group>span>.cb-input-rel:first-child {
    border-bottom-right-radius: 0!important;
    border-top-right-radius: 0!important
}

.cb-input-group-prepend .cb-select .cb-select-selection,
.cb-input-group>.cb-input-rel:first-child .cb-select .cb-select-selection,
.cb-input-group>span>.cb-input-rel:first-child .cb-select .cb-select-selection {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.cb-input-group-prepend {
    border-right: 0 none
}

.cb-input-group-prepend+.cb-input-rel:not(.cb-input-rel-focus) {
    border-left-color: var(--lldesign-input-split-color, var(--lldesign-color-border-2))
}

.cb-input-group-prepend+.cb-input-rel:not(.cb-input-rel-focus):hover {
    border-left-color: var(--lldesign-input-split-color-hover, var(--lldesign-color-border-2))
}

.cb-input-group-append {
    border-left: 0 none
}

.cb-input-rel:not(.cb-input-rel-focus):has(+.cb-input-group-append) {
    border-right-color: var(--lldesign-input-split-color, var(--lldesign-color-border-2))
}

.cb-input-rel:not(.cb-input-rel-focus):hover:has(+.cb-input-group-append) {
    border-right-color: var(--lldesign-input-split-color-hover, var(--lldesign-color-border-2))
}

.cb-input-group-append,
.cb-input-group>.cb-input-rel:last-child {
    border-bottom-left-radius: 0!important;
    border-top-left-radius: 0!important
}

.cb-input-group-append .cb-select .cb-select-selection,
.cb-input-group>.cb-input-rel:last-child .cb-select .cb-select-selection {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.cb-input-group-large .cb-input-rel,
.cb-input-group-large>.cb-input-group-append,
.cb-input-group-large>.cb-input-group-prepend {
    font-size: var(--lldesign-font-size-base);
    padding: 0 12px;
    height: var(--lldesign-input-height-large)
}

.cb-input-group-small .cb-input-rel,
.cb-input-group-small>.cb-input-group-append,
.cb-input-group-small>.cb-input-group-prepend {
    padding: 0 12px;
    height: var(--lldesign-input-height-small);
    border-radius: var(--lldesign-input-radius)
}

.cb-form-item-error .cb-input-rel {
    border-color: var(--lldesign-input-border-error-color, transparent);
    background-color: var(--lldesign-input-error-bg, var(--lldesign-color-error-1))
}
.cb-form-item-error .el-input__wrapper {
    border-color: var(--lldesign-input-border-error-color, transparent);
    background-color: var(--lldesign-input-error-bg, var(--lldesign-color-error-1))
}

.cb-form-item-error .cb-input-rel:hover {
    background-color: var(--lldesign-input-error-bg-hover, var(--lldesign-color-error-2))
}

.cb-form-item-error .cb-input-rel-focus,
.cb-form-item-error .cb-input-rel-focus:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-form-item-error .cb-input-combo {
    border-color: var(--lldesign-input-border-error-color, transparent);
    background-color: var(--lldesign-input-error-bg, var(--lldesign-color-error-1))
}

.cb-form-item-error .cb-input-combo:hover {
    background-color: var(--lldesign-input-error-bg-hover, var(--lldesign-color-error-2))
}

.cb-form-item-error .cb-input-combo-focus-focus,
.cb-form-item-error .cb-input-combo-focus-focus:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-form-item-error .cb-input-group-append,
.cb-form-item-error .cb-input-group-prepend {
    background-color: var(--lldesign-input-error-bg, var(--lldesign-color-error-1))
}

.cb-form-item-validating .cb-input-icon-validate {
    display: block
}

.cb-form-item-validating .cb-input-icon-validate:first-child+.cb-input-inner-label {
    left: 14px
}

.cb-slide-wrap {
    position: relative
}

.cb-slide-wrap-moving {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cb-slide-wrap-content {
    position: relative;
    overflow: hidden;
    z-index: 2
}

.cb-slide-wrap-content:not(.opened)::before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: 20px;
    pointer-events: none;
    background: -webkit-gradient(linear, left bottom, left top, from(var(--lldesign-color-bg-5)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(0deg, var(--lldesign-color-bg-5) 0, rgba(255, 255, 255, 0) 100%);
    z-index: 100
}

.cb-slide-wrap-content.slide-disabled::before {
    background: 0 0
}

.cb-slide-wrap-custom .cb-slide-wrap-content::before {
    display: none
}

.cb-slide-wrap-bar {
    height: 32px;
    line-height: 32px;
    text-align: center;
    overflow: hidden;
    cursor: pointer
}

.cb-slide-wrap-bar:hover {
    background: var(--lldesign-color-bg-6)
}

.cb-slide-wrap-bar.opened .arrow {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.cb-slide-wrap-bar .arrow {
    width: 20px;
    height: 20px;
    display: block;
    background: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDIwIDgwOC43Ij48cGF0aCBkPSJNODg2LjM3IDM5Mi4xNGE5Ny42NyA5Ny42NyAwIDAgMSAxMDcuODggMCA0Ni4xNCA0Ni4xNCAwIDAgMSAwIDgyLjc4TDU2Mi43MiA3OTIuNDZhOTcuNzMgOTcuNzMgMCAwIDEtMTA3Ljg5IDBMMjIuNjIgNDc0LjkyYTQ2LjE0IDQ2LjE0IDAgMCAxIDAtNzkuMzkgOTcuNzEgOTcuNzEgMCAwIDEgMTA3Ljg4IDBsMzc3LjkzIDI3OC4xOXoiIGZpbGw9IiM1OWE2ZmIiLz48cGF0aCBkPSJNODg2LjM3IDE2LjI0YTk3LjcxIDk3LjcxIDAgMCAxIDEwNy44OCAwIDQ2LjE0IDQ2LjE0IDAgMCAxIDAgNzkuMzlMNTYyLjcyIDQxMy4xN2E5Ny43MyA5Ny43MyAwIDAgMS0xMDcuODkgMEwyMi42MiA5NS42M2E0Ni4xNCA0Ni4xNCAwIDAgMSAwLTc5LjM5IDk3LjcxIDk3LjcxIDAgMCAxIDEwNy44OCAwbDM3Ny45MyAyNzcuNTF6IiBmaWxsPSIjOTdjOGZmIi8+PC9zdmc+) center center no-repeat;
    background-size: contain;
    margin: 6px auto;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.cb-slide-wrap-bar .arrow::before {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.cb-slide-wrap-drag {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 16px;
    margin: 0 0 -12px 0;
    z-index: 9;
    cursor: ns-resize
}

.cb-slide-wrap-drag::after {
    content: '';
    top: 3px;
    left: 0;
    right: 0;
    height: 2px;
    width: auto;
    background: 0 0;
    -webkit-transition: background var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: background var(--lldesign-animation-time) var(--lldesign-transition-standard);
    position: absolute
}

.cb-slide-wrap-drag:hover::after {
    background: var(--lldesign-color-brand-6)
}

.cb-slide-wrap.cb-slide-wrap-horizontal {
    display: inline-block;
    vertical-align: top
}

.cb-slide-wrap.cb-slide-wrap-horizontal .cb-slide-wrap-inner {
    display: inline-block;
    vertical-align: top
}

.cb-slide-wrap.cb-slide-wrap-horizontal .cb-slide-wrap-drag {
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    height: auto;
    bottom: 0;
    width: 16px;
    margin: 0 -12px 0 0;
    z-index: 9;
    cursor: ew-resize
}

.cb-slide-wrap.cb-slide-wrap-horizontal .cb-slide-wrap-drag::after {
    left: 3px;
    top: 0;
    bottom: 0;
    width: 2px;
    height: auto
}

.cb-slide-wrap.cb-slide-wrap-horizontal .cb-slide-wrap-content::before {
    display: none
}

.cb-slide-wrap.cb-slide-wrap-horizontal .cb-slide-wrap-handle {
    width: 2px;
    height: auto;
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: inherit
}

.cb-slide-wrap.cb-slide-wrap-horizontal .cb-slide-wrap-drag+.cb-slide-wrap-handle {
    width: 0
}

.cb-slide-wrap.cb-slide-wrap-horizontal .cb-slide-wrap-bar {
    height: 100%
}

.cb-slide-wrap.cb-slide-wrap-horizontal .cb-slide-wrap-bar .arrow {
    width: 24px;
    height: 24px;
    -webkit-box-shadow: var(--lldesign-shadow-base);
    box-shadow: var(--lldesign-shadow-base);
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px;
    border-radius: 50%;
    background: var(--lldesign-color-bg-5);
    font-family: cbicons;
    border: 1px solid var(--lldesign-color-border-2);
    line-height: 22px;
    font-style: normal;
    color: var(--lldesign-color-text-3)
}

.cb-slide-wrap.cb-slide-wrap-horizontal .cb-slide-wrap-bar .arrow::before {
    content: '\e8bc';
    line-height: 22px
}

.cb-slide-wrap.cb-slide-wrap-horizontal .cb-slide-wrap-bar:hover .arrow {
    border-color: var(--lldesign-color-brand-6);
    color: var(--lldesign-color-brand-6)
}

:root {
    --lldesign-slider-color: var(--lldesign-color-brand-5);
    --lldesign-slider-height: 2px
}

.cb-slider {
    line-height: normal
}

.cb-slider-wrap {
    width: 100%;
    height: var(--lldesign-slider-height, 2px);
    margin: 16px 0;
    background-color: var(--lldesign-color-border-2);
    border-radius: var(--lldesign-button-radius);
    vertical-align: middle;
    position: relative;
    cursor: pointer
}

.cb-slider-button-wrap {
    width: 12px;
    height: 12px;
    text-align: center;
    background-color: transparent;
    position: absolute;
    top: -5px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2
}

.cb-slider-button-wrap .cb-tooltip {
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 0
}

.cb-slider-button {
    width: 12px;
    height: 12px;
    border: 2px solid var(--lldesign-slider-color);
    border-radius: 50%;
    background-color: var(--lldesign-color-white);
    -webkit-transition: all var(--lldesign-animation-time) linear;
    transition: all var(--lldesign-animation-time) linear;
    outline: 0
}

.cb-slider-button-dragging,
.cb-slider-button:focus,
.cb-slider-button:hover {
    border-color: var(--lldesign-color-brand-6);
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5)
}

.cb-slider-button:hover {
    cursor: -webkit-grab;
    cursor: grab
}

.cb-slider-button-dragging,
.cb-slider-button-dragging:hover {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.cb-slider-bar {
    height: var(--lldesign-slider-height, 2px);
    background: var(--lldesign-slider-color);
    border-radius: var(--lldesign-button-radius);
    position: absolute
}

.cb-slider-stop {
    position: absolute;
    width: var(--lldesign-slider-height, 2px);
    height: var(--lldesign-slider-height, 2px);
    border-radius: 50%;
    background-color: var(--lldesign-color-bg-2);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.cb-slider .cb-input-number {
    width: 80px
}

.cb-slider-marks {
    top: 0;
    left: 12px;
    width: 18px;
    height: 100%
}

.cb-slider-marks-item {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: var(--lldesign-font-size-base);
    color: var(--lldesign-color-text-2);
    margin-top: 15px
}

.cb-slider-disabled {
    cursor: not-allowed
}

.cb-slider-disabled .cb-slider-wrap {
    background-color: var(--lldesign-color-fill-2);
    cursor: not-allowed
}

.cb-slider-disabled .cb-slider-bar {
    background-color: var(--lldesign-color-fill-2)
}

.cb-slider-disabled .cb-slider-button {
    border-color: var(--lldesign-color-fill-2)
}

.cb-slider-disabled .cb-slider-button-dragging,
.cb-slider-disabled .cb-slider-button:hover {
    border-color: var(--lldesign-color-fill-2)
}

.cb-slider-disabled .cb-slider-button:hover {
    cursor: not-allowed
}

.cb-slider-disabled .cb-slider-button-dragging,
.cb-slider-disabled .cb-slider-button-dragging:hover {
    cursor: not-allowed
}

.cb-slider-input .cb-slider-wrap {
    width: auto;
    margin-right: 100px
}

.cb-slider-input .cb-input-number {
    float: right;
    margin-top: -14px
}

.selectDropDown {
    width: auto;
    white-space: nowrap;
    overflow: visible
}

.cb-cascader {
    line-height: normal
}

.cb-cascader-rel {
    display: inline-block;
    width: 100%;
    position: relative
}

.cb-cascader-rel:not(.cb-cascader-readonly) .cb-input:not(:disabled) {
    color: var(--lldesign-color-text-1)
}

.cb-cascader .cb-input-rel {
    padding-right: 20px;
    cursor: pointer
}

.cb-cascader .cb-input {
    display: block
}

.cb-cascader-readonly input {
    pointer-events: none
}

.cb-cascader-label {
    width: 100%;
    height: 100%;
    line-height: 32px;
    padding: 0 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    font-size: var(--lldesign-font-size-base);
    position: absolute;
    left: 0;
    top: 0;
    color: var(--lldesign-input-text-color, var(--lldesign-color-text-1))
}

.cb-cascader-size-large .cb-cascader-label {
    line-height: 36px;
    font-size: var(--lldesign-font-size-base)
}

.cb-cascader-size-max .cb-cascader-label {
    line-height: 42px;
    font-size: var(--lldesign-font-size-base)
}

.cb-cascader-size-small .cb-cascader-label {
    line-height: 28px
}

.cb-cascader-size-mini .cb-cascader-label {
    line-height: 24px;
    font-size: var(--lldesign-font-size-small)
}

.cb-cascader-arrow {
    position: absolute;
    top: 50%;
    right: 8px;
    line-height: 1;
    margin-top: calc(var(--lldesign-font-size-base)/ -2);
    font-size: var(--lldesign-font-size-base);
    color: var(--lldesign-color-text-2);
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-cascader-visible .cb-cascader-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.cb-cascader .cb-select-dropdown {
    width: auto;
    white-space: nowrap;
    overflow: visible
}

.cb-cascader .cb-select-dropdown-with-line .cb-cascader-menu-item:not(:last-child)::after {
    content: '';
    bottom: 0;
    left: 10px;
    right: 10px;
    border-bottom: 1px solid var(--lldesign-color-border-2);
    position: absolute;
    opacity: .7
}

.cb-cascader .cb-cascader-menu-item {
    margin: 0;
    line-height: 1.429;
    padding: 8px 16px;
    clear: both;
    color: var(--lldesign-color-text-2);
    font-size: var(--lldesign-font-size-base)!important;
    white-space: nowrap;
    list-style: none;
    position: relative;
    cursor: pointer;
    -webkit-transition: background var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: background var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-cascader .cb-cascader-menu-item>span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
}

.cb-cascader .cb-cascader-menu-item>span .multiple-icon {
    float: right
}

.cb-cascader .cb-cascader-menu-item:hover {
    background: var(--lldesign-input-dropdown-hover, var(--lldesign-color-fill-3))
}

.cb-cascader .cb-cascader-menu-item-focus {
    background: var(--lldesign-input-dropdown-hover, var(--lldesign-color-fill-3))
}

.cb-cascader .cb-cascader-menu-item-disabled {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

.cb-cascader .cb-cascader-menu-item-disabled:hover {
    color: var(--lldesign-color-text-4);
    background-color: transparent;
    cursor: not-allowed
}

.cb-cascader .cb-cascader-menu-item-selected,
.cb-cascader .cb-cascader-menu-item-selected:hover {
    color: var(--lldesign-color-brand-6)
}

.cb-cascader .cb-cascader-menu-item-divided {
    border-top: 1px solid var(--lldesign-color-border-2);
    margin-top: -1px
}

.cb-cascader .cb-cascader-menu-item-enter {
    color: var(--lldesign-color-brand-6);
    float: right;
    margin-top: 1px
}

.cb-cascader .cb-cascader-menu-item-checkbox {
    display: inline-block;
    vertical-align: -.11em;
    margin-right: 8px;
    width: 14px;
    height: 14px;
    position: relative;
    border: 2px solid var(--lldesign-color-border-2);
    border-radius: var(--lldesign-input-radius);
    background-color: var(--lldesign-input-bg-active);
    -webkit-transition: border-color var(--lldesign-animation-time) var(--lldesign-transition-standard), background-color var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: border-color var(--lldesign-animation-time) var(--lldesign-transition-standard), background-color var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-cascader .cb-cascader-menu-item-checkbox:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    background: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.12117 6.35416C2.12112 6.35411 2.12122 6.35421 2.12117 6.35416L0 4.23299L1.43479 2.83935L3.53768 4.94224L8.49493 0L9.8995 1.40456L4.94224 6.3468L4.94975 6.35431L4.92887 6.37459C4.8856 6.41661 4.84091 6.4563 4.79496 6.49363L4.23299 7.0539C3.84229 7.44342 3.20995 7.44294 2.81985 7.05283L2.12117 6.35416Z' fill='white' fill-opacity='0.9'/%3E%3C/svg%3E%0A") center center no-repeat;
    background-size: 10px auto
}

.cb-cascader .cb-cascader-menu-item-checkbox-selected {
    border-color: var(--lldesign-color-brand-6);
    background-color: var(--lldesign-color-brand-6)
}

.cb-cascader .cb-cascader-menu-item-checkbox-selected:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.cb-cascader .cb-cascader-small .cb-cascader-menu-item,
.cb-cascader .cb-select-dropdown.cb-select-dropdown-small .cb-cascader-menu-item {
    padding: 7px 16px 8px;
    font-size: var(--lldesign-font-size-base)!important
}

@-moz-document url-prefix() {
    .cb-cascader .cb-cascader-menu-item {
        white-space: normal
    }
}

.cb-cascader .cb-select-item span {
    color: var(--lldesign-color-error-6);
    display: inline-block;
    vertical-align: top
}

.cb-cascader-dropdown {
    padding: 5px 0
}

.cb-cascader-dropdown .cb-select-dropdown-list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto
}

.cb-cascader-not-found-tip {
    margin: 5px 0;
    padding: 8px;
    text-align: center;
    color: var(--lldesign-color-text-4)
}

.cb-cascader-not-found-tip li:not([class^=cb-]) {
    list-style: none;
    margin-bottom: 0
}

.cb-cascader-not-found .cb-select-dropdown {
    width: inherit
}

.cb-cascader-over {
    overflow: hidden;
    margin: -5px 0
}

.cb-cascader-menu-wrap {
    display: inline-block;
    vertical-align: top
}

.cb-cascader-readonly .cb-input {
    cursor: default
}

.cb-cascader-disabled .cb-input {
    cursor: not-allowed
}

.cb-cascader-visible .cb-input-rel,
.cb-cascader-visible .cb-input-rel:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-cascader-menu {
    display: inline-block;
    min-width: 100px;
    position: relative;
    margin: 0;
    vertical-align: top;
    padding: 5px 0
}

.cb-cascader-menu:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    height: 1000px;
    border-right: 1px solid var(--lldesign-color-border-2)
}

.cb-cascader-menu .cb-scrollbar__wrap {
    max-height: 190px
}

.cb-cascader-menu ul {
    list-style: none
}

.cb-cascader-menu:last-child::after {
    border-right-color: transparent;
    margin-right: -1px
}

.cb-cascader-menu .cb-cascader-menu-item {
    position: relative;
    padding-right: 24px;
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-cascader-menu .cb-cascader-menu-item i {
    font-size: var(--lldesign-font-size-base);
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -7px
}

.cb-cascader-menu .cb-cascader-menu-item-active {
    background-color: var(--lldesign-color-fill-1);
    color: var(--lldesign-color-brand-6)
}

.cb-cascader-transfer {
    z-index: 1060;
    width: auto;
    white-space: nowrap;
    overflow: visible
}

.cb-cascader-transfer .cb-select-dropdown-with-line .cb-cascader-menu-item:not(:last-child)::after {
    content: '';
    bottom: 0;
    left: 10px;
    right: 10px;
    border-bottom: 1px solid var(--lldesign-color-border-2);
    position: absolute;
    opacity: .7
}

.cb-cascader-transfer .cb-cascader-menu-item {
    margin: 0;
    line-height: 1.429;
    padding: 8px 16px;
    clear: both;
    color: var(--lldesign-color-text-2);
    font-size: var(--lldesign-font-size-base)!important;
    white-space: nowrap;
    list-style: none;
    position: relative;
    cursor: pointer;
    -webkit-transition: background var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: background var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-cascader-transfer .cb-cascader-menu-item>span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
}

.cb-cascader-transfer .cb-cascader-menu-item>span .multiple-icon {
    float: right
}

.cb-cascader-transfer .cb-cascader-menu-item:hover {
    background: var(--lldesign-input-dropdown-hover, var(--lldesign-color-fill-3))
}

.cb-cascader-transfer .cb-cascader-menu-item-focus {
    background: var(--lldesign-input-dropdown-hover, var(--lldesign-color-fill-3))
}

.cb-cascader-transfer .cb-cascader-menu-item-disabled {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

.cb-cascader-transfer .cb-cascader-menu-item-disabled:hover {
    color: var(--lldesign-color-text-4);
    background-color: transparent;
    cursor: not-allowed
}

.cb-cascader-transfer .cb-cascader-menu-item-selected,
.cb-cascader-transfer .cb-cascader-menu-item-selected:hover {
    color: var(--lldesign-color-brand-6)
}

.cb-cascader-transfer .cb-cascader-menu-item-divided {
    border-top: 1px solid var(--lldesign-color-border-2);
    margin-top: -1px
}

.cb-cascader-transfer .cb-cascader-menu-item-enter {
    color: var(--lldesign-color-brand-6);
    float: right;
    margin-top: 1px
}

.cb-cascader-transfer .cb-cascader-menu-item-checkbox {
    display: inline-block;
    vertical-align: -.11em;
    margin-right: 8px;
    width: 14px;
    height: 14px;
    position: relative;
    border: 2px solid var(--lldesign-color-border-2);
    border-radius: var(--lldesign-input-radius);
    background-color: var(--lldesign-input-bg-active);
    -webkit-transition: border-color var(--lldesign-animation-time) var(--lldesign-transition-standard), background-color var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: border-color var(--lldesign-animation-time) var(--lldesign-transition-standard), background-color var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-cascader-transfer .cb-cascader-menu-item-checkbox:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    background: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.12117 6.35416C2.12112 6.35411 2.12122 6.35421 2.12117 6.35416L0 4.23299L1.43479 2.83935L3.53768 4.94224L8.49493 0L9.8995 1.40456L4.94224 6.3468L4.94975 6.35431L4.92887 6.37459C4.8856 6.41661 4.84091 6.4563 4.79496 6.49363L4.23299 7.0539C3.84229 7.44342 3.20995 7.44294 2.81985 7.05283L2.12117 6.35416Z' fill='white' fill-opacity='0.9'/%3E%3C/svg%3E%0A") center center no-repeat;
    background-size: 10px auto
}

.cb-cascader-transfer .cb-cascader-menu-item-checkbox-selected {
    border-color: var(--lldesign-color-brand-6);
    background-color: var(--lldesign-color-brand-6)
}

.cb-cascader-transfer .cb-cascader-menu-item-checkbox-selected:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.cb-cascader-transfer .cb-cascader-small .cb-cascader-menu-item,
.cb-cascader-transfer .cb-select-dropdown.cb-select-dropdown-small .cb-cascader-menu-item {
    padding: 7px 16px 8px;
    font-size: var(--lldesign-font-size-base)!important
}

@-moz-document url-prefix() {
    .cb-cascader-transfer .cb-cascader-menu-item {
        white-space: normal
    }
}

.cb-cascader-transfer .cb-select-item span {
    color: var(--lldesign-color-error-6)
}

.cb-cascader-transfer .cb-cascader-menu-item {
    padding-right: 24px;
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-cascader-transfer .cb-cascader-menu-item-active {
    background-color: var(--lldesign-color-fill-1);
    color: var(--lldesign-color-brand-6)
}

.cb-transfer {
    position: relative;
    line-height: 1.5
}

.cb-transfer-list {
    display: inline-block;
    width: 180px;
    height: 210px;
    font-size: var(--lldesign-font-size-base);
    vertical-align: middle;
    position: relative;
    padding-top: 36px;
    border: 1px solid var(--lldesign-color-border-2);
    border-radius: var(--lldesign-radius-1)
}

.cb-transfer-list-with-footer {
    padding-bottom: 36px
}

.cb-transfer-list-header {
    padding: 8px 16px;
    background: var(--lldesign-color-fill-1);
    color: var(--lldesign-color-text-2);
    line-height: 20px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.cb-transfer-list-header-title {
    cursor: pointer
}

.cb-transfer-list-header>span {
    padding-left: 0
}

.cb-transfer-list-header-count {
    margin: 0!important;
    float: right
}

.cb-transfer-list-body {
    height: 100%;
    border-radius: 0 0 var(--lldesign-radius-1) var(--lldesign-radius-1);
    position: relative;
    overflow: hidden
}

.cb-transfer-list-body-with-search {
    padding-top: 36px
}

.cb-transfer-list-body-with-footer {
    border-radius: 0
}

.cb-transfer-list-content {
    padding: 5px 0;
    overflow: auto
}

.cb-transfer-list-content-item {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.cb-transfer-list-content-not-found {
    display: none;
    text-align: center;
    color: var(--lldesign-color-text-4)
}

li.cb-transfer-list-content-not-found:only-child {
    display: block
}

.cb-transfer-list-body-search-wrapper {
    padding: 4px 8px 4px 8px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.cb-transfer-list-search {
    position: relative
}

.cb-transfer-list-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 36px;
    zoom: 1
}

.cb-transfer-list-footer:after,
.cb-transfer-list-footer:before {
    content: "";
    display: table
}

.cb-transfer-list-footer:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.cb-transfer-operation {
    display: inline-block;
    margin: 0 16px;
    vertical-align: middle
}

.cb-transfer-operation .cb-btn {
    display: block;
    width: 100%;
    min-width: var(--lldesign-height-2)
}

.cb-transfer-operation .cb-btn:first-child {
    margin-bottom: 12px
}

.cb-transfer-operation .cb-btn span i,
.cb-transfer-operation .cb-btn span span {
    vertical-align: middle
}

.cb-select-dropdown-with-line .cb-cascader-menu-item:not(:last-child)::after,
.cb-select-dropdown-with-line .cb-transfer-list-content-item:not(:last-child)::after {
    content: '';
    bottom: 0;
    left: 10px;
    right: 10px;
    border-bottom: 1px solid var(--lldesign-color-border-2);
    position: absolute;
    opacity: .7
}

.cb-transfer-list-content-item {
    margin: 0;
    line-height: 1.429;
    padding: 8px 16px;
    clear: both;
    color: var(--lldesign-color-text-2);
    font-size: var(--lldesign-font-size-base)!important;
    white-space: nowrap;
    list-style: none;
    position: relative;
    cursor: pointer;
    -webkit-transition: background var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: background var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-transfer-list-content-item>span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
}

.cb-transfer-list-content-item>span .multiple-icon {
    float: right
}

.cb-transfer-list-content-item:hover {
    background: var(--lldesign-input-dropdown-hover, var(--lldesign-color-fill-3))
}

.cb-transfer-list-content-item-focus {
    background: var(--lldesign-input-dropdown-hover, var(--lldesign-color-fill-3))
}

.cb-transfer-list-content-item-disabled {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

.cb-transfer-list-content-item-disabled:hover {
    color: var(--lldesign-color-text-4);
    background-color: transparent;
    cursor: not-allowed
}

.cb-transfer-list-content-item-selected,
.cb-transfer-list-content-item-selected:hover {
    color: var(--lldesign-color-brand-6)
}

.cb-transfer-list-content-item-divided {
    border-top: 1px solid var(--lldesign-color-border-2);
    margin-top: -1px
}

.cb-transfer-list-content-item-enter {
    color: var(--lldesign-color-brand-6);
    float: right;
    margin-top: 1px
}

.cb-transfer-list-content-item-checkbox {
    display: inline-block;
    vertical-align: -.11em;
    margin-right: 8px;
    width: 14px;
    height: 14px;
    position: relative;
    border: 2px solid var(--lldesign-color-border-2);
    border-radius: var(--lldesign-input-radius);
    background-color: var(--lldesign-input-bg-active);
    -webkit-transition: border-color var(--lldesign-animation-time) var(--lldesign-transition-standard), background-color var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: border-color var(--lldesign-animation-time) var(--lldesign-transition-standard), background-color var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-transfer-list-content-item-checkbox:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    background: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.12117 6.35416C2.12112 6.35411 2.12122 6.35421 2.12117 6.35416L0 4.23299L1.43479 2.83935L3.53768 4.94224L8.49493 0L9.8995 1.40456L4.94224 6.3468L4.94975 6.35431L4.92887 6.37459C4.8856 6.41661 4.84091 6.4563 4.79496 6.49363L4.23299 7.0539C3.84229 7.44342 3.20995 7.44294 2.81985 7.05283L2.12117 6.35416Z' fill='white' fill-opacity='0.9'/%3E%3C/svg%3E%0A") center center no-repeat;
    background-size: 10px auto
}

.cb-transfer-list-content-item-checkbox-selected {
    border-color: var(--lldesign-color-brand-6);
    background-color: var(--lldesign-color-brand-6)
}

.cb-transfer-list-content-item-checkbox-selected:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.cb-select-dropdown.cb-select-dropdown-small .cb-cascader-menu-item,
.cb-select-dropdown.cb-select-dropdown-small .cb-transfer-list-content-item,
.cb-transfer-small .cb-transfer-list-content-item {
    padding: 7px 16px 8px;
    font-size: var(--lldesign-font-size-base)!important
}

@-moz-document url-prefix() {
    .cb-transfer-list-content-item {
        white-space: normal
    }
}

.cb-table-wrapper {
    --lldesign-table-bg: var(--lldesign-color-bg-2);
    --lldesign-table-thead-bg: var(--lldesign-color-gray-2);
    --lldesign-table-td-stripe-bg: var(--lldesign-color-gray-1);
    --lldesign-table-td-hover-bg: var(--lldesign-color-fill-1);
    --lldesign-table-td-highlight-bg: var(--lldesign-color-gray-3);
    --lldesign-table-border-color: var(--lldesign-color-gray-3);
    --lldesign-table-td-bg: var(--lldesign-color-bg-2)
}

.cb-table {
    position: relative;
    width: inherit;
    height: 100%;
    max-width: 100%;
    overflow: hidden;
    color: var(--lldesign-color-text-2);
    font-size: var(--lldesign-font-size-base);
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cb-table-wrapper {
    position: relative;
    border-bottom: 0;
    border-right: 0
}

.cb-table-wrapper.cb-table-with-border {
    border-left: 1px solid var(--lldesign-table-border-color);
    border-bottom: 1px solid var(--lldesign-table-border-color);
    border-top: 1px solid var(--lldesign-table-border-color)
}

.cb-table-wrapper.cb-table-with-border>div {
    margin-bottom: -1px
}

.cb-table-wrapper.cb-table-with-border .cb-table thead tr:first-child th {
    border-top: none
}

.cb-table-wrapper.cb-table-with-border::after {
    content: '';
    right: 0;
    top: 0;
    bottom: 0;
    width: calc(var(--lldesign-radius-2) * 2);
    border-right: 1px solid var(--lldesign-table-border-color);
    position: absolute;
    z-index: 2;
    border-radius: 0 var(--lldesign-radius-2) var(--lldesign-radius-2) 0;
    pointer-events: none
}

.cb-table-wrapper.cb-table-side-border,
.cb-table-wrapper.cb-table-with-border {
    border-radius: var(--lldesign-radius-2);
    overflow: hidden
}

.cb-table-wrapper.cb-table-side-border .cb-spin-fix,
.cb-table-wrapper.cb-table-with-border .cb-spin-fix {
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    height: auto;
    width: auto
}

.cb-table-wrapper.cb-table-side-border:before {
    content: '';
    width: calc(var(--lldesign-radius-2) * 2);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid var(--lldesign-table-border-color);
    border-right: none;
    z-index: 3;
    border-radius: var(--lldesign-radius-2) 0 0 var(--lldesign-radius-2);
    pointer-events: none
}

.cb-table-wrapper.cb-table-side-border:after {
    content: '';
    width: calc(var(--lldesign-radius-2) * 2);
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid var(--lldesign-table-border-color);
    border-left: none;
    z-index: 3;
    border-radius: 0 var(--lldesign-radius-2) var(--lldesign-radius-2) 0;
    pointer-events: none
}

.cb-table-wrapper.cb-table-side-border .cb-table:after {
    content: '';
    border-bottom: 1px solid var(--lldesign-table-border-color);
    bottom: 0;
    position: absolute;
    left: 4px;
    right: 4px;
    z-index: 100
}

.cb-table-hide {
    opacity: 0
}

.cb-table-summary-wrap {
    overflow: hidden;
    margin-top: -1px;
    position: relative;
    z-index: 4
}

.cb-table-summary {
    border-top: 1px solid var(--lldesign-color-border-2)
}

.cb-table-summary tr td {
    background-color: var(--lldesign-table-thead-bg)
}

.cb-table-with-summary .cb-table-tbody tr:last-child td {
    border-bottom: none
}

.cb-table-resize-line {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 1px;
    border-right: 1px dashed var(--lldesign-table-border-color)
}

.cb-table-footer,
.cb-table-title {
    height: 40px;
    line-height: 39px
}

.cb-table-footer {
    border-bottom: 1px solid var(--lldesign-table-border-color)
}

.cb-table-side-border .cb-table-title {
    border-top: 1px solid var(--lldesign-table-border-color)
}

.cb-table:not(.cb-table-side-border) .cb-table-footer {
    border-bottom: none
}

.cb-table-header {
    background-color: var(--lldesign-table-thead-bg)
}

.cb-table-body,
.cb-table-header {
    overflow: hidden
}

.cb-table-body thead tr th,
.cb-table-header thead tr th {
    position: relative;
    padding: 6px 0
}

.cb-table-body-resizable,
.cb-table-header-resizable {
    position: absolute;
    width: 10px;
    height: 100%;
    bottom: 0;
    right: -5px;
    cursor: col-resize;
    z-index: 1
}

.cb-table-body {
    background-color: var(--lldesign-table-bg)
}

.cb-table-overflowX {
    overflow-x: scroll
}

.cb-table-overflowY {
    overflow-y: scroll
}

.cb-table-tip {
    overflow-x: auto;
    overflow-y: hidden
}

.cb-table-with-fixed-top.cb-table-with-footer .cb-table-footer {
    border-top: 1px solid var(--lldesign-table-border-color)
}

.cb-table-with-fixed-top.cb-table-with-footer tbody tr:last-child td {
    border-bottom: none
}

.cb-table td,
.cb-table th {
    min-width: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: middle;
    border-bottom: 1px solid var(--lldesign-table-border-color)
}

.cb-table td {
    padding-top: 9px;
    padding-bottom: 9px;
    line-height: 1.57142857
}

.cb-table th {
    font-weight: 400;
    height: 40px;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    background-color: var(--lldesign-table-thead-bg);
    color: var(--lldesign-color-text-1);
    font-weight: 500
}

.cb-table thead tr:first-child th {
    border-top: 1px solid var(--lldesign-table-border-color)
}

.cb-table-light .cb-table,
.cb-table-light .cb-table-header {
    background: 0 0
}

.cb-table-light th {
    background: 0 0;
    color: var(--lldesign-color-text-2)
}

.cb-table td {
    background-color: var(--lldesign-table-td-bg)
}

td.cb-table-column-left,
th.cb-table-column-left {
    text-align: left
}

td.cb-table-column-center,
th.cb-table-column-center {
    text-align: center
}

td.cb-table-column-right,
th.cb-table-column-right {
    text-align: right
}

.cb-table table {
    table-layout: fixed
}

.cb-table-border tr td,
.cb-table-border tr th {
    border-right: 1px solid var(--lldesign-table-border-color)
}

.cb-table-cell {
    padding-left: 16px;
    padding-right: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cb-table-cell-ellipsis {
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cb-table-cell-tooltip {
    width: 100%
}

.cb-table-cell-tooltip-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cb-table-cell-with-expand {
    height: 48px;
    line-height: 48px;
    margin: -14px 0;
    padding: 0;
    text-align: center
}

.cb-table-cell-expand {
    cursor: pointer;
    -webkit-transition: -webkit-transform var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: -webkit-transform var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: transform var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: transform var(--lldesign-animation-time) var(--lldesign-transition-standard), -webkit-transform var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-table-cell-expand i {
    font-size: var(--lldesign-font-size-base)
}

.cb-table-cell-expand-expanded {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.cb-table-cell-sort {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cb-table-cell-with-selection .cb-checkbox-wrapper {
    margin-right: 0
}

.cb-table-cell-tree {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 12px;
    cursor: pointer;
    vertical-align: middle;
    -webkit-transition: color var(--lldesign-animation-time) var(--lldesign-transition-standard), border-color var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: color var(--lldesign-animation-time) var(--lldesign-transition-standard), border-color var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-table-cell-tree-empty {
    cursor: default;
    color: transparent;
    background-color: transparent;
    border-color: transparent
}

.cb-table-cell-tree:hover {
    color: var(--lldesign-color-brand-6)
}

.cb-table-cell-tree-empty:hover {
    color: transparent
}

.cb-table-cell-tree-level {
    display: inline-block;
    height: 16px
}

.cb-table-cell-slot-inline {
    display: inline
}

.cb-table-cell-slot-inline-block {
    display: inline-block
}

.cb-table-hidden {
    visibility: hidden
}

th .cb-table-cell {
    display: inline-block;
    word-wrap: normal;
    vertical-align: middle
}

.cb-table-narrow td[data-around=start]:not(.with-colspan)>.cb-table-cell,
.cb-table-narrow th[data-around=start]:not(.with-colspan)>.cb-table-cell {
    padding-left: 8px
}

.cb-table-narrow td[data-around=end]>.cb-table-cell,
.cb-table-narrow th[data-around=end]>.cb-table-cell {
    padding-right: 8px
}

.cb-table-wide td[data-around=start]:not(.with-colspan)>.cb-table-cell,
.cb-table-wide th[data-around=start]:not(.with-colspan)>.cb-table-cell {
    padding-left: 24px
}

.cb-table-wide td[data-around=end]>.cb-table-cell,
.cb-table-wide th[data-around=end]>.cb-table-cell {
    padding-right: 24px
}

td.cb-table-expanded-cell {
    padding: 20px 50px;
    background: var(--lldesign-table-thead-bg)
}

.cb-table-stripe .cb-table-body tr:nth-child(2n) td,
.cb-table-stripe .cb-table-fixed-body tr:nth-child(2n) td {
    background-color: var(--lldesign-table-td-stripe-bg)
}

.cb-table-stripe .cb-table-body tr.cb-table-row-hover td,
.cb-table-stripe .cb-table-fixed-body tr.cb-table-row-hover td {
    background-color: var(--lldesign-table-td-hover-bg)
}

tr.cb-table-row-hover td {
    background-color: var(--lldesign-table-td-hover-bg)
}

.cb-table-large {
    font-size: var(--lldesign-font-size-base)
}

.cb-table-large th {
    height: 44px
}

.cb-table-large td {
    padding-top: 11px;
    padding-bottom: 11px;
    line-height: 1.7142857
}

.cb-table-large .cb-table-footer,
.cb-table-large .cb-table-title {
    height: 44px;
    line-height: 43px
}

.cb-table-large .cb-table-cell-with-expand {
    height: 43px;
    line-height: 43px
}

.cb-table-large .cb-table-cell-with-expand i {
    font-size: calc(var(--lldesign-font-size-large) + 2px)
}

.cb-table-max {
    font-size: var(--lldesign-font-size-base)
}

.cb-table-max th {
    height: 48px
}

.cb-table-max td {
    padding-top: 13px;
    padding-bottom: 13px;
    line-height: 1.85714286
}

.cb-table-max .cb-table-footer,
.cb-table-max .cb-table-title {
    height: 50px;
    line-height: 49px
}

.cb-table-max .cb-table-cell-with-expand {
    height: 49px;
    line-height: 49px
}

.cb-table-max .cb-table-cell-with-expand i {
    font-size: calc(var(--lldesign-font-size-large) + 2px)
}

.cb-table-small .cb-table-body thead tr th,
.cb-table-small .cb-table-fixed-header thead tr th,
.cb-table-small .cb-table-header thead tr th {
    height: 32px;
    padding: 4px 0
}

.cb-table-small td {
    padding: 6px 0
}

.cb-table-small .cb-table-footer,
.cb-table-small .cb-table-title {
    height: 36px;
    line-height: 35px
}

.cb-table-small .cb-table-cell-with-expand {
    height: 35px;
    line-height: 35px
}

.cb-table-mini {
    font-size: var(--lldesign-font-size-small)
}

.cb-table-mini .cb-table-body thead tr th,
.cb-table-mini .cb-table-fixed-header thead tr th,
.cb-table-mini .cb-table-header thead tr th {
    height: 28px;
    padding: 4px 0
}

.cb-table-mini td {
    padding: 4px 0;
    line-height: 1.5
}

.cb-table-mini .cb-table-footer,
.cb-table-mini .cb-table-title {
    height: 32px;
    line-height: 32px
}

.cb-table-mini .cb-table-cell-with-expand {
    height: 31px;
    line-height: 31px
}

.cb-table-row-highlight td,
.cb-table-stripe .cb-table-body tr.cb-table-row-highlight:nth-child(2n) td,
.cb-table-stripe .cb-table-fixed-body tr.cb-table-row-highlight:nth-child(2n) td,
tr.cb-table-row-highlight.cb-table-row-hover td {
    background-color: var(--lldesign-table-td-highlight-bg)
}

.cb-table-with-maxheight .cb-table-body,
.cb-table-with-maxheight .cb-table-fixed,
.cb-table-with-maxheight .cb-table-fixed-right {
    border-bottom: 1px solid var(--lldesign-table-border-color)
}

.cb-table-fixed,
.cb-table-fixed-right {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: -webkit-box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: -webkit-box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard), -webkit-box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-table-fixed-right.is-native,
.cb-table-fixed.is-native {
    width: auto
}

.cb-table-fixed-right.is-native .cb-table-hidden,
.cb-table-fixed-right.is-native colgroup,
.cb-table-fixed.is-native .cb-table-hidden,
.cb-table-fixed.is-native colgroup {
    display: none
}

.cb-table-shadow.cb-table-fixed {
    -webkit-box-shadow: 1px 0 4px -1px rgba(0, 0, 0, .14);
    box-shadow: 1px 0 4px -1px rgba(0, 0, 0, .14)
}

.cb-table-shadow.cb-table-fixed-right {
    -webkit-box-shadow: -1px 0 4px -1px rgba(0, 0, 0, .14);
    box-shadow: -1px 0 4px -1px rgba(0, 0, 0, .14)
}

.cb-table-fixed-right {
    top: 0;
    left: auto;
    right: 0
}

.cb-table-fixed-right-header {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--lldesign-table-thead-bg);
    border-top: 1px solid var(--lldesign-table-border-color);
    border-bottom: 1px solid var(--lldesign-table-border-color)
}

.cb-table-fixed-header {
    overflow: hidden
}

.cb-table-fixed-header thead tr th {
    position: relative;
    padding: 6px 0
}

.cb-table-fixed-body {
    overflow: hidden;
    position: relative;
    z-index: 3
}

.cb-table-sort {
    display: inline-block;
    width: 14px;
    height: 12px;
    margin-top: -1px;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    position: relative
}

.cb-table-sort i {
    display: block;
    height: 6px;
    line-height: 6px;
    overflow: hidden;
    position: absolute;
    color: var(--lldesign-color-text-4);
    -webkit-transition: color var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: color var(--lldesign-animation-time) var(--lldesign-transition-standard);
    font-size: var(--lldesign-font-size-small);
    margin: 0
}

.cb-table-sort i:hover {
    color: inherit
}

.cb-table-sort i.on {
    color: var(--lldesign-color-brand-6)
}

.cb-table-sort i:first-child {
    top: 0
}

.cb-table-sort i:first-child::before {
    content: '\e8ab'
}

.cb-table-sort i:last-child {
    bottom: 0
}

.cb-table-sort i:last-child::before {
    content: '\e8a7'
}

.cb-table-filter {
    display: inline-block;
    cursor: pointer;
    position: relative
}

.cb-table-filter i {
    color: var(--lldesign-color-text-4);
    -webkit-transition: color var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: color var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-table-filter i:hover {
    color: inherit
}

.cb-table-filter i.on {
    color: var(--lldesign-color-brand-6)
}

.cb-table-filter-list-item {
    padding: 0 12px 8px
}

.cb-table-filter-list-item .cb-checkbox-wrapper+.cb-checkbox-wrapper {
    margin: 0
}

.cb-table-filter-list-item label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2px 0
}

.cb-table-filter-list-item label>span {
    margin-right: 4px
}

.cb-table-filter-list ul {
    padding-bottom: 8px
}

.cb-table-filter-list .cb-scrollbar__wrap {
    max-height: 180px;
    padding: 8px 0 0
}

.cb-table-filter-list .cb-select-dropdown-with-line .cb-cascader-menu-item:not(:last-child)::after,
.cb-table-filter-list .cb-select-dropdown-with-line .cb-table-filter-select-item:not(:last-child)::after {
    content: '';
    bottom: 0;
    left: 10px;
    right: 10px;
    border-bottom: 1px solid var(--lldesign-color-border-2);
    position: absolute;
    opacity: .7
}

.cb-table-filter-list .cb-table-filter-select-item {
    margin: 0;
    line-height: 1.429;
    padding: 8px 16px;
    clear: both;
    color: var(--lldesign-color-text-2);
    font-size: var(--lldesign-font-size-base)!important;
    white-space: nowrap;
    list-style: none;
    position: relative;
    cursor: pointer;
    -webkit-transition: background var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: background var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-table-filter-list .cb-table-filter-select-item>span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
}

.cb-table-filter-list .cb-table-filter-select-item>span .multiple-icon {
    float: right
}

.cb-table-filter-list .cb-table-filter-select-item:hover {
    background: var(--lldesign-input-dropdown-hover, var(--lldesign-color-fill-3))
}

.cb-table-filter-list .cb-table-filter-select-item-focus {
    background: var(--lldesign-input-dropdown-hover, var(--lldesign-color-fill-3))
}

.cb-table-filter-list .cb-table-filter-select-item-disabled {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

.cb-table-filter-list .cb-table-filter-select-item-disabled:hover {
    color: var(--lldesign-color-text-4);
    background-color: transparent;
    cursor: not-allowed
}

.cb-table-filter-list .cb-table-filter-select-item-selected,
.cb-table-filter-list .cb-table-filter-select-item-selected:hover {
    color: var(--lldesign-color-brand-6)
}

.cb-table-filter-list .cb-table-filter-select-item-divided {
    border-top: 1px solid var(--lldesign-color-border-2);
    margin-top: -1px
}

.cb-table-filter-list .cb-table-filter-select-item-enter {
    color: var(--lldesign-color-brand-6);
    float: right;
    margin-top: 1px
}

.cb-table-filter-list .cb-table-filter-select-item-checkbox {
    display: inline-block;
    vertical-align: -.11em;
    margin-right: 8px;
    width: 14px;
    height: 14px;
    position: relative;
    border: 2px solid var(--lldesign-color-border-2);
    border-radius: var(--lldesign-input-radius);
    background-color: var(--lldesign-input-bg-active);
    -webkit-transition: border-color var(--lldesign-animation-time) var(--lldesign-transition-standard), background-color var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: border-color var(--lldesign-animation-time) var(--lldesign-transition-standard), background-color var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-table-filter-list .cb-table-filter-select-item-checkbox:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    background: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.12117 6.35416C2.12112 6.35411 2.12122 6.35421 2.12117 6.35416L0 4.23299L1.43479 2.83935L3.53768 4.94224L8.49493 0L9.8995 1.40456L4.94224 6.3468L4.94975 6.35431L4.92887 6.37459C4.8856 6.41661 4.84091 6.4563 4.79496 6.49363L4.23299 7.0539C3.84229 7.44342 3.20995 7.44294 2.81985 7.05283L2.12117 6.35416Z' fill='white' fill-opacity='0.9'/%3E%3C/svg%3E%0A") center center no-repeat;
    background-size: 10px auto
}

.cb-table-filter-list .cb-table-filter-select-item-checkbox-selected {
    border-color: var(--lldesign-color-brand-6);
    background-color: var(--lldesign-color-brand-6)
}

.cb-table-filter-list .cb-table-filter-select-item-checkbox-selected:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.cb-table-filter-list .cb-select-dropdown.cb-select-dropdown-small .cb-cascader-menu-item,
.cb-table-filter-list .cb-select-dropdown.cb-select-dropdown-small .cb-table-filter-select-item,
.cb-table-filter-list .cb-table-small .cb-table-filter-select-item {
    padding: 7px 16px 8px;
    font-size: var(--lldesign-font-size-base)!important
}

@-moz-document url-prefix() {
    .cb-table-filter-list .cb-table-filter-select-item {
        white-space: normal
    }
}

.cb-table-filter-footer {
    padding: 4px;
    border-top: 1px solid var(--lldesign-table-border-color);
    overflow: hidden
}

.cb-table-filter-footer button:first-child {
    float: left
}

.cb-table-filter-footer button:last-child {
    float: right;
    margin-left: 8px
}

.cb-table-tip table {
    width: 100%
}

.cb-table-tip table td {
    text-align: center
}

.cb-table-expanded-hidden {
    visibility: hidden
}

.cb-table .table-icon {
    color: var(--lldesign-color-brand-6);
    font-size: 16px;
    display: inline-block;
    vertical-align: -1px;
    margin-right: 5px
}

.cb-table-empty {
    position: sticky;
    left: 0;
    min-height: 140px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cb-table-popper {
    min-width: 0;
    text-align: left
}

.cb-table-popper .cb-poptip-inner {
    padding: 0
}

.cb-table-popper .cb-poptip-body {
    padding: 0;
    margin: 0
}

.cb-dropdown {
    display: inline-block
}

.cb-dropdown .cb-select-dropdown {
    overflow: visible;
    max-height: none
}

.cb-dropdown .cb-dropdown {
    width: 100%
}

.cb-dropdown-rel {
    position: relative
}

.cb-dropdown-rel-user-select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cb-dropdown-menu {
    min-width: 100px
}

.cb-dropdown-transfer {
    width: auto
}

.cb-select-dropdown-with-line .cb-cascader-menu-item:not(:last-child)::after,
.cb-select-dropdown-with-line .cb-dropdown-item:not(:last-child)::after {
    content: '';
    bottom: 0;
    left: 10px;
    right: 10px;
    border-bottom: 1px solid var(--lldesign-color-border-2);
    position: absolute;
    opacity: .7
}

.cb-dropdown-item {
    margin: 0;
    line-height: 1.429;
    padding: 8px 16px;
    clear: both;
    color: var(--lldesign-color-text-2);
    font-size: var(--lldesign-font-size-base)!important;
    white-space: nowrap;
    list-style: none;
    position: relative;
    cursor: pointer;
    -webkit-transition: background var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: background var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-dropdown-item>span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
}

.cb-dropdown-item>span .multiple-icon {
    float: right
}

.cb-dropdown-item:hover {
    background: var(--lldesign-input-dropdown-hover, var(--lldesign-color-fill-3))
}

.cb-dropdown-item-focus {
    background: var(--lldesign-input-dropdown-hover, var(--lldesign-color-fill-3))
}

.cb-dropdown-item-disabled {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

.cb-dropdown-item-disabled:hover {
    color: var(--lldesign-color-text-4);
    background-color: transparent;
    cursor: not-allowed
}

.cb-dropdown-item-selected,
.cb-dropdown-item-selected:hover {
    color: var(--lldesign-color-brand-6)
}

.cb-dropdown-item-divided {
    border-top: 1px solid var(--lldesign-color-border-2);
    margin-top: -1px
}

.cb-dropdown-item-enter {
    color: var(--lldesign-color-brand-6);
    float: right;
    margin-top: 1px
}

.cb-dropdown-item-checkbox {
    display: inline-block;
    vertical-align: -.11em;
    margin-right: 8px;
    width: 14px;
    height: 14px;
    position: relative;
    border: 2px solid var(--lldesign-color-border-2);
    border-radius: var(--lldesign-input-radius);
    background-color: var(--lldesign-input-bg-active);
    -webkit-transition: border-color var(--lldesign-animation-time) var(--lldesign-transition-standard), background-color var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: border-color var(--lldesign-animation-time) var(--lldesign-transition-standard), background-color var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-dropdown-item-checkbox:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    background: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.12117 6.35416C2.12112 6.35411 2.12122 6.35421 2.12117 6.35416L0 4.23299L1.43479 2.83935L3.53768 4.94224L8.49493 0L9.8995 1.40456L4.94224 6.3468L4.94975 6.35431L4.92887 6.37459C4.8856 6.41661 4.84091 6.4563 4.79496 6.49363L4.23299 7.0539C3.84229 7.44342 3.20995 7.44294 2.81985 7.05283L2.12117 6.35416Z' fill='white' fill-opacity='0.9'/%3E%3C/svg%3E%0A") center center no-repeat;
    background-size: 10px auto
}

.cb-dropdown-item-checkbox-selected {
    border-color: var(--lldesign-color-brand-6);
    background-color: var(--lldesign-color-brand-6)
}

.cb-dropdown-item-checkbox-selected:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.cb-dropdown-small .cb-dropdown-item,
.cb-select-dropdown.cb-select-dropdown-small .cb-cascader-menu-item,
.cb-select-dropdown.cb-select-dropdown-small .cb-dropdown-item {
    padding: 7px 16px 8px;
    font-size: var(--lldesign-font-size-base)!important
}

@-moz-document url-prefix() {
    .cb-dropdown-item {
        white-space: normal
    }
}

.cb-tabs {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow: inherit;
    color: var(--lldesign-color-text-2);
    zoom: 1
}

.cb-tabs:after,
.cb-tabs:before {
    content: "";
    display: table
}

.cb-tabs:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.cb-tabs-bar {
    outline: 0
}

.cb-tabs-line>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab {
    margin: 0 16px;
    overflow: inherit
}

.cb-tabs-line>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab::before {
    position: absolute;
    top: 5px;
    right: -8px;
    bottom: 5px;
    left: -8px;
    z-index: 1;
    background-color: transparent;
    border-radius: var(--lldesign-radius-1);
    opacity: 1;
    -webkit-transition: background-color, opacity .2s cubic-bezier(0, 0, 1, 1);
    transition: background-color, opacity .2s cubic-bezier(0, 0, 1, 1);
    content: ''
}

.cb-tabs-line>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab:not(.cb-tabs-line>.cb-tabs-bar.cb-tabs-nav.cb-tabs-tab-active):hover {
    color: var(--lldesign-color-text-2)
}

.cb-tabs-line>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab:not(.cb-tabs-line>.cb-tabs-bar.cb-tabs-nav.cb-tabs-tab-active):hover::before {
    background-color: var(--lldesign-color-fill-2)
}

.cb-tabs-capsule .cb-tabs-bar,
.cb-tabs-ios .cb-tabs-bar,
.cb-tabs-rounded .cb-tabs-bar,
.cb-tabs-text .cb-tabs-bar {
    border-bottom-color: transparent
}

.cb-tabs-text>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab {
    margin: 0 9px;
    overflow: inherit
}

.cb-tabs-text>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab>span {
    padding-left: 8px;
    padding-right: 8px
}

.cb-tabs-text>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab-active {
    font-weight: 500
}

.cb-tabs-text>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab:not(:first-of-type)::before {
    position: absolute;
    top: 50%;
    left: -9px;
    display: block;
    width: 2px;
    height: 12px;
    background-color: var(--lldesign-color-fill-3);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}

.cb-tabs-rounded>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab {
    margin: 0 6px;
    border-radius: 200px
}

.cb-tabs-rounded>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab:first-child {
    margin-left: 0
}

.cb-tabs-rounded>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab:last-child {
    margin-right: 0
}

.cb-tabs-rounded>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab>span {
    padding-left: 16px;
    padding-right: 16px
}

.cb-tabs-rounded>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab:hover {
    background-color: var(--lldesign-color-fill-2)
}

.cb-tabs-rounded>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab-active {
    font-weight: 500;
    background-color: var(--lldesign-color-fill-2)
}

.cb-tabs-capsule>.cb-tabs-bar .cb-tabs-nav {
    background-color: var(--lldesign-tabs-capsule-bg);
    padding: 3px;
    border-radius: var(--lldesign-radius-1)
}

.cb-tabs-capsule>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab {
    overflow: inherit;
    padding-top: 2px;
    padding-bottom: 2px
}

.cb-tabs-capsule>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab>span {
    padding-left: 12px;
    padding-right: 12px
}

.cb-tabs-capsule>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab:not(:first-of-type) {
    margin-left: 3px
}

.cb-tabs-capsule>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab:hover {
    background-color: var(--lldesign-tabs-capsule-bg-hover)
}

.cb-tabs-capsule>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab-active {
    background-color: var(--lldesign-tabs-capsule-bg-hover);
    border-radius: var(--lldesign-radius-1);
    font-weight: 500
}

.cb-tabs-capsule>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab:not(:first-of-type)::before {
    position: absolute;
    top: 50%;
    left: -2px;
    display: block;
    width: 1px;
    height: 12px;
    background-color: var(--lldesign-color-fill-3);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}

.cb-tabs-capsule.cb-tabs-mini>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab,
.cb-tabs-capsule.cb-tabs-small>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab {
    padding-top: 0;
    padding-bottom: 0
}

.cb-tabs-capsule.cb-tabs-mini>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab>span,
.cb-tabs-capsule.cb-tabs-small>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab>span {
    padding-left: 8px;
    padding-right: 8px
}

.cb-tabs-capsule.cb-tabs-mini>.cb-tabs-bar .cb-tabs-nav,
.cb-tabs-capsule.cb-tabs-mini>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab {
    line-height: 18px
}

.cb-tabs-capsule.cb-tabs-large>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab {
    padding: 4px 0
}

.cb-tabs-capsule.cb-tabs-large>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab>span {
    padding-left: 14px;
    padding-right: 14px
}

.cb-tabs-capsule.cb-tabs-max>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab {
    padding: 7px 0
}

.cb-tabs-capsule.cb-tabs-max>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab>span {
    padding-left: 16px;
    padding-right: 16px
}

.cb-tabs-ink-bar {
    height: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--lldesign-color-brand-6);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transition: none;
    transition: none
}

.cb-tabs-bar {
    border-bottom: 1px solid var(--lldesign-color-border-2);
    margin-bottom: 16px
}

.cb-tabs:not(.cb-tabs-card-gutter) .cb-tabs-tab-only {
    border-bottom: none;
    margin-bottom: 0
}

.cb-tabs:not(.cb-tabs-card-gutter) .cb-tabs-tab-only .cb-tabs-nav-container {
    margin-bottom: 0
}

.cb-tabs-nav-container {
    margin-bottom: -1px;
    line-height: 1.5;
    font-size: var(--lldesign-font-size-base);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    zoom: 1
}

.cb-tabs-nav-container:after,
.cb-tabs-nav-container:before {
    content: "";
    display: table
}

.cb-tabs-nav-container:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.cb-tabs-nav-container:focus {
    outline: 0
}

.cb-tabs-nav-container-scrolling {
    padding-left: 32px;
    padding-right: 32px
}

.cb-tabs-nav-wrap {
    overflow: hidden
}

.cb-tabs-nav-scroll {
    overflow: hidden;
    white-space: nowrap
}

.cb-tabs-nav-right {
    float: right;
    margin-left: 5px
}

.cb-tabs-nav-prev {
    position: absolute;
    line-height: 32px;
    cursor: pointer;
    left: 0
}

.cb-tabs-nav-next {
    position: absolute;
    line-height: 32px;
    cursor: pointer;
    right: 0
}

.cb-tabs-nav-scrollable {
    padding: 0 12px
}

.cb-tabs-nav-scroll-disabled {
    display: none
}

.cb-tabs-nav {
    padding-left: 0;
    margin: 0;
    float: left;
    list-style: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    -webkit-transition: -webkit-transform .5s var(--lldesign-transition-standard);
    transition: -webkit-transform .5s var(--lldesign-transition-standard);
    transition: transform .5s var(--lldesign-transition-standard);
    transition: transform .5s var(--lldesign-transition-standard), -webkit-transform .5s var(--lldesign-transition-standard)
}

.cb-tabs-nav-center {
    width: 100%;
    text-align: center
}

.cb-tabs-nav:after,
.cb-tabs-nav:before {
    display: table;
    content: ' '
}

.cb-tabs-nav:after {
    clear: both
}

.cb-tabs-nav .cb-tabs-first {
    margin-left: 0!important
}

.cb-tabs-nav .cb-tabs-tab-disabled {
    pointer-events: none;
    cursor: default;
    color: var(--lldesign-color-text-4)
}

.cb-tabs-nav .cb-tabs-tab {
    display: inline-block;
    height: 100%;
    padding: 5px 0;
    line-height: 1.5715;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    -webkit-transition: color .2s var(--lldesign-transition-standard);
    transition: color .2s var(--lldesign-transition-standard);
    color: var(--lldesign-color-text-2);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    min-width: 0
}

.cb-tabs-nav .cb-tabs-tab>span {
    text-align: center;
    overflow: hidden;
    position: relative;
    z-index: 2;
    padding: 1px 0
}

.cb-tabs-nav .cb-tabs-tab .cb-icon {
    width: 14px;
    height: 14px;
    margin-right: 8px
}

.cb-tabs-nav .cb-tabs-tab-active {
    color: var(--lldesign-color-brand-6)
}

.cb-tabs.cb-tabs-mini>.cb-tabs-bar .cb-tabs-tab {
    padding: 1px 0
}

.cb-tabs.cb-tabs-small>.cb-tabs-bar .cb-tabs-tab {
    padding: 3px 0
}

.cb-tabs.cb-tabs-large>.cb-tabs-bar .cb-tabs-tab {
    padding: 7px 0
}

.cb-tabs.cb-tabs-max>.cb-tabs-bar .cb-tabs-tab {
    padding: 10px 0
}

.cb-tabs .cb-tabs-content-animated {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    will-change: transform;
    -webkit-transition: -webkit-transform .2s var(--lldesign-transition-standard);
    transition: -webkit-transform .2s var(--lldesign-transition-standard);
    transition: transform .2s var(--lldesign-transition-standard);
    transition: transform .2s var(--lldesign-transition-standard), -webkit-transform .2s var(--lldesign-transition-standard)
}

.cb-tabs .cb-tabs-tabpane {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    opacity: 1;
    outline: 0
}

.cb-tabs .cb-tabs-tabpane-inactive {
    display: none
}

.cb-tabs.cb-tabs-inline .cb-tabs-bar {
    display: inline-block;
    max-width: 100%
}

.cb-tabs.cb-tabs-card-gutter>.cb-tabs-bar .cb-tabs-nav-container,
.cb-tabs.cb-tabs-card>.cb-tabs-bar .cb-tabs-nav-container {
    height: 32px
}

.cb-tabs.cb-tabs-card-gutter.cb-tabs.cb-tabs-mini>.cb-tabs-bar .cb-tabs-nav-container,
.cb-tabs.cb-tabs-card.cb-tabs.cb-tabs-mini>.cb-tabs-bar .cb-tabs-nav-container {
    height: 24px
}

.cb-tabs.cb-tabs-card-gutter.cb-tabs.cb-tabs-small>.cb-tabs-bar .cb-tabs-nav-container,
.cb-tabs.cb-tabs-card.cb-tabs.cb-tabs-small>.cb-tabs-bar .cb-tabs-nav-container {
    height: 28px
}

.cb-tabs.cb-tabs-card-gutter.cb-tabs.cb-tabs-large>.cb-tabs-bar .cb-tabs-nav-container,
.cb-tabs.cb-tabs-card.cb-tabs.cb-tabs-large>.cb-tabs-bar .cb-tabs-nav-container {
    height: 36px
}

.cb-tabs.cb-tabs-card-gutter.cb-tabs.cb-tabs-max>.cb-tabs-bar .cb-tabs-nav-container,
.cb-tabs.cb-tabs-card.cb-tabs.cb-tabs-max>.cb-tabs-bar .cb-tabs-nav-container {
    height: 42px
}

.cb-tabs.cb-tabs-card-gutter>.cb-tabs-bar .cb-tabs-ink-bar,
.cb-tabs.cb-tabs-card>.cb-tabs-bar .cb-tabs-ink-bar {
    visibility: hidden
}

.cb-tabs.cb-tabs-card>.cb-tabs-bar .cb-tabs-tab {
    margin: 0;
    margin-right: -1px;
    height: 31px;
    padding: 5px 16px 4px;
    border: 1px solid var(--lldesign-color-border-2);
    border-bottom: 0;
    background: var(--lldesign-color-bg-2)
}

.cb-tabs.cb-tabs-card>.cb-tabs-bar .cb-tabs-tab:hover {
    background-color: var(--lldesign-color-fill-3)
}

.cb-tabs.cb-tabs-card>.cb-tabs-bar .cb-tabs-tab:focus {
    border-color: inherit
}

.cb-tabs.cb-tabs-card-gutter.cb-tabs.cb-tabs-mini>.cb-tabs-bar .cb-tabs-tab,
.cb-tabs.cb-tabs-card.cb-tabs.cb-tabs-mini>.cb-tabs-bar .cb-tabs-tab {
    height: 23px;
    padding: 1px 12px 0
}

.cb-tabs.cb-tabs-card-gutter.cb-tabs.cb-tabs-small>.cb-tabs-bar .cb-tabs-tab,
.cb-tabs.cb-tabs-card.cb-tabs.cb-tabs-small>.cb-tabs-bar .cb-tabs-tab {
    height: 27px;
    padding: 3px 12px 2px
}

.cb-tabs.cb-tabs-card-gutter.cb-tabs.cb-tabs-mini>.cb-tabs-bar .cb-tabs-tab-active,
.cb-tabs.cb-tabs-card.cb-tabs.cb-tabs-mini>.cb-tabs-bar .cb-tabs-tab-active {
    height: 24px
}

.cb-tabs.cb-tabs-card-gutter.cb-tabs.cb-tabs-small>.cb-tabs-bar .cb-tabs-tab-active,
.cb-tabs.cb-tabs-card.cb-tabs.cb-tabs-small>.cb-tabs-bar .cb-tabs-tab-active {
    height: 28px
}

.cb-tabs.cb-tabs-card-gutter.cb-tabs.cb-tabs-large>.cb-tabs-bar .cb-tabs-tab,
.cb-tabs.cb-tabs-card.cb-tabs.cb-tabs-large>.cb-tabs-bar .cb-tabs-tab {
    height: 35px;
    padding: 7px 18px 6px
}

.cb-tabs.cb-tabs-card-gutter.cb-tabs.cb-tabs-large>.cb-tabs-bar .cb-tabs-tab-active,
.cb-tabs.cb-tabs-card.cb-tabs.cb-tabs-large>.cb-tabs-bar .cb-tabs-tab-active {
    height: 36px
}

.cb-tabs.cb-tabs-card-gutter.cb-tabs.cb-tabs-max>.cb-tabs-bar .cb-tabs-tab,
.cb-tabs.cb-tabs-card.cb-tabs.cb-tabs-max>.cb-tabs-bar .cb-tabs-tab {
    height: 41px;
    padding: 10px 20px 9px
}

.cb-tabs.cb-tabs-card-gutter.cb-tabs.cb-tabs-max>.cb-tabs-bar .cb-tabs-tab-active,
.cb-tabs.cb-tabs-card.cb-tabs.cb-tabs-max>.cb-tabs-bar .cb-tabs-tab-active {
    height: 42px
}

.cb-tabs.cb-tabs-card-gutter>.cb-tabs-bar .cb-tabs-tab {
    margin: 0;
    margin-right: 4px;
    height: 31px;
    padding: 5px 16px 4px;
    border: 1px solid var(--lldesign-color-border-2);
    border-bottom: 0;
    border-radius: var(--lldesign-radius-1) var(--lldesign-radius-1) 0 0;
    background: var(--lldesign-color-fill-1)
}

.cb-tabs.cb-tabs-card-gutter>.cb-tabs-bar .cb-tabs-tab:hover {
    background-color: var(--lldesign-color-fill-3)
}

.cb-tabs.cb-tabs-card-gutter>.cb-tabs-bar .cb-tabs-tab:focus {
    border-color: inherit
}

.cb-tabs.cb-tabs-card-gutter>.cb-tabs-bar .cb-tabs-tab-active,
.cb-tabs.cb-tabs-card>.cb-tabs-bar .cb-tabs-tab-active {
    height: 32px;
    padding-bottom: 5px;
    background: var(--lldesign-color-bg-2);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border-color: var(--lldesign-color-border-2);
    color: var(--lldesign-color-brand-6)
}

.cb-tabs.cb-tabs-card-gutter>.cb-tabs-bar .cb-tabs-nav-wrap,
.cb-tabs.cb-tabs-card>.cb-tabs-bar .cb-tabs-nav-wrap {
    margin-bottom: 0
}

.cb-tabs.cb-tabs-card-gutter>.cb-tabs-bar .cb-tabs-tab .cb-icon-close,
.cb-tabs.cb-tabs-card>.cb-tabs-bar .cb-tabs-tab .cb-icon-close {
    width: 0;
    height: 22px;
    font-size: 22px;
    margin-right: 0;
    color: var(--lldesign-color-text-2);
    text-align: right;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
    top: -1px;
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition: all .2s var(--lldesign-transition-standard);
    transition: all .2s var(--lldesign-transition-standard)
}

.cb-tabs.cb-tabs-card-gutter>.cb-tabs-bar .cb-tabs-tab .cb-icon-close:hover,
.cb-tabs.cb-tabs-card>.cb-tabs-bar .cb-tabs-tab .cb-icon-close:hover {
    color: #444
}

.cb-tabs.cb-tabs-card-gutter>.cb-tabs-bar .cb-tabs-tab-active .cb-icon-close,
.cb-tabs.cb-tabs-card-gutter>.cb-tabs-bar .cb-tabs-tab:hover .cb-icon-close,
.cb-tabs.cb-tabs-card>.cb-tabs-bar .cb-tabs-tab-active .cb-icon-close,
.cb-tabs.cb-tabs-card>.cb-tabs-bar .cb-tabs-tab:hover .cb-icon-close {
    width: 22px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-right: -6px
}

.cb-tabs.cb-tabs-ios>.cb-tabs-bar {
    border-bottom-color: transparent
}

.cb-tabs.cb-tabs-ios>.cb-tabs-bar .cb-tabs-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid var(--lldesign-color-brand-6);
    border-radius: var(--lldesign-radius-1)
}

.cb-tabs.cb-tabs-ios>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab {
    margin-top: -1px;
    margin-bottom: -1px;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-transition: none;
    transition: none;
    color: var(--lldesign-color-brand-6)
}

.cb-tabs.cb-tabs-ios>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab>span {
    padding-left: 10px;
    padding-right: 10px
}

.cb-tabs.cb-tabs-ios>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab:not(:first-of-type) {
    border-left: 1px solid var(--lldesign-color-brand-6)
}

.cb-tabs.cb-tabs-ios.cb-tabs.cb-tabs-mini>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab>span {
    padding-left: 6px;
    padding-right: 6px
}

.cb-tabs.cb-tabs-ios.cb-tabs.cb-tabs-small>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab>span {
    padding-left: 8px;
    padding-right: 8px
}

.cb-tabs.cb-tabs-ios.cb-tabs.cb-tabs-large>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab>span {
    padding-left: 12px;
    padding-right: 12px
}

.cb-tabs.cb-tabs-ios.cb-tabs.cb-tabs-max>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab>span {
    padding-left: 16px;
    padding-right: 16px
}

.cb-tabs.cb-tabs-ios.cb-tabs.cb-tabs-inline .cb-tabs-nav .cb-tabs-tab {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

.cb-tabs.cb-tabs-ios>.cb-tabs-bar .cb-tabs-nav .cb-tabs-tab-active {
    background: var(--lldesign-color-brand-6);
    color: var(--lldesign-color-bg-2)
}

.cb-tabs.cb-tabs-base>.cb-tabs-bar .cb-tabs-tab:hover {
    color: var(--lldesign-color-brand-5)
}

.cb-tabs-animation {
    overflow: hidden
}

.cb-tabs-animation>.cb-tabs-content>.cb-tabs-tabpane-inactive {
    opacity: 0;
    height: 0
}

.cb-tabs-animation .cb-tabs-ink-bar {
    -webkit-transition: width .2s var(--lldesign-transition-standard), -webkit-transform .2s var(--lldesign-transition-standard);
    transition: width .2s var(--lldesign-transition-standard), -webkit-transform .2s var(--lldesign-transition-standard);
    transition: transform .2s var(--lldesign-transition-standard), width .2s var(--lldesign-transition-standard);
    transition: transform .2s var(--lldesign-transition-standard), width .2s var(--lldesign-transition-standard), -webkit-transform .2s var(--lldesign-transition-standard);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.cb-tabs {
    --lldesign-tabs-capsule-bg: var(--lldesign-color-fill-2);
    --lldesign-tabs-capsule-bg-hover: var(--lldesign-color-bg-5)
}

.dark-theme .cb-tabs {
    --lldesign-tabs-capsule-bg: var(--lldesign-color-bg-3);
    --lldesign-tabs-capsule-bg-hover: var(--lldesign-color-fill-3)
}

.dark-theme .cb-menu {
    --lldesign-menu-dark-color: var(--lldesign-color-text-2);
    --lldesign-menu-dropdown: var(--lldesign-menu-dark-bg);
    --lldesign-menu-dropdown-outline: var(--c-menu-dark-hover)
}

.cb-menu {
    --lldesign-menu-dark-color: var(--lldesign-color-text-4);
    --lldesign-menu-dropdown: var(--lldesign-color-bg-popup);
    --lldesign-menu-dropdown-outline: var(--lldesign-color-fill-3);
    display: block;
    margin: 0;
    padding: 0;
    outline: 0;
    list-style: none;
    color: var(--lldesign-color-text-2);
    font-size: var(--lldesign-font-size-base);
    position: relative
}

.cb-menu-horizontal {
    height: 58px;
    line-height: 30px;
    padding: 14px 20px
}

.cb-menu-horizontal.cb-menu-small {
    padding: 6px 14px
}

.cb-menu-vertical {
    padding: 2px 0
}

.cb-menu-light {
    background: var(--lldesign-menu-light-bg)
}

.cb-menu-dark {
    background: var(--lldesign-menu-dark-bg)
}

.cb-menu-custom {
    background: 0 0
}

.cb-menu-item {
    display: block;
    outline: 0;
    list-style: none;
    font-size: var(--lldesign-font-size-base);
    position: relative;
    z-index: 1;
    cursor: pointer;
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

a.cb-menu-item {
    color: inherit
}

a.cb-menu-item:active,
a.cb-menu-item:hover {
    color: inherit
}

.cb-menu-horizontal .cb-menu-item,
.cb-menu-horizontal .cb-menu-submenu {
    float: left;
    padding: 0 12px;
    position: relative;
    cursor: pointer;
    z-index: 3;
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-menu-horizontal .cb-menu-item:not(:first-child),
.cb-menu-horizontal .cb-menu-submenu:not(:first-child) {
    margin-left: 12px
}

.cb-menu-horizontal .cb-menu-submenu.cb-menu-opened::before {
    content: '';
    left: 0;
    top: 100%;
    height: 20px;
    position: absolute;
    width: 100%
}

.cb-menu-small.cb-menu-horizontal .cb-menu-submenu.cb-menu-opened::before {
    height: 12px
}

.cb-menu-dark.cb-menu-horizontal .cb-menu-item,
.cb-menu-dark.cb-menu-horizontal .cb-menu-submenu,
.cb-menu-light.cb-menu-horizontal .cb-menu-item,
.cb-menu-light.cb-menu-horizontal .cb-menu-submenu {
    height: 30px;
    line-height: 30px
}

.cb-menu-dark.cb-menu-horizontal .cb-menu-item::after,
.cb-menu-dark.cb-menu-horizontal .cb-menu-submenu::after,
.cb-menu-light.cb-menu-horizontal .cb-menu-item::after,
.cb-menu-light.cb-menu-horizontal .cb-menu-submenu::after {
    content: '';
    position: absolute;
    bottom: -14px;
    height: 3px;
    left: 12px;
    right: 12px;
    background-color: var(--lldesign-color-brand-6);
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-menu-light.cb-menu-horizontal .cb-menu-item,
.cb-menu-light.cb-menu-horizontal .cb-menu-submenu {
    color: var(--lldesign-color-text-2)
}

.cb-menu-light.cb-menu-horizontal .cb-menu-item-active,
.cb-menu-light.cb-menu-horizontal .cb-menu-submenu-active {
    color: var(--lldesign-color-brand-6)
}

.cb-menu-light.cb-menu-horizontal .cb-menu-item-active::after,
.cb-menu-light.cb-menu-horizontal .cb-menu-submenu-active::after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.cb-menu-light.cb-menu-horizontal .cb-menu-item:hover,
.cb-menu-light.cb-menu-horizontal .cb-menu-submenu:hover {
    background-color: var(--lldesign-color-fill-2);
    border-radius: var(--lldesign-radius-1)
}

.cb-menu-dark.cb-menu-horizontal .cb-menu-item-active,
.cb-menu-dark.cb-menu-horizontal .cb-menu-submenu-active {
    color: var(--lldesign-color-brand-6)
}

.cb-menu-dark.cb-menu-horizontal .cb-menu-item-active::after,
.cb-menu-dark.cb-menu-horizontal .cb-menu-submenu-active::after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.cb-menu-dark.cb-menu-horizontal .cb-menu-item:hover,
.cb-menu-dark.cb-menu-horizontal .cb-menu-submenu:hover {
    color: var(--lldesign-color-fill-4);
    background-color: var(--lldesign-menu-dark-hover);
    border-radius: var(--lldesign-radius-1)
}

.cb-menu-submenu .cb-menu-item::after {
    display: none
}

.cb-menu-small.cb-menu-horizontal .cb-menu-item,
.cb-menu-small.cb-menu-horizontal .cb-menu-submenu {
    height: 28px;
    line-height: 28px
}

.cb-menu-small.cb-menu-horizontal .cb-menu-item::after,
.cb-menu-small.cb-menu-horizontal .cb-menu-submenu::after {
    bottom: -6px;
    height: 2px
}

.cb-menu-dark.cb-menu-horizontal .cb-menu-item,
.cb-menu-dark.cb-menu-horizontal .cb-menu-submenu {
    color: var(--lldesign-menu-dark-color)
}

.cb-menu-dark.cb-menu-horizontal .cb-menu-item:hover,
.cb-menu-dark.cb-menu-horizontal .cb-menu-submenu:hover {
    color: var(--lldesign-color-white)
}

.cb-menu-dark.cb-menu-horizontal .cb-menu-item-active,
.cb-menu-dark.cb-menu-horizontal .cb-menu-submenu-active {
    color: var(--lldesign-color-brand-6)
}

.cb-menu-custom.cb-menu-horizontal .cb-menu-item,
.cb-menu-custom.cb-menu-horizontal .cb-menu-submenu {
    color: var(--lldesign-color-white)
}

.cb-menu-custom.cb-menu-horizontal .cb-menu-item-active,
.cb-menu-custom.cb-menu-horizontal .cb-menu-item:hover,
.cb-menu-custom.cb-menu-horizontal .cb-menu-submenu-active,
.cb-menu-custom.cb-menu-horizontal .cb-menu-submenu:hover {
    background: var(--lldesign-menu-dark-hover);
    border-radius: var(--lldesign-radius-1)
}

.cb-menu-custom.cb-menu-horizontal .cb-menu-submenu .cb-menu-item-active {
    background-color: transparent
}

.cb-menu-custom.cb-menu-horizontal .cb-menu-submenu .cb-menu-item:hover {
    background-color: var(--lldesign-color-fill-2)
}

.cb-menu-horizontal .cb-menu-submenu .cb-select-dropdown {
    background: var(--lldesign-menu-dropdown);
    border-color: var(--lldesign-menu-dropdown-outline);
    min-width: 100%;
    width: auto;
    max-height: none;
    margin-top: 19px
}

.cb-menu-horizontal .cb-menu-submenu .cb-select-dropdown .cb-menu-item {
    height: auto;
    line-height: normal;
    border-bottom: 0;
    float: none
}

.cb-menu-small.cb-menu-horizontal .cb-menu-submenu .cb-select-dropdown {
    margin-top: 11px
}

.cb-menu-dark.cb-menu-horizontal .cb-menu-submenu .cb-select-dropdown {
    background: var(--lldesign-menu-dark-bg);
    border-color: var(--lldesign-menu-dark-hover)
}

.cb-menu-custom.cb-menu-horizontal .cb-menu-submenu .cb-select-dropdown .cb-menu-item-group .cb-menu-item-group-title,
.cb-menu-dark.cb-menu-horizontal .cb-menu-submenu .cb-select-dropdown .cb-menu-item-group .cb-menu-item-group-title {
    color: var(--lldesign-color-text-3)
}

.cb-menu-dark.cb-menu-horizontal .cb-menu-submenu .cb-select-dropdown .cb-menu-item {
    color: var(--lldesign-menu-dark-color)
}

.cb-menu-dark.cb-menu-horizontal .cb-menu-submenu .cb-select-dropdown .cb-menu-item:hover {
    background: var(--lldesign-menu-dark-hover)
}

.cb-menu-dark.cb-menu-horizontal .cb-menu-submenu .cb-select-dropdown .cb-menu-item-selected {
    color: var(--lldesign-color-brand-6)
}

.cb-menu-item-group {
    line-height: normal
}

.cb-menu-item-group-title {
    height: 30px;
    line-height: 30px;
    padding-left: 8px;
    font-size: var(--lldesign-font-size-small);
    color: var(--lldesign-color-text-2)
}

.cb-menu-item-group>ul {
    padding: 0!important;
    list-style: none!important
}

.cb-menu-vertical .cb-menu-item,
.cb-menu-vertical .cb-menu-submenu-title {
    padding: 14px 24px;
    position: relative;
    cursor: pointer;
    z-index: 2;
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-menu-vertical .cb-menu-item::after,
.cb-menu-vertical .cb-menu-submenu-title::after {
    content: '';
    background-color: var(--lldesign-color-fill-2);
    border-radius: var(--lldesign-radius-1);
    position: absolute;
    top: 2px;
    bottom: 2px;
    right: 8px;
    left: 8px;
    z-index: -1;
    display: none
}

.cb-menu-vertical .cb-menu-submenu.cb-menu-item-active .cb-menu-submenu-title {
    color: var(--lldesign-color-brand-6)
}

.cb-menu-vertical .cb-menu-submenu-title-icon {
    float: right;
    position: relative;
    top: 4px;
    margin: 0
}

.cb-menu-submenu-title-icon {
    position: relative;
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: middle;
    margin-top: -.125em;
    margin-left: 4px
}

.cb-menu-submenu-title-icon:after,
.cb-menu-submenu-title-icon:before {
    content: '';
    top: 50%;
    margin-top: 0;
    width: .5em;
    height: 2px;
    background: currentColor;
    position: absolute;
    -webkit-transition: -webkit-transform var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: -webkit-transform var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: transform var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: transform var(--lldesign-animation-time) var(--lldesign-transition-standard), -webkit-transform var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-menu-submenu-title-icon::before {
    left: 0;
    -webkit-transform: rotate(45deg) translateY(-2px) scaleY(.75);
    -ms-transform: rotate(45deg) translateY(-2px) scaleY(.75);
    transform: rotate(45deg) translateY(-2px) scaleY(.75)
}

.cb-menu-submenu-title-icon::after {
    right: 0;
    -webkit-transform: rotate(-45deg) translateY(-2px) scaleY(.75);
    -ms-transform: rotate(-45deg) translateY(-2px) scaleY(.75);
    transform: rotate(-45deg) translateY(-2px) scaleY(.75)
}

.cb-menu-opened>*>.cb-menu-submenu-title-icon::before {
    left: 0;
    -webkit-transform: rotate(-45deg) translateX(2px) scaleY(.75);
    -ms-transform: rotate(-45deg) translateX(2px) scaleY(.75);
    transform: rotate(-45deg) translateX(2px) scaleY(.75)
}

.cb-menu-opened>*>.cb-menu-submenu-title-icon::after {
    right: 0;
    -webkit-transform: rotate(45deg) translateX(-2px) scaleY(.75);
    -ms-transform: rotate(45deg) translateX(-2px) scaleY(.75);
    transform: rotate(45deg) translateX(-2px) scaleY(.75)
}

.cb-menu-vertical .cb-menu-submenu-nested {
    padding-left: 20px
}

.cb-menu-vertical .cb-menu-submenu .cb-menu-item {
    padding-left: 32px
}

.cb-menu-vertical .cb-menu-item-group-title {
    height: 48px;
    line-height: 48px;
    font-size: var(--lldesign-font-size-base);
    padding-left: 28px
}

.cb-menu-custom.cb-menu-vertical .cb-menu-item-group-title,
.cb-menu-dark.cb-menu-vertical .cb-menu-item-group-title {
    color: var(--lldesign-menu-dark-color)
}

.cb-menu-light.cb-menu-vertical .cb-menu-item-active:not(.cb-menu-submenu) {
    color: var(--lldesign-color-brand-6);
    z-index: 2
}

.cb-menu-light.cb-menu-vertical .cb-menu-item-active:not(.cb-menu-submenu):after {
    content: '';
    background-color: var(--lldesign-color-fill-2);
    border-radius: var(--lldesign-radius-1);
    position: absolute;
    top: 2px;
    bottom: 2px;
    right: 8px;
    left: 8px;
    z-index: -1
}

.cb-menu-dark.cb-menu-vertical .cb-menu-item,
.cb-menu-dark.cb-menu-vertical .cb-menu-submenu-title {
    color: var(--lldesign-menu-dark-color)
}

.cb-menu-dark.cb-menu-vertical .cb-menu-item:hover::after,
.cb-menu-dark.cb-menu-vertical .cb-menu-submenu-title:hover::after {
    background-color: var(--lldesign-menu-dark-hover)
}

.cb-menu-dark.cb-menu-vertical .cb-menu-item-active:not(.cb-menu-submenu),
.cb-menu-dark.cb-menu-vertical .cb-menu-submenu-title-active:not(.cb-menu-submenu) {
    color: var(--lldesign-color-brand-6)
}

.cb-menu-custom.cb-menu-vertical .cb-menu-item,
.cb-menu-custom.cb-menu-vertical .cb-menu-submenu-title {
    color: var(--lldesign-color-white)
}

.cb-menu-custom.cb-menu-vertical .cb-menu-item:hover::after,
.cb-menu-custom.cb-menu-vertical .cb-menu-submenu-title:hover::after {
    display: block;
    background-color: var(--lldesign-menu-dark-hover)
}

.cb-menu-custom.cb-menu-vertical .cb-menu-item-active:not(.cb-menu-submenu),
.cb-menu-custom.cb-menu-vertical .cb-menu-submenu-title-active:not(.cb-menu-submenu) {
    color: var(--lldesign-color-brand-6)
}

.cb-menu-dark.cb-menu-vertical .cb-menu-item-active::after,
.cb-menu-dark.cb-menu-vertical .cb-menu-item-selected::after,
.cb-menu-dark.cb-menu-vertical .cb-menu-item:hover::after,
.cb-menu-dark.cb-menu-vertical .cb-menu-submenu-title-active::after,
.cb-menu-dark.cb-menu-vertical .cb-menu-submenu-title-selected::after,
.cb-menu-dark.cb-menu-vertical .cb-menu-submenu-title:hover::after {
    display: block;
    background-color: var(--lldesign-menu-dark-hover)
}

.cb-menu-dark.cb-menu-vertical .cb-menu-child-item-active>.cb-menu-submenu-title {
    color: var(--lldesign-color-brand-6)
}

.cb-menu-custom.cb-menu-vertical .cb-menu-child-item-active>.cb-menu-submenu-title {
    color: var(--lldesign-color-white)
}

.cb-menu-custom.cb-menu-vertical .cb-menu-item-active:not(.cb-menu-submenu),
.cb-menu-custom.cb-menu-vertical .cb-menu-item-selected:not(.cb-menu-submenu),
.cb-menu-custom.cb-menu-vertical .cb-menu-item:hover,
.cb-menu-custom.cb-menu-vertical .cb-menu-submenu-title-active:not(.cb-menu-submenu),
.cb-menu-custom.cb-menu-vertical .cb-menu-submenu-title-selected:not(.cb-menu-submenu),
.cb-menu-custom.cb-menu-vertical .cb-menu-submenu-title:hover {
    color: var(--lldesign-color-white)
}

.cb-menu-custom.cb-menu-vertical .cb-menu-item-active:not(.cb-menu-submenu)::after,
.cb-menu-custom.cb-menu-vertical .cb-menu-item-selected:not(.cb-menu-submenu)::after,
.cb-menu-custom.cb-menu-vertical .cb-menu-item:hover::after,
.cb-menu-custom.cb-menu-vertical .cb-menu-submenu-title-active:not(.cb-menu-submenu)::after,
.cb-menu-custom.cb-menu-vertical .cb-menu-submenu-title-selected:not(.cb-menu-submenu)::after,
.cb-menu-custom.cb-menu-vertical .cb-menu-submenu-title:hover::after {
    display: block;
    background-color: var(--lldesign-menu-dark-hover)
}

.cb-menu-dark.cb-menu-vertical .cb-menu-opened .cb-menu-submenu-title {
    background: var(--lldesign-menu-dark-bg)
}

.cb-menu-dark.cb-menu-vertical .cb-menu-opened .cb-menu-submenu-has-parent-submenu .cb-menu-submenu-title {
    background: 0 0
}

.cb-menu .open-icon {
    position: relative;
    width: 10px;
    height: 10px;
    float: right;
    margin: 0;
    margin-top: 4px
}

.cb-menu .open-icon:before {
    width: 10px;
    height: 2px;
    background: var(--lldesign-color-text-2);
    position: absolute;
    content: '';
    left: 0;
    top: 4px
}

.cb-menu .open-icon:after {
    width: 2px;
    height: 10px;
    background: var(--lldesign-color-text-2);
    position: absolute;
    content: '';
    left: 4px;
    top: 0
}

.cb-menu-opened>*>.open-icon::after {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0)
}

.cb-menu-small.cb-menu-vertical .cb-menu-item,
.cb-menu-small.cb-menu-vertical .cb-menu-submenu-title {
    padding: 8px 16px
}

.cb-menu-small.cb-menu-vertical .cb-menu-submenu .cb-menu-item {
    padding-left: 24px
}

.cb-menu-small.cb-menu-horizontal {
    height: 40px;
    line-height: 40px
}

.cb-menu-small.cb-menu-horizontal .cb-menu-item {
    padding: 0 12px
}

.cb-menu-catalog {
    background: 0 0
}

.cb-menu-catalog .cb-menu-submenu-title-icon {
    float: left;
    margin-right: 8px
}

.cb-menu-catalog .cb-menu-item,
.cb-menu-catalog .cb-menu-submenu-title {
    padding: 0;
    line-height: 22px
}

.cb-menu-catalog .cb-menu-submenu-title {
    font-weight: 500
}

.cb-menu-catalog .cb-menu-item:not(:first-child),
.cb-menu-catalog .cb-menu-submenu:not(:first-child) {
    margin-top: 4px
}

.cb-menu-catalog .cb-menu-item-active,
.cb-menu-catalog .cb-menu-submenu.cb-menu-item-active .cb-menu-submenu-title {
    color: var(--lldesign-color-text-1)!important
}

.cb-menu-catalog .cb-menu-submenu .cb-menu-item {
    margin-top: 0;
    line-height: 20px;
    margin-left: -19px;
    font-size: 12px
}

.cb-menu-catalog .cb-menu-submenu .cb-menu-item-disabled {
    color: var(--lldesign-menu-dark-color)
}

.cb-menu-catalog .cb-menu-submenu .cb-menu-item-finished {
    color: var(--lldesign-color-text-2)
}

.cb-menu-catalog .cb-menu-submenu .cb-menu-item-active::before {
    content: '';
    position: absolute;
    left: 26px;
    top: 0;
    bottom: 0;
    border-left: 1px solid var(--lldesign-color-brand-6)
}

.cb-menu-catalog .cb-menu-submenu .cb-menu-item .catalog-status {
    color: var(--lldesign-color-success-6);
    margin-right: 4px
}

.cb-menu-catalog .cb-menu-submenu {
    position: relative;
    padding-bottom: 4px
}

.cb-menu-catalog .cb-menu-submenu .cb-menu {
    margin-top: 8px
}

.cb-menu-catalog .cb-menu-submenu::before {
    content: '';
    position: absolute;
    left: 7px;
    top: 30px;
    bottom: 0;
    border-left: 1px solid var(--lldesign-color-border-2)
}

.cb-select-dropdown-with-line .cb-cascader-menu-item:not(:last-child)::after,
.cb-select-dropdown-with-line .cb-menu-horizontal .cb-menu-submenu .cb-select-dropdown .cb-menu-item:not(:last-child)::after {
    content: '';
    bottom: 0;
    left: 10px;
    right: 10px;
    border-bottom: 1px solid var(--lldesign-color-border-2);
    position: absolute;
    opacity: .7
}

.cb-menu-horizontal .cb-menu-submenu .cb-select-dropdown .cb-menu-item {
    margin: 0;
    line-height: 1.429;
    padding: 8px 16px;
    clear: both;
    color: var(--lldesign-color-text-2);
    font-size: var(--lldesign-font-size-base)!important;
    white-space: nowrap;
    list-style: none;
    position: relative;
    cursor: pointer;
    -webkit-transition: background var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: background var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-menu-horizontal .cb-menu-submenu .cb-select-dropdown .cb-menu-item>span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
}

.cb-menu-horizontal .cb-menu-submenu .cb-select-dropdown .cb-menu-item>span .multiple-icon {
    float: right
}

.cb-menu-horizontal .cb-menu-submenu .cb-select-dropdown .cb-menu-item:hover {
    background: var(--lldesign-input-dropdown-hover, var(--lldesign-color-fill-3))
}

.cb-menu-horizontal .cb-menu-submenu .cb-select-dropdown .cb-menu-item-focus {
    background: var(--lldesign-input-dropdown-hover, var(--lldesign-color-fill-3))
}

.cb-menu-horizontal .cb-menu-submenu .cb-select-dropdown .cb-menu-item-disabled {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

.cb-menu-horizontal .cb-menu-submenu .cb-select-dropdown .cb-menu-item-disabled:hover {
    color: var(--lldesign-color-text-4);
    background-color: transparent;
    cursor: not-allowed
}

.cb-menu-horizontal .cb-menu-submenu .cb-select-dropdown .cb-menu-item-selected,
.cb-menu-horizontal .cb-menu-submenu .cb-select-dropdown .cb-menu-item-selected:hover {
    color: var(--lldesign-color-brand-6)
}

.cb-menu-horizontal .cb-menu-submenu .cb-select-dropdown .cb-menu-item-divided {
    border-top: 1px solid var(--lldesign-color-border-2);
    margin-top: -1px
}

.cb-menu-horizontal .cb-menu-submenu .cb-select-dropdown .cb-menu-item-enter {
    color: var(--lldesign-color-brand-6);
    float: right;
    margin-top: 1px
}

.cb-menu-horizontal .cb-menu-submenu .cb-select-dropdown .cb-menu-item-checkbox {
    display: inline-block;
    vertical-align: -.11em;
    margin-right: 8px;
    width: 14px;
    height: 14px;
    position: relative;
    border: 2px solid var(--lldesign-color-border-2);
    border-radius: var(--lldesign-input-radius);
    background-color: var(--lldesign-input-bg-active);
    -webkit-transition: border-color var(--lldesign-animation-time) var(--lldesign-transition-standard), background-color var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: border-color var(--lldesign-animation-time) var(--lldesign-transition-standard), background-color var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-menu-horizontal .cb-menu-submenu .cb-select-dropdown .cb-menu-item-checkbox:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    background: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.12117 6.35416C2.12112 6.35411 2.12122 6.35421 2.12117 6.35416L0 4.23299L1.43479 2.83935L3.53768 4.94224L8.49493 0L9.8995 1.40456L4.94224 6.3468L4.94975 6.35431L4.92887 6.37459C4.8856 6.41661 4.84091 6.4563 4.79496 6.49363L4.23299 7.0539C3.84229 7.44342 3.20995 7.44294 2.81985 7.05283L2.12117 6.35416Z' fill='white' fill-opacity='0.9'/%3E%3C/svg%3E%0A") center center no-repeat;
    background-size: 10px auto
}

.cb-menu-horizontal .cb-menu-submenu .cb-select-dropdown .cb-menu-item-checkbox-selected {
    border-color: var(--lldesign-color-brand-6);
    background-color: var(--lldesign-color-brand-6)
}

.cb-menu-horizontal .cb-menu-submenu .cb-select-dropdown .cb-menu-item-checkbox-selected:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.cb-menu-small .cb-menu-horizontal .cb-menu-submenu .cb-select-dropdown .cb-menu-item,
.cb-select-dropdown.cb-select-dropdown-small .cb-cascader-menu-item,
.cb-select-dropdown.cb-select-dropdown-small .cb-menu-horizontal .cb-menu-submenu .cb-select-dropdown .cb-menu-item {
    padding: 7px 16px 8px;
    font-size: var(--lldesign-font-size-base)!important
}

@-moz-document url-prefix() {
    .cb-menu-horizontal .cb-menu-submenu .cb-select-dropdown .cb-menu-item {
        white-space: normal
    }
}

.cb-menu-horizontal .cb-menu-submenu .cb-select-dropdown .cb-menu-item {
    padding: 7px 16px 8px;
    font-size: var(--lldesign-font-size-base)!important
}

.cb-date-picker {
    display: inline-block;
    line-height: normal;
    font-size: var(--lldesign-font-size-base);
    width: 100%
}

.cb-date-picker-rel {
    position: relative
}

.cb-date-picker .cb-select-dropdown {
    width: auto;
    overflow: visible;
    max-height: none
}

.cb-date-picker-cells {
    width: 224px;
    margin: 10px;
    white-space: normal
}

.cb-date-picker-cells span {
    display: inline-block;
    width: 28px;
    height: 28px
}

.cb-date-picker-cells span em {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin: 4px;
    font-style: normal;
    border-radius: var(--lldesign-radius-2);
    text-align: center;
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-date-picker-cells-header span {
    line-height: 28px;
    text-align: center;
    margin: 2px;
    color: var(--lldesign-color-text-4)
}

.cb-date-picker-cells-cell:hover em {
    background: var(--lldesign-color-brand-light-2)
}

.cb-date-picker-cells-focused em {
    -webkit-box-shadow: 0 0 0 1px var(--lldesign-color-brand-6) inset;
    box-shadow: 0 0 0 1px var(--lldesign-color-brand-6) inset
}

span.cb-date-picker-cells-cell {
    width: 32px;
    height: 32px;
    cursor: pointer
}

.cb-date-picker-cells-cell-next-month em,
.cb-date-picker-cells-cell-prev-month em {
    color: var(--lldesign-color-text-4)
}

.cb-date-picker-cells-cell-next-month:hover em,
.cb-date-picker-cells-cell-prev-month:hover em {
    background: 0 0
}

span.cb-date-picker-cells-cell-disabled,
span.cb-date-picker-cells-cell-disabled:hover,
span.cb-date-picker-cells-cell-week-label,
span.cb-date-picker-cells-cell-week-label:hover {
    cursor: not-allowed;
    color: var(--lldesign-color-text-4)
}

span.cb-date-picker-cells-cell-disabled em,
span.cb-date-picker-cells-cell-disabled:hover em,
span.cb-date-picker-cells-cell-week-label em,
span.cb-date-picker-cells-cell-week-label:hover em {
    color: inherit;
    background: inherit
}

span.cb-date-picker-cells-cell-disabled,
span.cb-date-picker-cells-cell-disabled:hover {
    background: var(--lldesign-color-fill-1)
}

.cb-date-picker-cells-cell-today em {
    position: relative
}

.cb-date-picker-cells-cell-today em:after {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    border-radius: var(--lldesign-radius-2);
    background: var(--lldesign-color-brand-6);
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -2px
}

.cb-date-picker-cells-cell-range {
    position: relative
}

.cb-date-picker-cells-cell-range em {
    position: relative;
    z-index: 1
}

.cb-date-picker-cells-cell-range:before {
    content: '';
    display: block;
    background: var(--lldesign-color-brand-light-1);
    border-radius: 0;
    border: 0;
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 0;
    right: 0
}

.cb-date-picker-cells-cell-selected em,
.cb-date-picker-cells-cell-selected:hover em {
    background: var(--lldesign-color-brand-6);
    color: var(--lldesign-color-white)
}

span.cb-date-picker-cells-cell-disabled.cb-date-picker-cells-cell-selected em {
    background: var(--lldesign-color-text-4);
    color: var(--lldesign-color-fill-1)
}

.cb-date-picker-cells-show-week-numbers {
    width: 256px
}

.cb-date-picker-cells-month,
.cb-date-picker-cells-year {
    margin-top: 14px
}

.cb-date-picker-cells-month span,
.cb-date-picker-cells-year span {
    width: 51px;
    height: 32px;
    line-height: 32px;
    margin: 10px 12px;
    border-radius: var(--lldesign-radius-1)
}

.cb-date-picker-cells-month span:nth-child(3n-1),
.cb-date-picker-cells-year span:nth-child(3n-1) {
    margin-left: 11px;
    margin-right: 11px
}

.cb-date-picker-cells-month span em,
.cb-date-picker-cells-year span em {
    width: 51px;
    height: 32px;
    line-height: 32px;
    margin: 0
}

.cb-date-picker-cells-month .cb-date-picker-cells-cell-focused,
.cb-date-picker-cells-year .cb-date-picker-cells-cell-focused {
    background-color: var(--lldesign-color-brand-2)
}

.cb-date-picker-header {
    line-height: 24px;
    text-align: center;
    border-bottom: 1px solid var(--lldesign-color-border-2);
    padding: 8px 16px
}

.cb-date-picker-header-label {
    cursor: pointer;
    -webkit-transition: color var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: color var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-date-picker-header-label:hover {
    color: var(--lldesign-color-brand-6)
}

.cb-date-picker-btn-pulse {
    background-color: var(--lldesign-color-brand-2)!important;
    border-radius: var(--lldesign-radius-1);
    -webkit-transition: background-color var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: background-color var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-date-picker-prev-btn {
    float: left
}

.cb-date-picker-prev-btn-arrow-double {
    margin-left: 10px
}

.cb-date-picker-prev-btn-arrow-double i:after {
    content: '\e8ad';
    margin-left: -8px
}

.cb-date-picker-next-btn {
    float: right
}

.cb-date-picker-next-btn-arrow-double {
    margin-right: 10px
}

.cb-date-picker-next-btn-arrow-double i:after {
    content: '\e8bc';
    margin-left: -8px
}

.cb-date-picker-with-range .cb-picker-panel-body {
    min-width: 488px
}

.cb-date-picker-with-range .cb-picker-panel-content {
    float: left
}

.cb-date-picker-with-range .cb-picker-cells-show-week-numbers {
    min-width: 552px
}

.cb-date-picker-with-week-numbers .cb-picker-panel-body-date {
    min-width: 552px
}

.cb-date-picker-transfer {
    z-index: 1060;
    max-height: none;
    width: auto
}

.cb-date-picker-focused-editor:not(.cb-picker-disabled) input,
.cb-date-picker-focused-editor:not(.cb-picker-disabled) input:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-date-picker-editor:not(.cb-date-picker-readonly) .cb-input[readonly],
fieldset[readonly] .cb-date-picker-editor:not(.cb-date-picker-readonly) .cb-input {
    cursor: text
}

.cb-picker-panel-icon-btn {
    display: inline-block;
    margin: 0;
    width: 20px;
    height: 24px;
    line-height: 26px;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    color: var(--lldesign-color-text-2);
    -webkit-transition: color var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: color var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-picker-panel-icon-btn:hover {
    color: var(--lldesign-color-brand-6)
}

.cb-picker-panel-icon-btn i {
    font-size: 14px;
    display: block;
    line-height: 24px;
    margin: 0
}

.cb-picker-panel-body-wrapper {
    zoom: 1
}

.cb-picker-panel-body-wrapper:after,
.cb-picker-panel-body-wrapper:before {
    content: "";
    display: table
}

.cb-picker-panel-body-wrapper:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.cb-picker-panel-body-wrapper>.cb-picker-panel-body {
    margin: -5px 0
}

.cb-picker-panel-body-wrapper>.cb-picker-panel-body .cb-picker-panel-body {
    margin: 0
}

.cb-picker-panel-body-wrapper .cb-scrollbar {
    margin: 0
}

.cb-picker-panel-body-wrapper .cb-scrollbar .cb-scrollbar__wrap {
    overflow-x: hidden
}

.cb-picker-panel-body-wrapper.cb-picker-panel-with-sidebar {
    padding-left: 92px
}

.cb-picker-panel-sidebar {
    width: 92px;
    float: left;
    margin-left: -92px;
    position: absolute;
    top: 0;
    bottom: 0;
    background: var(--lldesign-color-gray-2);
    border-right: 1px solid var(--lldesign-color-border-2);
    border-radius: var(--lldesign-radius-1) 0 0 var(--lldesign-radius-1);
    overflow: auto
}

.cb-picker-panel-shortcut {
    padding: 8px 15px;
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cb-picker-panel-shortcut:hover {
    background: var(--lldesign-color-border-2)
}

.cb-picker-panel-body {
    float: left
}

.cb-picker-confirm {
    border-top: 1px solid var(--lldesign-color-border-2);
    text-align: right;
    padding: 5px 8px;
    clear: both
}

.cb-picker-confirm>span {
    color: var(--lldesign-color-brand-6);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
    padding: 2px 0;
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-picker-confirm>span:hover {
    color: var(--lldesign-color-brand-5)
}

.cb-picker-confirm>span:active {
    color: var(--lldesign-color-brand-7)
}

.cb-picker-confirm-time {
    float: left
}

.cb-time-picker-cells {
    zoom: 1;
    min-width: 112px
}

.cb-time-picker-cells:after,
.cb-time-picker-cells:before {
    content: "";
    display: table
}

.cb-time-picker-cells:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.cb-time-picker-cells-with-seconds {
    min-width: 168px
}

.cb-time-picker-cells-list {
    width: 56px;
    float: left;
    overflow: hidden;
    border-left: 1px solid var(--lldesign-color-border-2);
    position: relative
}

.cb-time-picker-cells-list .cb-scrollbar__wrap {
    max-height: 144px
}

.cb-time-picker-cells-list:first-child {
    border-left: none;
    border-radius: var(--lldesign-button-radius) 0 0 var(--lldesign-button-radius)
}

.cb-time-picker-cells-list:last-child {
    border-radius: 0 var(--lldesign-button-radius) var(--lldesign-button-radius) 0
}

.cb-time-picker-cells-list ul {
    width: 100%;
    margin: 0;
    padding: 0 0 110px 0;
    list-style: none
}

.cb-time-picker-cells-list ul li {
    width: 100%;
    height: 24px;
    line-height: 24px;
    margin: 0;
    padding: 0 0 0 16px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    list-style: none;
    -webkit-transition: background var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: background var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-time-picker-cells-cell:hover {
    background: var(--lldesign-color-fill-1)
}

.cb-time-picker-cells-cell-disabled {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

.cb-time-picker-cells-cell-disabled:hover {
    color: var(--lldesign-color-text-4);
    background-color: var(--lldesign-color-white);
    cursor: not-allowed
}

.cb-time-picker-cells-cell-selected,
.cb-time-picker-cells-cell-selected:hover {
    color: var(--lldesign-color-brand-6);
    background: var(--lldesign-color-fill-1)
}

.cb-time-picker-cells-cell-focused {
    background-color: var(--lldesign-color-brand-2)
}

.cb-time-picker-header {
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-bottom: 1px solid var(--lldesign-color-border-2)
}

.cb-time-picker-header+.cb-time-picker-cells .cb-time-picker-cells-list {
    margin-top: 0;
    padding-top: 0
}

.cb-time-picker-with-range .cb-picker-panel-body {
    min-width: 228px
}

.cb-time-picker-with-range .cb-picker-panel-content {
    float: left;
    position: relative
}

.cb-time-picker-with-range .cb-picker-panel-content:after {
    content: '';
    display: block;
    width: 2px;
    position: absolute;
    top: 31px;
    bottom: 0;
    right: -2px;
    background: var(--lldesign-color-border-2);
    z-index: 1
}

.cb-time-picker-with-range .cb-picker-panel-content-right {
    float: right
}

.cb-time-picker-with-range .cb-picker-panel-content-right:after {
    right: auto;
    left: -2px
}

.cb-time-picker-with-range .cb-time-picker-cells-list:first-child {
    border-radius: 0
}

.cb-time-picker-with-range .cb-time-picker-cells-list:last-child {
    border-radius: 0
}

.cb-time-picker-with-range.cb-time-picker-with-seconds .cb-picker-panel-body {
    min-width: 340px
}

.cb-picker-panel-content .cb-picker-panel-content .cb-time-picker-cells {
    min-width: 244px
}

.cb-picker-panel-content .cb-picker-panel-content .cb-time-picker-cells-with-seconds {
    min-width: 246px
}

.cb-picker-panel-content .cb-picker-panel-content .cb-time-picker-cells-with-seconds .cb-time-picker-cells-list {
    width: 246px/3
}

.cb-picker-panel-content .cb-picker-panel-content .cb-time-picker-cells-with-seconds .cb-time-picker-cells-list ul li {
    padding: 0 0 0 28px
}

.cb-picker-panel-content .cb-picker-panel-content .cb-time-picker-cells-list {
    width: calc(246px / 2 - 1px)
}

.cb-picker-panel-content .cb-picker-panel-content .cb-time-picker-cells-list:first-child {
    border-radius: 0
}

.cb-picker-panel-content .cb-picker-panel-content .cb-time-picker-cells-list:last-child {
    border-radius: 0
}

.cb-picker-panel-content .cb-picker-panel-content .cb-time-picker-cells-list .cb-scrollbar__wrap {
    max-height: 196px
}

.cb-picker-panel-content .cb-picker-panel-content .cb-time-picker-cells-list ul {
    padding: 0 0 162px 0
}

.cb-picker-panel-content .cb-picker-panel-content .cb-time-picker-cells-list ul li {
    padding: 0 0 0 46px
}

.cb-form .cb-form-item-label {
    text-align: right;
    vertical-align: top;
    float: left;
    font-size: var(--lldesign-font-size-base);
    color: var(--lldesign-color-text-2);
    line-height: 1;
    padding: 9px 16px 9px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cb-form .cb-form-item-label .cb-form-item-label-h {
    font-weight: 400
}

.cb-form .cb-form-item-label .cb-form-item-label-desc {
    display: none
}

.cb-form-mini .cb-form-item-label {
    padding-top: 5px;
    padding-bottom: 5px
}

.cb-form-mini .cb-form-item-content {
    line-height: 24px
}

.cb-form-small .cb-form-item-label {
    padding-top: 7px;
    padding-bottom: 7px
}

.cb-form-small .cb-form-item-content {
    line-height: 28px
}

.cb-form-large .cb-form-item-label {
    padding-top: 11px;
    padding-bottom: 11px
}

.cb-form-large .cb-form-item-content {
    line-height: 36px
}

.cb-form-max .cb-form-item-label {
    padding-top: 14px;
    padding-bottom: 15px
}

.cb-form-max .cb-form-item-content {
    line-height: 42px
}

.cb-form-partition .cb-form-item {
    margin-right: 20px!important
}

.cb-form-partition .cb-form-item:not(:first-child) .cb-form-item-label {
    padding-left: 20px;
    position: relative
}

.cb-form-partition .cb-form-item:not(:first-child) .cb-form-item-label:before {
    content: "";
    left: 0;
    top: 7px;
    bottom: 7px;
    position: absolute;
    border-left: 1px solid var(--lldesign-color-border-2)
}

.cb-form-label-left .cb-form-item-label {
    text-align: left
}

.cb-form-label-top .cb-form-item.is-text .cb-form-item-label {
    padding-bottom: 8px
}

.cb-form-label-top .cb-form-item-label {
    float: none;
    display: block;
    padding: 0 0 8px 0;
    text-align: left
}

.cb-form-label-top .cb-form-item-label .cb-form-item-label-h {
    display: inline-block;
    vertical-align: top
}

.cb-form-label-top .cb-form-item-label .cb-form-item-label-desc {
    color: var(--lldesign-color-text-3);
    display: inline-block
}

.cb-form-inline .cb-form-item {
    display: inline-block;
    margin-right: 24px;
    vertical-align: top
}

.cb-form-animate {
    -webkit-transition: height .12s;
    transition: height .12s
}

.cb-form-item {
    margin-bottom: 20px;
    vertical-align: top;
    -webkit-transition: margin-bottom .12s linear, padding-bottom .12s linear;
    transition: margin-bottom .12s linear, padding-bottom .12s linear;
    will-change: margin-bottom, padding-bottom;
    zoom: 1
}

.cb-form-item:after,
.cb-form-item:before {
    content: "";
    display: table
}

.cb-form-item:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.cb-form-item-content {
    position: relative;
    line-height: 32px;
    font-size: var(--lldesign-font-size-base)
}

.cb-form-item-content .cb-btn,
.cb-form-item-content .cb-date-picker,
.cb-form-item-content .cb-input,
.cb-form-item-content .cb-input-amount,
.cb-form-item-content .cb-input-combo,
.cb-form-item-content .cb-input-number,
.cb-form-item-content .cb-input-wrapper,
.cb-form-item-content .cb-select,
.cb-form-item-content .cb-upload {
    vertical-align: top
}

.cb-form-item-content-inner {
    position: relative
}

.cb-form-item.is-text .cb-form-item-label {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 20px
}

.cb-form-item.is-text .cb-form-item-content {
    line-height: 20px
}

.cb-form-item.cb-form-item-inline .cb-form-item-content {
    float: left
}

.cb-form-item .cb-form-item {
    margin-bottom: 0
}

.cb-form-item .cb-form-item .cb-form-item-content {
    margin-left: 0!important
}

.cb-form-item-error {
    margin-bottom: 10px;
    padding-bottom: 20px
}

.cb-form-item-error-tips {
    margin-bottom: -10px
}

.cb-form-item-error-tip {
    position: absolute;
    left: 0;
    line-height: 20px;
    color: var(--lldesign-color-error-6);
    font-size: var(--lldesign-font-size-small);
    overflow: hidden
}

.cb-form-item-extra {
    font-size: var(--lldesign-font-size-small);
    line-height: 18px;
    color: var(--lldesign-color-text-3);
    padding-top: 4px
}

.cb-form-item-error:has(.cb-form-item-extra) {
    padding-bottom: 16px
}

.cb-form-item-error .cb-form-item-extra {
    -webkit-transform: translateY(16px);
    -ms-transform: translateY(16px);
    transform: translateY(16px)
}

.cb-form-item-required .cb-form-item-label:before {
    content: "\e785";
    display: inline-block;
    line-height: 1;
    font-weight: 300;
    font-family: cbicons;
    color: var(--lldesign-color-error-6);
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    vertical-align: top;
    margin-left: -.21em
}

.cb-form-item:last-child {
    margin-bottom: 0
}

.cb-form-hidden-error .cb-form-item {
    -webkit-transition: none;
    transition: none
}

.cb-form-hidden-error .cb-form-item:not(:last-child).cb-form-item-error {
    margin-bottom: 20px
}

.cb-form-hidden-error .cb-form-item.cb-form-item-error {
    padding-bottom: unset
}

.cb-carousel {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.cb-carousel-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%
}

.cb-carousel-item {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: none
}

.cb-carousel-item-active {
    z-index: 2;
    opacity: 1;
    display: block;
    position: relative
}

.cb-carousel-list .cb-carousel-item.cb-carousel-item-active-in {
    z-index: 3;
    opacity: 1;
    display: block;
    -webkit-animation: cbCarouselXNextIn .5s ease-in-out;
    animation: cbCarouselXNextIn .5s ease-in-out
}

.cb-carousel-list .cb-carousel-item.cb-carousel-item-active-out {
    opacity: 1;
    display: block;
    -webkit-animation: cbCarouselXPrevOut .5s ease-in-out;
    animation: cbCarouselXPrevOut .5s ease-in-out
}

.cb-carousel-negative .cb-carousel-item.cb-carousel-item-active-in {
    opacity: 1;
    -webkit-animation: cbCarouselXPrevIn .5s ease-in-out;
    animation: cbCarouselXPrevIn .5s ease-in-out
}

.cb-carousel-negative .cb-carousel-item.cb-carousel-item-active-out {
    opacity: 1;
    -webkit-animation: cbCarouselXNextOut .5s ease-in-out;
    animation: cbCarouselXNextOut .5s ease-in-out
}

.cb-carousel-arrow {
    border: none;
    outline: 0;
    padding: 0;
    margin: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    display: none;
    position: absolute;
    top: 50%;
    z-index: 10;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: var(--lldesign-animation-time);
    transition: var(--lldesign-animation-time);
    background-color: rgba(31, 45, 61, .11);
    color: var(--lldesign-color-white);
    text-align: center;
    font-size: 1em;
    font-family: inherit;
    line-height: inherit
}

.cb-carousel-arrow:not(.cb-carousel-arrow-disabled).cb-carousel-arrow:hover {
    background-color: rgba(31, 45, 61, .5)
}

.cb-carousel-arrow>* {
    vertical-align: baseline
}

.cb-carousel-arrow.left {
    left: 16px
}

.cb-carousel-arrow.right {
    right: 16px
}

.cb-carousel-arrow-always {
    display: inherit
}

.cb-carousel-arrow-hover {
    display: inherit;
    opacity: 0
}

.cb-carousel-arrow-disabled {
    cursor: not-allowed
}

.cb-carousel:hover .cb-carousel-arrow-hover {
    opacity: 1
}

.cb-carousel-dots {
    z-index: 10;
    display: none;
    position: relative;
    list-style: none;
    text-align: center;
    padding: 0;
    width: 100%;
    height: 17px
}

.cb-carousel-dots-inside {
    display: block;
    position: absolute;
    bottom: 3px
}

.cb-carousel-dots-outside {
    display: block;
    margin-top: 3px
}

.cb-carousel-dots li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 0 2px;
    padding: 7px 0;
    cursor: pointer
}

.cb-carousel-dots li button {
    border: 0;
    cursor: pointer;
    background: #fff;
    opacity: .3;
    display: block;
    width: 16px;
    height: 3px;
    border-radius: 1px;
    outline: 0;
    font-size: 0;
    color: transparent;
    -webkit-transition: all .5s;
    transition: all .5s
}

.cb-carousel-dots li button.radius {
    width: 6px;
    height: 6px;
    border-radius: 50%
}

.cb-carousel-dots li:hover>button {
    opacity: .7
}

.cb-carousel-dots li.cb-carousel-active>button {
    opacity: 1;
    width: 24px
}

.cb-carousel-dots li.cb-carousel-active>button.radius {
    width: 6px
}

.cb-carousel-vertical .cb-carousel-list .cb-carousel-item.cb-carousel-item-active-in {
    -webkit-animation: cbCarouselYNextIn .5s ease-in-out;
    animation: cbCarouselYNextIn .5s ease-in-out
}

.cb-carousel-vertical .cb-carousel-list .cb-carousel-item.cb-carousel-item-active-out {
    -webkit-animation: cbCarouselYPrevOut .5s ease-in-out;
    animation: cbCarouselYPrevOut .5s ease-in-out
}

.cb-carousel-vertical .cb-carousel-negative .cb-carousel-item.cb-carousel-item-active-in {
    -webkit-animation: cbCarouselYPrevIn .5s ease-in-out;
    animation: cbCarouselYPrevIn .5s ease-in-out
}

.cb-carousel-vertical .cb-carousel-negative .cb-carousel-item.cb-carousel-item-active-out {
    -webkit-animation: cbCarouselYNextOut .5s ease-in-out;
    animation: cbCarouselYNextOut .5s ease-in-out
}

.cb-carousel-vertical .cb-carousel-arrow {
    width: 22px;
    height: 24px;
    top: auto;
    left: auto;
    right: 8px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.cb-carousel-vertical .cb-carousel-arrow.left {
    bottom: 36px;
    border-radius: 50px 50px 0 0
}

.cb-carousel-vertical .cb-carousel-arrow.right {
    bottom: 12px;
    border-radius: 0 0 50px 50px
}

.cb-carousel-vertical .cb-carousel-arrow>i {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.cb-carousel-vertical .cb-carousel-dots {
    width: auto;
    height: auto;
    width: 22px;
    top: 12px;
    bottom: auto
}

.cb-carousel-vertical .cb-carousel-dots li {
    display: block;
    margin: 0 0 4px 0;
    padding: 0
}

.cb-carousel-vertical .cb-carousel-dots li>button {
    width: 3px;
    height: 10px;
    margin: 0 auto;
    display: block
}

.cb-carousel-vertical .cb-carousel-dots li.cb-carousel-active>button {
    height: 14px
}

.cb-carousel-vertical .cb-carousel-dots-inside {
    right: 8px;
    bottom: auto
}

.cb-carousel-vertical .cb-carousel-dots-outside {
    position: absolute;
    right: -22px;
    top: 0;
    bottom: auto;
    margin: 0
}

.cb-carousel-fade .cb-carousel-list .cb-carousel-item.cb-carousel-item-active-in,
.cb-carousel-fade .cb-carousel-negative .cb-carousel-item.cb-carousel-item-active-in {
    -webkit-animation: cbFadeIn .5s ease-in-out;
    animation: cbFadeIn .5s ease-in-out
}

.cb-carousel-fade .cb-carousel-list .cb-carousel-item.cb-carousel-item-active-out,
.cb-carousel-fade .cb-carousel-negative .cb-carousel-item.cb-carousel-item-active-out {
    -webkit-animation: cbFadeOut .5s ease-in-out;
    animation: cbFadeOut .5s ease-in-out
}

@-webkit-keyframes cbCarouselXNextIn {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes cbCarouselXNextIn {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes cbCarouselXNextOut {
    0% {
        -webkit-transform: none;
        transform: none
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes cbCarouselXNextOut {
    0% {
        -webkit-transform: none;
        transform: none
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-webkit-keyframes cbCarouselXPrevIn {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes cbCarouselXPrevIn {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes cbCarouselXPrevOut {
    0% {
        -webkit-transform: none;
        transform: none
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes cbCarouselXPrevOut {
    0% {
        -webkit-transform: none;
        transform: none
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes cbCarouselYNextIn {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes cbCarouselYNextIn {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes cbCarouselYNextOut {
    0% {
        -webkit-transform: none;
        transform: none
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes cbCarouselYNextOut {
    0% {
        -webkit-transform: none;
        transform: none
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-webkit-keyframes cbCarouselYPrevIn {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes cbCarouselYPrevIn {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes cbCarouselYPrevOut {
    0% {
        -webkit-transform: none;
        transform: none
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes cbCarouselYPrevOut {
    0% {
        -webkit-transform: none;
        transform: none
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.cb-rate {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 20px;
    vertical-align: middle;
    font-weight: 400;
    font-style: normal
}

.cb-rate-disabled .cb-rate-star-content:before,
.cb-rate-disabled .cb-rate-star:before {
    cursor: default
}

.cb-rate-disabled .cb-rate-star:hover {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.cb-rate-star-full,
.cb-rate-star-zero {
    position: relative
}

.cb-rate-star-first {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
    opacity: 0
}

.cb-rate-star-first,
.cb-rate-star-second {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: var(--lldesign-color-fill-3);
    cursor: pointer
}

.cb-rate-star-chart {
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-right: 8px;
    position: relative;
    font-family: Ionicons;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.cb-rate-star-chart:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.cb-rate-star-chart.cb-rate-star-full .cb-rate-star-first,
.cb-rate-star-chart.cb-rate-star-full .cb-rate-star-second {
    color: #f5a623
}

.cb-rate-star-chart.cb-rate-star-half .cb-rate-star-first {
    opacity: 1;
    color: #f5a623
}

.cb-rate-star {
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-right: 8px;
    position: relative;
    font-family: cbicons;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.cb-rate-star:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.cb-rate-star-content:before,
.cb-rate-star:before {
    color: var(--lldesign-color-fill-3);
    cursor: pointer;
    content: '\e90e';
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    display: block
}

.cb-rate-star-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    overflow: hidden
}

.cb-rate-star-content:before {
    color: transparent
}

.cb-rate-star-full:before,
.cb-rate-star-half .cb-rate-star-content:before {
    color: #f5a623
}

.cb-rate-star-full:hover:before,
.cb-rate-star-half:hover .cb-rate-star-content:before {
    color: #f7b84f
}

.cb-rate-text {
    margin-left: 8px;
    vertical-align: middle;
    display: inline-block;
    font-size: var(--lldesign-font-size-small)
}

.cb-upload {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

.cb-upload input[type=file] {
    display: none
}

.cb-upload-handle {
    position: relative
}

.cb-upload-loading {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    border-radius: var(--lldesign-input-radius);
    overflow: hidden
}

.cb-upload-loading>div {
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 2
}

.cb-upload-loading>div>span {
    margin-top: 8px;
    display: inline-block;
    vertical-align: top;
    font-size: var(--lldesign-font-size-base);
    color: var(--lldesign-color-white)
}

.cb-upload-loading-done {
    color: var(--lldesign-color-success-6)!important
}

.cb-upload-loading-fail {
    color: var(--lldesign-color-warning-6)!important
}

.cb-upload-loading::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: var(--lldesign-color-mask)
}

.cb-upload-preview-file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.cb-upload-preview-file>p {
    margin-top: 8px;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center
}

.cb-upload-preview {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    border-radius: var(--lldesign-input-radius);
    background-color: var(--lldesign-color-white);
    border: 1px solid var(--lldesign-upload-border-color, var(--lldesign-color-border-2));
    overflow: hidden
}

.cb-upload-preview>img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.cb-upload-preview-uploading>div {
    -webkit-filter: blur(2px);
    filter: blur(2px)
}

.cb-upload-preview-reupload {
    pointer-events: none
}

.cb-upload-preview-reupload .remove-icon {
    display: none
}

.cb-upload-preview-reupload .reupload-text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 14px;
    opacity: 0;
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    background: var(--lldesign-color-mask);
    white-space: nowrap
}

.cb-upload-preview-reupload .reupload-text>span {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    color: var(--lldesign-color-white);
    text-align: center;
    line-height: 26px;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.cb-upload-preview .remove-icon {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 2px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    cursor: pointer;
    opacity: 0;
    background: rgba(0, 0, 0, .24);
    color: var(--lldesign-color-white);
    border-radius: 2px;
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-upload-preview:hover .remove-icon {
    opacity: 1
}

.cb-upload:hover .cb-upload-preview-reupload .reupload-text {
    opacity: 1
}

.cb-upload-action {
    line-height: 26px
}

.cb-upload-action>div {
    vertical-align: top;
    margin-top: 5px
}

.cb-upload-list {
    margin-top: 8px
}

.cb-upload-list-file {
    padding: 8px 12px;
    line-height: 26px;
    color: var(--lldesign-color-text-2);
    border-radius: var(--lldesign-input-radius);
    -webkit-transition: background-color var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: background-color var(--lldesign-animation-time) var(--lldesign-transition-standard);
    background: var(--lldesign-input-bg, var(--lldesign-color-fill-2));
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cb-upload-list-file>div {
    cursor: pointer;
    -webkit-transition: color var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: color var(--lldesign-animation-time) var(--lldesign-transition-standard);
    margin-right: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cb-upload-list-file:hover {
    background: var(--lldesign-input-bg-hover, var(--lldesign-color-fill-3))
}

.cb-upload-list-file:hover .cb-upload-list-remove {
    opacity: 1
}

.cb-upload-list-file+.cb-upload-list-file {
    margin-top: 8px
}

.cb-upload-list-name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cb-upload-list-preview {
    width: 32px;
    height: 32px
}

.cb-upload-list-preview img {
    display: block;
    width: 32px;
    height: 32px;
    -o-object-fit: cover;
    object-fit: cover
}

.cb-upload-list-preview-file {
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 28px
}

.cb-upload-list-remove {
    font-size: 15px;
    cursor: pointer;
    color: var(--lldesign-color-text-2);
    -webkit-transition: all var(--lldesign-animation-time) ease;
    transition: all var(--lldesign-animation-time) ease;
    position: relative;
    height: 26px;
    width: 26px;
    line-height: 16px;
    padding: 5px;
    text-align: center;
    z-index: 2
}

.cb-upload-list-remove:hover {
    color: var(--lldesign-color-text-1)
}

.cb-upload-list-remove:last-child {
    margin-right: -5px
}

.cb-upload-drag {
    position: relative;
    background: var(--lldesign-input-bg, var(--lldesign-color-fill-2));
    border-radius: var(--lldesign-input-radius);
    border: 1px dashed var(--lldesign-upload-border-color, var(--lldesign-color-border-2));
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    padding: 10px;
    width: 100%;
    height: 100%;
    line-height: 1.6;
    -webkit-transition: background var(--lldesign-animation-time) var(--lldesign-transition-linear);
    transition: background var(--lldesign-animation-time) var(--lldesign-transition-linear);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.cb-upload-drag:hover {
    background: var(--lldesign-input-bg-hover, var(--lldesign-color-fill-3))
}

.cb-upload-drag.cb-upload-readonly {
    cursor: default
}

.cb-upload-drag.cb-upload-readonly:hover {
    background: var(--lldesign-input-bg, var(--lldesign-color-fill-2))
}

.cb-upload-drag.cb-upload-readonly:hover::before {
    border: 1px dashed var(--lldesign-color-border-2)
}

.cb-upload-drag.cb-upload-disabled {
    cursor: not-allowed;
    color: var(--lldesign-color-text-4)
}

.cb-upload-drag.cb-upload-disabled:hover {
    background: var(--lldesign-input-bg, var(--lldesign-color-fill-2))
}

.cb-upload-drag.cb-upload-disabled:hover::before {
    border: 1px dashed var(--lldesign-color-border-2)
}

.cb-upload-dragOver {
    background: var(--lldesign-color-brand-light-1);
    border: 1px dashed var(--lldesign-color-brand-6)
}

.cb-form-item-error .cb-upload-drag {
    background-color: var(--lldesign-color-error-light-1)
}

.cb-form-item-error .cb-upload-drag:hover {
    background: var(--lldesign-color-error-light-2)
}

.cb-tree .cb-tree-ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: var(--lldesign-font-size-base)
}

.cb-tree .cb-tree-ul.cb-dropdown-menu {
    padding: 0
}

.cb-tree .cb-tree-ul .cb-tree-li {
    list-style: none;
    margin: 8px 0;
    padding: 0;
    white-space: nowrap;
    outline: 0
}

.cb-tree .cb-tree-ul .cb-tree-li.cb-dropdown-item {
    margin: 0;
    padding: 7px 16px;
    white-space: nowrap
}

.cb-tree .cb-tree-ul-block .cb-tree-li {
    cursor: pointer
}

.cb-tree .cb-tree-ul-block .cb-tree-li:hover {
    background-color: var(--lldesign-color-fill-2)
}

.cb-tree .cb-tree-ul-block .cb-tree-li-selected,
.cb-tree .cb-tree-ul-block .cb-tree-li-selected:hover {
    color: var(--lldesign-color-brand-6)
}

.cb-tree-title {
    display: inline-block;
    margin: 0;
    padding: 0 4px;
    border-radius: var(--lldesign-radius-1);
    cursor: pointer;
    vertical-align: top;
    color: var(--lldesign-color-text-2);
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-tree-title:hover {
    background-color: var(--lldesign-color-fill-2)
}

.cb-tree-title-selected,
.cb-tree-title-selected:hover {
    background-color: var(--lldesign-color-brand-light-1)
}

.cb-tree-arrow {
    cursor: pointer;
    width: 12px;
    text-align: center;
    display: inline-block;
    margin-right: 4px
}

.cb-tree-arrow i {
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    font-size: var(--lldesign-font-size-base);
    vertical-align: middle
}

.cb-tree-arrow:hover i {
    position: relative
}

.cb-tree-arrow:hover i::after {
    content: '';
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 100px;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    background-color: var(--lldesign-color-fill-2);
    z-index: -1
}

.cb-tree-arrow-open i {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.cb-tree .cb-checkbox-wrapper {
    margin-right: 4px;
    margin-left: 4px
}

.cb-tree .cb-checkbox-wrapper .cb-checkbox {
    margin-right: 0
}

.cb-tree-context-menu {
    position: absolute
}

.cb-tree-empty {
    text-align: center;
    color: var(--lldesign-color-text-4);
    padding: 5px 0
}

.cb-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    overflow: hidden;
    pointer-events: none
}

.cb-overlay-wrapper {
    position: relative;
    width: 100%;
    height: 100%
}

.cb-overlay-wrapper>* {
    pointer-events: auto
}

.cb-overlay-wrapper.cb-overlay-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 50px 0;
    overflow-y: auto
}

.cb-overlay-inner,
.cb-overlay-inner .cb-overlay-mask {
    position: absolute
}

.cb-overlay-mask {
    width: 100%;
    height: 100%;
    background-color: var(--lldesign-color-bg-mask);
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
    pointer-events: auto;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.cb-overlay-mask-hidden {
    display: none
}

.cb-avatar {
    display: inline-block;
    text-align: center;
    background: var(--lldesign-color-text-4);
    color: var(--lldesign-color-white);
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 32px/2
}

.cb-avatar-image {
    background: 0 0
}

.cb-avatar .cb-icon {
    position: relative;
    top: -1px;
    margin: 0
}

.cb-avatar>* {
    line-height: 32px
}

.cb-avatar.cb-avatar-icon {
    font-size: 18px
}

.cb-avatar-large {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px/2
}

.cb-avatar-large>* {
    line-height: 40px
}

.cb-avatar-large.cb-avatar-icon {
    font-size: 24px
}

.cb-avatar-large .cb-icon {
    position: relative;
    top: -2px;
    margin: 0
}

.cb-avatar-small {
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 24px/2
}

.cb-avatar-small>* {
    line-height: 24px
}

.cb-avatar-small.cb-avatar-icon {
    font-size: 14px
}

.cb-avatar-circle {
    border-radius: 50%
}

.cb-avatar-square {
    border-radius: var(--lldesign-radius-1)
}

.cb-avatar>img {
    width: 100%;
    height: 100%
}

.cb-color-picker {
    display: inline-block
}

.cb-color-picker-hide {
    display: none
}

.cb-color-picker-hide-drop {
    visibility: hidden
}

.cb-color-picker-disabled {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

.cb-color-picker-disabled .cb-icon {
    cursor: not-allowed
}

.cb-color-picker>div:first-child:hover.cb-color-picker:not(.cb-color-picker-disabled) .cb-input:not(.cb-color-picker-focused) {
    background-color: var(--lldesign-input-bg-hover, var(--lldesign-color-fill-3));
    border-color: var(--lldesign-input-border-color-hover, transparent)
}

.cb-color-picker .cb-select-dropdown {
    padding: 0
}

.cb-color-picker-input {
    margin: 0
}

.cb-color-picker-focused,
.cb-color-picker-focused:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-color-picker-rel {
    line-height: 0
}

.cb-color-picker-color {
    width: 18px;
    height: 18px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
    border-radius: 2px;
    position: relative
}

.cb-color-picker-color div {
    width: 100%;
    height: 100%;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
    border-radius: 2px
}

.cb-color-picker-color-empty {
    background: var(--lldesign-color-white);
    overflow: hidden;
    text-align: center
}

.cb-color-picker-color-empty i {
    font-size: 18px;
    vertical-align: top
}

.cb-color-picker-color-focused,
.cb-color-picker-color-focused:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-color-picker-large .cb-color-picker-color {
    width: 20px;
    height: 20px
}

.cb-color-picker-large .cb-color-picker-color-empty i {
    font-size: 20px
}

.cb-color-picker-max .cb-color-picker-color {
    width: 24px;
    height: 24px
}

.cb-color-picker-max .cb-color-picker-color-empty i {
    font-size: 24px
}

.cb-color-picker-small .cb-color-picker-color {
    width: 14px;
    height: 14px
}

.cb-color-picker-small .cb-color-picker-color-empty i {
    font-size: 14px
}

.cb-color-picker-mini .cb-color-picker-color {
    width: 12px;
    height: 12px
}

.cb-color-picker-mini .cb-color-picker-color-empty i {
    font-size: 12px
}

.cb-color-picker-picker-wrapper {
    padding: 3px 8px 0
}

.cb-color-picker-picker-panel {
    width: 240px;
    margin: 0 auto;
    -webkit-box-sizing: initial;
    box-sizing: initial;
    position: relative
}

.cb-color-picker-picker-alpha-slider,
.cb-color-picker-picker-hue-slider {
    height: 10px;
    margin-top: 8px;
    position: relative
}

.cb-color-picker-picker-colors {
    margin-top: 8px;
    overflow: hidden;
    border-radius: 2px;
    -webkit-transition: border var(--lldesign-animation-time) var(--lldesign-transition-standard), -webkit-box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: border var(--lldesign-animation-time) var(--lldesign-transition-standard), -webkit-box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: border var(--lldesign-animation-time) var(--lldesign-transition-standard), box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: border var(--lldesign-animation-time) var(--lldesign-transition-standard), box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard), -webkit-box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-color-picker-picker-colors:focus,
.cb-color-picker-picker-colors:focus:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-color-picker-picker-colors-wrapper {
    display: inline;
    width: 20px;
    height: 20px;
    float: left;
    position: relative
}

.cb-color-picker-picker-colors-wrapper-color {
    outline: 0;
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    margin: 2px;
    cursor: pointer;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15)
}

.cb-color-picker-picker-colors-wrapper-circle {
    width: 4px;
    height: 4px;
    -webkit-box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, .3), 0 0 1px 2px rgba(0, 0, 0, .4);
    box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, .3), 0 0 1px 2px rgba(0, 0, 0, .4);
    border-radius: 50%;
    -webkit-transform: translate(-2px, -2px);
    -ms-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
    position: absolute;
    top: 10px;
    left: 10px;
    cursor: pointer
}

.cb-color-picker-picker .cb-picker-confirm {
    margin-top: 8px
}

.cb-color-picker-saturation-wrapper {
    width: 100%;
    padding-bottom: 75%;
    position: relative;
    -webkit-transition: border var(--lldesign-animation-time) var(--lldesign-transition-standard), -webkit-box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: border var(--lldesign-animation-time) var(--lldesign-transition-standard), -webkit-box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: border var(--lldesign-animation-time) var(--lldesign-transition-standard), box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: border var(--lldesign-animation-time) var(--lldesign-transition-standard), box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard), -webkit-box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-color-picker-saturation-wrapper:focus,
.cb-color-picker-saturation-wrapper:focus:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-color-picker-saturation,
.cb-color-picker-saturation--black,
.cb-color-picker-saturation--white {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.cb-color-picker-saturation--white {
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0))
}

.cb-color-picker-saturation--black {
    background: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to top, #000, rgba(0, 0, 0, 0))
}

.cb-color-picker-saturation-pointer {
    cursor: pointer;
    position: absolute
}

.cb-color-picker-saturation-circle {
    width: 4px;
    height: 4px;
    -webkit-box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, .3), 0 0 1px 2px rgba(0, 0, 0, .4);
    box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, .3), 0 0 1px 2px rgba(0, 0, 0, .4);
    border-radius: 50%;
    -webkit-transform: translate(-2px, -2px);
    -ms-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px)
}

.cb-color-picker-hue {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 2px;
    background: -webkit-gradient(linear, left top, right top, from(red), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(red));
    background: linear-gradient(to right, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
    -webkit-transition: border var(--lldesign-animation-time) var(--lldesign-transition-standard), -webkit-box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: border var(--lldesign-animation-time) var(--lldesign-transition-standard), -webkit-box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: border var(--lldesign-animation-time) var(--lldesign-transition-standard), box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: border var(--lldesign-animation-time) var(--lldesign-transition-standard), box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard), -webkit-box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-color-picker-hue:focus,
.cb-color-picker-hue:focus:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-color-picker-hue-container {
    cursor: pointer;
    margin: 0 2px;
    position: relative;
    height: 100%
}

.cb-color-picker-hue-pointer {
    z-index: 2;
    position: absolute
}

.cb-color-picker-hue-picker {
    cursor: pointer;
    margin-top: 1px;
    width: 4px;
    border-radius: 1px;
    height: 8px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .6);
    box-shadow: 0 0 2px rgba(0, 0, 0, .6);
    background: var(--lldesign-color-white);
    -webkit-transform: translateX(-2px);
    -ms-transform: translateX(-2px);
    transform: translateX(-2px)
}

.cb-color-picker-alpha {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 2px;
    -webkit-transition: border var(--lldesign-animation-time) var(--lldesign-transition-standard), -webkit-box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: border var(--lldesign-animation-time) var(--lldesign-transition-standard), -webkit-box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: border var(--lldesign-animation-time) var(--lldesign-transition-standard), box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: border var(--lldesign-animation-time) var(--lldesign-transition-standard), box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard), -webkit-box-shadow var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-color-picker-alpha:focus,
.cb-color-picker-alpha:focus:hover {
    border-color: var(--lldesign-color-brand-6)!important;
    outline: 0;
    background-color: var(--lldesign-input-bg-active, var(--lldesign-color-bg-2))
}

.cb-color-picker-alpha-checkboard-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    border-radius: 2px
}

.cb-color-picker-alpha-checkerboard {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.cb-color-picker-alpha-gradient {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 2px
}

.cb-color-picker-alpha-container {
    cursor: pointer;
    position: relative;
    z-index: 2;
    height: 100%;
    margin: 0 3px
}

.cb-color-picker-alpha-pointer {
    z-index: 2;
    position: absolute
}

.cb-color-picker-alpha-picker {
    cursor: pointer;
    width: 4px;
    border-radius: 1px;
    height: 8px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .6);
    box-shadow: 0 0 2px rgba(0, 0, 0, .6);
    background: var(--lldesign-color-white);
    margin-top: 1px;
    -webkit-transform: translateX(-2px);
    -ms-transform: translateX(-2px);
    transform: translateX(-2px)
}

.cb-color-picker-confirm {
    margin-top: 8px;
    position: relative;
    border-top: 1px solid var(--lldesign-color-border-2);
    text-align: right;
    padding: 8px 8px 3px 8px;
    clear: both;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cb-color-picker-confirm>* {
    display: block
}

.cb-color-picker-confirm>:not(:last-child) {
    margin-right: 10px
}

.cb-color-picker-confirm-color {
    line-height: 28px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
    width: 50px
}

.cb-color-picker-confirm-color-editable>div {
    display: block
}

.cb-auto-complete .cb-select-not-found {
    display: none
}

.cb-auto-complete .cb-iconclose {
    display: none
}

.cb-auto-complete:hover .cb-iconclose {
    display: inline-block
}

.cb-auto-complete.cb-select-dropdown {
    max-height: none
}

.cb-divider {
    font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
    font-size: var(--lldesign-font-size-base);
    line-height: 1.5;
    color: var(--lldesign-color-text-2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    background: var(--lldesign-color-border-2)
}

.cb-divider,
.cb-divider-vertical {
    margin: 0 8px;
    display: inline-block;
    height: .9em;
    width: 1px;
    vertical-align: middle;
    position: relative;
    top: -.06em
}

.cb-divider-horizontal {
    display: block;
    height: 1px;
    width: 100%;
    min-width: 100%;
    margin: 24px 0;
    clear: both
}

.cb-divider-horizontal.cb-divider-with-text-center,
.cb-divider-horizontal.cb-divider-with-text-left,
.cb-divider-horizontal.cb-divider-with-text-right {
    display: table;
    white-space: nowrap;
    text-align: center;
    background: 0 0;
    font-weight: 500;
    color: var(--lldesign-color-text-1);
    font-size: var(--lldesign-font-size-large);
    margin: 16px 0
}

.cb-divider-horizontal.cb-divider-with-text-center:after,
.cb-divider-horizontal.cb-divider-with-text-center:before,
.cb-divider-horizontal.cb-divider-with-text-left:after,
.cb-divider-horizontal.cb-divider-with-text-left:before,
.cb-divider-horizontal.cb-divider-with-text-right:after,
.cb-divider-horizontal.cb-divider-with-text-right:before {
    content: '';
    display: table-cell;
    position: relative;
    top: 50%;
    width: 50%;
    border-top: 1px solid var(--lldesign-color-border-2);
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

.cb-divider-horizontal.cb-divider-with-text-left,
.cb-divider-horizontal.cb-divider-with-text-right {
    font-size: var(--lldesign-font-size-base)
}

.cb-divider-horizontal.cb-divider-with-text-left .cb-divider-inner-text,
.cb-divider-horizontal.cb-divider-with-text-right .cb-divider-inner-text {
    display: inline-block;
    padding: 0 10px
}

.cb-divider-horizontal.cb-divider-with-text-left:before {
    top: 50%;
    width: 5%
}

.cb-divider-horizontal.cb-divider-with-text-left:after {
    top: 50%;
    width: 95%
}

.cb-divider-horizontal.cb-divider-with-text-right:before {
    top: 50%;
    width: 95%
}

.cb-divider-horizontal.cb-divider-with-text-right:after {
    top: 50%;
    width: 5%
}

.cb-divider-inner-text {
    display: inline-block;
    padding: 0 24px
}

.cb-divider-dashed {
    background: 0 0;
    border-top: 1px dashed var(--lldesign-color-border-2)
}

.cb-divider-horizontal.cb-divider-with-text-left.cb-divider-dashed,
.cb-divider-horizontal.cb-divider-with-text-right.cb-divider-dashed,
.cb-divider-horizontal.cb-divider-with-text.cb-divider-dashed {
    border-top: 0
}

.cb-divider-horizontal.cb-divider-with-text-left.cb-divider-dashed:after,
.cb-divider-horizontal.cb-divider-with-text-left.cb-divider-dashed:before,
.cb-divider-horizontal.cb-divider-with-text-right.cb-divider-dashed:after,
.cb-divider-horizontal.cb-divider-with-text-right.cb-divider-dashed:before,
.cb-divider-horizontal.cb-divider-with-text.cb-divider-dashed:after,
.cb-divider-horizontal.cb-divider-with-text.cb-divider-dashed:before {
    border-style: dashed none none
}

.cb-anchor {
    position: relative;
    padding-left: 2px
}

.cb-anchor-wrapper {
    overflow: auto;
    padding-left: 4px;
    margin-left: -4px
}

.cb-anchor-ink {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0
}

.cb-anchor-ink:before {
    content: ' ';
    position: relative;
    width: 2px;
    height: 100%;
    display: block;
    background-color: var(--lldesign-color-border-2);
    margin: 0 auto
}

.cb-anchor-ink-ball {
    display: inline-block;
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px solid var(--lldesign-color-brand-6);
    background-color: var(--lldesign-color-white);
    left: 50%;
    -webkit-transition: top var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: top var(--lldesign-animation-time) var(--lldesign-transition-standard);
    -webkit-transform: translate(-50%, 2px);
    -ms-transform: translate(-50%, 2px);
    transform: translate(-50%, 2px)
}

.cb-anchor.fixed .cb-anchor-ink .cb-anchor-ink-ball {
    display: none
}

.cb-anchor-link {
    padding: 8px 0 8px 16px;
    line-height: 1
}

.cb-anchor-link-title {
    display: block;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    color: var(--lldesign-color-text-2);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px
}

.cb-anchor-link-title:only-child {
    margin-bottom: 0
}

.cb-anchor-link-active>.cb-anchor-link-title {
    color: var(--lldesign-color-brand-6)
}

.cb-anchor-link .cb-anchor-link {
    padding-top: 6px;
    padding-bottom: 6px
}

.cb-time-with-hash {
    cursor: pointer
}

.cb-time-with-hash:hover {
    text-decoration: underline
}

.cb-cell {
    position: relative;
    overflow: hidden
}

.cb-cell-link,
.cb-cell-link:active,
.cb-cell-link:hover {
    color: inherit
}

.cb-cell-icon {
    display: inline-block;
    margin-right: 4px;
    font-size: var(--lldesign-font-size-base);
    vertical-align: middle;
    margin: 0
}

.cb-cell-icon:empty {
    display: none
}

.cb-cell-main {
    display: inline-block;
    vertical-align: middle
}

.cb-cell-title {
    line-height: 24px;
    font-size: var(--lldesign-font-size-base)
}

.cb-cell-label {
    line-height: 1.2;
    font-size: var(--lldesign-font-size-small);
    color: var(--lldesign-color-text-2)
}

.cb-cell-selected .cb-cell-label {
    color: inherit
}

.cb-cell-selected,
.cb-cell.cb-cell-selected:hover {
    background: var(--lldesign-color-brand-light-1)
}

.cb-cell-footer {
    display: inline-block;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    right: 16px;
    color: var(--lldesign-color-text-2)
}

.cb-cell-with-link .cb-cell-footer {
    right: 32px
}

.cb-cell-selected .cb-cell-footer {
    color: inherit
}

.cb-cell-arrow {
    display: inline-block;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    right: 16px;
    font-size: var(--lldesign-font-size-base)
}

.cb-cell:focus {
    background: var(--lldesign-color-fill-1);
    outline: 0
}

.cb-cell-selected:focus {
    background: var(--lldesign-color-brand-7)
}

.cb-select-dropdown-with-line .cb-cascader-menu-item:not(:last-child)::after,
.cb-select-dropdown-with-line .cb-cell:not(:last-child)::after {
    content: '';
    bottom: 0;
    left: 10px;
    right: 10px;
    border-bottom: 1px solid var(--lldesign-color-border-2);
    position: absolute;
    opacity: .7
}

.cb-cell {
    margin: 0;
    line-height: 1.429;
    padding: 8px 16px;
    clear: both;
    color: var(--lldesign-color-text-2);
    font-size: var(--lldesign-font-size-base)!important;
    white-space: nowrap;
    list-style: none;
    position: relative;
    cursor: pointer;
    -webkit-transition: background var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: background var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-cell>span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
}

.cb-cell>span .multiple-icon {
    float: right
}

.cb-cell:hover {
    background: var(--lldesign-input-dropdown-hover, var(--lldesign-color-fill-3))
}

.cb-cell-focus {
    background: var(--lldesign-input-dropdown-hover, var(--lldesign-color-fill-3))
}

.cb-cell-disabled {
    color: var(--lldesign-color-text-4);
    cursor: not-allowed
}

.cb-cell-disabled:hover {
    color: var(--lldesign-color-text-4);
    background-color: transparent;
    cursor: not-allowed
}

.cb-cell-selected,
.cb-cell-selected:hover {
    color: var(--lldesign-color-brand-6)
}

.cb-cell-divided {
    border-top: 1px solid var(--lldesign-color-border-2);
    margin-top: -1px
}

.cb-cell-enter {
    color: var(--lldesign-color-brand-6);
    float: right;
    margin-top: 1px
}

.cb-cell-checkbox {
    display: inline-block;
    vertical-align: -.11em;
    margin-right: 8px;
    width: 14px;
    height: 14px;
    position: relative;
    border: 2px solid var(--lldesign-color-border-2);
    border-radius: var(--lldesign-input-radius);
    background-color: var(--lldesign-input-bg-active);
    -webkit-transition: border-color var(--lldesign-animation-time) var(--lldesign-transition-standard), background-color var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: border-color var(--lldesign-animation-time) var(--lldesign-transition-standard), background-color var(--lldesign-animation-time) var(--lldesign-transition-standard)
}

.cb-cell-checkbox:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    transition: all var(--lldesign-animation-time) var(--lldesign-transition-standard);
    background: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.12117 6.35416C2.12112 6.35411 2.12122 6.35421 2.12117 6.35416L0 4.23299L1.43479 2.83935L3.53768 4.94224L8.49493 0L9.8995 1.40456L4.94224 6.3468L4.94975 6.35431L4.92887 6.37459C4.8856 6.41661 4.84091 6.4563 4.79496 6.49363L4.23299 7.0539C3.84229 7.44342 3.20995 7.44294 2.81985 7.05283L2.12117 6.35416Z' fill='white' fill-opacity='0.9'/%3E%3C/svg%3E%0A") center center no-repeat;
    background-size: 10px auto
}

.cb-cell-checkbox-selected {
    border-color: var(--lldesign-color-brand-6);
    background-color: var(--lldesign-color-brand-6)
}

.cb-cell-checkbox-selected:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.cb-cell-small .cb-cell,
.cb-select-dropdown.cb-select-dropdown-small .cb-cascader-menu-item,
.cb-select-dropdown.cb-select-dropdown-small .cb-cell {
    padding: 7px 16px 8px;
    font-size: var(--lldesign-font-size-base)!important
}

@-moz-document url-prefix() {
    .cb-cell {
        white-space: normal
    }
}

.cb-drawer {
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    background: var(--lldesign-color-bg-3);
    background-clip: padding-box;
    -webkit-box-shadow: var(--lldesign-shadow-base);
    box-shadow: var(--lldesign-shadow-base);
    -webkit-tap-highlight-color: transparent
}

.cb-drawer-left {
    left: 0
}

.cb-drawer-right {
    right: 0
}

.cb-drawer-bottom {
    top: auto;
    bottom: 0
}

.cb-drawer-content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    border: 0;
    opacity: 0;
    -webkit-animation: cbFadeIn .2s .2s ease-in-out both;
    animation: cbFadeIn .2s .2s ease-in-out both
}

.cb-drawer-header {
    border-bottom: 1px solid var(--lldesign-color-border-2);
    padding: 10px 20px;
    z-index: 2;
    position: relative
}

.cb-drawer-header p,
.cb-drawer-header-inner {
    display: inline-block;
    width: 100%;
    height: 22px;
    line-height: 22px;
    font-size: var(--lldesign-font-size-large);
    color: var(--lldesign-color-text-1);
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top
}

.cb-drawer-header p i,
.cb-drawer-header p span {
    vertical-align: middle
}

.cb-drawer-header-desc {
    font-size: var(--lldesign-font-size-small);
    color: var(--lldesign-color-text-2);
    margin-top: 8px
}

.cb-drawer-close {
    z-index: 3;
    font-size: var(--lldesign-font-size-small);
    position: absolute;
    right: 8px;
    top: 4px;
    overflow: hidden;
    cursor: pointer;
    margin: 0;
    padding: 7px
}

.cb-drawer-close .cb-icon-close {
    font-size: 15px;
    color: var(--lldesign-color-text-2);
    -webkit-transition: color var(--lldesign-animation-time) ease;
    transition: color var(--lldesign-animation-time) ease;
    position: relative;
    top: 0;
    font-weight: 400;
    z-index: 2;
    padding: 3px
}

.cb-drawer-close .cb-icon-close:hover {
    color: var(--lldesign-color-text-1)
}

.cb-drawer-close:hover .cb-icon-close {
    color: var(--lldesign-color-text-2)
}

.cb-drawer-close:hover .cb-icon-close:after {
    content: '';
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: var(--lldesign-color-split-1);
    border-radius: 100px;
    z-index: -1;
    position: absolute
}

.cb-drawer-close-outside .cb-drawer-close {
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    margin: 0;
    background: var(--lldesign-color-dark-7);
    border-radius: 100px;
    opacity: .8;
    padding: 0
}

.cb-drawer-close-outside .cb-drawer-close .cb-icon-close {
    font-size: 16px;
    color: var(--lldesign-color-text-2);
    -webkit-transition: color var(--lldesign-animation-time) ease;
    transition: color var(--lldesign-animation-time) ease;
    position: relative;
    top: 0;
    font-weight: 400;
    z-index: 2;
    padding: 8px;
    color: var(--lldesign-color-white)
}

.cb-drawer-close-outside .cb-drawer-close .cb-icon-close:hover {
    color: var(--lldesign-color-text-1)
}

.cb-drawer-close-outside .cb-drawer-close:hover {
    opacity: 1
}

.cb-drawer-close-outside .cb-drawer-close:hover .cb-icon-close {
    color: var(--lldesign-color-white)
}

.cb-drawer-close-outside .cb-drawer-close:hover .cb-icon-close:after {
    display: none
}

.cb-drawer-close-outside.cb-drawer-right {
    margin-left: 60px
}

.cb-drawer-close-outside.cb-drawer-left {
    margin-right: 60px
}

.cb-drawer-close-outside.cb-drawer-up {
    margin-bottom: 60px
}

.cb-drawer-close-outside.cb-drawer-down {
    margin-top: 60px
}

.cb-drawer-close-outside.cb-drawer-right .cb-drawer-close {
    right: auto;
    left: -46px;
    top: 14px
}

.cb-drawer-close-outside.cb-drawer-left .cb-drawer-close {
    right: -46px;
    top: 14px
}

.cb-drawer-close-outside.cb-drawer-up .cb-drawer-close {
    bottom: -46px;
    top: auto;
    right: 14px
}

.cb-drawer-close-outside.cb-drawer-down .cb-drawer-close {
    top: -46px;
    right: 14px
}

.cb-drawer-body {
    width: 100%;
    height: calc(100% - 51px);
    padding: 16px 20px;
    line-height: 1.5;
    word-wrap: break-word;
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1
}

.cb-drawer-no-header .cb-drawer-body {
    height: 100%
}

.cb-drawer-vertical {
    height: auto;
    max-height: 100%
}

.cb-drawer-vertical-auto .cb-drawer-body,
.cb-drawer-vertical-auto .cb-drawer-content {
    position: relative;
    height: auto!important
}

.cb-drawer-vertical.cb-drawer-down {
    top: auto;
    bottom: 0
}

.cb-drawer-drag {
    top: 0;
    height: 100%;
    width: 0;
    position: absolute
}

.cb-drawer-drag-left {
    right: 0
}

.cb-drawer-drag-move-trigger {
    width: 8px;
    height: 100px;
    line-height: 100px;
    position: absolute;
    top: 50%;
    background: var(--lldesign-color-bg-6);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 4px/6px;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .2);
    cursor: col-resize
}

.cb-drawer-drag-move-trigger-point {
    display: inline-block;
    width: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
}

.cb-drawer-drag-move-trigger-point i {
    display: block;
    border-bottom: 1px solid var(--lldesign-color-text-2);
    padding-bottom: 2px
}

.cb-main-wrap {
    display: block;
    position: relative;
    z-index: 10;
    padding: .1px 0;
    margin: -.1px 0
}

.cb-main-wrap .cb-main-wrap {
    min-height: 0
}

.cb-main-wrap .cb-page-loading {
    padding: 30vh 0;
    position: relative
}

.cb-main-wrap .cb-page-loading .cb-page-loading-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.cb-container {
    width: 1120px;
    margin-left: auto;
    margin-right: auto
}

.cb-content {
    padding: 32px 24px
}

.cb-board {
    padding: 20px
}

.cb-board .cb-board-title {
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cb-board .cb-board-title h4 {
    font-weight: 500;
    font-size: 16px
}

.cb-board .cb-board-action {
    margin-left: 20px
}

.cb-board .cb-board-content {
    margin-top: 20px
}

.cb-action>:not(:first-child) {
    margin-left: 16px
}

.cb-action-simple>:not(:first-child) {
    margin-left: 8px
}

.cb-virtual {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.cb-virtual-fullscreen .cb-virtual-content {
    min-height: calc(100% - 60px);
    border-radius: 0;
    min-width: 100%;
    width: auto;
    margin-top: 60px;
    margin-bottom: 0
}

.cb-virtual-fullscreen .cb-virtual-action {
    right: 14px;
    top: 14px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.cb-virtual-fullscreen .cb-virtual-action span+span {
    margin-top: 0;
    margin-right: 8px
}

.cb-virtual-action {
    pointer-events: auto;
    position: absolute;
    top: 36px;
    right: 36px;
    z-index: 10001;
    zoom: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.cb-virtual-action:after,
.cb-virtual-action:before {
    content: "";
    display: table
}

.cb-virtual-action:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.cb-virtual-action span+span {
    margin-top: 8px
}

.cb-virtual-close,
.cb-virtual-new {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 10;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: var(--lldesign-color-white);
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    background: var(--lldesign-color-dark-7);
    -webkit-transition: var(--lldesign-animation-time) all ease-in-out;
    transition: var(--lldesign-animation-time) all ease-in-out;
    border-radius: 50%;
    opacity: .8;
    cursor: pointer
}

.cb-virtual-close:hover,
.cb-virtual-new:hover {
    opacity: 1
}

.cb-virtual-content {
    pointer-events: auto;
    position: relative;
    z-index: 10000;
    width: 1120px;
    max-width: calc(100% - 168px);
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
    margin-bottom: 80px;
    background: var(--lldesign-color-white);
    border-radius: var(--lldesign-radius-1);
    overflow: auto
}

.cb-virtual-page {
    overflow: hidden;
    -webkit-animation: cbFadeIn .2s .2s ease-in-out both;
    animation: cbFadeIn .2s .2s ease-in-out both
}

.cb-expan {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.cb-expan-transfer {
    width: auto
}

.cb-expan-handle {
    cursor: pointer
}

.cb-expan-rel {
    line-height: 1;
    cursor: pointer;
    border-radius: var(--lldesign-button-radius);
    background: var(--lldesign-color-brand-6);
    color: var(--lldesign-color-white);
    border: 1px solid var(--lldesign-color-brand-6);
    font-size: 14px
}

.cb-expan-rel>div a {
    color: var(--lldesign-color-white)
}

.cb-expan-rel>div>i {
    vertical-align: top;
    margin-top: 1px;
    margin-left: 2px;
    font-size: 12px;
    -webkit-transform: translateX(2px);
    -ms-transform: translateX(2px);
    transform: translateX(2px)
}

.cb-expan-rel .cb-expan-item {
    display: inline-block;
    vertical-align: top
}

.cb-expan-rel.cb-expan-rel-simple {
    border-radius: 0;
    background: 0 0;
    border: 0 none;
    color: var(--lldesign-color-brand-6);
    padding-left: 0;
    padding-right: 0;
    cursor: default
}

.cb-expan-rel.cb-expan-rel-simple>div {
    margin: 1px
}

.cb-expan-rel.cb-expan-rel-simple>div>a {
    margin-left: -1px;
    margin-right: -1px;
    color: var(--lldesign-color-brand-6)
}

.cb-expan-rel.cb-expan-rel-simple>div>a:hover {
    color: var(--lldesign-color-brand-5)
}

.cb-expan-rel.cb-expan-rel-simple>div>i {
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important
}

.cb-expan-rel.cb-expan-rel-split>div>i {
    border-left: 1px solid var(--lldesign-color-split);
    margin: -9px -16px -9px 12px;
    padding: 9px 6px;
    line-height: 14px;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important
}

.cb-expan-rel.cb-expan-rel-split.cb-expan-mini>div>i {
    margin: -5px -8px -5px 6px;
    padding: 5px 4px
}

.cb-expan-rel.cb-expan-rel-split.cb-expan-small>div>i {
    margin: -7px -10px -7px 10px;
    padding: 7px 5px
}

.cb-expan-rel.cb-expan-rel-split.cb-expan-large>div>i {
    margin: -11px -14px -11px 14px;
    padding: 11px 7px
}

.cb-expan-rel.cb-expan-rel-split.cb-expan-max>div>i {
    margin: -14px -18px -14px 16px;
    padding: 14px 8px
}

.cb-expan-mini {
    padding: 4px 8px 4px 8px
}

.cb-expan-small {
    padding: 6px 8px 6px 8px
}

.cb-expan-default {
    padding: 8px 15px 8px 18px
}

.cb-expan-default>div>i {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px)
}

.cb-expan-large {
    padding: 10px 15px 10px 18px
}

.cb-expan-large>div>i {
    -webkit-transform: translateX(6px);
    -ms-transform: translateX(6px);
    transform: translateX(6px)
}

.cb-expan-max {
    padding: 13px 20px 13px 20px
}

.cb-expan-max>div>i {
    -webkit-transform: translateX(8px);
    -ms-transform: translateX(8px);
    transform: translateX(8px)
}

.cb-expan-menu {
    background: var(--lldesign-color-bg-popup);
    -webkit-box-shadow: var(--lldesign-shadow-base);
    box-shadow: var(--lldesign-shadow-base);
    overflow: hidden;
    border-radius: var(--lldesign-button-radius);
    padding: 5px 0;
    line-height: 1;
    border: 1px solid var(--lldesign-color-border-2);
    font-size: 14px;
    z-index: 100
}

.cb-expan-menu .cb-expan-item {
    display: block;
    text-align: right;
    color: var(--lldesign-color-text-2);
    -webkit-transition: color .1s ease, background .1s ease;
    transition: color .1s ease, background .1s ease;
    border: 1px solid transparent;
    cursor: pointer;
    white-space: nowrap
}

.cb-expan-menu .cb-expan-item:hover {
    background: var(--lldesign-color-brand-6);
    color: var(--lldesign-color-white)
}

.cb-expan-menu-ltr .cb-expan-item {
    text-align: left
}

.cb-expan-menu.cb-expan-mini .cb-expan-item {
    padding: 4px 21px 4px 21px
}

.cb-expan-menu.cb-expan-small .cb-expan-item {
    padding: 6px 21px 6px 21px
}

.cb-expan-menu.cb-expan-default .cb-expan-item {
    padding: 8px 29px 8px 29px
}

.cb-expan-menu.cb-expan-large .cb-expan-item {
    padding: 10px 29px 10px 29px
}

.cb-expan-menu.cb-expan-max .cb-expan-item {
    padding: 13px 33px 13px 33px
}

.cb-expan-menu-ltr.cb-expan-mini .cb-expan-item {
    padding: 4px 8px 4px 8px
}

.cb-expan-menu-ltr.cb-expan-small .cb-expan-item {
    padding: 6px 8px 6px 8px
}

.cb-expan-menu-ltr.cb-expan-default .cb-expan-item {
    padding: 8px 18px 8px 18px
}

.cb-expan-menu-ltr.cb-expan-large .cb-expan-item {
    padding: 10px 18px 10px 18px
}

.cb-expan-menu-ltr.cb-expan-max .cb-expan-item {
    padding: 13px 18px 13px 18px
}

.cb-expan-menu-simple.cb-expan-mini {
    margin-right: -1px
}

.cb-expan-menu-simple.cb-expan-mini .cb-expan-item {
    padding-left: 14px;
    padding-right: 14px
}

.cb-expan-menu-simple.cb-expan-small {
    margin-right: -1px
}

.cb-expan-menu-simple.cb-expan-small .cb-expan-item {
    padding-left: 14px;
    padding-right: 14px
}

.cb-expan-menu-simple.cb-expan-default {
    margin-right: -1px
}

.cb-expan-menu-simple.cb-expan-default .cb-expan-item {
    padding-left: 14px;
    padding-right: 14px
}

.cb-expan-menu-simple.cb-expan-large {
    margin-right: -1px
}

.cb-expan-menu-simple.cb-expan-large .cb-expan-item {
    padding-left: 14px;
    padding-right: 14px
}

.cb-expan-menu-simple.cb-expan-max {
    margin-right: -1px
}

.cb-expan-menu-simple.cb-expan-max .cb-expan-item {
    padding-left: 14px;
    padding-right: 14px
}

.cb-expan-menu-simple.cb-expan-menu-ltr.cb-expan-mini {
    margin-left: -17px;
    margin-right: auto
}

.cb-expan-menu-simple.cb-expan-menu-ltr.cb-expan-mini .cb-expan-item {
    padding-left: 16px;
    padding-right: 16px
}

.cb-expan-menu-simple.cb-expan-menu-ltr.cb-expan-small {
    margin-left: -17px;
    margin-right: auto
}

.cb-expan-menu-simple.cb-expan-menu-ltr.cb-expan-small .cb-expan-item {
    padding-left: 16px;
    padding-right: 16px
}

.cb-expan-menu-simple.cb-expan-menu-ltr.cb-expan-default {
    margin-left: -17px;
    margin-right: auto
}

.cb-expan-menu-simple.cb-expan-menu-ltr.cb-expan-default .cb-expan-item {
    padding-left: 16px;
    padding-right: 16px
}

.cb-expan-menu-simple.cb-expan-menu-ltr.cb-expan-large {
    margin-left: -17px;
    margin-right: auto
}

.cb-expan-menu-simple.cb-expan-menu-ltr.cb-expan-large .cb-expan-item {
    padding-left: 16px;
    padding-right: 16px
}

.cb-expan-menu-simple.cb-expan-menu-ltr.cb-expan-max {
    margin-left: -17px;
    margin-right: auto
}

.cb-expan-menu-simple.cb-expan-menu-ltr.cb-expan-max .cb-expan-item {
    padding-left: 16px;
    padding-right: 16px
}

.cb-expan-menu-split.cb-expan-mini .cb-expan-item {
    padding-left: 26px;
    padding-right: 26px
}

.cb-expan-menu-split.cb-expan-small .cb-expan-item {
    padding-left: 30px;
    padding-right: 30px
}

.cb-expan-menu-split.cb-expan-default .cb-expan-item {
    padding-left: 35px;
    padding-right: 35px
}

.cb-expan-menu-split.cb-expan-large .cb-expan-item {
    padding-left: 42px;
    padding-right: 42px
}

.cb-expan-menu-split.cb-expan-max .cb-expan-item {
    padding-left: 46px;
    padding-right: 46px
}

.cb-filter {
    width: auto
}

.cb-filter-colon {
    display: none
}

.cb-select-selection-selected .cb-filter-colon {
    display: inline
}

.cb-filter-label {
    white-space: nowrap;
    line-height: calc(var(--lldesign-input-height-base) - 2px)
}

.cb-select-mini .cb-filter-label {
    line-height: calc(var(--lldesign-input-height-mini) - 2px)
}

.cb-select-small .cb-filter-label {
    line-height: calc(var(--lldesign-input-height-small) - 2px)
}

.cb-select-large .cb-filter-label {
    line-height: calc(var(--lldesign-input-height-large) - 2px)
}

.cb-select-max .cb-filter-label {
    line-height: calc(var(--lldesign-input-height-max) - 2px)
}

.cb-filter .cb-select-arrow,
.cb-filter .cb-select-selection-focused .cb-select-arrow {
    display: none
}

.cb-filter.cb-select-multiple .cb-select-rel:first-child {
    margin-left: 0
}

.cb-filter.cb-select-multiple .cb-select-head-with-prefix,
.cb-filter.cb-select-single .cb-select-head-with-prefix {
    padding-left: 0!important
}

.cb-filter.cb-select-multiple .cb-tag-wrap {
    margin-right: 0;
    margin-left: 0;
    padding: 0
}

.cb-filter.cb-select-multiple .cb-tag-wrap .cb-tag {
    border-color: transparent;
    background: 0 0;
    padding: 0;
    font-size: inherit;
    margin-left: 0;
    max-width: none
}

.cb-filter.cb-select-multiple .cb-tag-wrap .cb-tag:hover {
    opacity: 1
}

.cb-filter.cb-select-multiple .cb-tag-wrap .cb-tag .cb-tag-text {
    margin-right: 0;
    color: inherit
}

.cb-filter.cb-select-multiple .cb-tag-wrap .cb-tag i {
    display: none
}

.cb-filter .cb-select-selection {
    padding: 0 12px
}

.cb-filter .cb-select-selection:hover .cb-select-arrow {
    display: none
}

.cb-filter .cb-select-selection .cb-select-prefix {
    width: auto;
    margin: 0
}

.cb-filter .cb-select-selection .cb-select-rel,
.cb-filter .cb-select-selection .cb-select-selected-value {
    margin: 0;
    padding: 0!important
}

.cb-filter-normal:not(.cb-select-disabled):not(.cb-select-readonly) .cb-select-selection,
.cb-filter-normal:not(.cb-select-disabled):not(.cb-select-readonly) .cb-select-selection:focus,
.cb-filter-normal:not(.cb-select-disabled):not(.cb-select-readonly) .cb-select-selection:focus:hover,
.cb-filter-normal:not(.cb-select-disabled):not(.cb-select-readonly) .cb-select-selection:hover {
    background: var(--lldesign-button-default-bg);
    border-color: transparent
}

.cb-filter-normal:not(.cb-select-disabled):not(.cb-select-readonly):not(.cb-select-visible) .cb-select-selection.cb-select-selection-selected,
.cb-filter-normal:not(.cb-select-disabled):not(.cb-select-readonly):not(.cb-select-visible) .cb-select-selection.cb-select-selection-selected:focus {
    color: var(--lldesign-color-white);
    border-color: transparent;
    background-color: var(--lldesign-button-color-brand)
}

.cb-filter-normal:not(.cb-select-disabled):not(.cb-select-readonly):not(.cb-select-visible) .cb-select-selection.cb-select-selection-selected:focus:hover,
.cb-filter-normal:not(.cb-select-disabled):not(.cb-select-readonly):not(.cb-select-visible) .cb-select-selection.cb-select-selection-selected:hover {
    background-color: var(--lldesign-button-color-brand-hover)
}

.cb-filter-normal:not(.cb-select-disabled):not(.cb-select-readonly):not(.cb-select-visible) .cb-select-selection.cb-select-selection-selected:active,
.cb-filter-normal:not(.cb-select-disabled):not(.cb-select-readonly):not(.cb-select-visible) .cb-select-selection.cb-select-selection-selected:focus:active {
    background-color: var(--lldesign-button-color-brand-active)
}

.cb-filter-normal:not(.cb-select-disabled):not(.cb-select-readonly):not(.cb-select-visible) .cb-select-selection:not(.cb-select-selection-selected):hover {
    background-color: var(--lldesign-button-default-bg-hover)
}

.cb-filter-normal:not(.cb-select-disabled):not(.cb-select-readonly):not(.cb-select-visible) .cb-select-selection:not(.cb-select-selection-selected):active {
    background-color: var(--lldesign-button-default-bg-active)
}

.cb-filter-normal:not(.cb-select-disabled):not(.cb-select-readonly).cb-select-visible .cb-select-selection,
.cb-filter-normal:not(.cb-select-disabled):not(.cb-select-readonly).cb-select-visible .cb-select-selection-focused,
.cb-filter-normal:not(.cb-select-disabled):not(.cb-select-readonly).cb-select-visible .cb-select-selection-focused:focus,
.cb-filter-normal:not(.cb-select-disabled):not(.cb-select-readonly).cb-select-visible .cb-select-selection-focused:focus:hover,
.cb-filter-normal:not(.cb-select-disabled):not(.cb-select-readonly).cb-select-visible .cb-select-selection-focused:hover,
.cb-filter-normal:not(.cb-select-disabled):not(.cb-select-readonly).cb-select-visible .cb-select-selection-selected,
.cb-filter-normal:not(.cb-select-disabled):not(.cb-select-readonly).cb-select-visible .cb-select-selection-selected:focus,
.cb-filter-normal:not(.cb-select-disabled):not(.cb-select-readonly).cb-select-visible .cb-select-selection-selected:focus:hover,
.cb-filter-normal:not(.cb-select-disabled):not(.cb-select-readonly).cb-select-visible .cb-select-selection-selected:hover,
.cb-filter-normal:not(.cb-select-disabled):not(.cb-select-readonly).cb-select-visible .cb-select-selection:focus,
.cb-filter-normal:not(.cb-select-disabled):not(.cb-select-readonly).cb-select-visible .cb-select-selection:focus:hover,
.cb-filter-normal:not(.cb-select-disabled):not(.cb-select-readonly).cb-select-visible .cb-select-selection:hover {
    background-color: var(--lldesign-color-brand-6);
    color: var(--lldesign-color-white)
}

.cb-filter-normal:not(.cb-select-disabled):not(.cb-select-readonly).cb-select-multiple .cb-tag-wrap .cb-tag .cb-tag-text {
    color: var(--lldesign-color-white)
}

.cb-filter-simple.cb-select-visible .cb-select-selection,
.cb-filter-simple:not(.cb-select-disabled):not(.cb-select-readonly) .cb-select-selection {
    background-color: transparent;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.cb-filter-simple.cb-select-visible .cb-select-selection:focus,
.cb-filter-simple.cb-select-visible .cb-select-selection:focus:hover,
.cb-filter-simple.cb-select-visible .cb-select-selection:hover,
.cb-filter-simple:not(.cb-select-disabled):not(.cb-select-readonly) .cb-select-selection:focus,
.cb-filter-simple:not(.cb-select-disabled):not(.cb-select-readonly) .cb-select-selection:focus:hover,
.cb-filter-simple:not(.cb-select-disabled):not(.cb-select-readonly) .cb-select-selection:hover {
    border-color: transparent!important;
    background-color: var(--lldesign-button-default-bg)
}

.cb-filter-simple.cb-select-visible .cb-select-selection .cb-select-placeholder,
.cb-filter-simple.cb-select-visible .cb-select-selection .cb-select-prefix,
.cb-filter-simple.cb-select-visible .cb-select-selection .cb-select-selected-value,
.cb-filter-simple:not(.cb-select-disabled):not(.cb-select-readonly) .cb-select-selection .cb-select-placeholder,
.cb-filter-simple:not(.cb-select-disabled):not(.cb-select-readonly) .cb-select-selection .cb-select-prefix,
.cb-filter-simple:not(.cb-select-disabled):not(.cb-select-readonly) .cb-select-selection .cb-select-selected-value {
    padding: 0
}

.cb-filter-simple.cb-select-visible.cb-select-visible .cb-select-selection,
.cb-filter-simple:not(.cb-select-disabled):not(.cb-select-readonly).cb-select-visible .cb-select-selection {
    background-color: var(--lldesign-button-default-bg);
    border-color: transparent!important
}

.cb-img {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.cb-img img {
    display: block;
    width: 100%;
    height: 100%
}

.cb-img img.cb-img-onerror,
.cb-img img:not([src]),
.cb-img img[src=""] {
    width: 0;
    height: 0;
    visibility: hidden;
    position: absolute
}

.cb-img-error,
.cb-img-placeholder {
    background: var(--lldesign-color-gray-1);
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px
}

.cb-img .cb-img-fit-fill {
    -o-object-fit: fill;
    object-fit: fill
}

.cb-img .cb-img-fit-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.cb-img .cb-img-fit-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.cb-img .cb-img-fit-none {
    -o-object-fit: none;
    object-fit: none
}

.cb-img .cb-img-fit-scale-down {
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.cb-img-block {
    display: block
}

.cb-img-preview {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: auto
}

.cb-img-preview-moving .cb-img-preview-action .cb-img-preview-action-bar,
.cb-img-preview-moving .cb-img-preview-close {
    pointer-events: none
}

.cb-img-preview-content {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cb-img-preview-img {
    position: relative;
    min-width: 100px;
    min-height: 100px;
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: -webkit-transform var(--lldesign-animation-time) var(--lldesign-transition-decelerate);
    transition: -webkit-transform var(--lldesign-animation-time) var(--lldesign-transition-decelerate);
    transition: transform var(--lldesign-animation-time) var(--lldesign-transition-decelerate);
    transition: transform var(--lldesign-animation-time) var(--lldesign-transition-decelerate), -webkit-transform var(--lldesign-animation-time) var(--lldesign-transition-decelerate);
    cursor: -webkit-grab;
    cursor: grab
}

.cb-img-preview-img img {
    display: inline-block;
    vertical-align: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: 100%;
    max-height: 100%
}

.cb-img-preview-img:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.cb-img-preview-img-scaling img {
    -webkit-transition: -webkit-transform var(--lldesign-animation-time) var(--lldesign-transition-decelerate);
    transition: -webkit-transform var(--lldesign-animation-time) var(--lldesign-transition-decelerate);
    transition: transform var(--lldesign-animation-time) var(--lldesign-transition-decelerate);
    transition: transform var(--lldesign-animation-time) var(--lldesign-transition-decelerate), -webkit-transform var(--lldesign-animation-time) var(--lldesign-transition-decelerate)
}

.cb-img-preview-img-loading {
    opacity: 0
}

.cb-img-preview-img-move {
    -webkit-transition: none;
    transition: none
}

.cb-img-preview-img-move img {
    -webkit-transition: none;
    transition: none
}

.cb-img-preview-img-fail img {
    visibility: hidden
}

.cb-img-preview-img-error {
    width: 100px;
    height: 100px;
    font-size: 36px;
    line-height: 100px;
    background: var(--lldesign-color-fill-2);
    text-align: center;
    border-radius: var(--lldesign-radius-2);
    position: absolute;
    left: 0;
    top: 0
}

.cb-img-preview-desc {
    position: absolute;
    bottom: 120px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    z-index: 2;
    padding: 0 16px;
    color: var(--lldesign-color-white);
    background: var(--lldesign-color-dark-7);
    border-radius: var(--lldesign-radius-1);
    line-height: 32px;
    opacity: .8
}

.cb-img-preview-desc span {
    display: inline-block;
    white-space: nowrap
}

.cb-img-preview-desc span+span {
    margin-left: 8px
}

.cb-img-preview-scale-tip {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 2;
    background: rgba(0, 0, 0, .6);
    color: var(--lldesign-color-white);
    border-radius: 100px;
    padding: 5px 15px
}

.cb-img-preview-loading {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.cb-img-preview-close,
.cb-img-preview-next,
.cb-img-preview-prev {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 10;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: var(--lldesign-color-white);
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    background: var(--lldesign-color-dark-7);
    -webkit-transition: var(--lldesign-animation-time) all ease-in-out;
    transition: var(--lldesign-animation-time) all ease-in-out;
    border-radius: 50%;
    opacity: .8;
    cursor: pointer
}

.cb-img-preview-close:hover,
.cb-img-preview-next:hover,
.cb-img-preview-prev:hover {
    opacity: 1
}

.cb-img-preview-close {
    top: 36px;
    right: 36px
}

.cb-img-preview-prev {
    top: 50%;
    left: 36px;
    margin-top: -16px
}

.cb-img-preview-next {
    top: 50%;
    right: 36px;
    margin-top: -16px
}

.cb-img-preview-action {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    pointer-events: none;
    bottom: 48px;
    z-index: 2
}

.cb-img-preview-action-bar {
    vertical-align: top;
    pointer-events: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 4px 16px;
    background: var(--lldesign-color-bg-5);
    border-radius: var(--lldesign-radius-2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.cb-img-preview-action-bar>a {
    padding: 13px;
    font-size: 14px;
    line-height: 1;
    border-radius: var(--lldesign-radius-1);
    display: block;
    cursor: pointer;
    color: var(--lldesign-color-text-2)
}

.cb-img-preview-action-bar>a:hover {
    background: var(--lldesign-color-gray-2);
    color: var(--lldesign-color-brand-6)
}

.cb-img-preview-action-bar>span {
    display: block;
    padding: 13px 0 13px 8px;
    font-size: 14px;
    line-height: 1
}