.loader{aspect-ratio:2;--_g:no-repeat radial-gradient(circle closest-side,#000 90%,#0000);background:var(--_g) 0 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:calc(100% / 3) 50%;animation:l3 1s linear infinite}.loader-white{--_g:no-repeat radial-gradient(circle closest-side,#fff 90%,#fff0)}@keyframes l3{20%{background-position:0 0,50% 50%,100% 50%}40%{background-position:0 100%,50% 0,100% 50%}60%{background-position:0 50%,50% 100%,100% 0}80%{background-position:0 50%,50% 50%,100% 100%}}.main-container{flex-direction:column}.carousel-container,.main-container{width:100%;display:flex;justify-content:center;align-items:center}.carousel-container{position:relative;height:230px;opacity:0;transform:scale(.9);animation:fadeGrowIn .5s cubic-bezier(.45,0,.55,1) forwards}@keyframes fadeGrowIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.carousel-image{position:absolute;border-radius:20px;object-fit:cover;animation-duration:4s;animation-timing-function:cubic-bezier(.45,0,.55,1);animation-iteration-count:infinite;animation-fill-mode:both}.title-container{margin-top:20px;text-align:center;overflow:hidden}.title-line{opacity:0;filter:blur(8px);transform:translateY(20px);font-size:16px;line-height:20px}.first-line{animation:blurIn .6s cubic-bezier(.45,0,.55,1) .2s forwards}.second-line{animation:blurIn .6s cubic-bezier(.45,0,.55,1) .3s forwards}@keyframes blurIn{0%{opacity:0;filter:blur(16px);transform:translateY(16px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes animate1{0%{transform:translateX(0);width:214px;height:214px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:20}16%{transform:translateX(0);width:214px;height:214px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:20}26%{transform:translateX(-100px);width:100px;height:190px;clip-path:polygon(0 0,100% 5%,100% 95%,0 100%);z-index:1}41%{transform:translateX(-100px);width:100px;height:190px;clip-path:polygon(0 0,100% 5%,100% 95%,0 100%);z-index:1}51%{transform:translateX(0);width:160px;height:160px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:-1}66%{transform:translateX(0);width:160px;height:160px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:-1}76%{transform:translateX(100px);width:100px;height:190px;clip-path:polygon(0 5%,100% 0,100% 100%,0 95%);z-index:1}91%{transform:translateX(100px);width:100px;height:190px;clip-path:polygon(0 5%,100% 0,100% 100%,0 95%);z-index:1}97%{transform:translateX(0);width:214px;height:214px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:20}to{transform:translateX(0);width:214px;height:214px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:20}}.image1{animation-name:animate1;transform:translateX(0);width:214px;height:214px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:20}@keyframes animate2{0%{transform:translateX(-100px);width:100px;height:190px;clip-path:polygon(0 0,100% 5%,100% 95%,0 100%);z-index:1}18%{transform:translateX(-100px);width:100px;height:190px;clip-path:polygon(0 0,100% 5%,100% 95%,0 100%);z-index:1}23%{transform:translateX(0);width:160px;height:160px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:-1}43%{transform:translateX(0);width:160px;height:160px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:-1}48%{transform:translateX(100px);width:100px;height:190px;clip-path:polygon(0 5%,100% 0,100% 100%,0 95%);z-index:1}68%{transform:translateX(100px);width:100px;height:190px;clip-path:polygon(0 5%,100% 0,100% 100%,0 95%);z-index:1}73%{transform:translateX(0);width:214px;height:214px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:20}93%{transform:translateX(0);width:214px;height:214px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:20}98%{transform:translateX(-100px);width:100px;height:190px;clip-path:polygon(0 0,100% 5%,100% 95%,0 100%);z-index:1}to{transform:translateX(-100px);width:100px;height:190px;clip-path:polygon(0 0,100% 5%,100% 95%,0 100%);z-index:1}}.image2{animation-name:animate2;transform:translateX(-100px);width:100px;height:190px;clip-path:polygon(0 0,100% 5%,100% 95%,0 100%);z-index:1}@keyframes animate3{0%{transform:translateX(0);width:160px;height:160px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:-1}18%{transform:translateX(0);width:160px;height:160px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:-1}23%{transform:translateX(100px);width:100px;height:190px;clip-path:polygon(0 5%,100% 0,100% 100%,0 95%);z-index:1}43%{transform:translateX(100px);width:100px;height:190px;clip-path:polygon(0 5%,100% 0,100% 100%,0 95%);z-index:1}48%{transform:translateX(0);width:214px;height:214px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:20}68%{transform:translateX(0);width:214px;height:214px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:20}73%{transform:translateX(-100px);width:100px;height:190px;clip-path:polygon(0 0,100% 5%,100% 95%,0 100%);z-index:1}93%{transform:translateX(-100px);width:100px;height:190px;clip-path:polygon(0 0,100% 5%,100% 95%,0 100%);z-index:1}98%{transform:translateX(0);width:160px;height:160px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:-1}to{transform:translateX(0);width:160px;height:160px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:-1}}.image3{animation-name:animate3;transform:translateX(0);width:160px;height:160px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:-1}@keyframes animate4{0%{transform:translateX(100px);width:100px;height:190px;clip-path:polygon(0 5%,100% 0,100% 100%,0 95%);z-index:1}18%{transform:translateX(100px);width:100px;height:190px;clip-path:polygon(0 5%,100% 0,100% 100%,0 95%);z-index:1}23%{transform:translateX(0);width:214px;height:214px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:20}43%{transform:translateX(0);width:214px;height:214px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:20}48%{transform:translateX(-100px);width:100px;height:190px;clip-path:polygon(0 0,100% 5%,100% 95%,0 100%);z-index:1}68%{transform:translateX(-100px);width:100px;height:190px;clip-path:polygon(0 0,100% 5%,100% 95%,0 100%);z-index:1}73%{transform:translateX(0);width:160px;height:160px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:-1}93%{transform:translateX(0);width:160px;height:160px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:-1}98%{transform:translateX(100px);width:100px;height:190px;clip-path:polygon(0 5%,100% 0,100% 100%,0 95%);z-index:1}to{transform:translateX(100px);width:100px;height:190px;clip-path:polygon(0 5%,100% 0,100% 100%,0 95%);z-index:1}}.image4{animation-name:animate4;transform:translateX(100px);width:100px;height:190px;clip-path:polygon(0 5%,100% 0,100% 100%,0 95%);z-index:1}