@font-face {
    font-family: 'TT Commons';
    font-weight: 400;
    font-display: block;
    src: url(../fonts/tt_commons_regular.otf) format('opentype'), url(../fonts/tt_commons_regular-webfont.woff2) format('woff2');
}

@font-face {
    font-family: 'TT Commons';
    font-weight: 500;
    font-display: block;
    src: url(../fonts/tt_commons_medium.otf) format('opentype'),
        url(../fonts/tt_commons_medium-webfont.woff2) format('woff2');
}

@font-face {
    font-family: 'TT Commons';
    font-weight: 600;
    font-display: block;
    src: url(../fonts/tt_commons_demibold.otf) format('opentype'),
        url(../fonts/tt_commons_demibold-webfont.woff2) format('woff2');
}

@font-face {
    font-family: 'TT Commons';
    font-weight: 700;
    font-display: block;
    src: url(../fonts/tt_commons_bold.otf) format('opentype'),
        url(../fonts/tt_commons_bold-webfont.woff2) format('woff2');
}

body {
    height: 100%;
    font-family: 'TT Commons';
}


.firebase-emulator-warning {
    opacity: 0;
}


@keyframes go2264125279 {
    from {
        transform: scale(0) rotate(45deg);
        opacity: 0;
    }

    to {
        transform: scale(1) rotate(45deg);
        opacity: 1;
    }
}


@keyframes go3020080000 {
    from {
        transform: scale(0);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes go463499852 {
    from {
        transform: scale(0) rotate(90deg);
        opacity: 0;
    }

    to {
        transform: scale(1) rotate(90deg);
        opacity: 1;
    }
}

@keyframes go1268368563 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }

}


@keyframes go1310225428 {
    from {
        transform: scale(0) rotate(45deg);
        opacity: 0;
    }

    to {
        transform: scale(1) rotate(45deg);
        opacity: 1;
    }
}

@keyframes go651618207 {
    0% {
        height: 0;
        width: 0;
        opacity: 0;
    }

    40% {
        height: 0;
        width: 6px;
        opacity: 1;
    }

    100% {
        opacity: 1;
        height: 10px;
    }
}

