main{display:flex;min-height:100%;height:100%;flex-direction:column;align-items:center;justify-content:space-between}.top-block{z-index:5;flex:0 0 auto;overflow:hidden;display:flex;flex-direction:row;align-items:start;justify-content:center;padding:30px 10px;opacity:0;animation:App-logo-appear 4s forwards;animation-delay:1s}.center-block{z-index:0;position:absolute;top:164px;text-align:center;height:calc(80vh - 140px);overflow:hidden;flex:auto}.App-logo{height:40vmin;pointer-events:none}.logo-placer{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}@property --xVal{syntax:"<percentage>";inherits:true;initial-value:0}.background{width:100%;height:100%;position:absolute;top:0;left:0;background:radial-gradient(circle,#3c3834 0,rgb(47,43,39) var(--xVal),rgb(29,29,29) calc(34% + var(--xVal)),rgb(0,0,0) 100%);animation:background-animate 10s cubic-bezier(0,0,.1,.73) infinite;display:grid;grid-template-rows:100vh;grid-template-columns:100vw}.background svg{justify-self:center;align-self:center;opacity:.5}.vovne_logo{position:relative}.vovne_logo .logoText{position:absolute;top:calc(100% - 20px);left:50%;color:#e2e2e2;animation:App-logo-appear 4s linear}.vovne_logo .logoText svg{margin-left:-50%}.vovne_spiral{animation:App-logo-appear 4s linear,App-logo-spin 10s linear infinite;transform-origin:50% 50%}.vovne_spiral .spiralPath{transform:translate(-5px,18px);fill:#e2e2e2;padding:0 10px}.vovne_ext_icon{fill:#e2e2e2;cursor:pointer;padding:0 10px}.content-container{z-index:10;flex:1 1 30%;width:100%;overflow:hidden;align-items:center;display:flex;justify-content:center;mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0,rgb(0,0,0) 10%,rgb(0,0,0));mask-size:100% 100%;mask-repeat:no-repeat;mask-position:left top,left bottom;pointer-events:none}.content-container .content-block{gap:10px;padding-top:calc(100vh - 220px);padding-bottom:10px;flex:1 1 30%;opacity:0;height:100%;display:flex;flex-direction:column;overflow:auto;align-items:stretch;animation:right-block-appear 2s ease forwards;animation-delay:2s}.content-container .content-block .telegram-integration{align-self:center;width:360px;pointer-events:all;display:flex;flex-direction:column;gap:16px}.content-container .content-block .telegram-integration .telegram-feed-status{color:#888;font-size:.9rem;text-align:center;margin:0}.content-container .content-block .telegram-integration .telegram-post-embed{min-height:80px}.content-container .content-block .bottom-buttons{display:flex;margin:50px 0 20px;align-self:center;gap:20px;padding:0 20px;pointer-events:all}@media(min-width:500px){.content-container .content-block .telegram-integration{width:500px}}.button{display:grid;min-height:60px;padding:20px;min-width:120px;align-content:center;color:#eee;background-color:#1a1a1a;border-radius:14px;border:4px solid #eee;transition:border-color 1s,color 1s}.button:disabled{color:#666;border-color:#666}.button.pending{z-index:0;position:relative;overflow:hidden;border:none;padding:20px 24px}.button.pending:before{content:"";position:absolute;z-index:-2;left:-50%;top:-50%;width:200%;height:200%;background-color:#666;background-repeat:no-repeat;background-size:50% 50%;background-position:0 0;background-image:conic-gradient(#08b637,#08b637);animation:rotate 4s linear infinite}.button.pending:after{content:"";position:absolute;z-index:-1;left:4px;top:4px;width:calc(100% - 8px);height:calc(100% - 8px);background:#1a1a1a;border-radius:10px}.button.success{border:4px solid #00ff45;animation:restorecolor 2s linear forwards}@keyframes restorecolor{0%{border-color:#00ff45}to{border-color:#eee}}@keyframes rotate{to{transform:rotate(1turn)}}.sendFormBack{position:absolute;z-index:100;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.8)}.sendFormBack .sendForm{width:98%;border:1px solid #eee;border-radius:14px;background-color:#1a1a1a;display:flex;flex-direction:column;padding:20px 20px 4px;overflow:hidden}.sendFormBack .sendForm form{display:flex;flex-direction:column;gap:10px}.sendFormBack .sendForm form input{margin-bottom:10px;background-color:#000;border:1px solid #eee;border-radius:14px;color:#eee;padding:4px 12px}.sendFormBack .sendForm form input:-webkit-autofill,.sendFormBack .sendForm form input:-webkit-autofill:active,.sendFormBack .sendForm form input:-webkit-autofill:focus,.sendFormBack .sendForm form input:-webkit-autofill:hover{-webkit-background-clip:text;-webkit-text-fill-color:#eee;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px rgba(0,0,0,.1607843137)}.sendFormBack .sendForm form textarea{border:1px solid #eee;border-radius:14px;margin-bottom:20px;background-color:#000;color:#eee;padding:4px 12px}.sendFormBack .sendForm .errormessage{color:#e65b5b;align-self:center;font-size:12px}@media(min-width:500px){.sendForm{max-width:500px}}::-webkit-scrollbar{height:8px;width:6px}::-webkit-scrollbar-track{border-radius:4px;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0)}::-webkit-scrollbar-track:hover{background-color:#28292a}::-webkit-scrollbar-track:active{background-color:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{border-radius:3px;background-color:rgba(153,153,153,.2666666667);border:1px solid #000}::-webkit-scrollbar-thumb:hover{background-color:#d2d2d2}::-webkit-scrollbar-thumb:active{background-color:#fff}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes background-animate{0%{--xVal:0%}50%{--xVal:10%}to{--xVal:0%}}@keyframes App-logo-appear{0%{opacity:0}to{opacity:1}}@keyframes right-block-appear{0%{opacity:0}to{opacity:1}}