.fp-page-loading-state,.oc-page-loading{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 16px;border:1px solid #d7e5f7;border-radius:12px;background:linear-gradient(105deg,#f2f7ff,#fbfdff);color:#3c5878;box-shadow:0 8px 22px rgb(38 74 124 / 5%)}
.fp-page-loading-state[hidden],.oc-page-loading[hidden]{display:none!important}
.fp-page-loading-state>div,.oc-page-loading>div{display:grid;gap:3px;min-width:0}
.fp-page-loading-state b,.oc-page-loading b{font-size:12px;color:#2d4d72}
.fp-page-loading-state small,.oc-page-loading small{color:#7d8da2;font-size:11px;line-height:1.45}
.fp-loading-spinner{display:block;flex:none;width:18px;height:18px;border:2px solid #cfe0f7;border-top-color:#2878ed;border-radius:50%;animation:fp-page-loading-spin .8s linear infinite}
.fp-page-loading-state[data-loading-state="error"],.oc-page-loading[data-loading-state="error"]{border-color:#f1d3d3;background:#fff8f8}
.fp-page-loading-state[data-loading-state="error"] b,.oc-page-loading[data-loading-state="error"] b{color:#a94b4b}
@keyframes fp-page-loading-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.fp-loading-spinner{animation:none}}