.cloud_transition{pointer-events:none;position:fixed;top:0;left:0;height:100vh;width:100%;background-color:#fff0;z-index:1102}.cloud_transition,.cloud_transition .__bottom-layer,.cloud_transition .__top-layer{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.75s}.cloud_transition .__bottom-layer{position:absolute;bottom:0;left:0;height:100%;width:100%;--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));z-index:1;background-image:url(/assets/portal/images/clouds_bottom.svg);background-position:bottom;background-size:cover;background-repeat:no-repeat}.cloud_transition .__bottom-layer:after{position:absolute;left:0;height:50%;width:100%;--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));content:"";background:white;bottom:1px}.cloud_transition .__top-layer{position:absolute;top:0;left:0;height:100%;width:100%;--tw-translate-y: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));z-index:2;background-image:url(/assets/portal/images/clouds_top.svg);background-position:top;background-size:cover;background-repeat:no-repeat}.cloud_transition .__top-layer:after{position:absolute;left:0;height:50%;width:100%;--tw-translate-y: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));content:"";background:white;top:1px}.cloud_transition.clouded{background-color:#fff}.cloud_transition.clouded .__bottom-layer{--tw-translate-y: -33.333333%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cloud_transition.clouded .__top-layer{--tw-translate-y: 33.333333%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cloud_transition .__loading-area{display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:0}.cloud_transition .__loading-area.animating{animation:fade-in .75s cubic-bezier(.075,.82,.165,1) 1.5s forwards}@keyframes fade-in{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}