#map {
    height: 100% !important;
    width: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

html:not(.dark) input[type="datetime-local"],
html:not(.dark) input[type="text"],
html:not(.dark) input[type="password"] {
    background-color: #ffffff !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}

html:not(.dark) input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    filter: invert(0);
}

html.dark input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.dark ::-webkit-scrollbar-track {
    background: #020617;
}

.dark ::-webkit-scrollbar-thumb {
    background: #1e293b;
    border-radius: 3px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}