#loader{height:100vh;width:100vw;display:flex;position:fixed;z-index:99999999;justify-content:center;align-items:center;background-color:#f8fbff;transition:opacity .6s ease-in-out;top:0;bottom:0;left:0;right:0}#loader.loader--hide{display:none}#loader .loader{background-color:#f8fbff}.layout__content.loader--visible,body.loader--visible{overflow:hidden}@keyframes loader{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.loader{display:flex;gap:.5rem}.loader div{width:1rem;height:4rem;background:var(--color2-300)}.loader div:nth-child(1){animation:loader 1s cubic-bezier(.5,0,.5,1) infinite;animation-delay:.125s}.loader div:nth-child(2){animation:loader 1s cubic-bezier(.5,0,.5,1) infinite;animation-delay:.25s}.loader div:nth-child(3){animation:loader 1s cubic-bezier(.5,0,.5,1) infinite;animation-delay:.375s}.loader div:nth-child(4){animation:loader 1s cubic-bezier(.5,0,.5,1) infinite;animation-delay:.5s}.loader div:nth-child(5){animation:loader 1s cubic-bezier(.5,0,.5,1) infinite;animation-delay:.625s}.loader div:nth-child(6){animation:loader 1s cubic-bezier(.5,0,.5,1) infinite;animation-delay:.75s}.loader div:nth-child(7){animation:loader 1s cubic-bezier(.5,0,.5,1) infinite;animation-delay:.875s}.loader div:nth-child(8){animation:loader 1s cubic-bezier(.5,0,.5,1) infinite;animation-delay:1s}.fondu-out{opacity:0}#loader.fondu-out{z-index:-1}.fondu-in{opacity:1}.layout__content{height:100%;display:flex;flex-direction:column;justify-content:space-between}