.modal-wrapper{background-color:var(--black-opacity);height:100%;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:10}.modal-wrapper .modal{background-color:var(--white);border-radius:5px;color:var(--black);left:50%;max-width:500px;padding:20px;position:relative;top:50%;transform:translate(-50%,-50%);width:100%;z-index:10}.modal-wrapper .modal form{display:flex;flex-direction:column;gap:10px}.modal-wrapper .modal form .input-wrapper{width:100%}.modal-wrapper .modal form .input-wrapper label{color:var(--error);display:block;margin-top:5px}.modal-wrapper .modal form .input-wrapper input{background-color:var(--white);border:0;border:1px solid var(--pink);border-radius:30px;color:var(--black);font-size:16px;line-height:60px;padding:0 20px;width:100%}.modal-wrapper .modal form .form-submit{color:var(--success);display:block;margin-top:20px;padding:0 12px;text-align:center}.modal-wrapper .modal form .personal-data{position:relative;width:100%}.modal-wrapper .modal form .personal-data label{align-items:center;cursor:pointer;display:inline-flex;flex-wrap:wrap}.modal-wrapper .modal form .personal-data label .check{opacity:0;position:absolute;z-index:-1}.modal-wrapper .modal form .personal-data label .check:checked~.checkbox-indicator{opacity:1}.modal-wrapper .modal form .personal-data label .check:checked~.checkbox-indicator:after{display:block}.modal-wrapper .modal form .personal-data label .checkbox-indicator{border:2px solid var(--black);flex:1;margin-right:10px;max-height:20px;max-width:20px;min-height:20px;min-width:20px;opacity:.5;position:relative}.modal-wrapper .modal form .personal-data label .checkbox-indicator:after{border:solid var(--pink);border-width:0 2px 2px 0;content:"";display:none;height:24px;left:4px;position:absolute;top:-9px;transform:rotate(45deg);width:11px}.modal-wrapper .modal form .personal-data label .personal-text{color:var(--black);flex:1}.modal-wrapper .modal form .personal-data label .personal-text>a{color:var(--black)}.modal-wrapper .modal form .personal-data label .personal-error{color:var(--error);margin-top:5px}.modal-wrapper .modal .modal-title{display:block;font-size:20px;margin-bottom:20px;text-align:center}.modal-wrapper .modal .modal-close{background-color:transparent;border:0;cursor:pointer;margin:0;padding:0;position:absolute;right:10px;top:10px}.modal-wrapper .modal .modal-close svg{height:35px;width:35px;fill:var(--pink)}
