/* Approved Scheduling Hero v4 artwork; isolated from the surrounding native V4 page. */
.scheduling-motion{position:relative;width:100%;aspect-ratio:1202 / 1440;overflow:hidden;isolation:isolate;font-family:'SchedulingHeroUI',Arial,sans-serif;font-size:14px;font-weight:400;line-height:normal;letter-spacing:normal;text-align:left;text-transform:none;}
.scheduling-motion [data-part="frame"],.scheduling-motion [data-part="frame"] *{font-family:'SchedulingHeroUI',Arial,sans-serif;letter-spacing:normal;text-transform:none;font-style:normal;box-sizing:border-box;}
.scheduling-motion .scheduling-motion-fallback{display:block;width:100%;height:auto;margin:0;}
.scheduling-motion[data-motion-ready] .scheduling-motion-fallback{visibility:hidden;}
.scheduling-motion:not([data-motion-ready]) [data-part="stage"],.scheduling-motion:not([data-motion-ready]) [data-action]{visibility:hidden;}
.scheduling-motion{
  --scheduling-art-navy:#091c68; --scheduling-art-white:#ffffff;
  --scheduling-art-name:#002d74; --scheduling-art-body:#4a4a4a; --scheduling-art-sub:#838c97; --scheduling-art-rule:#e2e8f0;
  --scheduling-art-btn:#004fcc; --scheduling-art-chip:#082ea6; --scheduling-art-chip-bg:#e5eeff; --scheduling-art-soft:#f6f9ff;
  --scheduling-art-green:#24aa2e; --scheduling-art-green-ink:#1b7e22; --scheduling-art-green-bg:#e0fbe4; --scheduling-art-check:#52d05c; --scheduling-art-circle:#c9cbcf;
  --scheduling-art-bar:rgba(9,29,106,.08); --scheduling-art-photo:#00d2d6;
  --scheduling-art-font:'SchedulingHeroUI', system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  --scheduling-art-shadow:0 12px 25px rgba(0,0,0,.25);
  --scheduling-art-ease:cubic-bezier(.65,0,.35,1);
  
}
.scheduling-motion [data-part="replay"]{
  width:48px; height:48px; border-radius:50%; border:2px solid rgba(255,255,255,.55); background:transparent;
  color:var(--scheduling-art-white); cursor:pointer; display:grid; place-items:center; flex:none; padding:0;
}
.scheduling-motion [data-part="replay"]:hover{background:rgba(255,255,255,.12)}
.scheduling-motion [data-part="replay"]:focus-visible{outline:3px solid var(--scheduling-art-photo); outline-offset:3px}
.scheduling-motion [data-part="replay"] svg{width:22px; height:22px; display:block}
.scheduling-motion [data-part="stage"]{position:relative; flex:none}
.scheduling-motion [data-part="frame"]{position:absolute; left:0; top:0; width:1202px; height:1440px; transform-origin:0 0; overflow:hidden}
.scheduling-motion .scheduling-art-card{position:absolute; background:var(--scheduling-art-white); border-radius:24px; box-shadow:var(--scheduling-art-shadow)}
.scheduling-motion .scheduling-art-t{position:absolute; line-height:1.172; white-space:nowrap; margin:0}
.scheduling-motion .scheduling-art-fader{position:absolute; inset:0; transition:opacity .35s ease}
.scheduling-motion [data-part="applicant"]{left:24px; top:140px; width:540px; height:440px}
.scheduling-motion [data-part="applicant"] .scheduling-art-name{left:48px; top:44px; font-size:56px; font-weight:700; color:var(--scheduling-art-name)}
.scheduling-motion [data-part="applicant"] .scheduling-art-job{left:48px; top:124px; font-size:26px; color:var(--scheduling-art-body)}
.scheduling-motion [data-part="applicant"] .scheduling-art-meta{position:absolute; left:48px; top:186px; display:flex; align-items:center; gap:24px}
.scheduling-motion .scheduling-art-tag{padding:10px 24px; border-radius:10px; background:var(--scheduling-art-chip-bg); color:var(--scheduling-art-chip); font-size:28px; font-weight:500; line-height:1.172}
.scheduling-motion .scheduling-art-applied{font-size:28px; color:var(--scheduling-art-sub); line-height:1.172}
.scheduling-motion [data-part="applicant"] .scheduling-art-rule{position:absolute; left:48px; top:282px; width:444px; height:2px; background:var(--scheduling-art-rule)}
.scheduling-motion .scheduling-art-btn{position:absolute; left:48px; top:316px; padding:20px 36px; border:3px solid var(--scheduling-art-btn); border-radius:12px; color:var(--scheduling-art-btn); font-size:30px; font-weight:500; line-height:1.172; transform-origin:50% 50%}
.scheduling-motion .scheduling-art-btn.scheduling-art-press{animation:scheduling-art-press .42s var(--scheduling-art-ease)}
.scheduling-motion [data-part="photo"]{position:absolute; left:604px; top:140px; width:574px; height:800px; border-radius:32px; background:var(--scheduling-art-photo); box-shadow:var(--scheduling-art-shadow)}
.scheduling-motion [data-part="photoImg"]{position:absolute; left:604px; top:0; width:574px; height:940px; display:block; max-width:none}
.scheduling-motion [data-part="invite"]{left:604px; top:980px; width:574px; height:420px}
.scheduling-motion [data-part="invite"] .scheduling-art-label{left:40px; top:40px; font-size:28px; color:var(--scheduling-art-body)}
.scheduling-motion .scheduling-art-row{position:absolute; left:40px; width:494px; height:100px}
.scheduling-motion .scheduling-art-row .scheduling-art-bar{position:absolute; left:84px; top:0; width:410px; height:100px; border-radius:8px; background:var(--scheduling-art-bar)}
.scheduling-motion .scheduling-art-row .scheduling-art-ico{position:absolute; left:112px; top:30px; width:40px; height:40px; display:block}
.scheduling-motion .scheduling-art-row .scheduling-art-title{left:168px; top:30px; font-size:34px; color:var(--scheduling-art-body)}
.scheduling-motion .scheduling-art-circle{position:absolute; width:64px; height:64px; border-radius:50%; box-sizing:border-box; border:3px solid var(--scheduling-art-circle); background:var(--scheduling-art-white); display:grid; place-items:center; transition:background .25s ease, border-color .25s ease}
.scheduling-motion .scheduling-art-row .scheduling-art-circle{left:0; top:18px}
.scheduling-motion .scheduling-art-circle svg{width:34px; height:34px; display:block; opacity:0}
.scheduling-motion .scheduling-art-circle path{stroke:var(--scheduling-art-white); stroke-width:4.5; fill:none; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:44; stroke-dashoffset:44}
.scheduling-motion .scheduling-art-done .scheduling-art-circle,.scheduling-motion .scheduling-art-circle.scheduling-art-done{background:var(--scheduling-art-check); border-color:var(--scheduling-art-check); animation:scheduling-art-pop .36s var(--scheduling-art-ease)}
.scheduling-motion .scheduling-art-done .scheduling-art-circle svg,.scheduling-motion .scheduling-art-circle.scheduling-art-done svg{opacity:1}
.scheduling-motion .scheduling-art-done .scheduling-art-circle path,.scheduling-motion .scheduling-art-circle.scheduling-art-done path{animation:scheduling-art-draw .32s ease forwards .08s}
.scheduling-motion .scheduling-art-status{position:absolute; left:40px; top:328px; padding:10px 24px; border-radius:10px; background:var(--scheduling-art-green-bg); color:var(--scheduling-art-green); font-size:28px; font-weight:500; line-height:1.172; white-space:nowrap;
  opacity:0; transform:translateY(14px); transition:opacity .45s var(--scheduling-art-ease), transform .45s var(--scheduling-art-ease)}
