.appt-busy{--appt-ring:#3b5bdb;--appt-glow:#2eb7d4;transition:transform .12s;position:relative}.appt-busy[data-tone=cyan]{--appt-ring:#4ac9e3;--appt-glow:#fff}.appt-ring,.appt-ring-light{border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.appt-ring{background:var(--appt-ring);opacity:0;z-index:1;transition:opacity .12s}.appt-busy:active>.appt-ring,.appt-busy[data-busy=true]>.appt-ring{opacity:1}.appt-ring-light{z-index:2;overflow:hidden}.appt-ring-light:before{content:"";background:conic-gradient(from 0deg,transparent 0deg,transparent 250deg,var(--appt-glow)320deg,#fff 350deg,var(--appt-glow)360deg);animation:1.1s linear infinite appt-ring-spin;position:absolute;inset:-60%}@keyframes appt-ring-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.appt-busy{transition:none}.appt-ring-light:before{opacity:.9;animation:none}}