@keyframes go901347462 {
    from {
        transform: scale(0.6);
        opacity: 0.4;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

.go4109123758 {
    z-index: 9999;
}

.go4109123758>* {
    pointer-events: auto;
}



:root {
    --constant-light-10: 255, 255, 255, 0.10196078431372549;
    --constant-light-20: 255, 255, 255, 0.2;
    --constant-light-30: 255, 255, 255, 0.30196078431372547;
    --constant-light-40: 255, 255, 255, 0.4;
    --constant-light-50: 255, 255, 255, 0.5019607843137255;
    --constant-light-60: 255, 255, 255, 0.6;
    --constant-light-70: 255, 255, 255, 0.7019607843137254;
    --constant-light-80: 255, 255, 255, 0.8;
    --constant-light-90: 255, 255, 255, 0.9019607843137255;
    --constant-light-100: 255, 255, 255, 1;
    --constant-dark-10: 20, 26, 39, 0.10196078431372549;
    --constant-dark-20: 20, 26, 39, 0.2;
    --constant-dark-30: 20, 26, 39, 0.30196078431372547;
    --constant-dark-40: 20, 26, 39, 0.4;
    --constant-dark-50: 20, 26, 39, 0.5019607843137255;
    --constant-dark-60: 20, 26, 39, 0.6;
    --constant-dark-70: 20, 26, 39, 0.7019607843137254;
    --constant-dark-80: 20, 26, 39, 0.8;
    --constant-dark-90: 20, 26, 39, 0.9019607843137255;
    --constant-dark-100: 20, 26, 39, 1;
    --gray-10: 250, 251, 255;
    --gray-50: 244, 246, 250;
    --gray-100: 231, 236, 244;
    --gray-200: 220, 226, 238;
    --gray-300: 183, 194, 214;
    --gray-400: 141, 156, 185;
    --gray-500: 98, 113, 141;
    --gray-600: 74, 88, 116;
    --gray-700: 46, 58, 82;
    --gray-800: 32, 40, 57;
    --gray-900: 20, 26, 39;
    --circuit-blue-10: 247, 250, 255;
    --circuit-blue-50: 238, 244, 254;
    --circuit-blue-100: 207, 222, 253;
    --circuit-blue-200: 167, 196, 251;
    --circuit-blue-300: 120, 164, 249;
    --circuit-blue-400: 76, 135, 247;
    --circuit-blue-500: 29, 160, 242;
    --circuit-blue-600: 10, 81, 216;
    --circuit-blue-700: 8, 64, 173;
    --circuit-blue-800: 6, 49, 131;
    --circuit-blue-900: 3, 28, 76;
    --circuit-teal-10: 244, 251, 250;
    --circuit-teal-50: 234, 247, 245;
    --circuit-teal-100: 175, 233, 224;
    --circuit-teal-200: 103, 213, 196;
    --circuit-teal-300: 39, 185, 162;
    --circuit-teal-400: 39, 155, 134;
    --circuit-teal-500: 48, 131, 115;
    --circuit-teal-600: 49, 101, 90;
    --circuit-teal-700: 44, 79, 71;
    --circuit-teal-800: 37, 60, 54;
    --circuit-teal-900: 23, 33, 30;
    --light-blue-10: 244, 250, 255;
    --light-blue-50: 232, 246, 254;
    --light-blue-100: 186, 228, 253;
    --light-blue-200: 126, 204, 251;
    --light-blue-300: 49, 174, 250;
    --light-blue-400: 3, 143, 229;
    --light-blue-500: 2, 123, 198;
    --light-blue-600: 0, 97, 155;
    --light-blue-700: 0, 77, 123;
    --light-blue-800: 0, 59, 94;
    --light-blue-900: 0, 34, 54;
    --red-10: 254, 248, 248;
    --red-50: 255, 224, 224;
    --red-100: 251, 213, 213;
    --red-200: 248, 177, 177;
    --red-300: 244, 133, 133;
    --red-400: 239, 84, 84;
    --red-500: 234, 27, 27;
    --red-600: 186, 17, 17;
    --red-700: 148, 13, 13;
    --red-800: 115, 10, 10;
    --red-900: 68, 6, 6;
    --yellow-10: 255, 249, 232;
    --yellow-50: 254, 244, 212;
    --yellow-100: 253, 219, 115;
    --yellow-200: 252, 182, 34;
    --yellow-300: 242, 140, 3;
    --yellow-400: 206, 115, 3;
    --yellow-500: 202, 109, 0;
    --yellow-600: 139, 77, 2;
    --yellow-700: 110, 61, 1;
    --yellow-800: 83, 47, 1;
    --yellow-900: 47, 26, 1;
    --green-10: 233, 255, 237;
    --green-50: 210, 244, 216;
    --green-100: 181, 235, 190;
    --green-200: 114, 216, 130;
    --green-300: 51, 189, 75;
    --green-400: 42, 158, 62;
    --green-500: 37, 136, 54;
    --green-600: 29, 107, 42;
    --green-700: 23, 85, 33;
    --green-800: 17, 64, 25;
    --green-900: 10, 37, 14;
    --emerald-10: 243, 252, 249;
    --emerald-50: 219, 245, 236;
    --emerald-200: 135, 220, 192;
    --emerald-500: 16, 185, 129;
    --emerald-700: 12, 139, 97;
    --orange-10: 254, 247, 243;
    --orange-50: 252, 230, 219;
    --orange-200: 245, 172, 133;
    --orange-500: 234, 88, 12;
    --orange-700: 175, 66, 9;
    --rose-10: 254, 244, 246;
    --rose-50: 251, 221, 228;
    --rose-200: 240, 142, 163;
    --rose-500: 225, 29, 72;
    --rose-700: 169, 22, 54;
    --pink-10: 253, 244, 248;
    --pink-50: 250, 223, 235;
    --pink-200: 237, 147, 187;
    --pink-500: 219, 39, 119;
    --pink-700: 164, 29, 89;
    --fuchsia-10: 252, 244, 253;
    --fuchsia-50: 246, 223, 248;
    --fuchsia-200: 223, 147, 233;
    --fuchsia-500: 192, 38, 211;
    --fuchsia-700: 144, 29, 158;
    --purple-10: 250, 245, 254;
    --purple-50: 246, 239, 255;
    --purple-200: 238, 224, 255;
    --purple-500: 147, 51, 234;
    --purple-700: 110, 38, 175;
    --violet-10: 249, 245, 254;
    --violet-50: 235, 225, 252;
    --violet-200: 196, 166, 247;
    --violet-500: 124, 58, 237;
    --violet-700: 93, 43, 178;
    --indigo-10: 246, 246, 254;
    --indigo-50: 229, 227, 251;
    --indigo-200: 167, 162, 242;
    --indigo-500: 79, 70, 229;
    --indigo-700: 59, 52, 172;
    --blue-10: 244, 247, 254;
    --blue-50: 222, 232, 252;
    --blue-200: 146, 177, 245;
    --blue-500: 37, 99, 235;
    --blue-700: 28, 74, 176;
    --sky-blue-10: 242, 249, 252;
    --sky-blue-50: 217, 237, 247;
    --sky-blue-200: 128, 193, 227;
    --sky-blue-500: 2, 132, 199;
    --sky-blue-700: 1, 99, 149;
    --cyan-10: 243, 250, 251;
    --cyan-50: 218, 239, 243;
    --cyan-200: 131, 200, 217;
    --cyan-500: 8, 145, 178;
    --cyan-700: 6, 109, 133;
    --teal-10: 243, 250, 249;
    --teal-50: 219, 239, 237;
    --teal-200: 134, 201, 195;
    --teal-500: 13, 148, 136;
    --teal-700: 10, 111, 102;
    --lime-10: 247, 250, 243;
    --lime-50: 232, 241, 219;
    --lime-200: 178, 209, 134;
    --lime-500: 101, 163, 13;
    --lime-700: 76, 122, 10;
    --gold-10: 254, 251, 243;
    --gold-50: 252, 243, 220;
    --gold-200: 243, 210, 126;
    --gold-500: 233, 174, 20;
    --gold-700: 233, 174, 20;
    --lavender-10: 253, 248, 254;
    --lavender-50: 249, 233, 251;
    --lavender-200: 233, 175, 239;
    --lavender-500: 216, 110, 226;
    --lavender-700: 162, 82, 169;
    --candy-10: 255, 247, 249;
    --candy-50: 254, 232, 235;
    --candy-200: 250, 170, 183;
    --candy-500: 245, 100, 124;
    --candy-700: 184, 75, 93;
    --earth-10: 251, 252, 243;
    --earth-50: 242, 245, 218;
    --earth-200: 208, 217, 118;
    --earth-500: 170, 185, 6;
    --earth-700: 128, 139, 4;
    --corn-10: 253, 252, 242;
    --corn-50: 249, 245, 217;
    --corn-200: 232, 217, 115;
    --corn-500: 214, 186, 0;
    --corn-700: 160, 139, 0;
    --turquoise-10: 245, 252, 251;
    --turquoise-50: 226, 246, 242;
    --turquoise-200: 148, 220, 208;
    --turquoise-500: 61, 191, 170;
    --turquoise-700: 46, 144, 128;
    --aqua-10: 246, 252, 253;
    --aqua-50: 226, 247, 250;
    --aqua-200: 150, 224, 237;
    --aqua-500: 65, 199, 222;
    --aqua-700: 49, 149, 166;
    --accent-indigo-emphasis: var(--indigo-700);
    --accent-indigo-neutral: var(--indigo-500);
    --accent-indigo-muted: var(--indigo-200);
    --accent-indigo-subdued: var(--indigo-50);
    --accent-indigo-dimmed: var(--indigo-10);
    --accent-sky-blue-emphasis: var(--sky-blue-700);
    --accent-sky-blue-neutral: var(--sky-blue-500);
    --accent-sky-blue-muted: var(--sky-blue-200);
    --accent-sky-blue-subdued: var(--sky-blue-50);
    --accent-sky-blue-dimmed: var(--sky-blue-10);
    --accent-orange-emphasis: var(--orange-700);
    --accent-orange-neutral: var(--orange-500);
    --accent-orange-muted: var(--orange-200);
    --accent-orange-subdued: var(--orange-50);
    --accent-orange-dimmed: var(--orange-10);
    --accent-purple-emphasis: var(--purple-700);
    --accent-purple-neutral: var(--purple-500);
    --accent-purple-muted: var(--purple-200);
    --accent-purple-subdued: var(--purple-50);
    --accent-purple-dimmed: var(--purple-10);
    --accent-teal-emphasis: var(--teal-700);
    --accent-teal-neutral: var(--teal-500);
    --accent-teal-muted: var(--teal-200);
    --accent-teal-subdued: var(--teal-50);
    --accent-teal-dimmed: var(--teal-10);
    --accent-pink-emphasis: var(--pink-700);
    --accent-pink-neutral: var(--pink-500);
    --accent-pink-muted: var(--pink-200);
    --accent-pink-subdued: var(--pink-50);
    --accent-pink-dimmed: var(--pink-10);
    --accent-blue-emphasis: var(--blue-700);
    --accent-blue-neutral: var(--blue-500);
    --accent-blue-muted: var(--blue-200);
    --accent-blue-subdued: var(--blue-50);
    --accent-blue-dimmed: var(--blue-10);
    --accent-cyan-emphasis: var(--cyan-700);
    --accent-cyan-neutral: var(--cyan-500);
    --accent-cyan-muted: var(--cyan-200);
    --accent-cyan-subdued: var(--cyan-50);
    --accent-cyan-dimmed: var(--cyan-10);
    --accent-fuchsia-emphasis: var(--fuchsia-700);
    --accent-fuchsia-neutral: var(--fuchsia-500);
    --accent-fuchsia-muted: var(--fuchsia-200);
    --accent-fuchsia-subdued: var(--fuchsia-50);
    --accent-fuchsia-dimmed: var(--fuchsia-10);
    --accent-lime-emphasis: var(--lime-700);
    --accent-lime-neutral: var(--lime-500);
    --accent-lime-muted: var(--lime-200);
    --accent-lime-subdued: var(--lime-50);
    --accent-lime-dimmed: var(--lime-10);
    --accent-candy-emphasis: var(--candy-700);
    --accent-candy-neutral: var(--candy-500);
    --accent-candy-muted: var(--candy-200);
    --accent-candy-subdued: var(--candy-50);
    --accent-candy-dimmed: var(--candy-10);
    --accent-rose-emphasis: var(--rose-700);
    --accent-rose-neutral: var(--rose-500);
    --accent-rose-muted: var(--rose-200);
    --accent-rose-subdued: var(--rose-50);
    --accent-rose-dimmed: var(--rose-10);
    --accent-violet-emphasis: var(--violet-700);
    --accent-violet-neutral: var(--violet-500);
    --accent-violet-muted: var(--violet-200);
    --accent-violet-subdued: var(--violet-50);
    --accent-violet-dimmed: var(--violet-10);
    --accent-emerald-emphasis: var(--emerald-700);
    --accent-emerald-neutral: var(--emerald-500);
    --accent-emerald-muted: var(--emerald-200);
    --accent-emerald-subdued: var(--emerald-50);
    --accent-emerald-dimmed: var(--emerald-10);
    --accent-aqua-emphasis: var(--aqua-700);
    --accent-aqua-neutral: var(--aqua-500);
    --accent-aqua-muted: var(--aqua-200);
    --accent-aqua-subdued: var(--aqua-50);
    --accent-aqua-dimmed: var(--aqua-10);
    --accent-lavender-emphasis: var(--lavender-700);
    --accent-lavender-neutral: var(--lavender-500);
    --accent-lavender-muted: var(--lavender-200);
    --accent-lavender-subdued: var(--lavender-50);
    --accent-lavender-dimmed: var(--lavender-10);
    --accent-turquoise-emphasis: var(--turquoise-700);
    --accent-turquoise-neutral: var(--turquoise-500);
    --accent-turquoise-muted: var(--turquoise-200);
    --accent-turquoise-subdued: var(--turquoise-50);
    --accent-turquoise-dimmed: var(--turquoise-10);
    --accent-earth-emphasis: var(--earth-700);
    --accent-earth-neutral: var(--earth-500);
    --accent-earth-muted: var(--earth-200);
    --accent-earth-subdued: var(--earth-50);
    --accent-earth-dimmed: var(--earth-10);
    --fg-brand-emphasis: var(--circuit-blue-700);
    --fg-brand-neutral: var(--circuit-blue-500);
    --fg-brand-muted: var(--circuit-blue-300);
    --fg-brand-subdued: var(--circuit-blue-200);
    --fg-default-emphasis: var(--gray-900);
    --fg-default-neutral: var(--gray-600);
    --fg-default-muted: var(--gray-400);
    --fg-default-subdued: var(--gray-300);
    --fg-warning-emphasis: var(--yellow-500);
    --fg-warning-neutral: var(--yellow-300);
    --fg-warning-muted: var(--yellow-200);
    --fg-warning-subdued: var(--yellow-100);
    --fg-success-emphasis: var(--green-600);
    --fg-success-neutral: var(--green-400);
    --fg-success-muted: var(--green-200);
    --fg-success-subdued: var(--green-100);
    --fg-critical-emphasis: var(--red-600);
    --fg-critical-neutral: var(--red-400);
    --fg-critical-muted: var(--red-300);
    --fg-critical-subdued: var(--red-200);
    --fg-inverted-emphasis: var(--gray-300);
    --fg-inverted-neutral: var(--gray-200);
    --fg-inverted-muted: var(--gray-100);
    --fg-inverted-subdued: var(--constant-light-100);
    --bg-brand-emphasis: var(--circuit-blue-500);
    --bg-brand-neutral: var(--circuit-blue-300);
    --bg-brand-muted: var(--circuit-blue-100);
    --bg-brand-subdued: var(--circuit-blue-50);
    --bg-default-emphasis: var(--gray-200);
    --bg-default-neutral: var(--gray-100);
    --bg-default-muted: var(--gray-50);
    --bg-default-subdued: var(--constant-light-100);
    --bg-warning-emphasis: var(--yellow-300);
    --bg-warning-neutral: var(--yellow-100);
    --bg-warning-muted: var(--yellow-50);
    --bg-warning-subdued: var(--yellow-10);
    --bg-success-emphasis: var(--green-300);
    --bg-success-neutral: var(--green-200);
    --bg-success-muted: var(--green-100);
    --bg-success-subdued: var(--green-50);
    --bg-critical-emphasis: var(--red-400);
    --bg-critical-neutral: var(--red-300);
    --bg-critical-muted: var(--red-100);
    --bg-critical-subdued: var(--red-50);
    --bg-inverted-emphasis: var(--gray-900);
    --bg-inverted-neutral: var(--gray-600);
    --bg-inverted-muted: var(--gray-500);
    --bg-inverted-subdued: var(--gray-300);
    --b-brand-emphasis: var(--circuit-blue-500);
    --b-brand-neutral: var(--circuit-blue-300);
    --b-brand-muted: var(--circuit-blue-200);
    --b-brand-subdued: var(--circuit-blue-100);
    --b-default-emphasis: var(--gray-200);
    --b-default-neutral: var(--gray-100);
    --b-default-muted: var(--gray-50);
    --b-default-subdued: var(--constant-light-100);
    --b-warning-emphasis: var(--yellow-300);
    --b-warning-neutral: var(--yellow-100);
    --b-warning-muted: var(--yellow-50);
    --b-warning-subdued: var(--yellow-10);
    --b-success-emphasis: var(--green-300);
    --b-success-neutral: var(--green-200);
    --b-success-muted: var(--green-100);
    --b-success-subdued: var(--green-50);
    --b-critical-emphasis: var(--red-400);
    --b-critical-neutral: var(--red-200);
    --b-critical-muted: var(--red-100);
    --b-critical-subdued: var(--red-50);
    --b-inverted-emphasis: var(--gray-900);
    --b-inverted-neutral: var(--gray-600);
    --b-inverted-muted: var(--gray-500);
    --b-inverted-subdued: var(--gray-300);
}


.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--fg-critical-neutral), var(--bs-text-opacity)) !important;
}

