/* One loading illustration: the cabin window and wing stay still while clouds
   pass outside. Six seconds is the travel loop, never a wait imposed on data. */
.ww-window-loader{
  --ww-window-width:96px;
  display:inline-block;position:relative;flex:none;box-sizing:border-box;
  width:var(--ww-window-width);aspect-ratio:8 / 11;overflow:hidden;
  border:6px solid var(--brand-white);border-radius:48% 48% 44% 44% / 36% 36% 40% 40%;
  background:var(--brand-ice);outline:1px solid var(--brand-mist);
  box-shadow:0 6px 16px rgba(41,54,74,.10),inset 0 0 0 1px var(--brand-teal);
  vertical-align:middle;
}
.ww-window-loader::before{
  content:"";position:absolute;left:0;top:27%;width:34%;height:6%;
  border-radius:50px;background:var(--brand-white);
  box-shadow:12px -5px 0 2px var(--brand-white),25px 0 0 var(--brand-white),
    95px 38px 0 2px var(--brand-white),108px 34px 0 var(--brand-white);
  animation:ww-window-flight 6s linear infinite;animation-delay:-2s;
}
.ww-window-loader::after{
  content:"";position:absolute;left:-4%;bottom:16%;width:96%;height:29%;
  background:var(--brand-navy);
  clip-path:polygon(0 62%,89% 0,100% 5%,43% 73%,0 100%);
}
.ww-window-loader--page{--ww-window-width:112px}
.ww-window-loader--compact{--ww-window-width:64px;border-width:4px;box-shadow:0 3px 8px rgba(41,54,74,.08)}
.ww-window-loader[hidden]{display:none}
.ww-window-loading{text-align:center;padding:32px 16px;color:var(--ink);background:var(--card,#ffffff);border-radius:var(--radius-card,16px)}
.ww-window-loading>.ww-window-loader{display:block;margin:0 auto 20px}
@keyframes ww-window-flight{from{transform:translateX(120px)}to{transform:translateX(-200px)}}
@media(prefers-reduced-motion:reduce){
  .ww-window-loader::before{animation:none;transform:translateX(-10px)}
}