.appointment-time-field{position:relative;min-width:0}
.appointment-time-field label{display:block;color:#1f2937;font-size:13px;font-weight:700;text-align:left}
.appointment-time-field label span{color:#b42318}
.appointment-time-field #visitTime[hidden],.appointment-time-options[hidden]{display:none!important}
.appointment-box .appointment-time-trigger{display:block;width:100%;min-height:48px;margin:7px 0 0;padding:12px 38px 12px 14px;border:1px solid #d7dce3;border-radius:8px;background:#fff;color:#111827;text-align:left;font-family:inherit;font-size:16px;font-weight:500;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.appointment-box .appointment-time-trigger:after{content:'⌄';position:absolute;top:36px;right:15px;color:#526072;font-size:19px;line-height:1}
.appointment-box .appointment-time-trigger:focus-visible{outline:3px solid rgba(212,175,55,.4);outline-offset:2px}
.appointment-box .appointment-time-trigger:disabled{background:#f4f5f7;color:#687385;cursor:not-allowed}
.appointment-time-options{position:fixed;z-index:1000;max-height:250px;overflow-y:auto;padding:5px;border:1px solid #d2d8e1;border-radius:9px;background:#fff;box-shadow:0 14px 35px rgba(12,25,42,.22)}
.appointment-time-options button{display:block;width:100%;padding:12px 13px;border:0;border-radius:6px;background:#fff;color:#172033;text-align:left;font:500 16px/1.3 Arial,Helvetica,sans-serif;white-space:nowrap;cursor:pointer}
.appointment-time-options button:hover,.appointment-time-options button:focus-visible{background:#f5ecd2;outline:none}
.appointment-time-options button[aria-selected="true"]{background:#f3e5bd;font-weight:800}
@media(max-width:640px){.appointment-time-options{max-height:220px}.appointment-time-options button{font-size:15px}}