.lf-progress {
    -webkit-appearance: none;
    -moz-apperance: none;
    width: 100%;
    /* margin: 0 10px; */
    height: 4px;
    border-radius: 3px;
    cursor: pointer;
}

.lf-progress:focus {
    outline: none;
    border: none;
}

.lf-progress::-moz-range-track {
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
}

.lf-progress::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    height: 13px;
    width: 13px;
    border: 0;
    border-radius: 50%;
    background: #0fccce;
    cursor: pointer;
}

.lf-progress::-moz-range-thumb {
    -moz-appearance: none !important;
    height: 13px;
    width: 13px;
    border: 0;
    border-radius: 50%;
    background: #0fccce;
    cursor: pointer;
}

.lf-progress::-ms-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
}

.lf-progress::-ms-fill-lower {
    background: #ccc;
    border-radius: 3px;
}

.lf-progress::-ms-fill-upper {
    background: #ccc;
    border-radius: 3px;
}

.lf-progress::-ms-thumb {
    border: 0;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background: #0fccce;
    cursor: pointer;
}

.lf-progress:focus::-ms-fill-lower {
    background: #ccc;
}

.lf-progress:focus::-ms-fill-upper {
    background: #ccc;
}

.lf-player-container :focus {
    outline: 0;
}

.lf-popover {
    position: relative;
}

.lf-popover-content {
    display: inline-block;
    position: absolute;
    opacity: 1;
    visibility: visible;
    transform: translate(0, -10px);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}

.lf-popover-content.hidden {
    opacity: 0;
    visibility: hidden;
    transform: translate(0, 0px);
}

.lf-player-btn-container {
    display: flex;
    align-items: center;
}

.lf-player-btn {
    cursor: pointer;
    fill: #999;
    width: 14px;
}

.lf-player-btn.active {
    fill: #555;
}

.lf-popover {
    position: relative;
}

.lf-popover-content {
    display: inline-block;
    position: absolute;
    background-color: #ffffff;
    opacity: 1;

    transform: translate(0, -10px);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);
    padding: 10px;
}

.lf-popover-content.hidden {
    opacity: 0;
    visibility: hidden;
    transform: translate(0, 0px);
}

.lf-arrow {
    position: absolute;
    z-index: -1;
    content: '';
    bottom: -9px;
    border-style: solid;
    border-width: 10px 10px 0px 10px;
}

.lf-left-align,
.lf-left-align .lfarrow {
    left: 0;
    right: unset;
}

.lf-right-align,
.lf-right-align .lf-arrow {
    right: 0;
    left: unset;
}

.lf-text-input {
    border: 1px #ccc solid;
    border-radius: 5px;
    padding: 3px;
    width: 60px;
    margin: 0;
}

.lf-color-picker {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 90px;
}

