.cache-loader{min-width:0;padding:22px;background:#fff;border:1px solid #dce8ee}
.cache-loader-heading{display:flex;align-items:center;gap:16px;min-width:0}
.cache-loader-heading>div{flex:1;min-width:0}
.cache-loader h2{margin:0 0 6px;font-size:1.1rem}
.cache-loader p{margin:0;color:#52748e;overflow-wrap:anywhere;line-height:1.5}
.cache-loader-heading>strong{flex:none;color:#007f9a;white-space:nowrap}
.cache-boat{display:block;flex:none;width:54px;height:48px;color:#143b58;animation:cache-boat-bob 1.8s ease-in-out infinite}
.cache-boat svg{display:block;width:100%;height:100%}
.cache-progress{height:8px;overflow:hidden;background:#e4f0f5;border-radius:20px;margin-top:18px;width:100%}
.cache-progress>span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#007f9a,#50d3ce);transition:width .3s ease}
.cache-progress.indeterminate>span{animation:cache-progress-sail 1.5s ease-in-out infinite}
@keyframes cache-boat-bob{0%,100%{transform:translateY(2px) rotate(-2deg)}50%{transform:translateY(-3px) rotate(2deg)}}
@keyframes cache-progress-sail{0%{transform:translateX(-100%)}100%{transform:translateX(400%)}}
@media(max-width:600px){.cache-loader{padding:18px}.cache-loader-heading{gap:10px;flex-wrap:wrap}.cache-boat{width:42px;height:40px}.cache-loader-heading>strong{margin-left:auto}.cache-loader-heading>div{flex-basis:calc(100% - 65px)}}
@media(prefers-reduced-motion:reduce){.cache-boat,.cache-progress.indeterminate>span{animation:none}.cache-progress>span{transition:none}.cache-progress.indeterminate>span{width:100%!important;opacity:.55}}