:root{--app-accent-color: #32639f;--app-font-size: 16px;--app-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--app-bgcolor: #202020;--app-border-color: #3b3f44;--scroll-width: 10px;--scroll-track-bgcolor: #2f2f2f52;--scroll-thumb-bgcolor: rgba(59, 59, 59, 0.747);--scroll-thumb-hover-bgcolor: #555;--selection-bgcolor: var(--app-accent-color);--selection-color: #fff;--button-color: #fff;--button-border: 1px solid #222424;--button-bgcolor: hsl(0, 0%, 22%);--button-hover-bgcolor: hsl(0, 0%, 24%);--button-active-bgcolor: hsl(0deg 0% 20%);--button-shadow-color: #00000078;--titlebar-bgcolor: hsl(0deg 0% 10%);--titlebar-color: hsl(0, 0%, 85%);--titlebar-title-color: hsl(0, 0%, 85%);--titlebar-menu-border-color: #2d2c2c;--titlebar-menu-title-hover-bgcolor: hsl(0deg 0% 12%);--titlebar-menu-title-active-bgcolor: hsl(0deg 0% 14%);--titlebar-menu-title-active-border-color: var(--titlebar-menu-border-color);--titlebar-menu-separator-bgcolor: var(--titlebar-menu-border-color);--titlebar-popup-bgcolor: hsl(0deg 0% 14%);--titlebar-popup-border: 1px solid var(--titlebar-menu-border-color);--titlebar-popup-shadow: 4px 10px 10px rgba(0, 0, 0, 0.2);--titlebar-popup-item-name-color: hsl(0, 0%, 75%);--titlebar-popup-item-shortcut-color: hsla(0, 0%, 55%, 0.8);--titlebar-popup-item-hover-color: hsl(0, 0%, 85%);--titlebar-popup-item-hover-bgcolor: hsl(0deg 0% 18%);--titlebar-popup-item-hover-shortcut-color: var(--app-accent-color);--titlebar-popup-item-name-shadow-color: #151515;--erwt-bgcolor: #262626;--erwt-heading-color: #dddddd;--header-color: linear-gradient(90deg, #057FBA, #9C1535)}body:not(.dark-mode){--app-accent-color: #2f77ca;--app-bgcolor: #f1f0f0;--selection-bgcolor: var(--app-accent-color);--selection-color: #fff;--scroll-track-bgcolor: #2f2f2f1f;--scroll-thumb-bgcolor: rgb(59 59 59 / 30%);--scroll-thumb-hover-bgcolor: var(--app-accent-color);--button-border: 1px solid #eaeaea;--button-bgcolor: #fff;--button-color: #424242;--button-shadow-color: white;--button-hover-bgcolor: hsl(0, 0%, 98%);--button-active-bgcolor: hsl(0, 0%, 96%);--titlebar-bgcolor: #dcddde;--titlebar-color: #1f1f1f;--titlebar-title-color: var(--titlebar-color);--titlebar-menu-title-hover-bgcolor: #e6e6e6;--titlebar-popup-item-hover-bgcolor: hsl(210deg 16% 92%);--titlebar-popup-bgcolor: hsl(0deg 0% 99%);--titlebar-menu-title-active-bgcolor: hsl(0deg 0% 99%);--titlebar-menu-title-active-border-color: #d3d6d8;--titlebar-popup-border: 1px solid #d3d6d8;--titlebar-menu-separator-bgcolor: #d3d6d8;--titlebar-popup-item-hover-bgcolor: #d6dade;--titlebar-popup-item-name-color: #0e0e0e;--titlebar-popup-item-name-shadow-color: rgba(255, 255, 255, 0.8);--titlebar-popup-item-hover-color: #000000;--titlebar-popup-item-hover-shortcut-color: var(--app-accent-color);--titlebar-popup-item-hover-bgcolor: #e6e6e6;--erwt-bgcolor: #f8f8f8;--erwt-heading-color: #282828}body:not(.dark-mode) .main-teaser{background:#fff;color:#747474}body:not(.dark-mode) .main-teaser:after{box-shadow:none}body:not(.dark-mode) .versions .item{color:#656565;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.0196078431)}body:not(.dark-mode) .versions .item>span{color:#999}::selection{background:var(--selection-bgcolor);color:var(--selection-color)}::-webkit-scrollbar{width:var(--scroll-width)}::-webkit-scrollbar-track{background:var(--scroll-track-bgcolor)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb-bgcolor)}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover-bgcolor)}html,body,#app{height:100%}body{margin:0;font-size:var(--app-font-size);font-family:var(--app-font-family);color:var(--app-color);line-height:1.5;overflow-y:hidden}h1{margin:0}.header{height:120px;background:linear-gradient(90deg, #057FBA, #9C1535);display:flex;align-items:center;padding:0 40px}.container{display:flex;flex-direction:column;max-height:800px;max-width:650px;justify-content:space-between;margin:0 auto;border-radius:10px;box-shadow:0 0 20px 4px rgba(0,0,0,0);padding:16px;margin-bottom:380px}.container .container__title{font-size:40px;text-align:center;color:#192b79;margin-bottom:30px}.container .container__input{display:flex;flex-direction:column;margin-bottom:20px}.container .container__input .container__input-label{font-size:24px;color:#192b79}.container .container__input .color-purple{color:#311c83}.container .container__input .container__input-input{height:60px;font-size:30px;font-weight:400;padding-left:24px;color:#000;border:none;outline:none;letter-spacing:.3px;box-shadow:inset 0px 3px 8px rgba(0,0,0,.0509803922);border:2px solid #b4b4b4;border-radius:20px}.container .container__input .container__input-warning{text-align:end;margin:0;color:#c53129}.container .container__input .container__input-select{height:70px;font-size:30px;font-weight:400;padding-left:24px;color:#000;border:none;outline:none;letter-spacing:.3px;box-shadow:inset 0px 3px 8px rgba(0,0,0,.0509803922);border:2px solid #b4b4b4;border-radius:20px}.container .mb-10{margin-bottom:40px}.container__button{display:flex;justify-content:center}.container__button .container__button-button{width:329px;height:124px;font-size:35px;color:#fff;font-weight:600;background:linear-gradient(180deg, #296EC6, #194680);border:1px solid #fff;box-shadow:0px 6px 15px rgba(0,0,0,.1607843137);border-radius:35px;margin-bottom:30px}.container__button .container__button-button:active{border:1px solid #fff;background:linear-gradient(180deg, #3679d1, #20509a);box-shadow:0px 0px 5px #c8c7c7,0px 0px 5px #c8c7c7;text-decoration:none;outline:none}.footer{position:relative;width:100%}.footer .footer_box{position:absolute;top:10px;overflow-x:hidden}.footer .footer_img{width:100%}.container__modal{position:absolute;top:0px;width:100%;height:100%;background:linear-gradient(180deg, rgba(0, 0, 0, 0.8) 35%, rgba(0, 0, 0, 0.6) 100%)}.container__modal .container__modal-modal{position:absolute;top:400px;left:210px}
.box__modal{display:flex;flex-direction:column;justify-content:center;align-items:center;width:515px;background:linear-gradient(180deg, #CECECE, #F8F8F8);border:3px solid #f8f8f8;border-radius:30px;padding:20px}.box__modal .modal-title{font-size:40px;text-align:center;color:#000;margin:0;margin-bottom:12px}.box__modal .modal-subtitle{font-size:35px;text-align:center;color:#6b6b6b;margin-bottom:30px;line-height:30px;margin:0;margin-bottom:32px}.box__modal .modal-button{width:200px;height:66px;color:#fff;outline:none;cursor:none;font-weight:400;font-size:35px;background:linear-gradient(180deg, #F63139, #EB1C24);border:1px solid #eb0045;border-radius:60px}.box__modal .modal-button:active{border:1px solid #eb0045;background:linear-gradient(180deg, rgb(155, 0, 46), rgb(146, 13, 54));box-shadow:0px 4px 12px #c8c7c7,0px -2px 6px #fff}