.lf-color-selectors {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.lf-color-component {
    display: flex;
    flex-direction: row;
    font-size: 12px;
    align-items: center;
    justify-content: center;
}

.lf-color-component strong {
    width: 40px;
}

.lf-color-component input[type='range'] {
    margin: 0 0 0 10px;
}

.lf-color-component input[type='number'] {
    width: 50px;
    margin: 0 0 0 10px;
}

.lf-color-preview {
    font-size: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding-left: 5px;
}

.lf-preview {
    height: 60px;
    width: 60px;
}

.lf-popover-snapshot {
    width: 150px;
}

.lf-popover-snapshot h5 {
    margin: 5px 0 10px 0;
    font-size: 0.75rem;
}

.lf-popover-snapshot a {
    display: block;
    text-decoration: none;
}

.lf-popover-snapshot a:before {
    content: '⥼';
    margin-right: 5px;
}

.lf-popover-snapshot .lf-note {
    display: block;
    margin-top: 10px;
    color: #999;
}

.lf-player-controls>div {
    margin-right: 5px;
    margin-left: 5px;
}

.lf-player-controls>div:first-child {
    margin-left: 0px;
}

.lf-player-controls>div:last-child {
    margin-right: 0px;
}

.with-scroll-bars-hidden {
    overflow: hidden !important;
    padding-right: 0px !important;
}

body {
    /*overflow: hidden !important;*/
    overscroll-behavior: contain;
    position: relative !important;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    margin-left: 0;
    margin-top: 0;
    margin-right: 0px !important;

}

.right-scroll-bar-position {
    right: 0px !important;
}

.width-before-scroll-bar {
    margin-right: 0px !important;
}

.right-scroll-bar-position .right-scroll-bar-position {
    right: 0 !important;
}

.width-before-scroll-bar .width-before-scroll-bar {
    margin-right: 0 !important;
}

body {
    --removed-body-scroll-bar-size: 0px;
}


.hCugZs {
    height: 1.5rem !important;
    width: 1.5rem !important;
}

.drop_custom {
    padding: 2px 15px;
    border: 1px solid rgb(231, 236, 244);
    border-radius: 0.5rem;
    min-height: 2.75rem;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.drop_custom.dropdown-toggle::after {
    display: none;
}

.fISivB>svg {
    height: 1.25rem;
    width: 1.25rem;
}

a.text-nowrap.logo-img {
    height: 2.75rem;
    padding: 0.75rem;
}


.custom_dropdown_menu {
    padding: 2px 15px;
    border: 1px solid rgb(231, 236, 244);
    min-width: 70px;
    max-width: unset;
    width: 100%;
    overflow: hidden;
    border-radius: 0.5rem;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    top: 5px !important;
}


.iHEOhm>svg {
    height: 1.25rem;
    width: 1.25rem;
}


.text-default {
    color: rgb(74, 88, 116)
}


.fISivB svg {
    height: 1.25rem;
    width: 1.25rem;
    color: #1da0f2;
}

.fw_1 {
    font-weight: 100;
}

.fw_3 {
    font-weight: 300;
}

.fw_6 {
    font-weight: 600;
}

.fw_5 {
    font-weight: 500;
}

.fw_bold {
    font-weight: 600;
}

.fw_4 {
    font-weight: 400;
}

.fw_8 {
    font-weight: 800;
}

.fs_6 {
    font-size: 6px;
}

.fs_7 {
    font-size: 7px;
}

.fs_8 {
    font-size: 8px;
}

.fs_9 {
    font-size: 9px;
}

.fs_10 {
    font-size: 10px;
}

.fs_11 {
    font-size: 11px;
}

.fs_12 {
    font-size: 12px;
}

.fs_13 {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
}

.fs_14 {
    font-size: 1.0625rem;
    line-height: 1.25rem;
}

.fs_16 {
    font-size: 16px;
}

.fs_15 {
    font-size: 15px;
}

.fs_18 {
    font-size: 18px;
}

.fs_20 {
    font-size: 20px;
}

.fs_22 {
    font-size: 22px;
}

.fs_25 {
    font-size: 25px;
}

.fs_30 {
    font-size: 30px;
}

.fs_40 {
    font-size: 40px;
}

.fs_45 {
    font-size: 45px;
}

.fs_50 {
    font-size: 50px;
}

.fs_70 {
    font-size: 70px;
}

.p-75em {
    padding: 0.75rem;
}

.br-5rem {
    border-radius: 0.5rem;
}


.text-muted {
    color: rgb(141, 156, 185) !important;
}

.text_light_black {
    color: rgb(20, 26, 39) !important;
}

label {
    font-size: 1.0625rem;
    line-height: 1.25rem;
    font-weight: 500;
}

.icon_depot svg {
    height: 1.25rem;
    width: 1.25rem;
    color: rgb(141, 156, 185);
}

.qFlqH {
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-subdued));
}

.dropdown-toggle.show {
    box-shadow: 0px 0px 0px 3px rgba(29, 160, 242, .4);
    outline: #1da0f2 solid 1px;
    outline-offset: 0px;
}



.date_bx {
    height: 44px;
    width: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.date_bx p {
    color: var(--fg-default-subdued);
    margin-bottom: 0 !important;
}

.date_bx p.unselect {
    color: rgb(183, 194, 215);
    margin-bottom: 0 !important;
}

.day_list {
    display: flex;
    flex-wrap: nowrap;
    color: rgb(183, 194, 215);
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.day_list div {
    padding: 0.5rem;
}

.date_bx.active {
    background: var(--bs-primary);
    border-radius: 4px;
}

.date_bx.active p {
    color: #fff;
}

.date_bx:hover {
    background: rgba(220, 226, 238, 0.3);
    border-radius: 4px;
    cursor: pointer;
}

.hover:hover {
    background: rgba(220, 226, 238, 0.3);
}

.radius_05 {
    border-radius: 0.5rem;
}

.date_bx:hover p {
    /*color: #fff;*/
}


.today_btn {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-size: 1.0625rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: var(--fg-default-neutral);
    border: 1px solid rgb(231, 236, 244);
    border-radius: 0.5rem;
}

.today_btn:hover {
    background: rgba(220, 226, 238, 0.3);
    border: 1px solid rgb(231, 236, 244);
}

.radius-0 {
    border-radius: 0 !important;
}

.left_btn.today_btn {
    height: 36px;
    border-radius: 0.5rem 0px 0px 0.5rem;
    width: 36px;
    display: flex;
    align-items: center;
    padding: 0px;
    justify-content: center;
}

.right_btn.today_btn {
    height: 36px;
    border-radius: 0 0.5rem 0.5rem 0;
    width: 36px;
    display: flex;
    align-items: center;
    padding: 0px;
    justify-content: center;
}

.month_btn.today_btn {
    margin: 0px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    border-right: 0;
    border-left: 0;
    min-width: 126px;
}

.drop_btn .dropdown-menu.show {
    display: block;
    width: 220px;
    right: 0 !important;
    left: auto !important;
}

.spreadsheet_btn {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-size: 1.0625rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: var(--fg-default-neutral);
    border: 1px solid rgb(231, 236, 244);
    border-radius: 0.5rem;
    height: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 0.5rem 0 0 0.5rem;
}

.drop_btn .drop_custom {
    height: 44px;
    width: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 0 0.5rem 0.5rem 0;
}


.hUzbwt {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 42rem;

    display: flex;
    min-height: 100%;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    padding: 2.5rem;

}


.kvFOzG {
    border-radius: 0.375rem;
    background-color: #fff;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hRfrmv {
    display: flex;
    padding: 1.25rem 1.5rem;
}

.OSgGY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 0.5rem;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(var(--b-default-muted), var(--tw-border-opacity));
    padding: 1rem 1.5rem;
}

.WCDsS {
    height: 1rem;
    width: 1rem;
    align-self: flex-start;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-muted));
}

.kNxmbN {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-emphasis));
}

.body-wrapper.home {
    background-color: #1da0f215;
    height: 100vh;
    overflow-y: scroll;
}


.iDJUht {
    font-size: 1.8125rem;
    line-height: 2.25rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-emphasis));
}

.dxFZav {
    display: flex;
}

.dxFZav {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    font-weight: 500;
    gap: 0.25rem;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-muted));
}

.kcBHGV:hover {
    background-color: #000;
}

.kcBHGV {
    font-size: 1.0625rem;
    line-height: 1.25rem;
    font-weight: 500;
    cursor: pointer;
    user-select: none;
    border-radius: 0.5rem;
    border-width: 1px;
    transition: background-color 0.25s ease 0s, border-color 0.25s ease 0s, color 0.25s ease 0s;
    --tw-border-opacity: 1;
    border-color: rgba(var(--b-brand-emphasis), var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(var(--bg-brand-emphasis), var(--tw-bg-opacity));
    color: rgba(var(--constant-light-100));

    padding: 10px 1rem;
    text-align: center;
}


.kcBHGV_white {
    font-size: 1.0625rem;
    line-height: 1.25rem;
    font-weight: 500;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.25s ease 0s, border-color 0.25s ease 0s, color 0.25s ease 0s;
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgba(var(--bg-default-subdued));
    --tw-text-opacity: 1;
    color: rgba(var(--fg-brand-neutral));
    /* height: 3.25rem; */
    padding: 10px 1rem;
    border: 1px solid rgb(231, 236, 244);
    border-radius: 0.5rem;
    text-align: center;
}

.kcBHGV_white:hover {
    background-color: rgb(241 249 254);
}

.lexaTX {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.lexaTX {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 0px 1rem 1rem;
}

.kUPxGR {
    padding: 1.75rem 2rem;
}

.kUPxGR {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    font-weight: 400;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 0px 0px 0.375rem 0.375rem;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-muted));
    background: linear-gradient(rgb(249, 250, 252) 0%, rgb(250, 251, 253) 100%);
}


