.dot-spinner{position:absolute;justify-content:flex-start;--uib-speed:0.9s;height:2.8rem;width:2.8rem}.dot-spinner,.main-div{display:flex;align-items:center}.main-div{background-color:red;justify-content:center;height:calc(100vh - 70px)}@keyframes float{0%{transform:rotate(0deg) translate(100px) rotate(0deg)}to{transform:rotate(1turn) translate(100px) rotate(-1turn)}}.dot-spinner__dot:before{content:"";height:20%;width:20%;border-radius:50%;background-color:#fff;filter:drop-shadow(0 0 10px rgb(95,150,202));box-shadow:-6px -6px 11px #c1c1c1,6px 6px 11px #fff;transform:scale(0);opacity:.5;animation:pulse0112 calc(var(--uib-speed) * 1.111) ease-in-out infinite;box-shadow:0 0 20px rgba(18,31,53,.3)}.dot-spinner__dot{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:flex-start;height:100%;width:100%}.dot-spinner__dot:nth-child(2){transform:rotate(45deg)}.dot-spinner__dot:nth-child(2):before{animation-delay:calc(var(--uib-speed) * -.875)}.dot-spinner__dot:nth-child(3){transform:rotate(90deg)}.dot-spinner__dot:nth-child(3):before{animation-delay:calc(var(--uib-speed) * -.75)}.dot-spinner__dot:nth-child(4){transform:rotate(135deg)}.dot-spinner__dot:nth-child(4):before{animation-delay:calc(var(--uib-speed) * -.625)}.dot-spinner__dot:nth-child(5){transform:rotate(180deg)}.dot-spinner__dot:nth-child(5):before{animation-delay:calc(var(--uib-speed) * -.5)}.dot-spinner__dot:nth-child(6){transform:rotate(225deg)}.dot-spinner__dot:nth-child(6):before{animation-delay:calc(var(--uib-speed) * -.375)}.dot-spinner__dot:nth-child(7){transform:rotate(270deg)}.dot-spinner__dot:nth-child(7):before{animation-delay:calc(var(--uib-speed) * -.25)}.dot-spinner__dot:nth-child(8){transform:rotate(315deg)}.dot-spinner__dot:nth-child(8):before{animation-delay:calc(var(--uib-speed) * -.125)}@keyframes pulse0112{0%,to{transform:scale(0);opacity:.5}50%{transform:scale(1);opacity:1}}.messageBox{width:100%;height:fit-content;display:flex;align-items:center;justify-content:center;padding:0 15px;border-radius:10px;border:1px solid #3f3f3f}.messageBox:focus-within{border:1px solid #606060}.fileUploadWrapper{width:fit-content;height:100%;display:flex;align-items:center;justify-content:center;font-family:Arial,Helvetica,sans-serif}#file{display:none}.fileUploadWrapper label{cursor:pointer;width:fit-content;height:fit-content;display:flex;align-items:center;justify-content:center;position:relative}.fileUploadWrapper label svg{height:18px}.fileUploadWrapper label svg circle,.fileUploadWrapper label svg path{transition:all .3s}.fileUploadWrapper label:hover svg path{stroke:#fff}.fileUploadWrapper label:hover svg circle{stroke:#fff;fill:#3c3c3c}.outer{width:300px;height:250px;border-radius:10px;padding:1px;background:radial-gradient(circle 230px at 0 0,#fff,#0c0d0d)}.card,.outer{position:relative}.card{z-index:1;width:100%;height:100%;border-radius:9px;border:1px solid #202222;background-size:20px 20px;background:radial-gradient(circle 280px at 0 0,#444,#0c0d0d);display:flex;align-items:center;justify-content:center;flex-direction:column;lcoor:#fff}.fileUploadWrapper label:hover .tooltip{display:block;opacity:1}.tooltip{position:absolute;top:-40px;display:none;opacity:0;font-size:10px;text-wrap:nowrap;background-color:#000;padding:6px 10px;border:1px solid #3c3c3c;border-radius:5px;box-shadow:0 5px 10px rgba(0,0,0,.596);transition:all .3s}#messageInput{width:100%;height:100%;background-color:transparent;outline:none;border:none;padding-left:10px}#messageInput:focus~#sendButton svg path,#messageInput:valid~#sendButton svg path{fill:#3c3c3c;stroke:#fff}#sendButton{width:fit-content;height:100%;background-color:transparent;outline:none;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}#sendButton svg{height:18px;transition:all .3s}#sendButton svg path{transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}#sendButton:hover svg path{fill:#3682f4;stroke:#fff}