:root {
    --color-light-neutral-300: #e7e8eb;
}
:root {
    --border-radius-m: 8px;
    --border-radius-8: var(--border-radius-m);
}
:root {
    --gap-s-neg: -12px;
    --gap-12-neg: var(--gap-s-neg);
}
:root {
    --calendar-width: 344px;
}
:root {
    --calendar-popover-border-radius: var(--border-radius-8);
}
.date-time-input__component_hc5m9 {
    display: inline-block;
    outline: none;
    position: relative;
}
.date-time-input__calendarContainer_hc5m9 {
    display: inline-block;
    box-sizing: border-box;
    border-radius: var(--calendar-popover-border-radius);
    border: 1px solid var(--color-light-neutral-300);
}
@media (max-width: 374px) {
.date-time-input__calendarContainer_hc5m9 {
        width: 100%;
        min-width: 288px;
}
    }
.date-time-input__calendarResponsive_hc5m9 {
    width: var(--calendar-width);
}
.date-time-input__block_hc5m9 {
    width: 100%;
}
.date-time-input__calendarIcon_hc5m9 {
    margin-right: var(--gap-12-neg);
    height: 100%;
}