.lexaTX {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.py_2_5 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}

.simplebar-content {
    border-right: 1px solid #e5eaef;
}

.ckTmib {
    width: 18px !important;
    transform: scale(1.1);
}

.settings a.text-nowrap.logo-img {
    height: 2.75rem;
    padding: 0.75rem;
    border: 1px solid rgb(231, 236, 244);
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}


.hSKvtI {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.bkRMLm {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    gap: 1rem;
}

.fzTmDt {
    font-size: 1.5rem;
    line-height: 1.875rem;
    font-weight: 500;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(var(--fg-default-emphasis));
}

.learn_more {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    font-weight: 500;
    height: 23px;
    gap: 0.125rem;
    padding: 0.125rem;
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgba(var(--bg-default-subdued));
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-neutral));
    border: 1px solid rgb(231, 236, 244);
    border-radius: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}


.hXzSCN svg {
    height: 0.75rem;
    width: 0.75rem;
}



.fxwsYr {
    font-size: 1.0625rem;
    line-height: 1.25rem;
    font-weight: 500;
    display: block;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-neutral));
}

.etnCPs {
    margin-top: 0.25rem;
}

.iKlnDh {
    font-size: 1.22rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgba(var(--gray-500));
}

.jhMQrL {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-muted));
    margin-top: 0.25rem;
}


.feAAaP {
    width: 12rem;
}


.egxMgu {
    font-size: 1.3125rem;
    line-height: 1.625rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-emphasis));
}

.rupee {
    position: absolute;
    left: 13px;
    top: 9px;
    color: rgba(var(--fg-default-muted));
    font-size: 18px;
    font-weight: 400;
}

.rupee_label input {
    padding-left: 40px !important;
}

.cvBiQw {
    color: rgba(var(--fg-default-neutral));
    /*color: rgba(var(--fg-default-muted));*/
}

.jhMQrL .cvBiQw {
    /*color: rgba(var(--fg-default-neutral));*/
    color: rgba(var(--fg-default-muted));
}

.cvBiQw svg {
    height: 1.25rem;
    width: 1.25rem;
}

.hqOXlQ {
    font-size: 1.3125rem;
    line-height: 1.625rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-emphasis));
}

.input_group_custom {
    pointer-events: none;
    height: 1.25rem;
    width: 1.25rem;
    user-select: none;
    -webkit-box-align: center;
    align-items: center;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-muted));
    position: absolute;
    left: 10px;
    top: 10px;
}

.input_group_custom svg {
    height: 1.25rem;
    width: 1.25rem;
}

.drop_custom .hXzSCN svg {
    height: 1.25rem;
    width: 1.25rem;
}

.drop_custom .hXzSCN,
.custom_dropdown_menu .hXzSCN {
    height: 1.25rem;
    width: 1.25rem;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-muted));
}

.drop_custom.with_icon {
    padding: 2px 15px 2px 7px;
}

.custom_dropdown_menu .hXzSCN svg {
    height: auto;
    width: auto;
}

.right_label {
    position: absolute;
    right: 15px;
    top: 13px;
    font-size: 17px !important;
    font-weight: 400;
}

.hWmmKH {
    overflow: hidden;
    border-radius: 0.5rem;
    --tw-border-opacity: 1;
    padding-bottom: 1rem;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-neutral));
    border: 1px solid rgba(var(--b-default-emphasis));
}

.jLFfxx {
    padding: 1rem;
}

.hinSw {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 1rem;
    font-weight: 400;
}

.pLqlk {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    font-weight: 400;
    display: block;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-muted));
}

.hKUWRn {
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-neutral));
}

.fxwsYr {
    font-size: 1.0625rem;
    line-height: 1.25rem;
    font-weight: 500;
    display: block;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-neutral));
}

.TJPDd {
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-emphasis));
}

.ekujAo {
    font-size: 0.8125rem;
    line-height: 1rem;
    font-weight: 600;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    --tw-bg-opacity: 1;
    background-color: rgba(var(--bg-default-muted), var(--tw-bg-opacity));
    padding: 0.5rem 1rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-muted));
}

.gDbxmf {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 0.75rem;
    --tw-bg-opacity: 1;
    background-color: rgba(var(--bg-default-muted), var(--tw-bg-opacity));
    padding: 1rem;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-muted));
}

.fAfdAz {
    height: 1.25rem;
    width: 1.25rem;
}

.khXned {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    font-weight: 500;
}

.kcwUJA {
    display: block;
    width: 100%;
    border-radius: 0.5rem;
    --tw-border-opacity: 1;
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid rgba(var(--b-default-emphasis));
    border-style: solid;
}


.kcwUJA {
    display: block;
    width: 100%;
    border-radius: 0.5rem;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgba(var(--b-default-emphasis), var(--tw-border-opacity));
    padding: 1rem;
    text-align: left;
}

.gVFRLZ {
    display: flex;
    align-items: center;
}

.eBQbCA {
    height: 1.25rem;
    width: 1.25rem;
    align-self: center;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-muted));
}

.fxwsYr {
    font-size: 1.0625rem;
    line-height: 1.25rem;
    font-weight: 500;
    display: block;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-neutral));
}

.fsQNuE {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.dQgpGr {
    font-size: 1.0625rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: rgba(var(--fg-default-neutral));
}

.hitimw {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    font-weight: 400;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgba(var(--bg-default-muted), var(--tw-bg-opacity));
    padding: 1rem;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-muted));
}

.bjbXew {
    flex: 0 0 auto;
}

.mt_2_5 {
    margin-top: 2.5rem;
}


.iJCFxt {
    padding-bottom: 0.5rem;
    font-size: 1.0675rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-neutral));
    font-weight: 500;
}

.fvtXtp {
    font-size: 1.0625rem;
    line-height: 1.25rem;
    font-weight: 500;
    width: 100%;
    border-radius: 0.375rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(var(--b-default-emphasis), var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(var(--bg-default-muted), var(--tw-bg-opacity));
    padding: 0.5rem 0.75rem;
    text-align: left;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-neutral));
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border-style: solid;
    cursor: pointer;
}

.VLmsL {
    font-size: 1.0625rem;
    line-height: 1.25rem;
    font-weight: 600;
    white-space: pre-line;
    padding-bottom: 0.5rem;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-neutral));
    font-weight: 500;
}

.ihGPCs {
    white-space: pre-line;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-neutral));
}

.sidebar-nav ul .sidebar-item.log_out_btn .sidebar-link {
    color: rgba(var(--fg-default-muted)) !important;
}

.log_out_btn svg {
    height: 1.25rem;
    width: 1.25rem;
}


#sidebarnav {
    position: relative;
}

.sidebar-item.log_out_btn {
    position: absolute;
    bottom: -70px;
    width: 100%;
}

.dropdown-menu.custom_dropdown_menu.top_menu_right.p-0.show {
    right: 0 !important;
    left: auto;
    transform: translateY(10px);
}

.bvraJR {
    font-size: 0.8125rem;
    line-height: 1rem;
    font-weight: 500;
    height: 2rem;
    width: 2rem;
}

.bvraJR {
    display: inline-flex;
    user-select: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgba(var(--bg-default-muted), var(--tw-bg-opacity));
    vertical-align: middle;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-muted));
}

.fVyEwb {
    position: relative;
    display: block;
}


.top_btns {
    height: 2.75rem;
    gap: 0.5rem;
    padding: 0.75rem;
    --tw-border-opacity: 1;
    border-color: rgba(var(--b-default-neutral));
    --tw-bg-opacity: 1;
    background-color: rgba(var(--bg-default-subdued));
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-neutral));
    font-size: 1.0625rem;
    line-height: 1.25rem;
    font-weight: 500;
    cursor: pointer;
    user-select: none;
    border-radius: 0.5rem;
    border-width: 1px;
    transition: background-color 0.25s ease 0s, border-color 0.25s ease 0s, color 0.25s ease 0s;
    border-style: solid;
}


.top_btns svg {
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-muted));
    height: 1.25rem;
    width: 1.25rem;
}

.bioxqH {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
}

.deaLRg {
    font-size: 1.0625rem;
    line-height: 1.25rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-emphasis));
}

.fyDleI {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-muted));
}

