@charset "UTF-8";.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;background-color:var(--background);width:100%;height:100vh;animation:showLoading .15s ease-in-out;z-index:999}.loading-screen .loading-ring-1{width:200px;height:200px;border:5px solid var(--highlight);border-color:var(--highlight) var(--highlight) var(--highlight) var(--background);border-radius:50%;animation:spin 4s 0s cubic-bezier(.25,.1,.25,1) infinite alternate-reverse both;display:flex;justify-content:center;align-items:center}.loading-screen .loading-ring-2{width:180px;height:180px;border:5px solid var(--highlight);border-color:var(--highlight) var(--background) var(--highlight) var(--background);border-radius:50%;animation:spin 5s 0s cubic-bezier(.25,.1,1,1) infinite alternate both;display:flex;justify-content:center;align-items:center}.loading-screen .loading-ring-3{width:160px;height:160px;border:5px solid var(--highlight);border-color:var(--background) var(--background) var(--background) var(--highlight);border-radius:50%;animation:spin 6s 0s cubic-bezier(.25,1,.25,1) infinite alternate-reverse both}@keyframes spin{to{transform:rotate(360deg)}}@keyframes showLoading{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.ReactModal__Overlay{background-color:#0009!important;color:green;z-index:99}.ReactModal__Content{color:#fff;min-width:min(400px,90vw)!important;max-width:min(500px,90vw)!important;font-family:Roboto;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;margin-right:-50%!important;transform:translate(-50%,-50%);animation:showModal .2s ease-in-out;background-color:#000000e6!important;max-height:80vh}.ReactModal__Content .modal-close-button{font-family:Verdana,sans-serif;font-size:1.4rem;position:absolute;right:0;top:0;cursor:pointer;border:none;background-color:transparent;color:#fff}.ReactModal__Content .modal-close-button:hover{color:#ffffff80}.ReactModal__Content form{display:flex;flex-direction:column;gap:10px}.ReactModal__Content form h2{font-size:1.8rem}.ReactModal__Content form button,.ReactModal__Content form select,.ReactModal__Content form textarea,.ReactModal__Content form input{font-size:1rem;padding:.5em;border:none;border-radius:3px}.ReactModal__Content form button{color:#fff;background-color:#c85a5a80;border:none;cursor:pointer;font-weight:700;line-height:20px;float:right;transition:background-color var(--hover-transition-time) ease-in-out;-webkit-user-select:none;user-select:none}.ReactModal__Content form button:last-child{margin-top:2.3px}.ReactModal__Content form button:hover{background-color:red}.ReactModal__Content form button:disabled{background-color:#5a5a5a80;color:#ffffff1a;cursor:no-drop}.ReactModal__Content form .menu-modal{margin-top:20px;display:flex;flex-direction:column;gap:10px}@keyframes showModal{0%{transform:scale(0) translate(-50%,-50%);opacity:0}to{transform:scale(1) translate(-50%,-50%);opacity:1}}.my-requests-container .my-requests-screen{display:flex;gap:10px;overflow:hidden}.my-requests-container .my-requests-screen .my-request{width:calc(100vw - 30px);max-width:600px;background-color:var(--input-bg);color:var(--myreqs-text);border-radius:10px;padding:10px;z-index:3;cursor:pointer}.my-requests-container .my-requests-screen .my-request h2{font-size:1.5rem;margin-bottom:8px}.my-requests-container .my-requests-screen .my-request p{margin-bottom:2px}.my-requests-container .my-requests-screen .my-request b{font-weight:700}.my-requests-container .my-requests-screen .my-request .statusBar{width:calc(100% + 20px);height:9px;border-radius:0 0 10px 10px;position:relative;right:10px;top:10px}.my-requests-container .my-requests-screen .my-request .denied{background-color:var(--red)}.my-requests-container .my-requests-screen .my-request .finished{background-color:var(--green)}.my-requests-container .my-requests-screen .my-request .waiting,.my-requests-container .my-requests-screen .my-request .started{background-color:var(--light-gray)}.my-requests-container .my-request-screen{gap:150px;overflow:hidden;word-break:break-all}.my-requests-container .my-request-screen .water-mark{font-size:5rem;position:absolute;top:200px;transform:rotate(-45deg);color:var(--text);filter:opacity(.03);-webkit-user-select:none;user-select:none;z-index:0}.my-requests-container .my-request-screen .request-header{text-align:center;z-index:1}.my-requests-container .my-request-screen .request-header h1{font-size:2.5rem;color:var(--text)}.my-requests-container .my-request-screen .request-header h3{color:var(--text)}.my-requests-container .my-request-screen .request-timer{color:var(--text);font-size:1rem}.my-requests-container .my-request-screen .progressbar{font-family:Roboto;display:flex;width:400px;padding-right:4%}.my-requests-container .my-request-screen .progressbar li{position:relative;color:var(--highlight2);width:33%;text-align:center;transition:all var(--bg-status-transition-time);list-style:none}.my-requests-container .my-request-screen .progressbar li:before{display:flex;align-items:center;justify-content:center;content:attr(data-step);width:40px;height:40px;border-radius:50%;background-color:var(--white);color:var(--highligh2);position:absolute;top:-50px;left:calc(50% - 20px);z-index:1;transition:background-color var(--bg-status-transition-time)}.my-requests-container .my-request-screen .progressbar li:after{content:"";width:100%;height:5px;background-color:var(--white);position:absolute;top:-35px;left:-50%;transition:background-color var(--bg-status-transition-time)}.my-requests-container .my-request-screen .progressbar li:first-child:after{width:0}.my-requests-container .my-request-screen .active{color:var(--light-gray)!important}.my-requests-container .my-request-screen .active:before{background:var(--light-gray)!important;color:var(--white)!important}.my-requests-container .my-request-screen .active:after{background:var(--light-gray)!important}.my-requests-container .my-request-screen .finished{color:var(--green)!important}.my-requests-container .my-request-screen .finished:before{background:var(--green)!important;color:var(--white)!important}.my-requests-container .my-request-screen .finished:after{background:var(--green)!important}.my-requests-container .my-request-screen .denied{color:var(--red)!important}.my-requests-container .my-request-screen .denied:before{background:var(--red)!important;color:var(--white)!important}.my-requests-container .my-request-screen .denied:after{background:var(--red)!important}.my-requests-container .my-request-screen .request-actions{display:flex;flex-direction:column;align-items:center}.my-requests-container .my-request-screen .request-actions span{color:var(--text);font-size:1.3rem;text-align:justify;padding:0 15px;margin-bottom:15px}.my-requests-container .my-request-screen .request-actions button{padding:12px 20px;background-color:var(--highlight);border:none;border-radius:5px;font-family:Roboto;font-weight:700;font-size:1.2rem;color:var(--background);cursor:pointer}.my-requests-container .my-request-screen .drag-message{position:absolute;font-size:.85rem;color:var(--light-gray);bottom:5px}.my-requests-container .my-request-screen img{width:200px;border-radius:10px}.upload-image{flex-wrap:wrap;padding:5px;border-radius:10px;border:2px dashed #666}.upload-image .upload-image-header{display:flex;justify-content:space-between;width:100%}.upload-image .upload-image-header h2{font-size:1.5rem;color:var(--highlight);margin-bottom:5px}.upload-image .upload-image-header button{margin-left:5px;font-size:2rem;width:50px!important;height:50px!important}.upload-image .upload-image-header button:first-child{font-size:2rem}.upload-image .upload-image-header button:last-child{font-size:1.5rem;font-weight:bolder;position:relative;bottom:2.55px}.upload-image .images{display:flex;overflow-x:scroll;gap:5px}.upload-image .images .image{position:relative;display:flex}.upload-image .images .image .image-remove-btn{cursor:pointer;background-image:-webkit-linear-gradient(45deg,transparent 50%,black);border-radius:0 0 0 100%;padding:2px 2px 12px 14px;color:#fff;font-size:1.3rem;font-weight:bolder;position:absolute;right:0;top:0;transition:all var(--hover-transition-time)}.upload-image .images .image .image-remove-btn:hover{color:var(--red)}.fabs{width:100%;padding:0 10px;position:fixed;bottom:10px;pointer-events:none;display:flex;flex-direction:row-reverse;justify-content:space-between}.fab{background-size:36px;background-position:center;background-repeat:no-repeat;background-color:#0009;border-radius:50%;padding:20px;cursor:pointer;pointer-events:painted;width:56px;height:56px;transition:all .2s ease-in-out;z-index:2}.fab:hover{background-color:#ff0000e6;transform:scale(1.05)}.fab-add{background-image:url(/assets/add-be785433.svg)}.fab-back{background-image:url(/assets/back-a28b1b48.svg)}.fab-download{background-image:url(/assets/download-470453f6.svg)}.fab-pause{background-image:url(/assets/pause-894900a3.svg)}.fab-play{background-image:url(/assets/play-03c82880.svg)}.fab-delete{background-image:url(/assets/delete-da79ff48.svg)}.small-image{width:100px;height:100px}.request{width:850px;padding:5px;border-radius:15px;display:flex;flex-direction:column;margin-bottom:10px;transition:all var(--hover-transition-time) ease-in-out;color:var(--text);overflow:hidden;box-shadow:2px 2px 2px 0 var(--shadow);background-color:var(--requests)!important}.request:hover{background-color:#c1c1c126;transform:scale(1.01,1.005)}.request .request-header{display:flex;justify-content:space-between;align-items:center}.request .request-header .status{flex-shrink:0;width:2.6rem;height:2.6rem;border-radius:50%;color:var(--text);font-size:2.3rem;cursor:pointer;margin-right:5px}.request .request-header .status.status-waiting{background-color:#eee650}.request .request-header .status.status-started{background-color:var(--green)}.request .request-header .status.status-missed-deadline{background-color:#cb5555}.request .request-header .status.status-finished{background-color:#79b6eb}.request .request-header .status.checklist:after,.request .request-header .status.service:after,.request .request-header .status.supervision:after,.request .request-header .status.construction:after,.request .request-header .status.implantation:after,.request .request-header .status.verificacao_cluster:after,.request .request-header .status.verificacao_implantacao:after,.request .request-header .status.atendimento_aliada:after,.request .request-header .status.supervisao_implantacao:after,.request .request-header .status.supervisao_cluster:after{font-size:2rem;font-family:Roboto,sans-serif;position:relative;left:calc(50% - .65rem);line-height:2.8rem;color:var(--approval-color)}.request .request-header .status.implantation:after{content:"I";left:calc(50% - .3rem)}.request .request-header .status.checklist:after,.request .request-header .status.construction:after{content:"C"}.request .request-header .status.service:after{content:"A"}.request .request-header .status.supervision:after{content:"S"}.request .request-header .status.verificacao_cluster:after{content:"1"}.request .request-header .status.verificacao_implantacao:after{content:"2"}.request .request-header .status.atendimento_aliada:after{content:"3"}.request .request-header .status.supervisao_implantacao:after{content:"4"}.request .request-header .status.supervisao_cluster:after{content:"5"}.request .request-header .pon-container{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;display:flex;overflow:hidden}.request .request-header .pon-container .type{font-size:1.4rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;margin-right:5px}.request .request-header .pon-container .pon{font-size:1.4rem;font-weight:100;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50vw}.request .request-header .pon-container .pon:active{animation:blink 1s}.request .request-header .actions{display:flex;gap:5px}.request .request-header .actions button{background-color:var(--background);color:var(--text);padding:10px;height:2.2rem;border-radius:10px;border-color:#cfcfcf;border-width:1px;border-style:solid;font-weight:500;font-size:1rem;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all var(--hover-transition-time) ease-in-out;-webkit-user-select:none;user-select:none}.request .request-header .actions button:hover:not(:disabled){background-color:red}.request .notes{padding:7px;margin:5px;border-radius:0 15px 15px;background-color:var(--background);color:var(--text);display:flex;flex-direction:column;overflow:hidden;gap:10px}.request .notes p{line-height:.95rem;font-size:.95rem;color:var(--text)}.request .notes p::selection{color:var(--text);background-color:#ffde00}.request .notes p span{font-weight:bolder;text-transform:uppercase}.request .notes p span::selection{color:var(--text);background-color:#ffde00}.request .notes h2{margin-top:0}.request .notes-open-close{cursor:pointer}.request .notes-open-close .step-title{font-size:1.2rem}.request .notes-open-close p{word-break:break-all;line-height:.8}.request .request-footer{width:100%;height:100%;margin-top:5px;display:flex;align-items:flex-end;justify-content:space-between;animation:show-footer .2s ease-in-out}.request .request-footer .validator{font-size:14px;margin-left:5px;-webkit-user-select:none;user-select:none;animation:show .5s cubic-bezier(.22,1.07,1,.96)}.request .request-footer .timers{display:flex}.request .request-footer .timers .timer{font-size:14px;height:14px;margin-right:10px;-webkit-user-select:none;user-select:none;color:#d4d424;animation:show .5s ease-in-out;overflow:hidden;word-break:break-all;text-overflow:clip;text-shadow:.5px .5px .5px var(--shadow)}.request .request-footer .timers .timer-step-created{color:#928e18}.request .request-footer .timers .timer-started{color:#5dbe3f}.request-waiting{background-color:#ffffff0d}.request-started{animation:show .2s ease-in-out;background-color:#ffffff26;transform:scale(1.01)}@media (max-width: 900px){.request{width:95vw}.request-started{width:95vw;transform:none}.status{width:2.6rem;height:2.6rem}.type,.pon{font-size:1.2rem}.deny-request{padding:10px;font-size:1.2rem}}@media (max-width: 380px){.status{width:2.4rem;height:2.4rem}.type,.pon{font-size:1rem}.deny-request{padding:8px;font-size:1rem}}@keyframes show-footer{0%{height:0px}to{height:20px}}.search-container{display:flex;flex-direction:column;align-items:center}.search-container .search-form{margin-bottom:10px;justify-content:space-between;flex-direction:row!important;flex-wrap:wrap}.search-container .search-form button{font-size:1rem;font-weight:700}.search-container .search-form>*{margin-bottom:10px}.search-container .requests-found{padding:10px;width:100%}.search-container .requests-found .request-found{background-color:var(--input-bg);color:var(--input-text);border-radius:5px;padding:10px;width:100%;margin-bottom:5px}.search-container .requests-found .request-found h2{font-size:1.6rem;font-weight:500;text-align:center}.steped-req{background-color:#ffffff0d;cursor:pointer}.steped-req:nth-last-child(2){margin-bottom:65px}.steped-req .status{flex-shrink:0;border-radius:50%;cursor:pointer;width:2.5rem;height:2.5rem;background-color:var(--green)}.steped-req h2{text-align:center}.checklist{color:#fff;display:flex;flex-direction:column}.checklist h3{margin-bottom:10px}.checklist .checklist-item{display:block;margin-bottom:10px}.checklist .checklist-item:last-child{margin-bottom:20px}.checklist .checklist-item input[type=checkbox]{display:none}.checklist .checklist-item label{color:#fff}.checklist .checklist-item label div{width:23px;height:23px;display:inline-block;border:2px solid #FFF;text-align:center;margin-right:6px;border-radius:3px;cursor:pointer}.checklist .checklist-item label i{font-size:16px;margin-left:-3px;opacity:0}.checklist .checklist-item label:hover div{background:#FFF}.checklist .checklist-item input:checked+label i{opacity:1}.checklist .checklist-item input:checked+label div{background:#FFF}.main-menu-container{-webkit-user-select:none;user-select:none;z-index:98}.main-menu-container .menu-btn{background-image:url(/assets/menu-802e39b5.svg)}.main-menu-container .backdrop{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#00000080}.main-menu-container .main-menu{background-color:var(--background);position:absolute;padding:10px;right:0;top:0;height:100vh;width:250px;border-radius:8px 0 0 8px;overflow:hidden;animation:showMenu .2s;box-shadow:-2px 2px 5px 0 var(--shadow);color:var(--text);overflow:auto}.main-menu-container .main-menu .main-menu-header{display:flex;justify-content:space-between;align-items:center}.main-menu-container .main-menu .main-menu-header .user{display:flex;align-items:center;gap:5px}.main-menu-container .main-menu .main-menu-header .user .user-picture{width:40px;height:40px;display:flex;justify-content:center;align-items:center;color:var(--secondary);font-weight:700;border-radius:50%;background-color:var(--highlight);cursor:pointer;flex-shrink:0}.main-menu-container .main-menu .main-menu-header .user .user-info{max-width:145px}.main-menu-container .main-menu .main-menu-header .user .user-info .user-name{font-size:1.1rem;font-weight:bolder;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex-shrink:1}.main-menu-container .main-menu .main-menu-header .user .user-info .user-role{color:var(--highlight);font-weight:700;font-size:.8rem}.main-menu-container .main-menu .main-menu-header .close-menu-btn{font-size:1.4rem;border-radius:50%;flex-shrink:0;color:var(--highlight)}.main-menu-container .main-menu .main-menu-header .close-menu-btn:hover{background-color:transparent;filter:opacity(30%)!important}.main-menu-container .main-menu .main-menu-header .close-menu-btn:active{filter:opacity(100%)!important}.main-menu-container .main-menu .menu-item-divider{width:100%;height:1px;background-color:var(--highlight);filter:opacity(.1);top:20px;margin:8px 0 5px}.main-menu-container .main-menu .menu-item-divider:last-child{display:none}.main-menu-container .main-menu .menu-item{margin-bottom:2px;width:100%;cursor:pointer;padding:15px;border-radius:5px;display:flex;justify-content:start;align-items:center;text-align:start;font-weight:500}.main-menu-container .main-menu .menu-item:hover{background-color:#0003}@media (max-width: 500px){.main-menu-container .main-menu{width:100vw}.main-menu-container .main-menu .menu-item{justify-content:center}}@keyframes showMenu{0%{transform:translate(100%)}to{transform:translate(0)}}header .header-container{width:100%;height:60px;background-color:var(--header);display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;transition:all .5s;z-index:15}header .header-container button{background-size:28px;background-position:center;background-repeat:no-repeat;background-color:#0000;border:none;width:40px;height:60px;text-decoration:none;cursor:pointer}header .header-container button.back-btn{background-image:url(/assets/back-a28b1b48.svg)}header .header-container button:hover{background-color:#fff3}header .header-container button:active{background-color:#ffffff1a}header .header-container button:disabled{visibility:hidden}header .header-container div.sys-info{display:flex;flex-direction:column;align-items:center}header .header-container div.sys-info span{cursor:pointer;color:var(--white)}header .header-container div.sys-info span.sys-initials{font-size:2rem}header .header-container div.sys-info span.version{font-size:1rem}header .header-container div.sys-info span.sys-name{font-size:.8rem}header .header-container div.sys-info span ::selection{color:var(--background);background-color:var(--white)}.login-screen{justify-content:center;background-color:var(--background)}.login-screen .login-container{min-height:550px;width:450px;padding:20px;background-color:var(--white);border-radius:10px 40px;color:var(--highlight2);display:flex;justify-content:space-around;align-items:center;flex-direction:column;box-shadow:2px 2px 10px 2px var(--shadow);position:relative}.login-screen .login-container h1{font-size:4.5rem!important;font-weight:900!important;margin:0 0 40px!important;color:var(--highlight2)!important;-webkit-user-select:none!important;user-select:none!important}.login-screen .login-container p{font-size:1.4rem;color:var(--highlight2);text-align:center}.login-screen .login-container span{color:red;font-size:.9rem}.login-screen .login-container span.submit-error{font-weight:700;margin-top:4px}.login-screen .login-container span.submit-success{font-weight:700;margin-top:4px;color:green!important}.login-screen .login-container form button{background-color:var(--highlight2)!important;color:var(--white)!important;font-size:2rem;font-weight:400}.login-screen .login-container form button:hover{background-color:#76009acc}.login-screen .login-container form button:focus{outline-color:var(--highlight2)}.login-screen .login-container form label,.login-screen .login-container form a{border-radius:5px;background-color:transparent;border:none;color:var(--highlight2);font-family:Roboto,sans-serif;cursor:pointer;font-size:1rem;-webkit-user-select:none;user-select:none}.login-screen .login-container form .form-password-actions{width:100%;display:flex;justify-content:space-between;align-items:center;margin:0 0 20px}.login-screen .login-container form .form-password-actions div{display:flex;justify-content:flex-start;align-items:center}.login-screen .login-container form .form-password-actions input{width:auto;height:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:9px;border-radius:3px;display:inline-block;position:relative;cursor:pointer}.login-screen .login-container form .form-password-actions input:checked{background-color:var(--background)}.login-screen .login-container form .form-password-actions input:checked:after{content:"✔︎";font-size:14px;position:absolute;top:0;left:3px;color:var(--highlight)}@media (max-width: 480px){.login-screen .login-container{width:90%}}[data-theme=classic]{--background: #609;--header: #51027b;--text: white;--secondary: #609;--shadow: #333;--input-bg: #FFF;--input-text: #609;--highlight: #FFF;--highlight2: #609;--requests: #7b00b8;--myreqs-text: #000}[data-theme=dark]{--background: #222831;--header: #191919;--text: #EEE;--secondary: #31363F;--shadow: #333;--input-bg: #31363F;--input-text: #EEE;--highlight: #76ABAE;--highlight2: #4a4e56;--requests: #31363F;--myreqs-text: #EEE}[data-theme=light]{--background: #e9e9e9;--header: #609;--text: #414255;--secondary: #FFF;--shadow: #828282;--input-bg: #FFF;--input-text: #77009A;--highlight: #609;--highlight2: #609;--requests: white;--myreqs-text: #000}:root{--light-gray: #747d80;--white: #FFF;--green: #5dbe3f;--red: #ee5253;--hover-transition-time: .2s;--bg-status-transition-time: .5s;--approval-color: rgba(0, 0, 0, .5)}*{box-sizing:border-box;text-decoration:none;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}* ::-webkit-scrollbar{width:5px;height:5px}* ::-webkit-scrollbar-track{background:var(--background)}* ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.5);border-radius:10px}* ::-webkit-scrollbar-thumb:hover{background:#95a5a6}body{background-color:var(--background)}body .error{color:red}.main-wrapper{overflow-x:hidden;background-color:var(--background);font-family:Roboto,sans-serif}.main-wrapper .screen{width:100vw;min-height:calc(100vh - 60px);display:flex;flex-direction:column;align-items:center;transition:all 1s;animation:show .5s ease-in-out;margin-top:60px;padding:10px 10px 65px}@media (max-width: 768px){.main-wrapper .screen h1{margin:40px 0 32px!important}}.main-wrapper .screen .form{max-width:500px}.main-wrapper .screen h1{font-size:3rem;margin:80px 0 32px;font-weight:900;-webkit-user-select:none;user-select:none;color:var(--text);text-shadow:.5px .5px 2px var(--shadow);text-align:center}.main-wrapper .screen .multi-select,.main-wrapper .screen .search{width:300px;font-size:1rem;font-family:Roboto;border-radius:5px;border:1px solid #606060;outline:none;margin-bottom:10px;box-shadow:.5px .5px 2px 0 var(--shadow)}.main-wrapper .screen .search{padding:10px;margin-bottom:40px}.main-wrapper .screen .new-request-form,.main-wrapper .screen .selects{max-width:500px;padding:0 20px;display:flex}@media (max-width: 600px){.main-wrapper .screen .new-request-form,.main-wrapper .screen .selects{padding:0}}.main-wrapper .screen form,.main-wrapper .screen .selects{display:flex;flex-direction:column;width:95%}.main-wrapper .screen form .input-container,.main-wrapper .screen .selects .input-container{margin-bottom:10px;display:flex;flex-direction:column}.main-wrapper .screen form .input-container .file-inner-container,.main-wrapper .screen .selects .input-container .file-inner-container{padding:8px}.main-wrapper .screen form span,.main-wrapper .screen .selects span{color:red;padding-top:5px}.main-wrapper .screen form input,.main-wrapper .screen form select,.main-wrapper .screen form textarea,.main-wrapper .screen .selects input,.main-wrapper .screen .selects select,.main-wrapper .screen .selects textarea{width:100%;height:50px;padding:0 20px;font-size:1.5rem;border-radius:5px;font-family:Roboto,sans-serif;transition:all var(--hover-transition-time) ease-in-out;color:var(--input-text);background-color:var(--input-bg);border:1px solid var(--background)}.main-wrapper .screen form input::-webkit-input-placeholder,.main-wrapper .screen form select::-webkit-input-placeholder,.main-wrapper .screen form textarea::-webkit-input-placeholder,.main-wrapper .screen .selects input::-webkit-input-placeholder,.main-wrapper .screen .selects select::-webkit-input-placeholder,.main-wrapper .screen .selects textarea::-webkit-input-placeholder{color:var(--input-text);filter:opacity(.5)}.main-wrapper .screen form input:focus,.main-wrapper .screen form select:focus,.main-wrapper .screen form textarea:focus,.main-wrapper .screen .selects input:focus,.main-wrapper .screen .selects select:focus,.main-wrapper .screen .selects textarea:focus{outline-color:var(--highlight2);outline-width:1.5px}.main-wrapper .screen form input:-webkit-autofill,.main-wrapper .screen form input:-webkit-autofill:first-line,.main-wrapper .screen form select:-webkit-autofill,.main-wrapper .screen form select:-webkit-autofill:first-line,.main-wrapper .screen form textarea:-webkit-autofill,.main-wrapper .screen form textarea:-webkit-autofill:first-line,.main-wrapper .screen .selects input:-webkit-autofill,.main-wrapper .screen .selects input:-webkit-autofill:first-line,.main-wrapper .screen .selects select:-webkit-autofill,.main-wrapper .screen .selects select:-webkit-autofill:first-line,.main-wrapper .screen .selects textarea:-webkit-autofill,.main-wrapper .screen .selects textarea:-webkit-autofill:first-line{font-size:1.5rem;font-family:Roboto,sans-serif;-webkit-box-shadow:0 0 0px 1000px var(--input-bg) inset;box-shadow:0 0 0 1000px var(--input-bg) inset;-webkit-text-fill-color:var(--input-text)}.main-wrapper .screen form input::selection,.main-wrapper .screen form select::selection,.main-wrapper .screen form textarea::selection,.main-wrapper .screen .selects input::selection,.main-wrapper .screen .selects select::selection,.main-wrapper .screen .selects textarea::selection{-webkit-text-fill-color:white;color:#fff;background-color:var(--highlight2)}.main-wrapper .screen form input.has-error,.main-wrapper .screen form select.has-error,.main-wrapper .screen form textarea.has-error,.main-wrapper .screen .selects input.has-error,.main-wrapper .screen .selects select.has-error,.main-wrapper .screen .selects textarea.has-error{border-width:2px!important;border-color:red!important}.main-wrapper .screen form textarea,.main-wrapper .screen .selects textarea{resize:vertical;padding:10px 20px;transition:none;height:auto}.main-wrapper .screen form button,.main-wrapper .screen .selects button{border:none;width:100%;height:50px;font-family:Roboto,sans-serif;cursor:pointer;border-radius:5px;transition:all var(--hover-transition-time) ease-in-out;-webkit-user-select:none;user-select:none;background-color:var(--highlight);color:var(--background);font-size:1.6rem;box-shadow:2px 2px 10px 2px var(--shadow);margin-bottom:20px}.main-wrapper .screen form button:hover,.main-wrapper .screen .selects button:hover{filter:brightness(.5)}.main-wrapper .screen form button:focus,.main-wrapper .screen .selects button:focus{outline-color:var(--text)}.main-wrapper .screen form .submit-error,.main-wrapper .screen .selects .submit-error{margin-bottom:5px;text-align:center}.main-wrapper .text-white{color:#fff}@keyframes show{0%{transform:translate(-15px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes blink{0%{opacity:0}to{opacity:1}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}
