/* Progressive enhancement: the native select still owns the form value. */
.clinic-select {position:relative;display:block;min-width:0}
.clinic-select.is-select-open {z-index:45}
.clinic-select .clinic-select__native {
  position:absolute;width:1px;height:1px;min-height:0;margin:0;padding:0;border:0;
  clip-path:inset(50%);overflow:hidden;white-space:nowrap;opacity:0;pointer-events:none;
}
.clinic-select > .select-field__arrow {display:none}
.clinic-select__trigger {
  display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;
  min-height:56px;padding:14px 17px;border:1px solid var(--line);border-radius:15px;
  background:linear-gradient(180deg,#fff,#f8faf9);color:#71848c;
  font-family:var(--font-sans);font-size:14px;font-weight:500;line-height:1.6;
  letter-spacing:0;text-align:left;cursor:pointer;user-select:none;outline:none;
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.clinic-select__trigger.has-value {color:var(--ink)}
.clinic-select__value {display:block;min-width:0;overflow-wrap:anywhere}
.clinic-select__chevron {
  width:8px;height:8px;flex:0 0 8px;margin-right:5px;margin-top:-4px;
  border-right:1.5px solid var(--petrol-700);border-bottom:1.5px solid var(--petrol-700);
  transform:rotate(45deg);transition:transform .2s;
}
.clinic-select__trigger[aria-expanded="true"] .clinic-select__chevron {transform:translateY(4px) rotate(225deg)}
.clinic-select__trigger:focus-visible,.clinic-select__trigger[aria-expanded="true"] {
  border-color:var(--petrol-700);background:#fff;
  box-shadow:0 0 0 4px rgba(43,91,101,.1),0 10px 26px rgba(6,45,56,.06);
}
.clinic-select__trigger[aria-invalid="true"] {border-color:#bd5749;box-shadow:0 0 0 3px rgba(189,87,73,.09)}
.clinic-select__trigger[aria-disabled="true"] {opacity:.55;cursor:not-allowed;background:var(--mist-100)}
.clinic-select__menu {
  position:absolute;z-index:46;inset:auto 0 auto;top:calc(100% + 8px);
  display:block;max-height:320px;overflow-y:auto;overscroll-behavior:contain;
  padding:7px;border:1px solid #ceddde;border-radius:18px;
  background:#fff;color:var(--ink);box-shadow:0 18px 45px rgba(6,45,56,.16),0 3px 10px rgba(6,45,56,.04);
  font-family:var(--font-sans);font-size:14px;font-weight:500;line-height:1.6;letter-spacing:0;
  scrollbar-width:thin;scrollbar-color:#aac2c5 transparent;scroll-padding:7px;
  animation:clinic-select-in .16s ease-out;
}
.clinic-select__menu[hidden] {display:none}
.clinic-select[data-select-placement="above"] .clinic-select__menu {top:auto;bottom:calc(100% + 8px)}
.clinic-select__option {
  position:relative;display:flex;align-items:center;min-height:44px;
  margin:2px 0;padding:11px 42px 11px 14px;border:1px solid transparent;border-radius:11px;
  font:inherit;line-height:1.6;text-align:left;white-space:normal;overflow-wrap:anywhere;cursor:pointer;
}
.clinic-select__option[aria-selected="true"] {background:#e7f1f0;color:var(--petrol-950);font-weight:700}
.clinic-select__option[aria-selected="true"]::after {
  content:"";position:absolute;right:17px;top:50%;width:6px;height:11px;
  border-right:2px solid var(--petrol-700);border-bottom:2px solid var(--petrol-700);
  transform:translateY(-65%) rotate(45deg);
}
.clinic-select__option[data-active="true"] {background:#f1f6f5;border-color:#bfd5d4}
.clinic-select__option[aria-selected="true"][data-active="true"] {background:#deeeeb}
.clinic-select__option[aria-disabled="true"] {opacity:.45;cursor:not-allowed}
@media(hover:hover) {
  .clinic-select__trigger:not([aria-disabled="true"]):hover {border-color:#9eb9bc}
  .clinic-select__option:not([aria-disabled="true"]):hover {background:#edf5f3}
}
@media(max-width:700px) {
  .clinic-select__trigger,.clinic-select__menu {font-size:16px}
  .clinic-select__option {min-height:48px;padding-block:12px}
}
@media(prefers-reduced-motion:reduce) {
  .clinic-select__trigger,.clinic-select__chevron {transition:none}
  .clinic-select__menu {animation:none}
}
@media(forced-colors:active) {
  .clinic-select__trigger,.clinic-select__menu {border-color:ButtonText}
  .clinic-select__option[data-active="true"] {outline:2px solid Highlight;outline-offset:-2px}
  .clinic-select__option[aria-selected="true"]::after {border-color:ButtonText}
}
@keyframes clinic-select-in {from {opacity:0;transform:translateY(-4px)} to {opacity:1;transform:translateY(0)}}