/* ---------- loading ---------- */
.skel .temp,.skel .hero-icon,.skel .tile .v,.skel .cond{position:relative;color:transparent!important;text-shadow:none!important}
.skel .temp::after,.skel .tile .v::after,.skel .cond::after{content:"";position:absolute;inset:6% 0;border-radius:16px;background:linear-gradient(100deg,rgba(255,255,255,.08) 20%,rgba(255,255,255,.35) 50%,rgba(255,255,255,.08) 80%);background-size:250% 100%;animation:shimmer 1.2s linear infinite}
.skel .hero-icon{opacity:.25}
@keyframes shimmer{to{background-position:-250% 0}}
.swapping .hero,.swapping .tiles,.swapping .hourly,.swapping .daily,.swapping .sunbox{opacity:.35;transform:scale(.99);transition:all .25s}