.byitLu {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.border_btn {
    height: 2.75rem;
    gap: 0.5rem;
    padding: 0.75rem;
    --tw-border-opacity: 1;
    border-color: rgba(var(--b-default-neutral), var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(var(--bg-default-subdued));
    --tw-text-opacity: 1;
    color: rgba(var(--fg-brand-neutral));
    font-size: 1.0625rem;
    line-height: 1.25rem;
    font-weight: 500;
    cursor: pointer;
    user-select: none;
    border-radius: 0.5rem;
    border-width: 1px;
    transition: background-color 0.25s ease 0s, border-color 0.25s ease 0s, color 0.25s ease 0s;
    border-style: solid;
}

.iYpMmG>svg {
    height: 1.25rem;
    width: 1.25rem;
}

span.BaseRowstyled__StyledRow-sc-9h7rs1-3.cjDTOr {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.gQvxSE {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 0.25rem;
}

.csmGdi {
    font-size: 1.0625rem;
    line-height: 1.25rem;
    font-weight: 500;
}

.dLOhHb {
    font-size: 0.8125rem;
    line-height: 1;
    font-weight: 500;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 0.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(var(--b-default-neutral), var(--tw-border-opacity));
    padding: 0.25rem 0.5rem;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-muted));
    border-style: solid;
}


.cRxhcm {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    cursor: pointer;
}

.hWbErZ {
    font-size: 1.0625rem;
    line-height: 1.25rem;
    font-weight: 500;
}

.kFokPK {
    align-self: center;
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgba(var(--bg-default-muted), var(--tw-bg-opacity));
    padding: 0.5rem;
}

.fonDOe {
    display: flex;
    gap: 1rem;
}

.lbxxkU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 0.25rem;
}

.lbxxkU .hbIfXz {
    height: 0.75rem;
    width: 0.75rem;
}

.depot_bx {
    color: rgba(var(--fg-default-muted));
}

.YDvRj {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-muted));
}

.bQXVOJ {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
}

.dkVCk {
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: rgba(var(--bg-brand-subdued), var(--tw-bg-opacity));
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    font-weight: 500;
    display: inline-block;
    max-width: 100%;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    flex-grow: 0;
    user-select: none;
    border-radius: 0.5rem;
    border-width: 1px;
    vertical-align: middle;
    cursor: inherit;
    transition: background-color 0.25s ease 0s, border-color 0.25s ease 0s, color 0.25s ease 0s;
    padding: 0.125rem 0.5rem;
}

.dkVCk {
    --tw-border-opacity: 1;
    border-color: rgba(var(--b-default-emphasis), var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(var(--bg-default-subdued));
    color: rgba(var(--fg-default-muted));
}

.iEzVMU {
    height: 1.25rem;
    width: 1.25rem;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-muted));
}


.kFRNpO {
    height: 1.25rem;
    width: 1.25rem;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-muted));
}


.dfHgSJ {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 1rem;
}

.text_muted {
    /*color: rgba(var(--fg-default-muted));*/
    color: #767676;
}

.ijwVZI {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-muted));
}

.eMqmKz {
    font-size: 1.5rem;
    line-height: 1.875rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-emphasis));
}

.UcMyQ {
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}


.kBbrFR {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.jbBShk {
    margin-top: 1.5rem;
}

.bhLuUa {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.cgXZXp {
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgba(var(--b-default-subdued));
}

.bvraJR {
    font-size: 0.8125rem;
    line-height: 1rem;
    font-weight: 500;
    height: 2rem;
    width: 2rem;
}

.egxMgu {
    font-size: 1.3125rem;
    line-height: 1.625rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-emphasis));
}

.ggJzeV {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-muted));
}


.overlap_img {
    --tw-space-x-reverse: 0;
    margin-right: calc(-10px * var(--tw-space-x-reverse));
    margin-left: calc(-10px * calc(1 - var(--tw-space-x-reverse)));
    background-color: var(--preset-subdued);
    color: var(--preset-neutral);
}

.iAnOOE {
    height: 50%;
    width: 100%;
}

.jkZwsP {
    --preset-emphasis: #808B04;
    --preset-neutral: #AAB906;
    --preset-muted: #D0D976;
    --preset-subdued: #F2F5DA;
    --preset-dimmed: #FBFCF3;
}

.juyYhA {
    position: relative;
    height: 685px;
    width: 100%;
    contain: size style paint;
    max-width: 72rem;
    border-radius: 0.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(var(--b-default-emphasis), var(--tw-border-opacity));
    border-style: solid;
}


.edit-driver-zones-toolbox.svelte-1411ubj {
    position: absolute;
    width: 80%;
    padding: 0 16px;
    bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    transform: translateX(-50%);
}

.jnPeYV {
    position: relative;
    display: flex;
    width: 608px;
    max-width: 100%;
    flex-wrap: wrap;
    row-gap: 0.75rem;
    border-radius: 0.5rem;
    --tw-border-opacity: 1;
    border-color: rgba(var(--b-default-neutral), var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(var(--bg-default-subdued));
    padding: 0.75rem 1rem;
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dHiwfP {
    max-width: 100%;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.iVeUlg {
    display: flex;
}

.fSILHr {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    font-weight: 400;
    display: flex;
    max-width: 100%;
    -webkit-box-flex: 1;
    flex-grow: 1;
    user-select: none;
    -webkit-box-align: center;
    align-items: center;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-muted));
}

.bWmQAC {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
}

.dWXPBU {
    height: 1rem;
    width: 1rem;
}


.fpHDJS {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    /*padding: 1rem;*/
    max-width: 1000px;
}

.fpHDJS {
    padding: 2.5rem;
}


.envbJK {
    overflow: hidden;
    border-radius: 0.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(var(--b-default-neutral), var(--tw-border-opacity));
    border-style: solid;
}

.cjqlbK {
    padding: 1rem;
}

.eZmmzq {
    display: flex;
    align-items: flex-start;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.jHOnNa {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgba(var(--bg-default-muted), var(--tw-bg-opacity));
    padding: 0.5rem;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-muted));
}

.bbJUre {
    font-size: 1.0625rem;
    line-height: 1.25rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-emphasis));
}

.grNBVn {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-muted));
}

.grIhDQ {
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(var(--b-default-emphasis), var(--tw-border-opacity));
    padding: 2rem 1.5rem;
}

.w-60 {
    width: 60%;
}


.hPohBE {
    border-radius: 0.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(var(--b-default-neutral), var(--tw-border-opacity));
    padding: 0.75rem;
    border-style: solid;
}

.bpqHhs {
    max-width: 42rem !important;
}


.iftfYX {
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-emphasis));
}


.user_icons {
    background-color: var(--preset-subdued);
    color: var(--preset-neutral);
    height: 1.5rem;
    width: 1.5rem;
}


.eDzgFu {
    --preset-emphasis: #3B34AC;
    --preset-neutral: #4F46E5;
    --preset-muted: #A7A2F2;
    --preset-subdued: #E5E3FB;
    --preset-dimmed: #F6F6FE;
}

.dPtPux {
    font-size: 1.5rem;
    line-height: 1.875rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-emphasis));
}


.CFdgC {
    padding: 1.5rem;
}

.dlnPlh {
    font-size: 1.5rem;
    line-height: 1.875rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-emphasis));
}

.bDVraW {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.dFfqZf {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}


.dkVCk {
    --tw-border-opacity: 1;
    border-color: rgba(var(--b-default-emphasis), var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(var(--bg-default-subdued));
    padding: 0.125rem 0.5rem;
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    font-weight: 500;
    display: inline-block;
    max-width: 100%;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    flex-grow: 0;
    user-select: none;
    border-radius: 0.5rem;
    border-width: 1px;
    vertical-align: middle;
    cursor: inherit;
    transition: background-color 0.25s ease 0s, border-color 0.25s ease 0s, color 0.25s ease 0s;
    border-style: solid;
}

.jlJNqS {
    padding: 0.5rem;
}

.cjDTOr {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    gap: 1rem;
    text-align: start;
}

.bGoOyA {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.bvraJR {
    background-color: var(--preset-subdued);
    color: var(--preset-neutral);
}

.dUODok {
    right: -10px;
    top: 8px;
}

.deqEaj {
    position: absolute;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(var(--b-default-subdued));
    --tw-bg-opacity: 1;
    background-color: rgba(var(--bg-default-subdued));
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-muted));
}


.lpbGxr {
    font-size: 1.0625rem;
    line-height: 1.25rem;
    font-weight: 500;
    display: block;
    width: 100%;
}

.coNBUL {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    font-weight: 400;
}

svg.arrow_icon {
    color: rgba(var(--fg-default-muted));
}

.bRnSyL {
    display: flex;
    align-items: center;
    padding: 1rem;
}

.route_bx .cjDTOr {
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-muted));
}

