.hr{position:relative;height:700px;text-align:left}.hr-stage{position:absolute;inset:0;padding:18px;overflow:clip}.hr-head{height:48px;display:flex;align-items:center;gap:12px;font-size:15px;color:#6c757d}.hr-head strong{font-size:17px;color:#1b2a41}.hr-pill{margin-left:auto;font-style:normal;font-size:12px;font-weight:600;padding:4px 10px;border-radius:4px;background:#E7F1FF;color:#0056b3}.hr-grid{position:relative;display:grid;grid-template-columns:56px repeat(5,196px);grid-template-rows:32px 448px}.hr-day{font-size:13px;font-weight:600;color:#495057;padding:6px 8px;border-bottom:1px solid #DEE2E6}.hr-day.is-today{color:#0056b3}.hr-times{display:flex;flex-direction:column;font-size:11px;color:#6c757d}.hr-times span{height:56px}.hr-col{background:#FFFFFF;border-left:1px solid #DEE2E6;background-image:linear-gradient(#EEF1F4 1px,transparent 1px);background-size:100% 56px}.hr-ev,.hr-card,.hr-ghost{position:absolute;width:188px;border-radius:6px;box-sizing:border-box;font-size:12px;font-weight:600;padding:6px 8px}.hr-ev{border:1px solid;color:#1b2a41}.hr-card{left:256px;top:315px;height:50px;background:var(--dc-primary);color:#fff;box-shadow:0 0 0 3px #007bff40;translate:var(--dx) var(--dy);animation-name:hr-card;z-index:2}.hr-card span{display:block;font-weight:400;opacity:.9}.hr-ok{position:absolute;right:6px;bottom:6px;font-style:normal;font-size:10px;padding:1px 6px;border-radius:999px;background:#28A745;color:#fff;animation-name:hr-ok}.hr-ghost{left:calc(256px + var(--dx));top:calc(315px + var(--dy));height:50px;border:1.5px dashed var(--dc-primary);background:rgba(0,123,255,.06);opacity:0;animation-name:hr-ghost}.hr-toast{position:absolute;left:50%;bottom:26px;translate:-50% 0;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;background:#fff;border-left:4px solid #28A745;box-shadow:0 16px 32px -14px #00000059;font-size:14px;font-weight:600;opacity:0;animation-name:hr-toast}.hr-toast i{width:20px;height:20px;border-radius:999px;background:#28A745}.hr-cursor{translate:640px 200px;animation-name:hr-cursor}.hr-cursor .dc-cursor-ring{animation-name:hr-ring}.hr-reset{position:absolute;inset:0;background:#F4F6F9;opacity:0;pointer-events:none;z-index:6;animation-name:hr-reset}.hr-phone{position:absolute;right:36px;bottom:0}.hr-ph{position:absolute;inset:0;padding:14px 12px;background:#F4F6F9}.hr-ph-head{display:grid;grid-template-columns:32px 1fr;-moz-column-gap:10px;column-gap:10px;align-items:center;margin-bottom:14px}.hr-ph-logo{grid-row:span 2;width:32px;height:32px;border-radius:999px;background:#E7F1FF url(/dentcloud-logo.png) center/20px no-repeat}.hr-ph-head strong{font-size:16px}.hr-ph-head small{font-size:12px;color:#6c757d}.hr-appt{position:absolute;left:12px;right:12px;top:72px;padding:14px;border-radius:10px;background:#fff;box-shadow:0 1px 3px #0000001f;font-size:14px}.hr-appt b{display:block;font-size:15px}.hr-appt span{color:#495057}.hr-appt-old{opacity:0;animation-name:hr-appt-old}.hr-appt-new{animation-name:hr-appt-new}.hr-upd{display:inline-block;margin:8px 0 0 10px;font-style:normal;font-size:12px;color:#28a745;font-weight:600;animation-name:hr-upd}.hr-mini{display:none;position:absolute;left:278px;top:545px;width:400px;height:190px;background:#F4F6F9;z-index:7;padding-top:10px;box-sizing:border-box}.hr-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.hr-step{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;border:1px solid #B8D4F5;border-radius:12px;background:#E7F1FF;color:#0056b3;font-size:15px;font-weight:600;line-height:1.3;text-align:center}.hr-step b{display:flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:999px;border:1.5px solid currentColor;box-sizing:border-box;font-size:12px}.hr-step-1{animation-name:hr-step1}.hr-step-2{animation-name:hr-step2}.hr-step-3{border-color:var(--dc-primary);background:var(--dc-primary);color:#fff;animation-name:hr-step3}.hr-mini-title{display:block;margin:12px 0 0;font-size:13px;color:#6c757d}.hr-mini .hr-appt{top:116px;left:0;right:0;padding:12px 16px;border-radius:14px;font-size:15px;box-shadow:0 2px 8px #0000001a}.hr-mini .hr-appt b{font-size:16px}.hr-mini .hr-upd{margin:0 0 0 10px;font-size:13px}@media (max-width: 639px){.hr-phone{display:none}.hr-mini{display:block}.hr{height:735px}.hr-clip{overflow:hidden}.hr.dc-scene-wide{--dc-crop-x: 278;--dc-crop-y: 78;--dc-crop-w: 400;margin-inline:0}.hr-toast{left:464px;top:456px;bottom:auto;font-size:16px}}@keyframes hr-card{0%,20%{translate:0 0;scale:1;box-shadow:0 0 0 3px #007bff40}23%{translate:0 0;scale:1.04;box-shadow:0 14px 28px -10px #00000073;animation-timing-function:ease-in-out}33%{translate:var(--dx) var(--dy);scale:1.04;box-shadow:0 14px 28px -10px #00000073;animation-timing-function:cubic-bezier(.2,.8,.2,1.25)}36%,to{translate:var(--dx) var(--dy);scale:1;box-shadow:0 0 0 3px #007bff40}}@keyframes hr-ok{0%,68%{opacity:0;scale:.6}71%,to{opacity:1;scale:1}}@keyframes hr-ghost{0%,20%{opacity:0}22%,33%{opacity:1}36%,to{opacity:0}}@keyframes hr-toast{0%,40%{opacity:0;translate:-50% 12px}43%,62%{opacity:1;translate:-50% 0}66%,to{opacity:0;translate:-50% 0}}@keyframes hr-cursor{0%,11%{translate:900px 560px;animation-timing-function:cubic-bezier(.3,.7,.3,1)}20%{translate:350px 388px}33%{translate:546px 164px;animation-timing-function:cubic-bezier(.3,.7,.3,1)}40%,60%{translate:600px 240px;animation-timing-function:cubic-bezier(.3,.7,.3,1)}66%{translate:546px 164px}72%,to{translate:640px 200px}}@keyframes hr-ring{0%,20%{opacity:0;scale:.6}21%,33%{opacity:1;scale:1}34%,66%{opacity:0;scale:.6}67%{opacity:1;scale:1}69%,to{opacity:0;scale:1.2}}@keyframes hr-reset{0%{opacity:1}4%,95%{opacity:0}to{opacity:1}}@keyframes hr-appt-old{0%,51%{opacity:1;translate:0 0}54%,to{opacity:0;translate:0 -12px}}@keyframes hr-appt-new{0%,51%{opacity:0;translate:0 14px}54%,to{opacity:1;translate:0 0}}@keyframes hr-upd{0%,56%{opacity:0}58%,to{opacity:1}}@keyframes hr-step1{0%,11%{background:#FFFFFF;border-color:#dee2e6;color:#6c757d}13%,35%{background:var(--dc-primary);border-color:var(--dc-primary);color:#fff}38%,to{background:#E7F1FF;border-color:#b8d4f5;color:#0056b3}}@keyframes hr-step2{0%,35%{background:#FFFFFF;border-color:#dee2e6;color:#6c757d}38%,50%{background:var(--dc-primary);border-color:var(--dc-primary);color:#fff}53%,to{background:#E7F1FF;border-color:#b8d4f5;color:#0056b3}}@keyframes hr-step3{0%,50%{background:#FFFFFF;border-color:#dee2e6;color:#6c757d}53%,to{background:var(--dc-primary);border-color:var(--dc-primary);color:#fff}}