:root {
    --dp-input-padding: 9px 50px 9px 12px;
}

.dp__theme_dark {
    --dp-background-color: #364153;
    --dp-border-color-hover: #e5e7eb63;
    --dp-hover-color: #ffb30e26;
    --dp-range-between-border-color: #615a4b40;
    --dp-primary-color: #f0b100;
    --dp-border-color: #2d2d2d;
}

.dp__input {
    box-shadow: 0 2px 4px rgb(36 36 36 / 45%);
    border: 1px solid oklch(44.6% 0.03 256.802);
    border-radius: 0.5rem;
}

.dp__input:focus-within {
    outline: none;
    border-color: var(--dp-primary-color);
}

.dp__input::placeholder {
    color: #e0e0e0;
    opacity: 1;
}

.dp__input::-ms-input-placeholder {
    /* Edge 12 -18 */
    color: #e0e0e0;
}