/* One opening animation, rather than two nested moving dialogs. */
#bookingDialog[open]{animation:bookingAppear .16s ease-out}
#bookingDialog::backdrop{backdrop-filter:none}
@keyframes bookingAppear{from{opacity:0}to{opacity:1}}
html.booking-embed #bookingDialog[open]{animation:none;box-shadow:none}
html.booking-embed #bookingDialog::backdrop,.treatment-booking-dialog::backdrop{backdrop-filter:none}
.treatment-booking-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:55px 24px;text-align:center;color:#b7af96;background:#11100c;z-index:4}
.treatment-booking-loading[hidden]{display:none}
.treatment-booking-loading p{margin:0}
.treatment-booking-loading .button{min-height:48px}
.treatment-booking-dialog.is-loading .treatment-booking-close{display:grid!important}
.treatment-booking-dialog.is-loading iframe{visibility:hidden}
.booking-loading-dot{width:28px;height:28px;border:2px solid #403622;border-top-color:#c9a24f;border-radius:50%;animation:bookingLoadingSpin .8s linear infinite}
@keyframes bookingLoadingSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.booking-loading-dot,#bookingDialog[open]{animation:none}}