.base-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99;cursor:auto}.base-modal .overlay{width:100vw;height:100vh;background-color:rgba(0,0,0,.9)}.base-modal .modal-wrapper{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:600px;background-color:#fff;border-radius:12px;color:#667085;font-family:Manrope;font-size:14px;font-weight:500;line-height:20px;padding:24px}.base-modal .modal-wrapper h1{color:#101828;font-size:20px;font-weight:700;line-height:28px}.base-modal .modal-wrapper h2{color:#101828;font-size:18px;font-weight:700;line-height:28px}.base-modal .modal-wrapper h3{color:#101828;font-size:16px;font-weight:700;line-height:28px}.base-modal .modal-wrapper h4{color:#101828;font-size:14px;font-weight:700;line-height:28px}.base-modal .modal-wrapper h4.full{width:100%}.base-modal .modal-wrapper button.modal-close{position:absolute;right:15px;top:15px;font-size:42px}.base-modal .modal-wrapper .column-wrapper{display:flex;gap:12px}.base-modal .modal-wrapper .field-wrapper{display:flex;flex-wrap:wrap;align-items:center;-moz-column-gap:24px;column-gap:24px;row-gap:0;margin-bottom:12px}.base-modal .modal-wrapper input[type=number],.base-modal .modal-wrapper input[type=text]{padding:5px;border:1px solid #cdd5df;color:#101828}.base-modal .modal-wrapper input[type=number]::-moz-placeholder,.base-modal .modal-wrapper input[type=text]::-moz-placeholder{color:#cdd5df}.base-modal .modal-wrapper input[type=number]::placeholder,.base-modal .modal-wrapper input[type=text]::placeholder{color:#cdd5df}.base-modal .modal-wrapper input[type=number]:focus,.base-modal .modal-wrapper input[type=text]:focus{border:1px solid #667085}.base-modal .modal-wrapper input[type=number]::-webkit-inner-spin-button,.base-modal .modal-wrapper input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.base-modal .modal-wrapper input[type=number]{-moz-appearance:textfield}.base-modal .modal-wrapper input.full,.base-modal .modal-wrapper select.full,.base-modal .modal-wrapper textarea.full{width:100%}.base-modal .modal-wrapper textarea{padding:5px;border:1px solid #cdd5df;color:#101828;height:50px}.base-modal .modal-wrapper textarea::-moz-placeholder{color:#cdd5df}.base-modal .modal-wrapper textarea::placeholder{color:#cdd5df}.base-modal .modal-wrapper select{padding:5px;border:1px solid #cdd5df;color:#101828;border-radius:5px}.base-modal .modal-wrapper select::-moz-placeholder{color:#cdd5df}.base-modal .modal-wrapper select::placeholder{color:#cdd5df}.base-modal .modal-wrapper select:focus{border:1px solid #667085}.base-modal .modal-wrapper p{margin-bottom:10px}.base-modal .modal-wrapper ul.modal-nav{list-style:none;display:flex;gap:24px;justify-content:flex-start;padding:0 0 10px;margin:20px 0 24px;border-bottom:1px solid #e3e8ef}.base-modal .modal-wrapper ul.modal-nav li{font-size:1.5rem;font-weight:900;color:#667085;cursor:pointer;transition:all .2s;padding:5px 0;position:relative}.base-modal .modal-wrapper ul.modal-nav li:hover{color:#364152}.base-modal .modal-wrapper ul.modal-nav li:after{width:0;content:"";position:absolute;height:0;bottom:0;left:50%;transform:translateX(-50%);border-bottom:2px solid #fff;border-radius:20px;transition:all .2s}.base-modal .modal-wrapper ul.modal-nav li.active{color:#101828}.base-modal .modal-wrapper ul.modal-nav li.active:after{width:100%;border-color:#285ff6}.base-modal .modal-wrapper .section{margin:20px 0;position:relative;flex-direction:column;display:flex;flex-wrap:wrap}.base-modal .modal-wrapper .section h3{padding-bottom:10px}.base-modal .modal-wrapper .section .rewardType{margin-bottom:10px;display:flex;align-items:center}.base-modal .modal-wrapper .section .rewardType input{margin-left:auto;max-width:80px;padding:5px;border:1px solid #cdd5df;color:#101828}.base-modal .modal-wrapper .section .rewardType input::-moz-placeholder{color:#cdd5df}.base-modal .modal-wrapper .section .rewardType input::placeholder{color:#cdd5df}.base-modal .modal-wrapper .section .rewardType input:focus{border:1px solid #667085}.base-modal .modal-wrapper .section button{margin:10px auto 0 0;font-size:1.2rem;color:#fff;border-radius:20px;padding:5px 15px;transition:all .2s;background-color:#285ff6}.base-modal .modal-wrapper .section button.center{margin:10px auto 0}.base-modal .modal-wrapper .section buttonright{margin:10px 0 0 auto}.base-modal .modal-wrapper .section button:hover{background-color:#87a7ff}