@media screen and (min-width:601px){.exchange-card-modal .ant-modal-content[data-v-ac66c909]{border:1px solid rgba(79,85,87,.5);box-shadow:0 8px 32px #0006}.exchange-card-modal .ant-modal-content .ant-modal-header[data-v-ac66c909]{background:transparent;border-bottom:none;padding-bottom:0}.exchange-card-modal .ant-modal-content .ant-modal-header .ant-modal-title[data-v-ac66c909]{color:#efefef;font-size:18px;font-weight:500;line-height:28px}.exchange-card-modal .ant-modal-close[data-v-ac66c909]{color:#9da2a8;right:20px;top:20px}.exchange-card-modal .ant-modal-close[data-v-ac66c909]:hover{color:#fff}.exchange-card-modal-body[data-v-ac66c909]{padding-top:26px}.input-row[data-v-ac66c909]{align-items:center;display:flex;gap:32px}.redeem-input[data-v-ac66c909]{background:#2a3c46;border:1px solid #4f5557;border-radius:8px;color:#d8d8d8;flex:1;font-size:22px;font-weight:500;height:48px;outline:none;padding:0 16px;transition:border-color .2s}.redeem-input[data-v-ac66c909]::-moz-placeholder{color:#656c70}.redeem-input[data-v-ac66c909]::placeholder{color:#656c70}.redeem-input[data-v-ac66c909]:focus{outline:none}.redeem-btn[data-v-ac66c909]{background:#02dba3;border:none;border-radius:8px;color:#0d1116;cursor:pointer;flex-shrink:0;font-size:16px;font-weight:500;height:48px;line-height:48px;min-width:100px;padding:0 20px;transition:background .2s}.redeem-btn[data-v-ac66c909]:hover:not(:disabled){opacity:1}.redeem-btn[data-v-ac66c909]:disabled{background:#29665b;color:#1e4440;cursor:not-allowed;opacity:.7}}@media screen and (max-width:600px){.exchange-card-modal .ant-modal-content[data-v-ac66c909]{border:1px solid rgba(79,85,87,.4);box-shadow:0 8px 32px #0006}.exchange-card-modal .ant-modal-content .ant-modal-header[data-v-ac66c909]{padding-bottom:30px}.exchange-card-modal .ant-modal-content .ant-modal-header .ant-modal-title[data-v-ac66c909]{color:#fff;font-size:22px;font-weight:500;line-height:28px;text-align:center}.exchange-card-modal .ant-modal-close[data-v-ac66c909]{color:#9da2a8;right:20px;top:20px}.exchange-card-modal .ant-modal-close[data-v-ac66c909]:hover{color:#fff}.exchange-card-modal-body[data-v-ac66c909]{padding:0}.input-row[data-v-ac66c909]{align-items:stretch;display:flex;flex-direction:column}.redeem-input[data-v-ac66c909]{background:#2a3c46;border:1px solid #4f5557;border-radius:22px;color:#dae2e2;font-size:18px;font-weight:500;height:44px;outline:none;padding:0;text-align:center;transition:border-color .2s;width:100%}.redeem-input[data-v-ac66c909]::-moz-placeholder{color:#656c70}.redeem-input[data-v-ac66c909]::placeholder{color:#656c70}.redeem-input[data-v-ac66c909]:focus{outline:none}.redeem-btn[data-v-ac66c909]{background:#02dba3;border:none;border-radius:22px;color:#0e1117;cursor:pointer;font-size:16px;font-weight:500;height:44px;line-height:44px;margin-top:20px;transition:background .2s;width:100%}.redeem-btn[data-v-ac66c909]:hover:not(:disabled){opacity:1}.redeem-btn[data-v-ac66c909]:disabled{background:#29665b;color:#1e4440;cursor:not-allowed;opacity:.7}.exchange-card-modal-footer[data-v-ac66c909]{left:50%;margin-top:32px;position:absolute;text-align:center;top:100%;transform:translate(-50%)}.exchange-card-modal-footer .exchange-code-close-icon[data-v-ac66c909]{cursor:pointer;height:28px;width:28px}}@media screen and (min-width:601px){.exchange-card-modal .ant-modal-content{background:url(./exchange-code-bg.CuUA28xI.png) no-repeat 50%;background-size:100% 100%;padding:24px 24px 32px}.exchange-card-modal .ant-modal-content .ant-modal-header{background:transparent;border-bottom:none;padding-bottom:0}.exchange-card-modal .ant-modal-content .ant-modal-header .ant-modal-title{background:transparent;color:#efefef;font-size:18px;font-weight:500;line-height:28px}}@media screen and (max-width:600px){.exchange-card-modal.ant-modal{max-width:calc(100vw - 40px);padding-bottom:0}.exchange-card-modal .ant-modal-content{background:url(./exchange-code-mobile-bg.DMNFYe6X.png) no-repeat 50%;background-size:100% 100%;border-radius:16px;padding:40px 20px 32px;position:relative}.exchange-card-modal .ant-modal-content .ant-modal-header{background:transparent;border-bottom:none}.exchange-card-modal .ant-modal-content .ant-modal-header .ant-modal-title{background:transparent;color:#fff;font-size:20px;font-weight:600;line-height:36px;margin-bottom:40px;text-align:center}.exchange-card-modal .ant-modal-body{padding:0}.exchange-card-modal .ant-modal-close .ant-modal-close-x{font-size:18px;height:44px;line-height:44px;width:44px}}