.scheduling-motion .scheduling-art-status.scheduling-art-on{opacity:1; transform:translateY(0)}
.scheduling-motion [data-part="upcoming"]{left:24px; top:620px; width:540px; height:780px; background:var(--scheduling-art-green-bg)}
.scheduling-motion [data-part="upcoming"].scheduling-art-pop{animation:scheduling-art-cardpop .5s var(--scheduling-art-ease)}
.scheduling-motion [data-part="upcoming"] .scheduling-art-label{left:40px; top:40px; font-size:26px; font-weight:500; letter-spacing:1.5px; color:var(--scheduling-art-green)}
.scheduling-motion [data-part="upcoming"] .scheduling-art-dot{position:absolute; left:40px; top:109px; width:18px; height:18px; border-radius:50%; background:var(--scheduling-art-green)}
.scheduling-motion [data-part="upcoming"] .scheduling-art-today{left:74px; top:90px; font-size:48px; color:var(--scheduling-art-green-ink)}
.scheduling-motion [data-part="list"]{position:absolute; left:0; top:150px; width:540px; height:630px; overflow:hidden; border-radius:0 0 24px 24px}
.scheduling-motion .scheduling-art-iv{position:absolute; left:40px; top:0; width:460px; height:180px; border-radius:16px; background:var(--scheduling-art-white);
  transition:transform .7s var(--scheduling-art-ease), opacity .5s ease, box-shadow .7s ease; will-change:transform}