.latKkc {
    font-size: 1.525rem;
    line-height: 1.75rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-neutral));
}

.manual_create_route {
    margin-top: 84px;
}

.left_section {
    max-width: 444px;
    width: 444px;
    background-color: #fff;
    height: calc(100% - 153px);
    position: fixed;
    top: 84px;
    /*overflow-y: scroll;*/
    z-index: +11;
}

.right_section {
    margin-left: 444px;
    background-color: #fff;
    width: 100%;
    /*height: calc(100% - 84px);*/
    position: relative;
}

.fQjxXL {
    display: flex;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(var(--b-default-neutral), var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(var(--bg-default-subdued));
    padding: 0.25rem 0.625rem;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.fQjxXL .dropdown-menu.custom_dropdown_menu.p-0.show {
    display: block;
    width: 220px;
    right: 0 !important;
    left: auto !important;
}


.iXCuZw {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    font-weight: 500;
    padding-right: 0.5rem;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-muted));
}

.dyvYE {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 0.25rem;
}

.ehruzE {
    height: 1rem;
    width: 1rem;
}

input.input_border_style {
    width: 100%;
    border: none;
    padding: 10px 0px;
    font-size: 20px;
    font-weight: 500;
    margin-top: 5px;
}

input.input_border_style:hover {
    border-bottom: 1px solid var(--bs-primary);
}

.fs_1_3 {
    font-size: 1.3125rem;
    line-height: 1.625rem;
}

.iJnpmi {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    font-weight: 500;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 0.25rem;
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgba(var(--bg-default-muted), var(--tw-bg-opacity));
    padding: 0.5rem;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-muted));
}

.glEsrr {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    font-weight: 600;
}

.bZjCVQ {
    height: 1rem;
    width: 1rem;
}

.createdriverroute_btn {
    width: 444px;
    background: #fff;
    text-align: right;
    padding-right: 40px !important;
}


.dropdown-grp1 {
    font-size: 1.0625rem;
    padding: 12px 16px;
    width: 7rem;
    justify-content: center;
    border: 1px solid rgb(231, 236, 244);
    background-color: #fff;
}

.dropdown-grp1:hover {
    background-color: #F4F6FA;
    border: 1px solid rgb(231, 236, 244);
}

.dropdown-grp1.btn.show,
.dropdown-grp1.btn:first-child:active {
    box-shadow: 0px 0px 0px 3px #F3F6FA;
    outline: 0 !important;
    border-color: rgb(220 226 238);
    outline-offset: 0px;
    background-color: #fff !important;
}

.dropdown-grp2 {
    font-size: 1.0625rem;
    padding: 12px 16px;
    width: 15rem;
    justify-content: center;
    border: 1px solid rgb(231, 236, 244);
    color: #286FF6;
    background-color: #fff;
}

.dropdown-grp2:hover {
    color: #286FF6;
    background-color: #F1F5FE;
    border: 1px solid #CFDEFD;
}

.dropdown-grp2:focus {
    box-shadow: 0px 0px 0px 3px rgba(167, 196, 251, 1);
    outline: #1da0f2solid 1px;
    outline-offset: 0px
}

.dropdown-grp2.btn.show,
.dropdown-grp2.btn:first-child:active {
    box-shadow: 0px 0px 0px 3px rgba(167, 196, 251, 1);
    outline: 0 !important;
    border-color: rgba(167, 196, 251, 1);
    outline-offset: 0px;
    background-color: #fff !important;
    color: #286FF6 !important;
}

.draft-text {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    font-weight: 500;
    display: block;
    width: 100%;
    padding: 12px 12px 4px 12px;
    color: #96A4BF;
}

.dropdown-item.bluee-btn,
.dropdown-item.bluee-btn p {
    color: #1874FF;
}

.dropdown-item.bluee-btn:hover {
    background: #F1F6FF;
}


.drop_custom.drop_custom_threedot {
    padding: unset;
    border: unset;
    min-height: unset;
    width: 36px;
    height: 36px;
    justify-content: center;
    background-color: #fff;
}

.drop_custom.drop_custom_threedot:hover {
    background-color: #F4F6FA;
}

.custom_dropdown_menu.three-dot-drop {
    width: 260px;
    right: -16px !important;
    left: auto !important;
    top: auto !important;
}

.dropdown-item.delete-btn,
.dropdown-item.delete-btn p {
    color: #EF5454;
}

.dropdown-item.delete-btn:hover {
    background: #FFE0E0;
}

.fJFPIu {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(var(--b-default-emphasis), var(--tw-border-opacity));
    padding: 1rem;
}


.cuLhJz {
    position: absolute;
    inset: 0px;
    z-index: 10;
    display: flex;
    height: 100vh;
    flex-direction: column;
    overflow: hidden;
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgba(var(--bg-default-subdued));
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    width: 100vw;
    contain: layout style paint;
    will-change: transform, opacity;
}

.cuLhJz {
    inset: 0.5rem auto auto 0.5rem;
    height: auto;
    max-height: calc(100% - 16px);
}

.cuLhJz {
    width: 355px;
    left: -370px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out 0.3s;
}

.uWpsH.slider_right {
    left: 10px;
    opacity: 1;
    visibility: visible;
}

.eTFcNF {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 1rem;
}

.bSYLFf {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
    padding-bottom: 0.5rem;
}

.izXele {
    font-size: 1.5rem;
    line-height: 1.875rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-emphasis));
}

.gFuYuA {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.coyjsA {
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-muted));
}

.cnORFa {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-muted));
}

.cWBnMH {
    cursor: pointer;
    font-weight: 500;
    --tw-text-opacity: 1;
}


a.kcBHGV:hover {
    color: #fff;
}


.iBjjNX {
    font-size: 1.3125rem;
    line-height: 1;
    font-weight: 500;
    -webkit-box-flex: 1;
    flex-grow: 1;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-emphasis), var(--tw-text-opacity));
}

.dQjUQF[data-grow] {
    width: 100%;
}

.bWyHOj {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    font-weight: 500;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgba(var(--bg-default-muted), var(--tw-bg-opacity));
    padding: 0.5rem 1rem;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-muted));
}

.user_icons_new {
    background: #D9B6FF;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user_icons_new svg path {
    fill: #6d10f3;
}


.htDqor {
    font-size: 1.0675rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-emphasis));
    font-weight: 500;
}


.gVSGvw {
    padding: 1.5rem;
    font-size: 1.0675rem;
    line-height: 1.25rem;
}

.scroll_content {
    overflow-y: auto;
    height: calc(100vh - 320px);
}

.cursor {
    cursor: pointer;
}


.kcBHGV .cvBiQw {
    color: #fff;
}

.coNBUL p {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 78%;
}

.bvraJR {
    background-color: var(--preset-subdued);
    color: var(--preset-neutral);
}

.jblRkM {
    --preset-emphasis: #A91636;
    --preset-neutral: #E11D48;
    --preset-muted: #F08EA3;
    --preset-subdued: #FBDDE4;
    --preset-dimmed: #FEF4F6;
}

/*
.jNBmpP{
        width: 24px;
        height: 24px;
}*/
.jtSxYT {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
}

.xVOas {
    font-size: 1.5rem;
    line-height: 1.875rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-emphasis), var(--tw-text-opacity));
}

.cXXHVM {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-muted), var(--tw-text-opacity));
}

.uVNQK {
    grid-template-columns: repeat(3, minmax(0px, 1fr));
    display: inline-grid;
    -webkit-box-align: center;
    align-items: center;
    gap: 0.25rem;
    border-radius: 0.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(var(--b-default-neutral), var(--tw-border-opacity));
    padding: 3px;
    vertical-align: middle;
    transition: background-color 0.25s ease 0s, border-color 0.25s ease 0s;
    border-style: solid;
}

