#loader-overlay{width:100%;height:100svh;top:0;left:0;display:flex;overflow:hidden;background:var(--color-bg);position:fixed;z-index:var(--z-index-load)}.loader-bar{height:100%;flex:0 0 calc(100% / 7);position:relative;transform:translateY(100%)}.loader-bar.t1{background:#ff85a0}.loader-bar.t2{background:#ffa1e5}.loader-bar.t3{background:#ffc2f0}.loader-bar.t4{background:#fe0}.loader-bar.t5{background:#bfff00}.loader-bar.t6{background:#5ce6b0}.loader-bar.t7{background:#6ec8e6}