.scheduling-motion .scheduling-art-iv .scheduling-art-time{left:32px; top:29px; font-size:30px; font-weight:700; color:var(--scheduling-art-body)}
.scheduling-motion .scheduling-art-iv .scheduling-art-who-name{left:32px; top:72px; font-size:36px; font-weight:700; color:var(--scheduling-art-name)}
.scheduling-motion .scheduling-art-iv .scheduling-art-who{left:32px; top:124px; font-size:24px; color:var(--scheduling-art-body)}
.scheduling-motion .scheduling-art-iv .scheduling-art-who b{font-weight:700}
.scheduling-motion .scheduling-art-iv.scheduling-art-new{box-shadow:var(--scheduling-art-shadow); z-index:2}
.scheduling-motion .scheduling-art-iv .scheduling-art-circle{left:364px; top:58px; transform:scale(0); transition:transform .3s var(--scheduling-art-ease)}
.scheduling-motion .scheduling-art-iv .scheduling-art-circle.scheduling-art-done{transform:scale(1)}
.scheduling-motion .scheduling-art-confetti{position:absolute; width:8px; height:8px; border-radius:2px; pointer-events:none; animation:scheduling-art-burst .85s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes scheduling-art-burst{0%{transform:translate(0,0) rotate(0deg) scale(.5); opacity:.95} 60%{opacity:.9} 100%{transform:translate(var(--scheduling-art-dx),var(--scheduling-art-dy)) rotate(var(--scheduling-art-rot)) scale(1); opacity:0}}
@keyframes scheduling-art-pop{0%{transform:scale(1)} 45%{transform:scale(1.14)} 100%{transform:scale(1)}}
@keyframes scheduling-art-draw{to{stroke-dashoffset:0}}
@keyframes scheduling-art-cardpop{0%{transform:scale(1)} 40%{transform:scale(1.02)} 100%{transform:scale(1)}}
@keyframes scheduling-art-press{0%{transform:scale(1)} 35%{transform:scale(.94)} 100%{transform:scale(1)}}
@media (prefers-reduced-motion: reduce){.scheduling-motion .scheduling-art-done .scheduling-art-circle,.scheduling-motion .scheduling-art-circle.scheduling-art-done,.scheduling-motion .scheduling-art-done .scheduling-art-circle path,.scheduling-motion .scheduling-art-circle.scheduling-art-done path,.scheduling-motion [data-part="upcoming"].scheduling-art-pop,.scheduling-motion .scheduling-art-btn.scheduling-art-press{animation:none}
.scheduling-motion .scheduling-art-done .scheduling-art-circle path,.scheduling-motion .scheduling-art-circle.scheduling-art-done path{stroke-dashoffset:0}
.scheduling-motion .scheduling-art-iv,.scheduling-motion .scheduling-art-status,.scheduling-motion .scheduling-art-fader,.scheduling-motion .scheduling-art-iv .scheduling-art-circle{transition:none}
.scheduling-motion .scheduling-art-confetti{display:none}}
.scheduling-motion [data-part="stage"]{position:absolute;inset:0;width:100%;height:100%;}
.scheduling-motion [data-part="frame"]{margin:0;padding:0;border:0;}
.scheduling-motion [data-part="photoImg"]{border:0;}
.scheduling-motion [data-action]{position:absolute;z-index:2;top:6px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:transparent;color:var(--color-utility-white);display:grid;place-items:center;padding:0;margin:0;cursor:pointer;box-sizing:border-box;line-height:1;transition:background-color .3s ease;}
.scheduling-motion [data-action="replay"]{left:12px;}
.scheduling-motion [data-action="pause"]{left:52px;}
.scheduling-motion [data-action] svg{width:17px;height:17px;display:block;}
.scheduling-motion [data-action]:hover{background:rgba(255,255,255,.12);}
.scheduling-motion [data-action]:focus-visible{outline:2px solid var(--color-utility-white);outline-offset:3px;}
.scheduling-motion[data-paused] [data-part="frame"] *{animation-play-state:paused!important;}
@media(prefers-reduced-motion:reduce){.scheduling-motion [data-action="pause"]{display:none}.scheduling-motion [data-action]{transition:none}}