.uVNQK .border_btn {
    color: rgba(var(--fg-default-neutral), var(--tw-text-opacity));
}

.uVNQK .border_btn:hover {
    color: var(--bs-primary);
}

.uVNQK .border_btn.active {
    color: var(--bs-primary);
    background: rgba(220, 226, 238, 0.3);
}

input::placeholder {
    color: rgba(var(--fg-default-muted)) !important;
    /*color: #000;*/
    font-size: 1.0625rem;
    line-height: 1.25rem;
    /*font-weight: 500;*/
    font-family: 'TT Commons';

}

.fPYtWJ {
    text-align: center;
}

.fsWCJC {
    margin-top: 2.5rem;
    margin-bottom: 0.5rem;
}

.iXUlZb {
    position: relative;
    display: inline-flex;
    height: 2.5rem;
    width: 2.5rem;
    -webkit-box-flex: 0;
    flex-grow: 0;
    border-radius: 9999px;
    padding: 0.75rem;
    --tw-bg-opacity: 1;
    background-color: rgba(var(--bg-brand-subdued), var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(var(--fg-brand-neutral), var(--tw-text-opacity));
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.chQwiO {
    font-size: 1.0625rem;
    line-height: 1.25rem;
    font-weight: 400;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-emphasis), var(--tw-text-opacity));
}


.scroll_content.added_stops_content {
    overflow-y: auto;
    height: calc(100vh - 240px);
}

.twyjd>svg {
    height: 1.25rem !important;
    width: 1.25rem !important;
}

.green_back {
    background-color: var(--preset-subdued) !important;
    color: var(--preset-neutral) !important;
}

.bPOIhs {
    --preset-emphasis: #0C8B61;
    --preset-neutral: #10B981;
    --preset-muted: #87DCC0;
    --preset-subdued: #DBF5EC;
    --preset-dimmed: #F3FCF9;
}

.dEmbxR {
    --tw-text-opacity: 1;
    color: rgba(var(--fg-default-muted), var(--tw-text-opacity));
}

.hUcHNt {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    font-weight: 500;
}

.diffrent_color_bx {
    background-color: #f3f6fa;
    padding: 15px;
}


.diffrent_color_bx .dxikbl {
    background: #fff;
    border-radius: 0.5rem;
}

.fmnaoF::before {
    content: "";
    transition: inherit;
    position: absolute;
    display: block;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgba(var(--bg-default-subdued));
}


.hupBKs {
    top: 50%;
    position: absolute;
    display: block;
    width: 1px;
    left: 28px;
    height: 65px;
    transform: translateY(-50%);
    border-style: solid;
    border: none;
    background: #9e9e9e57;
}


.timeline .hXzSCN.iftfYX.fqATwG.kxUQD {
    color: #4f46e5;
}

.timeline .dkVCk {
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500 !important;
}


.cXprNd {
    min-height: 55px;
}

.fmnaoF {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    font-weight: 500;
    position: relative;
    display: flex;
    height: 1.25rem;
    width: 1.5rem;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgba(var(--bg-default-subdued));
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
    transition: background-color 0.25s ease 0s;
}

.fmnaoF svg {
    height: 1rem;
    width: 1rem;
}

.custom_tab .nav-link {
    color: rgba(var(--fg-default-neutral));
    font-weight: 500;
    font-family: 'TT COMMONS';
}


.disabled {
    background: #ccc;
    border-color: #ccc;
    border: 1px solid;
    cursor: not-allowed !important;
}

.w-70rem {
    max-width: 70rem;
}




.dataTables_filter input {
    font-size: 1.0625rem !important;
    line-height: 1.25rem !important;
    font-weight: 400 !important;
    box-sizing: border-box !important;
    border-radius: 0.5rem !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    color: #000 !important;
    cursor: inherit !important;
    padding: 11px calc(11px + 0ch) 11px calc(11px + 0ch) !important;
    border: var(--bs-border-width) solid #dfe5ef;
}

.dataTables_length select {
    font-size: 1.0625rem !important;
    line-height: 1.25rem !important;
    font-weight: 400 !important;
    box-sizing: border-box !important;
    border-radius: 0.5rem !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    color: #000 !important;
    cursor: inherit !important;
    padding: 11px calc(11px + 0ch) 11px calc(11px + 0ch) !important;
    border: var(--bs-border-width) solid #dfe5ef;
}

.dataTables_length label {
    display: flex;
    align-items: center;
    gap: 10px;
}

.counters svg {
    stroke: rgb(141, 156, 185);
}



.dataTables_length {
    display: inline-block !important;
    float: left !important;
}

.review_loop {
    display: flex;
    gap: 20px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.review_company_img img {
    width: 100px;
    border: 1px solid rgba(00, 00, 00, 0.05);
    padding: 7px;
    border-radius: 10px;
}

.review_company_decri h3 {
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 1px;
    font-size: 20px;
}

.review_company_decri p {
    margin: 0px 0px 5px;
    font-style: italic;
    font-size: 15px;
    background: #f9f9f9;
    padding: 10px;
    border-radius: 12px;
}

.scroll_view {
    max-height: 75vh;
    overflow: auto;
}

.star_rating {
    color: #fcbc05;
    font-size: 16px;
}

.star_rating_give .star-rating {
    text-align: left;
    font-size: 28px;
    margin-bottom: 20px;
    color: #fcbc05;
}

.star_rating_give .descr {
    margin: 0px;
}


.dataTables_wrapper .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;
    gap: 20px;
    background: #ffffff;
    border-radius: 10px 10px 0 0;
    margin: 0 10px !important;
}

.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #5a5a5a;
}

.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
    padding: 6px 12px;
    border-radius: 8px;
    border: 1px solid #ccc;
    font-size: 14px;
}

table.dataTable thead th {
    position: sticky;
    top: 0;
    background-color: #ffffff;
    z-index: 10;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    background-color: #ccc;
    color: #2c3e50 !important;
    border: none;
    border-radius: 999px;
    padding: 6px 16px;
    margin: 0 4px;
    font-weight: 500;
    font-size: 14px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color: #009EFF !important;
    color: #fff !important;
    font-weight: bold;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: #b0b0b0;
    color: #000 !important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    padding: 4px 12px;
    display: flex;
    align-items: center;
}

.dataTables_wrapper .dataTables_filter {
    justify-content: flex-end;
    margin-left: auto;
}

.dataTables_wrapper .dataTables_length {
    justify-content: flex-start;
}

@media (max-width: 767px) {

    .journey_box {
        margin-bottom: 15px;
    }

    .fs_sm_10 {
        font-size: 10px !important;
    }

    .fs_sm_11 {
        font-size: 11px !important;
    }

    .fs_sm_12 {
        font-size: 12px !important;
    }

    .fs_sm_13 {
        font-size: 13px !important;
    }

    .fs_sm_14 {
        font-size: 14px !important;
    }

    .fs_sm_16 {
        font-size: 16px !important;
    }

    .fs_sm_15 {
        font-size: 15px !important;
    }

    .fs_sm_18 {
        font-size: 18px !important;
    }

    .fs_sm_20 {
        font-size: 20px !important;
    }

    .fs_sm_22 {
        font-size: 22px !important;
    }

    .fs_sm_25 {
        font-size: 25px !important;
    }

    .fs_sm_30 {
        font-size: 30px !important;
    }

    .fs_sm_40 {
        font-size: 40px !important;
    }

    .fs_sm_26 {
        font-size: 26px;
    }

    .fs_sm_45 {
        font-size: 45px;
    }

    .fs_sm_50 {
        font-size: 50px;
    }

    .fs_sm_70 {
        font-size: 70px;
    }

    .w-m-auto {
        width: auto !important;
    }

    .hUzbwt {
        padding: 1rem;
    }

    .left_section {
        max-width: 314px;
        width: 100%;
        height: 100%;
        left: -320px;
        transform: all 0.3s;
    }

    .driver-list-btn {
        position: absolute;
        top: 100px;
        right: 10px;
        z-index: 50000;
    }

    .left_section.left-section-mov {
        left: 0;
    }

    .right_section {
        margin-left: 0;
    }

    .uWpsH.slider_right {
        left: 10px;
        height: 100%;
        width: 320px;
        z-index: 45;
    }

    .left_section.close_btn_1
}