:root{--uu-bootstrap-background:#fff7fb;--uu-bootstrap-accent:#ff2d75;--uu-bootstrap-track:#ffd6e5;--uu-bootstrap-error:#a63737}
html[data-uu-surface=admin]{--uu-bootstrap-background:#283443;--uu-bootstrap-accent:#409eff;--uu-bootstrap-track:#516172;--uu-bootstrap-error:#ffc6c6}
html[data-uu-surface=technician]{--uu-bootstrap-background:#f4f6f8;--uu-bootstrap-accent:#2bd009;--uu-bootstrap-track:#d8ead4;--uu-bootstrap-error:#a63737}
html[data-uu-surface=agent]{--uu-bootstrap-background:#22364d;--uu-bootstrap-accent:#409eff;--uu-bootstrap-track:#4a6078;--uu-bootstrap-error:#ffc6c6}
html,body{background:var(--uu-bootstrap-background)}
#uu-bootstrap{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;background:var(--uu-bootstrap-background);font-family:"Microsoft JhengHei","PingFang TC",Arial,sans-serif;transition:opacity .16s,visibility .16s}
#uu-bootstrap.is-ready{opacity:0;visibility:hidden;pointer-events:none}
.uu-bootstrap-spinner{box-sizing:border-box;width:52px;height:52px;border:4px solid var(--uu-bootstrap-track);border-top-color:var(--uu-bootstrap-accent);border-radius:50%;animation:uu-bootstrap-spin 1.1s linear infinite}
.uu-bootstrap-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#uu-bootstrap.is-error{grid-auto-flow:row;gap:14px}
#uu-bootstrap.is-error .uu-bootstrap-spinner{display:none}
#uu-bootstrap.is-error .uu-bootstrap-status{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal;color:var(--uu-bootstrap-error);font-size:13px;font-weight:600;text-align:center}
@keyframes uu-bootstrap-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#uu-bootstrap{transition:none}.uu-bootstrap-spinner{animation:none}}
