.appointment-success{z-index:1070;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.appointment-success_backdrop{background:#000000bd;position:absolute;inset:0}.appointment-success_dialog{z-index:1;background:var(--theme-card-bg);color:#111;width:min(100%,440px);box-shadow:var(--box-shadow);text-align:center;border-radius:10px;padding:28px 28px 25px;position:relative}.appointment-success_dialog--confirmed{width:min(100%,440px)}.appointment-success_close{color:#fff;background:0 0;border:0;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;display:grid;position:absolute;top:-23px;right:-23px}.appointment-success_icon{background:#d8ffd7;border-radius:14px;place-items:center;width:58px;height:58px;margin:0 auto 7px;display:grid}.appointment-success_icon span{background:#36c844;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.appointment-success_icon svg{fill:#fff;width:30px;height:30px}.appointment-success h1{color:#1cb41c;letter-spacing:0;margin:0;font-size:28px;font-weight:600}.appointment-success_subtitle{color:var(--color-text);margin:4px 0 0;font-size:13px;font-weight:700}.appointment-success_note{max-width:325px;color:var(--color-text);margin:4px auto 8px;font-size:13px;font-weight:400;line-height:1.35}.appointment-success_details{gap:11px;margin-top:19px;display:grid}.appointment-success_dialog--requested .appointment-success_details{margin-top:14px}.appointment-success_row{text-align:start;color:var(--color-text);grid-template-columns:minmax(120px,1fr) minmax(135px,1.1fr);align-items:baseline;gap:16px;font-size:14px;line-height:1.25;display:grid}.appointment-success_row span{font-weight:400}.appointment-success_row strong{text-align:end;overflow-wrap:anywhere;justify-self:end;max-width:100%;font-size:14px;font-weight:800;line-height:1.25}.appointment-success_view-details{justify-content:center}.appointment-success_view-details .app-btn_content{justify-content:center;align-items:center;width:100%;display:flex}@media (max-width:575px){.appointment-success{padding:20px}.appointment-success_dialog,.appointment-success_dialog--confirmed{width:min(100%,380px);padding:25px 22px 23px}.appointment-success_close{top:-24px;right:0}.appointment-success h1{font-size:25px}.appointment-success_row{grid-template-columns:minmax(105px,1fr) minmax(120px,1.15fr);gap:12px}}