/* The loader skin needs its own layout box, rather than wrapping tight to text. */
html:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .preloader>.box,
html:root:root:root:root:root:root:root:root #ffRouteLoader>div{
 box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
 align-items:center!important;justify-content:center!important;gap:14px!important;
 width:min(240px,calc(100vw - 40px))!important;min-width:0!important;
 min-height:208px!important;height:auto!important;padding:28px 22px!important;
 margin:0!important;border-radius:30px!important;text-align:center!important;
 font-family:'Fernus Sans','Google Sans',sans-serif!important;line-height:1.4!important;
 overflow-wrap:anywhere!important;
}
html:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .preloader>.box>.spinner,
html:root:root:root:root:root:root:root:root #ffRouteLoader .ff-route-spinner{
 flex:0 0 auto!important;width:48px!important;height:48px!important;
 margin:0 0 6px!important;box-sizing:border-box!important;
}
html:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .preloader>.box>strong{font-size:21px!important;line-height:1.25!important}
html:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .preloader>.box>div:not(.spinner){margin:0!important;max-width:100%!important;font-size:14px!important;line-height:1.5!important}
@media(max-height:360px){
 html:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .preloader>.box,
 html:root:root:root:root:root:root:root:root #ffRouteLoader>div{min-height:0!important;padding:24px!important;gap:10px!important;max-height:calc(100dvh - 24px);overflow:auto}
}