.modal-background{width:100%;height:100vh;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.6);z-index:99999;opacity:0;pointer-events:none;transition:opacity 200ms ease-in-out}.modal-background.show{opacity:100;pointer-events:unset}.modal-background .modal-container{width:400px;max-width:100%;height:auto;padding:30px;background-color:white;border-radius:5px}.modal-background .modal-container a{display:block;font-size:20px;text-align:center;cursor:default}.modal-background .modal-container h3{text-align:center;margin-top:10px;margin-bottom:25px}.modal-background .modal-container form ul{list-style:none;padding-left:0}.modal-background .modal-container form ul li{margin-left:0;margin-right:0}.modal-background .modal-container form ul li .error{border-color:red}.modal-background .modal-container form ul li input{padding:12px !important;height:50px;min-height:unset}.modal-background .modal-container form ul li select{padding:12px !important;height:50px;min-height:unset}.modal-background .modal-container form ul li select:invalid{color:#b5bbd1}.modal-background .modal-container form ul li select option{color:black !important}.modal-background .modal-container form ul li.phone-container{display:flex}.modal-background .modal-container form ul li.phone-container>*:first-child{margin-right:7px;width:40% !important}.modal-background .modal-container form ul li.phone-container>*:last-child{margin-left:7px;width:60% !important}.modal-background .modal-container form ul li.phone-container .code{position:relative}.modal-background .modal-container form ul li.phone-container .code select{cursor:pointer}.modal-background .modal-container form ul li.phone-container .code .chevron{position:absolute;top:30px;right:10px;width:0;height:0;border-style:solid;border-width:7px 5px 0 5px;border-color:#636363 transparent transparent transparent;opacity:0;transition:all 100ms ease-in-out}.modal-background .modal-container form ul li.phone-container .code:hover .chevron{opacity:1;cursor:pointer}.modal-background .modal-container form button{width:100%;padding-top:10px;padding-bottom:10px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:0}.modal-background .modal-container form.processing>*{opacity:.7;pointer-events:none}@media(max-width:499px){.modal-background{padding:0 15px 0 15px}.modal-background .modal-container{padding:15px}.modal-background .modal-container h3{font-size:20px}.modal-background .modal-container form button{font-size:20px}}