/* A viewport-fixed landscape, independent of the document's scroll height.
   Restore the original cool-blue wash shared by the older app pages. */
:root{--clearspk-page-landscape:linear-gradient(to bottom,rgba(255,255,255,.60) 0%,rgba(79,195,247,.60) 30%,rgba(3,155,229,.60) 100%),url('../bg6_clearspk.png');background-color:#dff7fa;overscroll-behavior:none}
html:root body{isolation:isolate!important;background:#dff7fa!important;overscroll-behavior-x:none;overscroll-behavior-y:auto}
/* A fixed painted layer also works on iOS, where background-attachment:fixed
   can move or resize with the document. Large viewport units avoid URL-bar jumps. */
html:root body::before{content:""!important;display:block!important;position:fixed!important;inset:0 auto auto 0!important;width:100%!important;height:100vh!important;height:100lvh!important;z-index:-2!important;margin:0!important;border:0!important;border-radius:0!important;background:var(--clearspk-page-landscape) center/cover no-repeat!important;pointer-events:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important;animation:none!important;will-change:auto!important}
/* One soft cloud at a time; only transform and opacity animate. The long quiet
   interval leaves the landscape still between passes, without frame loops or canvas. Each completed pass selects a new height and size. */
html:root body::after{--cloud-width:var(--clearspk-cloud-width,clamp(240px,32vw,480px));content:""!important;display:block!important;position:fixed!important;inset:var(--clearspk-cloud-top,52vh) auto auto calc(-1 * var(--cloud-width))!important;inset:var(--clearspk-cloud-top,52lvh) auto auto calc(-1 * var(--cloud-width))!important;width:var(--cloud-width)!important;height:calc(var(--cloud-width) * .42)!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;z-index:-1!important;pointer-events:none!important;contain:strict;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;background:url('../assets/background/cloud-soft.svg') center/contain no-repeat!important;opacity:0;transform:translate3d(0,0,0);animation:clearspk-cloud-pass 84s linear -17s infinite!important;will-change:auto!important}
@keyframes clearspk-cloud-pass{0%,8%{opacity:0;transform:translate3d(0,0,0)}14%{opacity:var(--clearspk-cloud-opacity,.30)}52%{opacity:var(--clearspk-cloud-opacity,.30)}62%,100%{opacity:0;transform:translate3d(calc(100vw + var(--cloud-width)), -18px,0)}}
html.wallet-page-hidden body::after,html.clearspk-cloud-paused body::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){html:root body::after{animation:none!important;opacity:0}}
@media print{html:root body{background:#fff!important}html:root body::before,html:root body::after{display:none!important}}