body{margin:0}.loader-container{display:flex;width:100%;height:100%;overflow:hidden;min-height:100vh;background:#343a40}.loader{position:relative;margin:auto}.middle{top:0;left:0;width:40px;height:2px;background:#fff;position:absolute;animation:middleAnimation 2s infinite linear;animation-delay:-.1s}.bottom{top:0;left:0;position:absolute;height:30px;width:2px;background:#fff;border-radius:2px;transform-origin:bottom;transform:rotate(45deg);animation:bottomAnimation 4s infinite}.bottom:nth-child(1){animation-delay:-1s}.bottom:nth-child(2){animation-delay:-2s}.bottom:nth-child(3){animation-delay:-3s}.bottom-section{position:absolute;transform:translateY(-16px)}.top-section{position:absolute;transform:translateY(16px);transform:scaleY(-1)}@keyframes bottomAnimation{0%{transform:rotate(45deg) scaleY(1)}25%{transform:rotate(0) scaleY(.7)}50%{transform:rotate(-45deg) scaleY(1)}75%{transform:rotate(0) scaleY(.7)}to{transform:rotate(45deg) scaleY(1)}}@keyframes middleAnimation{0%{transform:translate(-19px,-9px) scaleX(1)}25%{transform:translate(-19px,-9px) scaleX(.6)}50%{transform:translate(-19px,-9px) scaleX(1)}75%{transform:translate(-19px,-9px) scaleX(.7)}to{transform:translate(-19px,-9px) scaleX(1)}}