.hf-touch-calendar.datepicker-dropdown{width:min(360px,calc(100vw - 48px));box-sizing:border-box;padding:16px;background:#fff;color:#263b43;border:1px solid #d8e0e3;border-radius:22px;box-shadow:0 12px 36px rgba(30,54,64,.2)}
.hf-touch-calendar.datepicker-dropdown:before,.hf-touch-calendar.datepicker-dropdown:after{display:none}
.hf-touch-calendar table{width:100%;table-layout:fixed}
.hf-touch-calendar.datepicker th,.hf-touch-calendar.datepicker td{height:42px;padding:0;border:0;font-size:17px;text-align:center}
.hf-touch-calendar.datepicker th.datepicker-switch{font-size:20px;font-weight:700}
.hf-touch-calendar.datepicker th.prev,.hf-touch-calendar.datepicker th.next{font-size:34px;line-height:1}
.hf-touch-calendar.datepicker th.dow{font-size:12px;text-transform:uppercase;color:#7b8b92}
.hf-touch-calendar.datepicker td.day{border-radius:50%;color:#263b43}
.hf-touch-calendar.datepicker td.day.disabled,.hf-touch-calendar.datepicker td.day.old.disabled,.hf-touch-calendar.datepicker td.day.new.disabled{color:#b9c1c5;cursor:default;background:transparent}
.hf-touch-calendar.datepicker td.day.active,.hf-touch-calendar.datepicker td.day.active:hover{background:#0099ae!important;background-image:none!important;color:#fff!important;text-shadow:none}
.hf-touch-calendar.datepicker td.day.today{background:#e5f6f8!important;background-image:none!important;color:#007f91}
.hf-touch-calendar.datepicker td.day.today.active{background:#0099ae!important;color:#fff!important}
@media(max-width:360px){.hf-touch-calendar.datepicker-dropdown{padding:10px}.hf-touch-calendar.datepicker th,.hf-touch-calendar.datepicker td{height:38px;font-size:16px}.hf-touch-calendar.datepicker th.datepicker-switch{font-size:18px}}

.hf-calendar-fields{display:flex;gap:8px;min-width:0}.hf-calendar-fields>input{min-width:0;flex:1}.hf-calendar-fields>input[readonly]{cursor:pointer;background:#fff}.hf-touch-calendar.datepicker-dropdown{z-index:100000!important}

.hf-birth-navigation{display:grid;grid-template-columns:1fr 1.35fr;gap:12px;margin:0 0 14px}
.hf-birth-navigation label{display:block;min-width:0;margin:0;color:#5d747e;font-size:13px;font-weight:600;line-height:1.5}
.hf-birth-navigation select{display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:44px;margin-top:5px;padding:8px;border:1px solid #cbdde2;border-radius:10px;background:#fff;color:#263b43;font-family:inherit;font-size:16px}
.hf-birth-navigation select:focus{outline:2px solid #0099ae;outline-offset:2px}
.hf-birth-calendar.datepicker th.datepicker-switch{cursor:default}