* { -webkit-tap-highlight-color: transparent; }
.sunio-sdk-notification { background: rgb(38, 25, 61); border-radius: 10px; width: 480px !important; padding: 16px 20px !important; }
.sunio-sdk-notification .ant-notification-notice-message { display: none; }
.sunio-sdk-notification .ant-notification-notice-close { top: 10px !important; right: 10px !important; color: rgb(255, 255, 255) !important; }
.sunio-sdk-notification .ant-notification-notice-close:hover { opacity: 0.7; }
._max_btn_kd87r_1 { height: 24px; border-radius: 15px; padding: 0px 14px; font-size: 12px; line-height: 23px; font-weight: 500; cursor: pointer; white-space: nowrap; background: rgb(15, 4, 37); border: 1px solid rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); }
.common_input_width_border:focus, .common_input_width_border:hover { border-color: transparent !important; }
._input_content_168d3_1 { height: 80px; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.1); background: rgb(32, 32, 56); border-radius: 6px; padding: 16px 10px 10px 20px; display: flex; flex-direction: column; justify-content: space-between; }
._input_content_line_168d3_15 { display: flex; justify-content: space-between; align-items: center; }
._input_content_line_168d3_15 .ant-input-lg { padding: 0px; }
._input_content_input_168d3_23 { padding: 0px; border: 0px; }
._token_search_modal_st4bo_1 .ant-popover-content .ant-popover-inner { padding: 0px; border: 1px solid rgb(96, 1, 255); border-radius: 10px; backdrop-filter: blur(40px); box-shadow: rgb(30, 26, 57) 0px 4px 20px; }
._token_modal_st4bo_9 { width: 250px; padding: 20px 0px 20px 20px; box-sizing: border-box; }
._token_list_st4bo_15 { max-height: 300px; overflow: auto; padding-right: 20px; }
._token_list_input_st4bo_20 { margin-right: 20px; }
._token_list_item_st4bo_23 { margin-top: 10px; cursor: pointer; }
._token_list_token_st4bo_27 { display: flex; justify-content: flex-start; align-items: center; font-family: "PingFang SC"; font-weight: 600; font-size: 14px; line-height: 20px; margin-bottom: 3px; }
._token_list_token_st4bo_27 img { margin-right: 6px; border-radius: 50%; }
._token_list_address_st4bo_41 { line-height: 17px; margin-left: 26px; }
._token_list_address_st4bo_41, ._token_list_notoken_st4bo_49 { font-family: "PingFang SC"; font-weight: 500; font-size: 12px; color: rgba(255, 255, 255, 0.5); }
._token_list_notoken_st4bo_49 { line-height: 100%; margin-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._input_border_ptv7p_9 { border: 1px solid rgba(255, 74, 138, 0.5); border-radius: 6px; }
._input_border_ptv7p_9 > div { border: none; }
._transfer_input_ptv7p_17 .ant-input { border: none !important; }
._token_content_ptv7p_21 { background: rgb(15, 4, 37); display: flex; align-items: center; box-sizing: border-box; white-space: nowrap; border-radius: 10px; padding: 0px 10px; height: 34px; border: 1px solid rgba(255, 255, 255, 0.1); }
._token_content_logo_ptv7p_32 { width: 20px; height: 20px; vertical-align: middle; margin-right: 6px; }
._token_content_ptv7p_21 > span { color: rgb(255, 255, 255); font-family: "PingFang SC"; font-weight: 600; font-size: 14px; line-height: 20px; margin-right: 6px; }
._token_content_arrow_ptv7p_46 { width: 20px; height: 20px; transition: transform 0.3s; }
._token_content_active_ptv7p_51, ._token_content_ptv7p_21:hover { border: 1px solid rgb(96, 1, 255); }
._balance_content_ptv7p_58 { color: rgba(255, 255, 255, 0.3); font-family: "PingFang SC"; font-weight: 500; font-size: 12px; line-height: 16px; }
._icon_10yfu_1 { display: flex; justify-content: center; padding: 16px 0px; }
._icon_10yfu_1 img { width: 24px; height: 24px; }
._input_border_5k6yl_9 { border: 1px solid rgba(255, 74, 138, 0.5); border-radius: 6px; }
._input_border_5k6yl_9 .ant-input:focus, ._input_border_5k6yl_9 .ant-input:hover { border-color: transparent !important; }
._to_address_5k6yl_20 { margin-bottom: 30px; color: rgb(255, 255, 255); outline: none; }
._to_address_5k6yl_20:focus-visible { outline: none; }
._to_address_5k6yl_20 .ant-input { border-radius: 6px; }
._base_btn_k8rlt_1 { height: 50px; width: 100%; line-height: 50px; border-radius: 10px; text-align: center; color: rgb(255, 255, 255); font-size: 20px; font-family: "PingFang SC", sans-serif; font-weight: 600; cursor: pointer; outline: none; border: none; }
._base_btn_k8rlt_1:disabled { opacity: 0.4; cursor: no-drop; }
._base_btn_primary_k8rlt_19 { background-color: rgb(96, 1, 255); border: 0px; }
._base_btn_primary_k8rlt_19:not([disabled]):hover { background-color: rgb(104, 25, 236); }
._base_btn_border_k8rlt_26 { border: 1px solid rgb(96, 1, 255); background-color: rgba(17, 17, 17, 0.2); }
._base_btn_border_k8rlt_26:not([disabled]):hover { background-color: rgba(96, 1, 255, 0.2); }
._base_btn_warning_k8rlt_33 { background-color: rgb(255, 146, 30); }
._base_btn_warning_k8rlt_33:hover { color: rgba(255, 255, 255, 0.7); background-color: rgb(255, 146, 30) !important; }
._base_btn_error_k8rlt_40 { background-color: rgb(238, 38, 68); }
._base_btn_error_k8rlt_40:hover { color: rgba(255, 255, 255, 0.7); background-color: rgb(238, 38, 68) !important; }
._err_tip_11pw8_1 { color: rgb(255, 74, 138); font-family: "PingFang SC"; font-weight: 400; font-size: 12px; }
._confirm_btn_1uyvx_1 { display: flex; align-items: center; justify-content: center; width: 100%; user-select: none; height: 50px; border-radius: 6px; line-height: 28px; cursor: pointer; }
._confirm_btn_1uyvx_1._disabled_1uyvx_13 { cursor: not-allowed; color: rgba(255, 255, 255, 0.4) !important; }
._confirm_btn_1uyvx_1._blue_1uyvx_17 { background: transparent !important; color: rgb(255, 255, 255) !important; }
._confirm_btn_1uyvx_1._gray_1uyvx_21 { cursor: auto; color: rgb(255, 255, 255); background: rgb(219, 219, 219); }
._confirm_btn_1uyvx_1._red_1uyvx_26 { color: rgb(255, 255, 255); background: rgb(255, 73, 106) !important; }
._confirm_btn_1uyvx_1._orange_1uyvx_30 { background: rgb(255, 135, 0); color: rgb(255, 255, 255); }
._disclaimer_tip_1iep0_1 { display: flex; align-items: center; }
._disclaimer_tip_1iep0_1 > img { width: 14px; height: 14px; margin-right: 6px; }
._disclaimer_tip_1iep0_1 > div { color: rgb(153, 153, 153); font-family: "PingFang SC"; font-weight: 500; font-size: 12px; line-height: 100%; }
._common_a_zmi67_2, a._common_a_zmi67_2 { font-size: 14px; font-weight: 600; color: rgb(170, 119, 255); line-height: 20px; cursor: pointer; }
._common_a_zmi67_2:link, ._common_a_zmi67_2:visited, a._common_a_zmi67_2:link, a._common_a_zmi67_2:visited { color: rgb(170, 119, 255); }
._common_a_zmi67_2:hover, a._common_a_zmi67_2:hover { color: rgb(222, 205, 255); }
._common_a_zmi67_2._is_underline_zmi67_20 { text-decoration: underline; text-underline-offset: 3px; text-decoration-skip-ink: none; }
._common_a_zmi67_2._is_underline_zmi67_20:hover { text-decoration: underline; }
._trans_notify_gkbvn_1 { padding: 16px 20px; }
._trans_notify_title_gkbvn_4 { display: flex; align-items: center; font-family: "PingFang SC"; font-weight: 600; font-size: 16px; line-height: 22px; margin-bottom: 10px; color: rgb(255, 255, 255); }
._trans_notify_title_gkbvn_4 img { width: 24px; height: 24px; margin-right: 10px; }
._trans_notify_text_gkbvn_19 { margin-bottom: 10px; color: rgb(255, 255, 255); }
._trans_notify_link_gkbvn_28, ._trans_notify_text_gkbvn_19 { font-family: "PingFang SC"; font-weight: 500; font-size: 12px; line-height: 20px; padding-left: 34px; }
._trans_notify_link_gkbvn_28 { color: rgb(170, 119, 255); }
._trans_notify_link_gkbvn_28 img { margin-left: 8px; }
.ant-notification, .ant-notification-topRight { top: 142px !important; }
@media (max-width: 1079px) {
  .ant-notification, .ant-notification-topRight { top: 60px !important; }
}
.ant-notification .ant-notification-notice-wrapper { background: transparent; }
.ant-notification .ant-notification-notice-wrapper .ant-notification-notice { padding: 0px; }
.ant-notification .ant-notification-notice-wrapper .ant-notification-notice-closable .ant-notification-notice-message { display: none; }
._common_sun_notify_gkbvn_60 { padding: 0px; width: 350px; border-radius: 10px; background: rgb(21, 9, 54); border: 1px solid rgba(96, 1, 255, 0.6); box-shadow: rgb(24, 13, 83) 0px 4px 20px; }
._timer_wrapper_gkbvn_69 { position: relative; width: 22px; height: 22px; transform: scaleX(-1); }
._seconds_gkbvn_76 { position: absolute; top: 0px; left: 0px; width: 22px; height: 22px; line-height: 22px; text-align: center; pointer-events: none; color: rgb(51, 51, 51); }
._close_gkbvn_88 { width: 12px; height: 12px; position: absolute; top: 50%; left: 51%; transform: translate(-50%, -50%); cursor: pointer; }
._sun_transfer_1biu4_9 { padding: 20px; background: rgb(21, 21, 39); border-radius: 10px; }
._sun_transfer_title_1biu4_14 { color: rgb(255, 255, 255); font-family: "PingFang SC"; font-weight: 500; font-size: 18px; line-height: 26px; margin-bottom: 16px; }
._listItem_c1t86_1 { padding: 20px 10px 10px 20px; background: rgb(21, 21, 39); backdrop-filter: blur(10px); border-radius: 10px; border: 1px solid transparent; cursor: pointer; }
._listItem_c1t86_1:hover { background: rgb(21, 21, 39); border-color: rgb(96, 1, 255); box-shadow: rgb(30, 26, 57) 0px 4px 20px; backdrop-filter: blur(20px); }
._top_c1t86_17 { display: flex; align-items: center; }
._logo_c1t86_22 { width: 40px; height: 40px; border-radius: 4px; margin-right: 10px; overflow: hidden; }
._logo_c1t86_22 img { display: block; width: 100%; height: 100%; object-fit: cover; }
._nameContainer_c1t86_36 { font-weight: 600; font-size: 14px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._nameContainer_c1t86_36, ._statsContainer_c1t86_48 { font-family: "PingFang SC"; letter-spacing: 0px; color: rgb(255, 255, 255); }
._statsContainer_c1t86_48 { margin-top: 4px; font-weight: 500; font-size: 12px; vertical-align: middle; }
._statLabel_c1t86_58 { color: rgb(255, 255, 255); font-size: 12px; }
._statValue_c1t86_63 { font-weight: 500; }
._positive_c1t86_67 { color: rgb(53, 255, 254); }
._negative_c1t86_71 { color: rgb(255, 74, 138); }
._volume_c1t86_75 { margin-top: 10px; font-family: "PingFang SC"; font-style: normal; font-weight: 600; font-size: 14px; line-height: 20px; color: rgb(153, 153, 153); }
@media (max-width: 1079px) {
  ._listItem_c1t86_1 { padding: 15px; backdrop-filter: blur(20px); }
  ._logo_c1t86_22 { width: 34px; height: 34px; }
  ._nameContainer_c1t86_36 { font-size: 12px; line-height: 18px; }
  ._statsContainer_c1t86_48 { line-height: 18px; }
}
._list_sszxx_1 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
._item_sszxx_7 { width: 100%; }
._tip_sszxx_11 { margin-top: 10px; font-family: "PingFang SC"; font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: 0px; color: rgb(255, 255, 255); }
@media (max-width: 1079px) {
  ._list_sszxx_1 { grid-template-columns: 1fr; }
  ._tip_sszxx_11 { font-size: 12px; line-height: 17px; }
}
._common_modal_footer_1h5dd_1 { display: flex; justify-content: center; align-items: center; }
._common_modal_footer_1h5dd_1 button { flex: 1 1 0%; }
._common_modal_footer_1h5dd_1 button:nth-child(2) { margin-left: 20px !important; }
._common_modal_title_1h5dd_12 { display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); }
._common_modal_title_left_1h5dd_18 { justify-content: flex-start; }
.sdk-common-modal.ant-modal .ant-modal-footer { margin-top: 30px; }
.sdk-common-modal.ant-modal .ant-modal-header { margin-bottom: 14px; }
@media (max-width: 1079px) {
  .sdk-common-modal.ant-modal .ant-modal-footer { margin-top: 26px; }
}
._sfru_setting_icon_bm0zs_1 { width: 20px; height: 20px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); cursor: pointer; margin-left: auto; }
._sfru_setting_icon_bm0zs_1 svg { margin: 0px !important; }
._sfru_setting_icon_bm0zs_1:hover svg { color: rgb(255, 255, 255); }
._sfru_setting_icon_bm0zs_1:hover { background: rgb(96, 1, 255); border-color: rgb(96, 1, 255); }
._tooltip_inner_y6wa3_1 { display: inline-flex; align-items: center; justify-content: center; flex-wrap: nowrap; width: 16px; height: 16px; border-radius: 16px; background: rgba(68, 53, 100, 0.9); cursor: pointer; color: rgba(255, 255, 255, 0.5); }
._tooltip_inner_y6wa3_1:hover { background: rgb(68, 53, 100); color: rgb(255, 255, 255); }
._tooltip_inner_y6wa3_1 svg { display: block; width: 6px; height: 8px; }
.sfru_token_logo_loading { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; color: var(--color-icon-loading); background-color: var(--color-bg-icon-loading); border-radius: 50%; }
.sfru-link, a.sfru-link { font-size: 14px; font-weight: 600; line-height: 20px; cursor: pointer; }
.sfru-link, .sfru-link:link, .sfru-link:visited, a.sfru-link, a.sfru-link:link, a.sfru-link:visited { color: var(--color-text-link-1); }
.sfru-link:hover, a.sfru-link:hover { color: var(--color-text-hover-link-1); }
.sfru-link.is_underline { text-decoration: underline; text-underline-offset: 3px; text-decoration-skip-ink: none; }
.sfru-link.is_underline:hover { text-decoration: underline; }
html .sfru-dark-tokens-vars { --color-bg-container: #403858; --color-bg-icon: hsla(0,0%,100%,0.1); --color-icon: #fff; --color-icon-2: hsla(0,0%,100%,0.7); --color-icon-3: #c1a0ff; --color-icon-4: hsla(0,0%,100%,0.5); --color-icon-hover: #c1a0ff; --color-text-primary: #fff; --color-text-secondary: hsla(0,0%,100%,0.5); --color-text-info: hsla(0,0%,100%,0.7); --color-bg-token-btn: #8c51ff; --color-bg-token-btn-hover: #a87bff; --color-bg-token-level: rgba(126,146,179,0.1); --color-icon-token-level-0: #959ca6; --color-icon-token-level-1: #bd7238; --color-icon-token-level-2: #3cb23b; --color-icon-token-level-3: #caa83d; --color-icon-token-level-4: #b9473a; --color-icon-token-level-5: #b995ff; --color-bg-popular: #4d4366; --color-bg-popular-hover: #5b5078; --color-border-popular: #4d4366; --color-border-popular-hover: #4d4366; --color-text-tab: hsla(0,0%,100%,0.5); --color-text-tab-active: #fff; --color-icon-loading: hsla(0,0%,100%,0.3); --color-bg-icon-loading: hsla(0,0%,100%,0.2); --color-bg-token-item-hover: rgba(77,67,102,0.44); --opacity-bg-empty: 1; --color-checkbox-checked: #8c51ff; --color-checkbox-unchecked: hsla(0,0%,100%,0.5); --color-text-checkbox: hsla(0,0%,100%,0.7); --color-text-hover-checkbox: #fff; }
html .sfru-dark-tokens-vars, html .sfru-light-tokens-vars { --url-bg-search-empty: url(""); --url-bg-token-manange-empty: url(""); }
html .sfru-light-tokens-vars { --color-bg-container: #fff; --color-bg-icon: rgba(51,51,51,0.1); --color-icon: #333; --color-icon-2: rgba(51,51,51,0.7); --color-icon-3: #722fff; --color-icon-4: rgba(51,51,51,0.5); --color-icon-hover: #8c51ff; --color-text-primary: #333; --color-text-info: rgba(51,51,51,0.5); --color-text-secondary: rgba(51,51,51,0.5); --color-bg-token-btn: #722fff; --color-bg-token-btn-hover: #a87bff; --color-bg-token-level: rgba(9,29,63,0.1); --color-icon-token-level-0: #48628b; --color-icon-token-level-1: #a06334; --color-icon-token-level-2: #56c755; --color-icon-token-level-3: #ccae52; --color-icon-token-level-4: #d87064; --color-icon-token-level-5: #6f49ba; --color-bg-popular: #f5f5f5; --color-bg-popular-hover: #f5f5f5; --color-border-popular: #f5f5f5; --color-border-popular-hover: #e5e5e5; --color-text-tab: rgba(51,51,51,0.5); --color-text-tab-active: #333; --color-icon-loading: hsla(0,0%,40%,0.3); --color-bg-icon-loading: hsla(0,0%,40%,0.2); --color-bg-token-item-hover: #f5f5f5; --opacity-bg-empty: .5; --color-text-link-1: #722fff; --color-text-hover-link-1: #a87bff; --color-checkbox-checked: #722fff; --color-checkbox-unchecked: rgba(51,51,51,0.5); --color-text-checkbox: rgba(51,51,51,0.7); --color-text-hover-checkbox: #333; }
.sfru-size-tokens-vars { --size-border-radius-btn-mini: 34px; --size-border-radius-btn: 34px; }
html .sfru-tokens-header { align-items: center; margin-right: auto; font-weight: 600; font-size: 20px; color: var(--color-text-primary); cursor: pointer; display: inline-flex; }
@media (max-width: 1079px) {
  html .sfru-tokens-header { font-size: 16px; }
}
html .sfru-tokens-question { margin-left: 6px; width: 14px; height: 14px; background-color: var(--color-bg-icon); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--color-icon); }
html .sfru-tokens-container { color: var(--color-text-primary); font-family: "PingFang SC", sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; height: 550px; display: flex; flex-direction: column; }
html .sfru-tokens-container .ant-input-affix-wrapper .ant-input-clear-icon, html .sfru-tokens-container .ant-input-affix-wrapper .ant-input-clear-icon:hover { color: var(--color-icon-4); }
html .sfru-tokens-token-item { padding: 10px 30px; display: flex; }
@media (max-width: 1079px) {
  html .sfru-tokens-token-item { padding: 10px; }
}
html .sfru-tokens-token-item:hover { background-color: var(--color-bg-token-item-hover); }
html .sfru-tokens-token-item-name-line { display: flex; margin-bottom: 6px; align-items: flex-end; height: 20px; }
html .sfru-tokens-token-item-name-line-btn, html .sfru-tokens-token-item-right { margin-left: auto; }
html .sfru-tokens-token-item-logo { width: 40px; height: 40px; margin-right: 10px; }
html .sfru-tokens-token-item-logo img { width: 40px; height: 40px; border-radius: 50%; }
html .sfru-tokens-token-item-symbol { font-weight: 400; font-size: 14px; display: flex; align-items: center; }
html .sfru-tokens-token-item-symbol svg { margin-left: 10px; }
html .sfru-tokens-token-item-icon { color: var(--color-icon-4); }
html .sfru-tokens-token-item-icon-2 { color: var(--color-icon-2); cursor: pointer; }
html .sfru-tokens-token-item-icon-2:hover { color: var(--color-icon-hover); }
html .sfru-tokens-token-item-address { font-size: 10px; color: var(--color-text-secondary); }
html .sfru-tokens-token-item-name { font-weight: 400; font-size: 10px; line-height: 14px; }
html .sfru-tokens-token-item-balance { font-weight: 600; font-size: 12px; }
html .sfru-tokens-token-item-bottom { font-size: 12px; color: var(--color-text-secondary); }
html .sfru-token_level { background-color: var(--color-bg-token-level); border-radius: 4px; height: 16px; font-weight: 600; font-size: 12px; line-height: 16px; padding: 0px 10px 0px 0px; cursor: pointer; display: inline-flex; vertical-align: middle; }
html .sfru-token_level img { width: 16px; cursor: pointer; transform: translate(-5px); }
html .sfru-token_level_link { color: var(--color-text-link-1) !important; }
html .sfru-token_level_link:hover { color: var(--color-text-hover-link-1) !important; }
html .sfru-token_level_0 { color: var(--color-icon-token-level-0); }
html .sfru-token_level_1 { color: var(--color-icon-token-level-1); }
html .sfru-token_level_2 { color: var(--color-icon-token-level-2); }
html .sfru-token_level_3 { color: var(--color-icon-token-level-3); }
html .sfru-token_level_4 { color: var(--color-icon-token-level-4); }
html .sfru-token_level_5 { color: var(--color-icon-token-level-5); }
html .sfru-token_level.sfru-token_level_untip img { cursor: default; }
html .sfru-tokens-search-input { padding: 0px 30px; }
@media (max-width: 1079px) {
  html .sfru-tokens-search-input { padding: 0px 10px; }
}
html .sfru-tokens-btn { height: 20px; line-height: 20px; border-radius: var(--size-border-radius-btn-mini); width: auto; font-size: 10px; outline: none; border: none; font-weight: 600; color: rgb(255, 255, 255) !important; padding: 0px 8px !important; background-color: var(--color-bg-token-btn) !important; }
html .sfru-tokens-btn:hover { background-color: var(--color-bg-token-btn-hover) !important; }
html .sfru-tokens-search-page { flex: 1 1 0%; overflow-y: auto; padding-top: 5px; }
html .sfru-tokens-search-title { margin-bottom: 20px; font-weight: 600; font-size: 14px; padding: 0px 30px; }
@media (max-width: 1079px) {
  html .sfru-tokens-search-title { padding: 0px 10px; }
}
html .sfru-tokens-search-title-2 { margin: 10px 0px; padding: 0px 30px; font-weight: 600; }
@media (max-width: 1079px) {
  html .sfru-tokens-search-title-2 { padding: 0px 10px; }
}
html .sfru-tokens-search-title-3 { margin: 10px 0px; padding: 0px 30px; font-weight: 600; }
@media (max-width: 1079px) {
  html .sfru-tokens-search-title-3 { padding: 0px 10px; }
}
html .sfru-tokens-manage-empty, html .sfru-tokens-search-empty { margin: 50% auto 0px; transform: translateY(-50%); background-image: var(--url-bg-search-empty); background-repeat: no-repeat; background-size: 165px 165px; background-position: center top; height: 250px; text-align: center; overflow: hidden; opacity: 0.5; }
html .sfru-tokens-manage-empty-text, html .sfru-tokens-search-empty-text { margin-top: 185px; color: var(--color-text-primary); }
html .sfru-tokens-manage-empty { background-image: var(--url-bg-token-manange-empty); }
html .sfru-tokens-popular { padding: 0px 30px; margin-top: 20px; }
@media (max-width: 1079px) {
  html .sfru-tokens-popular { padding: 0px 10px; margin-top: 14px; }
}
html .sfru-tokens-popular-title { display: flex; align-items: center; font-weight: 600; margin-bottom: 8px; }
html .sfru-tokens-popular-list { display: flex; justify-content: space-between; padding: 0px; }
html .sfru-tokens-popular-item { width: 61px; height: 58px; border-radius: 5px; background-color: var(--color-bg-popular); border: 1px solid var(--color-border-popular); list-style: none; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; font-weight: 600; font-size: 12px; box-sizing: border-box; flex-shrink: 0; }
html .sfru-tokens-popular-item:last-child { margin-right: 0px; }
@media (max-width: 1079px) {
  html .sfru-tokens-popular-item { margin-right: 5px; }
}
html .sfru-tokens-popular-item:hover { background-color: var(--color-bg-popular-hover); border: 1px solid var(--color-border-popular-hover); }
html .sfru-tokens-popular-item-img { width: 25px; height: 25px; border-radius: 50%; margin-bottom: 4px; }
html .sfru-tokens-your-added-title { display: flex; align-items: center; font-weight: 600; position: sticky; top: 0px; padding: 10px 30px; background-color: var(--color-bg-container); }
@media (max-width: 1079px) {
  html .sfru-tokens-your-added-title { padding: 10px; }
}
html .sfru-tokens-your-added-icon:hover { color: var(--color-icon-hover); }
html .sfru-tokens-your-added-list { padding: 0px; margin: 0px 0px 10px; }
html .sfru-tokens-your-added-none { font-size: 12px; margin-top: 10px; margin-bottom: 22px; color: var(--color-text-secondary); text-align: center; }
html .sfru-tokens-your-added-more { display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--color-icon-3); }
html .sfru-tokens-tabs-header { display: flex; margin-top: 10px; position: sticky; top: 0px; padding: 8px 30px; background-color: var(--color-bg-container); margin-bottom: 10px; }
@media (max-width: 1079px) {
  html .sfru-tokens-tabs-header { padding: 5px 10px; }
}
html .sfru-tokens-tabs-item { color: var(--color-text-tab); font-weight: 600; font-size: 14px; margin-right: 20px; cursor: pointer; }
html .sfru-tokens-tabs-item-active { color: var(--color-text-tab-active); position: relative; }
html .sfru-tokens-tabs-item-active::after { content: ""; width: 30px; height: 4px; position: absolute; bottom: -5px; background-color: var(--color-bg-token-btn); left: 50%; transform: translate(-50%); border-radius: 13px; }
html .sfru-tokens-tabs-btn { margin-left: auto; color: var(--color-text-link-1); cursor: pointer; font-weight: 600; font-size: 12px; }
html .sfru-tokens-tabs-btn:hover { color: var(--color-text-hover-link-1); }
html .sfru-tokens-lists { margin: 0px; padding: 0px; }
html .sfru-tokens-lists-wrap { display: flex; height: 100%; flex-direction: column; }
html .sfru-tokens-lists-title { padding: 0px 30px; margin-bottom: 10px; }
@media (max-width: 1079px) {
  html .sfru-tokens-lists-title { padding: 0px 10px; }
}
html .sfru-tokens-lists-bottom { margin-top: auto; padding: 0px 30px 20px; }
html .sfru-tokens-lists-bottom-title { font-weight: 600; font-size: 12px; line-height: 14px; }
html .sfru-tokens-lists-bottom-desc { font-weight: 400; font-size: 12px; color: var(--color-text-secondary); margin: 8px 0px 20px; }
@media (max-width: 1079px) {
  html .sfru-tokens-lists-bottom { padding: 0px 10px 20px; }
}
html .sfru-tokens-lists-item { list-style: none; display: flex; align-items: center; padding: 12px 30px; }
@media (max-width: 1079px) {
  html .sfru-tokens-lists-item { padding: 10px; }
}
html .sfru-tokens-lists-item:hover { background-color: var(--color-bg-token-item-hover); }
html .sfru-tokens-lists-img { width: 40px; height: 40px; border-radius: 50%; margin-right: 10px; }
html .sfru-tokens-lists-btn { margin-left: auto !important; }
html .sfru-tokens-lists-uri { color: var(--color-text-secondary); font-size: 12px; }
html .sfru-tokens-lists-name { font-weight: 600; }
html .sfru-tokens-token-manage-title { font-weight: 600; display: flex; align-items: center; padding: 0px 30px; margin-bottom: 10px; }
@media (max-width: 1079px) {
  html .sfru-tokens-token-manage-title { padding: 0px 10px; }
}
html .sfru-tokens-token-manage-num { font-weight: 400; font-size: 14px; margin-left: 10px; color: var(--color-text-secondary); }
html .sfru-tokens-token-import-warn { margin: 30px 30px 0px; padding: 10px; background-color: var(--color-bg-popular); border-radius: 5px; color: var(--color-text-primary); font-size: 12px; }
@media (max-width: 1079px) {
  html .sfru-tokens-token-import-warn { margin: 30px 10px 0px; }
}
html .sfru-tokens-token-import-warn-content { display: flex; margin-bottom: 16px; }
html .sfru-tokens-token-import-icon { flex-shrink: 0; margin-right: 6px; margin-top: 2px; }
html .sfru-tokens-token-import-checkbox { font-weight: 600; font-size: 14px; }
html .sfru-tokens-token-import-bottom { margin: auto 30px 20px; }
@media (max-width: 1079px) {
  html .sfru-tokens-token-import-bottom { margin: auto 10px 20px; }
}
html .sfru-tokens-token-import-token-num { display: flex; justify-content: space-between; align-items: center; }
html .sfru-tokens-token-import-remove-tip { font-size: 12px; color: var(--color-text-info); margin: 10px 0px 20px; }
html .sfru-tokens-token-import-proceed { height: 40px; line-height: 40px; width: 100%; border-radius: var(--size-border-radius-btn); font-size: 16px; }
html .sfru-tokens-modal.ant-modal .ant-modal-content { padding: 30px 0px 0px; }
html .sfru-tokens-modal.ant-modal .ant-modal-header { padding: 0px 30px; }
@media (max-width: 1079px) {
  html .sfru-tokens-modal.ant-modal .ant-modal-content { padding: 10px 0px 0px; }
  html .sfru-tokens-modal.ant-modal .ant-modal-header { padding: 0px 10px; }
}
.sfru-scroll-bar::-webkit-scrollbar { width: 5px; }
.sfru-scroll-bar::-webkit-scrollbar-track { background: transparent; border-radius: 5px; }
.sfru-scroll-bar::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.1); border-radius: 5px; }
.sfru-scroll-bar::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.5); }
.sfru-dark-tokens-vars { --color-text-link-1: #c1a0ff; --color-text-hover-link-1: #decdff; }
.sfru-light-tokens-vars { --color-text-link-1: #722fff; --color-text-hover-link-1: #722fff; }
.sfru-check.ant-checkbox-wrapper { color: var(--color-text-checkbox); }
.sfru-check.ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner { background: transparent; border-color: var(--color-checkbox-unchecked); }
.sfru-check.ant-checkbox-wrapper:hover { color: var(--color-text-hover-checkbox); }
.sfru-check.ant-checkbox-wrapper:hover .ant-checkbox .ant-checkbox-inner { border-color: var(--color-text-hover-checkbox); }
.sfru-check.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner { background: var(--color-checkbox-checked); border-color: var(--color-checkbox-checked); }
.sfru-check.ant-checkbox-wrapper.ant-checkbox-wrapper-checked { color: var(--color-text-hover-checkbox); }
.sfru-check.ant-checkbox-wrapper.ant-checkbox-wrapper-checked .ant-checkbox .ant-checkbox-inner, .sfru-check.ant-checkbox-wrapper.ant-checkbox-wrapper-checked:hover .ant-checkbox .ant-checkbox-inner { background: var(--color-checkbox-checked); border-color: var(--color-checkbox-checked); }
._question_icon_1iyai_1 { cursor: pointer; }
._question_icon_1iyai_1 > img { width: 24px; height: 24px; }
._question_icon_default_1iyai_8 { display: block; }
._question_icon_1iyai_1:hover ._question_icon_default_1iyai_8, ._question_icon_hover_1iyai_11 { display: none; }
._question_icon_1iyai_1:hover ._question_icon_hover_1iyai_11 { display: block; }
._setting_wrap_1w1im_1 { margin-right: 10px; white-space: nowrap; }
._setting_title_1w1im_8, ._setting_wrap_1w1im_1 { display: flex; align-items: center; }
._setting_label_1w1im_13 { font-size: 16px; font-family: PingFangSC-Semibold, "PingFang SC"; font-weight: 600; color: rgb(255, 255, 255); }
._setting_btns_1w1im_20 { display: flex; margin: 12px 0px; }
._setting_btns_1w1im_20 ._setting_btn_wrap_1w1im_24 { overflow: hidden; border-radius: 2px; background-color: rgb(32, 32, 56); padding: 3px; }
._setting_btns_1w1im_20 ._setting_item_1w1im_30 { display: inline-flex; align-items: center; justify-content: center; background: transparent; font-size: 14px; font-family: PingFangSC-Regular, "PingFang SC"; font-weight: 400; color: rgb(255, 255, 255); margin-left: -1px; cursor: pointer; height: 32px; width: 60px; line-height: 14px; }
._setting_btns_1w1im_20 ._setting_item_1w1im_30:first-child { margin-left: 0px; }
._setting_btns_1w1im_20 ._setting_input_1w1im_48 { margin-left: 20px; }
._setting_btns_1w1im_20 ._active_1w1im_51 { background: rgb(96, 1, 255); border-color: rgb(96, 1, 255); color: rgb(255, 255, 255); position: relative; z-index: 1; border-radius: 2px; }
._setting_btns_1w1im_20 .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):focus, ._setting_btns_1w1im_20 .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover { border: 1px solid rgb(96, 1, 255); box-shadow: none; background-color: initial; }
._setting_input_1w1im_48._module_important_1w1im_66 { color: rgb(255, 255, 255); width: 70px; border-radius: 5px; border: transparent; padding: 3px 11px; height: 38px; box-shadow: none; background-color: rgb(32, 32, 56) !important; }
._setting_input_1w1im_48._module_important_1w1im_66:focus, ._setting_input_1w1im_48._module_important_1w1im_66:hover { border: 1px solid rgb(96, 1, 255); box-shadow: none; background-color: initial; }
._setting_input_1w1im_48._module_important_1w1im_66 input { background: transparent; padding: 5px 0px; font-size: 14px; font-family: PingFangSC-Regular, "PingFang SC"; font-weight: 400; color: rgb(255, 255, 255); opacity: 0.7; }
._info_text_1w1im_91 { color: rgb(255, 142, 24); margin-bottom: 16px; }
._setting_minutes_1w1im_96 { font-size: 14px; font-family: PingFangSC-Regular, "PingFang SC"; font-weight: 400; color: rgb(255, 255, 255); margin-left: 10px; }
._flex_right_1w1im_104 { display: flex; align-items: center; justify-content: flex-start; }
._setting_popover_1w1im_110._setting_popover_1w1im_110 { width: 322px; border-radius: 10px; border: 1px solid rgb(96, 1, 255); backdrop-filter: blur(40px); box-shadow: rgb(30, 26, 57) 0px 4px 20px; }
._setting_popover_1w1im_110._setting_popover_1w1im_110 .ant-popover-arrow { display: none; }
._setting_popover_1w1im_110._setting_popover_1w1im_110 .ant-popover-content .ant-popover-inner { background: rgba(21, 21, 39, 0.6); padding: 14px 20px 20px; box-shadow: rgb(30, 26, 57) 0px 4px 20px; }
._setting_popover_1w1im_110._setting_popover_1w1im_110 .ant-popover-content .ant-popover-arrow { opacity: 0; }
._new_setting_icon_1w1im_129 { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: 1px solid rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); border-radius: 50%; text-align: center; line-height: 28px; cursor: pointer; }
._new_setting_icon_1w1im_129:hover, ._new_setting_icon_open_1w1im_147 { border: 1px solid rgb(96, 1, 255); background-color: rgb(96, 1, 255); color: rgb(255, 255, 255); }
._new_setting_icon_1w1im_129 img { width: 16px; height: 16px; }
._max_btn_10vjd_1 { height: 24px; border-radius: 15px; padding: 0px 14px; font-size: 12px; line-height: 23px; font-weight: 500; cursor: pointer; white-space: nowrap; background: rgb(15, 4, 37); border: 1px solid rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); }
._swap_input_10vjd_15 { padding: 12px 10px 12px 20px; height: 48px; }
._swap_input_10vjd_15 .ant-input { border: none !important; }
._input_with_bottom_10vjd_23 { height: 76px; }
._input_usd_10vjd_27 { font-family: "PingFang SC"; font-weight: 500; font-size: 12px; opacity: 0.01; color: rgb(255, 255, 255); }
._input_usd_10vjd_27 > div { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
._swap_line_qwi5l_1 { display: flex; justify-content: space-between; align-items: center; }
._swap_tokon_qwi5l_7 { margin-bottom: 10px; cursor: pointer; }
._swap_tokon_qwi5l_7, ._swap_tokon_qwi5l_7 > div { display: flex; align-items: center; }
._swap_tokon_logo_qwi5l_17 { width: 20px; height: 20px; margin-right: 6px; }
._swap_tokon_symbol_qwi5l_22 { font-family: "PingFang SC"; font-weight: 600; font-size: 16px; line-height: 22px; margin-right: 6px; }
._swap_tokon_select_qwi5l_29 { width: 16px; height: 9px; transition: transform 0.3s; }
._swap_tokon_balance_qwi5l_34 { margin-bottom: 15px; }
._swap_tokon_balance_qwi5l_34 span { font-family: "PingFang SC"; font-weight: 500; font-size: 12px; line-height: 16px; color: rgb(255, 255, 255); }
._swap_tokon_balance_qwi5l_34 span:first-child { opacity: 0.3; }
._safe_tips_1d3fe_1 { font-family: "PingFang SC"; font-weight: 400; font-size: 12px; line-height: 16px; color: rgb(255, 255, 255); margin-top: 10px; }
._safe_tips_btn_1d3fe_9 { color: rgb(180, 130, 255); cursor: pointer; text-decoration: underline; text-underline-offset: 3px; text-decoration-skip-ink: none; }
._safe_tips_1d3fe_1 b, ._safe_tips_btn_1d3fe_9 { font-family: "PingFang SC"; font-weight: 400; font-size: 12px; line-height: 100%; letter-spacing: 0px; vertical-align: middle; }
._safe_tips_1d3fe_1 b { color: rgb(255, 146, 30); }
._switch_token_hd5oy_1 { width: 24px; height: 24px; margin: 16px 0px; }
._switch_token_hd5oy_1:hover ._switch_token_default_hd5oy_6 { display: none; }
._switch_token_hd5oy_1:hover ._switch_token_active_hd5oy_9 { display: block; }
._switch_token_hd5oy_1 img { display: block; width: 100%; height: 100%; cursor: pointer; }
._switch_token_hd5oy_1 ._switch_token_active_hd5oy_9 { display: none; }
._lable_d185g_1 { opacity: 0.3; }
._lable_d185g_1, ._text_d185g_10 { font-family: "PingFang SC"; font-weight: 400; font-size: 12px; line-height: 16px; color: rgb(255, 255, 255); }
._submit_btn_fav43_1 { margin-top: 30px; display: flex; align-items: center; justify-content: center; border-radius: 6px; user-select: none; font-weight: 600; }
._submit_btn_fav43_1._disabled_fav43_10 { color: rgba(255, 255, 255, 0.4); cursor: not-allowed; }
._submit_btn_fav43_1._disabled_fav43_10:hover { color: rgba(255, 255, 255, 0.4); }
._submit_btn_fav43_1._blue_fav43_17 { background-color: initial; color: rgb(255, 255, 255); }
._submit_btn_fav43_1._blue_fav43_17:hover { background-color: initial; }
._submit_btn_fav43_1._gray_fav43_24 { cursor: auto; color: rgb(255, 255, 255); background-color: rgb(219, 219, 219); }
._submit_btn_fav43_1._gray_fav43_24:hover { background-color: rgb(219, 219, 219); }
._submit_btn_fav43_1._red_fav43_32 { background-color: rgb(238, 38, 68); color: rgb(255, 255, 255); }
._submit_btn_fav43_1._red_fav43_32:hover { background-color: rgb(238, 38, 68); }
._submit_btn_fav43_1._orange_fav43_39 { background-color: rgb(255, 146, 30); color: rgb(255, 255, 255); }
._submit_btn_fav43_1._orange_fav43_39:hover { background-color: rgb(255, 146, 30); }
._swap_6b61u_1 { border-radius: 10px; padding: 20px; background: rgb(21, 21, 39); color: rgb(255, 255, 255); }
._swap_setting_6b61u_8 { display: flex; justify-content: space-between; margin-bottom: 16px; }
._swap_setting_title_6b61u_13 { font-family: "PingFang SC"; font-weight: 500; font-size: 18px; line-height: 26px; }
._token_arrow_13z2t_1 { position: relative; top: 5px; margin: 0px 10px; }
@media (max-width: 1079px) {
  ._token_arrow_13z2t_1 { top: 0px; margin: 10px 0px; transform: rotate(90deg); }
}
._success_arrow_13z2t_14 { position: relative; top: 5px; margin: 0px 10px; }
._swap_value_13z2t_20 { font-family: Helvetica-Bold, Helvetica; font-weight: 700; color: rgb(255, 255, 255); margin: 0px 4px; line-height: 1.4; font-size: 20px; }
@media (max-width: 1079px) {
  ._swap_value_13z2t_20 { font-size: 20px; }
}
._swap_symbol_13z2t_34 { font-family: Helvetica-Bold, Helvetica; font-weight: 700; color: rgb(255, 255, 255); margin: 0px 4px; line-height: 1.4; font-size: 14px; }
@media (max-width: 1079px) {
  ._swap_symbol_13z2t_34 { font-size: 12px; }
}
._price_list_13z2t_50 { background: rgb(52, 37, 91); border-radius: 5px; border: 1px solid rgba(255, 255, 255, 0.1); padding: 0px 20px; margin-bottom: 20px; margin-top: 20px; }
@media (max-width: 1079px) {
  ._price_list_13z2t_50 { margin-top: 10px; margin-bottom: 15px; }
}
._price_list_item_13z2t_64 { display: flex; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 20px 0px; font-family: PingFangSC-Semibold, "PingFang SC"; font-weight: 600; color: rgb(255, 255, 255); line-height: 1.4; font-size: 14px; flex-wrap: wrap; }
@media (max-width: 1079px) {
  ._price_list_item_13z2t_64 { font-size: 14px; }
}
._price_list_item_13z2t_64 > img { width: 20px; height: 20px; margin-right: 8px; border-radius: 50%; }
._price_list_item_13z2t_64:last-child { border: none; }
._price_list_right_13z2t_90 { margin-left: auto; font-family: PingFangSC-Regular, "PingFang SC"; font-weight: 600; }
@media (max-width: 1079px) {
  ._price_list_right_13z2t_90 { width: 100%; margin-top: 6px; }
}
._info_list_item_13z2t_102 { margin-bottom: 10px; display: flex; align-items: center; flex-wrap: wrap; }
._info_list_item_13z2t_102:last-child { margin-bottom: 20px; }
._info_list_label_13z2t_111 { font-weight: 400; color: rgba(255, 255, 255, 0.3); white-space: nowrap; line-height: 1.4; font-size: 12px; }
@media (max-width: 1079px) {
  ._info_list_label_13z2t_111 { font-size: 12px; }
}
._info_list_value_13z2t_123 { line-height: 1.4; font-size: 12px; font-weight: 600; }
@media (max-width: 1079px) {
  ._info_list_value_13z2t_123 { font-size: 12px; width: 100%; }
}
._info_list_value_default_13z2t_138 { color: rgb(255, 255, 255); }
._info_list_value_warning_13z2t_141 { color: rgb(255, 135, 0); }
._info_list_value_error_13z2t_144 { color: rgb(255, 73, 106); }
._swap_tip_13z2t_148 { color: rgba(255, 255, 255, 0.3); margin: 20px 0px 12px; }
._error_msg_13z2t_156, ._swap_tip_13z2t_148 { font-size: 12px; font-weight: 400; line-height: 17px; }
._error_msg_13z2t_156 { color: rgb(255, 135, 0); text-align: left; margin-bottom: 10px; }
._error_icon_13z2t_165 { display: inline-block; width: 15px; height: 15px; background: rgba(255, 135, 0, 0.2); border-radius: 50%; text-align: center; line-height: 15px; color: rgb(255, 135, 0); font-weight: 700; margin-right: 10px; }
._success_13z2t_14 { padding-top: 22px; text-align: center; }
._success_13z2t_14 ._success_title_icon_13z2t_182 { margin-bottom: 20px; width: 80px; height: 80px; }
._recipient_13z2t_188 { font-size: 14px; color: rgba(255, 255, 255, 0.7); margin-top: 10px; text-align: center; }
._recipient_13z2t_188, ._recipient_tip_13z2t_197 { font-family: PingFangSC-Regular, "PingFang SC"; font-weight: 400; line-height: 20px; }
._recipient_tip_13z2t_197 { font-size: 12px; color: rgba(255, 255, 255, 0.5); margin-top: 16px; text-align: left; }
._token_swap_info_13z2t_207 { text-align: center; }
@media (max-width: 1079px) {
  ._token_swap_info_13z2t_207 { display: flex; flex-direction: column; align-items: center; }
}
._step_wrap_border_ia7w9_1 { background: rgb(52, 37, 91); border-radius: 5px; border: 1px solid rgba(255, 255, 255, 0.1); padding: 20px 20px 0px; }
._mainSwapModal_1lkx9_1 { margin-top: 12px; }
._mainSwapModal_1lkx9_1 ._swap_error_text_1lkx9_4 { font-size: 12px; font-weight: 400; color: rgb(255, 135, 0); line-height: 17px; text-align: left; margin-top: 10px; }
._mainSwapModal_1lkx9_1 ._error_icon_1lkx9_12 { display: inline-block; width: 15px; height: 15px; background: rgba(255, 135, 0, 0.2); border-radius: 50%; text-align: center; line-height: 15px; color: rgb(255, 135, 0); font-weight: 700; margin-right: 10px; }
._mainSwapModal_1lkx9_1 ._submit_btn_1lkx9_24 { padding: 0px; height: 40px; line-height: 40px; font-family: "PingFang SC"; font-size: 16px; border-radius: 6px; }
.sfru-agent-swap-tokens.sfru-dark-tokens-vars { --color-bg-popular: #34255b; --color-bg-popular-hover: #463474; --color-border-popular: #34255b; --color-border-popular-hover: #463474; --color-bg-container: #231743; --color-text-link-1: #b482ff; --color-text-hover-link-1: #cba8ff; --color-checkbox-checked: #6001ff; --color-bg-token-btn: #6001ff; --color-bg-token-btn-hover: #6819ec; --url-bg-search-empty: url(""); --url-bg-token-manange-empty: url(""); }
.sfru-agent-swap-tokens.sfru-size-tokens-vars { --size-border-radius-btn-mini: 4px; --size-border-radius-btn: 6px; }
.sfru-agent-swap-tokens .sfru-tokens-search-empty { background-size: 200px 135px; height: 198px; opacity: 1; }
.sfru-agent-swap-tokens .sfru-tokens-search-empty .sfru-tokens-search-empty-text { margin-top: 140px; opacity: 0.5; }
.sfru-agent-swap-tokens .sfru-tokens-manage-empty { background-size: 190px 163px; height: 198px; opacity: 1; }
.sfru-agent-swap-tokens .sfru-tokens-manage-empty .sfru-tokens-manage-empty-text { margin-top: 169px; opacity: 0.5; }
._container_16ubt_1 { position: relative; display: inline-flex; flex-wrap: wrap; height: 38px; }
._container_16ubt_1._disabled_16ubt_7 ._option_16ubt_7 { cursor: not-allowed; opacity: 0.5; pointer-events: none; }
._option_16ubt_7 { display: inline-flex; align-items: center; flex-wrap: nowrap; padding: 0px 15px; cursor: pointer; transition: 0.2s; user-select: none; height: 38px; color: rgb(162, 156, 188); }
._option_16ubt_7:hover:not(._active_16ubt_24) { color: rgb(255, 255, 255); }
._option_16ubt_7:hover:not(._active_16ubt_24) ._linkIcon_16ubt_27 { fill: rgb(255, 255, 255); }
._option_16ubt_7:hover:not(._active_16ubt_24) ._name_width_icon_16ubt_30 ._star_16ubt_30 { background-image: url(""); }
._option_16ubt_7:hover:not(._active_16ubt_24) ._name_width_icon_16ubt_30 ._nameDefault_16ubt_33 { display: none; }
._option_16ubt_7:hover:not(._active_16ubt_24) ._name_width_icon_16ubt_30 ._nameActive_16ubt_36 { display: block; }
._option_16ubt_7._active_16ubt_24 { color: rgb(255, 255, 255); }
._option_16ubt_7._active_16ubt_24 ._name_16ubt_30::after { display: block; }
._option_16ubt_7._active_16ubt_24 ._linkIcon_16ubt_27 { fill: rgb(255, 255, 255); }
._option_16ubt_7._active_16ubt_24 ._name_width_icon_16ubt_30 ._star_16ubt_30 { background-image: url(""); }
._option_16ubt_7._active_16ubt_24 ._name_width_icon_16ubt_30 ._nameDefault_16ubt_33 { display: none; }
._option_16ubt_7._active_16ubt_24 ._name_width_icon_16ubt_30 ._nameActive_16ubt_36 { display: block; }
._option_16ubt_7 ._name_16ubt_30 { position: relative; font-family: Poppins; font-weight: 600; font-size: 16px; height: 24px; line-height: 24px; }
._option_16ubt_7 ._name_16ubt_30::after { display: none; content: ""; position: absolute; left: 0px; right: 0px; bottom: -8px; height: 4px; background: linear-gradient(90deg, rgb(110, 13, 255), rgba(110, 13, 255, 0.1)); }
._option_16ubt_7 ._name_width_icon_16ubt_30 ._star_16ubt_30 { display: none; position: absolute; left: -7px; top: -6px; width: 13px; height: 11px; background: url("") 0px 0px / 100% 100% no-repeat; }
._option_16ubt_7 ._name_width_icon_16ubt_30 img { display: block; width: auto; height: 24px; }
._option_16ubt_7 ._name_width_icon_16ubt_30 ._nameDefault_16ubt_33 { display: block; }
._option_16ubt_7 ._name_width_icon_16ubt_30 ._nameActive_16ubt_36 { display: none; }
._option_16ubt_7 ._tooltip_16ubt_97 { margin-left: 6px; height: 24px; }
._option_16ubt_7 ._tooltip_16ubt_97 ._tooltip_inner_16ubt_101 { height: 24px; line-height: 24px; }
._option_16ubt_7 ._tooltip_16ubt_97 ._tooltip_inner_16ubt_101 .ant-tooltip-content { width: 300px; }
._option_16ubt_7 ._linkIcon_16ubt_27 { margin-left: 7px; width: 12px; height: 12px; fill: rgb(162, 156, 188); transition: 0.2s; }
._option_16ubt_7 ._linkIcon_16ubt_27 img, ._option_16ubt_7 ._linkIcon_16ubt_27 svg { display: block; width: 100%; height: 100%; }
._swap_16ubt_126 ._container_16ubt_1 { align-items: center; }
._swap_16ubt_126 ._option_16ubt_7 { box-sizing: border-box; height: 28px; margin-right: 10px; min-width: 70px; padding: 0px 8px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 6px; justify-content: center; background: rgba(18, 9, 30, 0.3); }
._swap_16ubt_126 ._option_16ubt_7:first-child { min-width: 170px; }
._swap_16ubt_126 ._option_16ubt_7:last-child { min-width: 130px; margin-right: 0px; }
._swap_16ubt_126 ._option_16ubt_7:hover:not(._active_16ubt_24) { border-color: rgba(255, 255, 255, 0.4); }
._swap_16ubt_126 ._option_16ubt_7._active_16ubt_24 { height: 32px; background: rgba(33, 3, 73, 0.7); border-color: rgb(116, 26, 255); }
._swap_16ubt_126 ._option_16ubt_7._active_16ubt_24 ._name_16ubt_30::after { z-index: 10; width: 23px; height: 12px; bottom: -25px; background: url("") 0% 0% / 100% 100% no-repeat; }
._swap_16ubt_126 ._option_16ubt_7:first-child ._name_16ubt_30::after { left: 50%; }
._swap_16ubt_126 ._option_16ubt_7 ._name_16ubt_30 { font-family: Poppins; font-size: 14px; font-weight: 500; }
._swap_16ubt_126 ._option_16ubt_7 ._linkIcon_16ubt_27 { margin-left: 4px; width: 9px; height: 9px; }
._swap_16ubt_126 ._option_16ubt_7 ._tooltip_16ubt_97 ._tooltip_inner_16ubt_101 { position: relative; top: -1px; }
._swap_16ubt_126 ._option_16ubt_7 ._tooltip_16ubt_97 ._tooltip_inner_16ubt_101 > div { width: 14px; height: 14px; }
._swap_16ubt_126 ._m_list_16ubt_185 { width: 170px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 6px; background: rgb(43, 27, 74); box-shadow: rgba(6, 1, 13, 0.3) 0px 0px 8px; }
._swap_16ubt_126 ._m_list_16ubt_185 ._item_16ubt_192 { margin-bottom: 12px; color: rgb(255, 255, 255); opacity: 0.7; transition: 0.3s; }
._swap_16ubt_126 ._m_list_16ubt_185 ._item_16ubt_192:last-child { margin-bottom: 0px; }
._swap_16ubt_126 ._m_list_16ubt_185 ._item_16ubt_192._active_16ubt_24 { opacity: 1; }
._swap_16ubt_126 ._versionSelectShowBox_16ubt_204 { padding: 0px 12px; height: 34px; border: 1px solid rgb(116, 26, 255); border-radius: 6px; background: rgba(33, 3, 73, 0.7); color: rgb(255, 255, 255); }
._swap_16ubt_126 ._versionSelectShowBox_16ubt_204 ._selectIcon_16ubt_212 img { height: 24px; }
._pool_16ubt_216 ._option_16ubt_7 { padding: 0px 25px; }
._pool_16ubt_216 ._option_16ubt_7:first-child { padding-left: 0px; }
._pool_16ubt_216 ._option_16ubt_7:first-child ._name_16ubt_30::after { left: 0px; }
._container_m_16ubt_226 { display: none; }
._versionSelectShowBox_16ubt_204 { position: relative; display: inline-flex; align-items: center; padding: 0px 8px 0px 10px; height: 36px; line-height: 36px; font-family: Poppins; color: rgb(255, 255, 255); background: rgb(38, 25, 61); border-radius: 6px; cursor: pointer; }
._versionSelectShowBox_16ubt_204 ._show_star_16ubt_243 { display: none; position: absolute; left: 4px; top: 3px; width: 13px; height: 11px; background: url("") 0px 0px / 100% 100% no-repeat; }
._versionSelectShowBox_16ubt_204 ._show_version_16ubt_254 { margin-right: 6px; font-family: Poppins; font-weight: 600; font-size: 16px; line-height: 36px; }
._versionSelectShowBox_16ubt_204 ._show_version_2_16ubt_261 { margin-right: 6px; }
._versionSelectShowBox_16ubt_204 ._show_arrow_16ubt_264 { display: flex; align-items: center; justify-content: center; width: 12px; height: 12px; color: rgb(255, 255, 255); transform: rotate(-180deg); transform-origin: center center; transition: transform 0.3s; }
._versionSelectShowBox_16ubt_204 ._show_arrow_16ubt_264 svg { display: block; width: 10px; }
._versionSelectShowBox_16ubt_204 ._show_arrow_active_16ubt_279 { transform: rotate(-1turn); }
._selectIcon_16ubt_212 { position: relative; }
._selectIcon_16ubt_212 img { display: block; width: auto; height: 26px; }
._m_list_16ubt_185 { box-sizing: border-box; width: 156px; padding: 10px; background: rgb(38, 25, 61); border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.2); }
._m_list_16ubt_185._disabled_16ubt_7 { cursor: not-allowed; }
._m_list_16ubt_185._disabled_16ubt_7 ._item_16ubt_192 { cursor: not-allowed; opacity: 0.5; pointer-events: none; }
._m_list_16ubt_185 ._item_16ubt_192 { display: flex; align-items: center; flex-wrap: nowrap; margin-bottom: 10px; border-radius: 6px; height: 21px; line-height: 21px; color: rgb(167, 162, 201); cursor: pointer; }
._m_list_16ubt_185 ._item_16ubt_192:hover { color: rgb(255, 255, 255); }
._m_list_16ubt_185 ._item_16ubt_192:last-child { margin-bottom: 0px; }
._m_list_16ubt_185 ._item_16ubt_192 ._symbol_16ubt_326 { white-space: nowrap; font-family: Poppins; font-weight: 600; font-size: 14px; line-height: 21px; }
._m_list_16ubt_185 ._item_16ubt_192 ._linkIcon_16ubt_27 { margin-left: 6px; width: 12px; height: 12px; }
._m_list_16ubt_185 ._item_16ubt_192 ._linkIcon_16ubt_27 svg { display: block; width: 100%; height: 100%; }
._m_list_16ubt_185 ._item_16ubt_192._active_16ubt_24 { color: rgb(255, 255, 255); }
._m_list_16ubt_185 ._item_16ubt_192._active_16ubt_24 ._drop_item_with_icon_16ubt_346 ._dropNameDefault_16ubt_346 { display: none; }
._drop_item_with_icon_16ubt_346, ._m_list_16ubt_185 ._item_16ubt_192._active_16ubt_24 ._drop_item_with_icon_16ubt_346 ._dropNameActive_16ubt_349 { display: block; }
._drop_item_with_icon_16ubt_346 ._dropNameActive_16ubt_349 img, ._drop_item_with_icon_16ubt_346 ._dropNameDefault_16ubt_346 img { display: block; width: auto; height: 21px; }
._drop_item_with_icon_16ubt_346 ._dropNameActive_16ubt_349 { display: none; }
@media (max-width: 1079px) {
  ._container_16ubt_1 { display: none; height: 30px; }
  ._option_16ubt_7 { height: 24px; line-height: 24px; }
  ._option_16ubt_7 ._name_16ubt_30::after { bottom: -6px; }
  ._pool_16ubt_216 ._option_16ubt_7 { padding: 0px 10px; }
  ._pool_16ubt_216 ._option_16ubt_7:first-child { padding-left: 0px; }
  ._pool_16ubt_216 ._option_16ubt_7:first-child ._name_16ubt_30::after { left: 0px; }
  ._always_16ubt_390 ._container_16ubt_1, ._container_m_16ubt_226 { display: inline-flex; }
  ._always_16ubt_390 ._container_m_16ubt_226 { display: none; }
}
._viewToken_14fdn_1 { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; background: rgb(54, 37, 78); border-radius: 22px; color: rgba(255, 255, 255, 0.7); cursor: pointer; transition: 0.2s; }
._viewToken_14fdn_1 svg { display: block; width: 10px; height: 10px; }
._viewToken_14fdn_1:hover { color: rgb(255, 255, 255); background: rgb(68, 53, 100); }
._tokenSelectorBox_6btrv_1 ._inner_6btrv_1 { display: inline-flex; align-items: center; flex-wrap: nowrap; height: 40px; line-height: 40px; padding: 0px 30px; border-radius: 20px; background: rgb(100, 0, 255); cursor: pointer; }
._tokenSelectorBox_6btrv_1 ._inner_6btrv_1:hover { background: linear-gradient(93.51deg, rgb(101, 119, 255), rgb(100, 0, 255) 99.21%); }
._tokenSelectorBox_6btrv_1 ._inner_6btrv_1 ._logo_6btrv_15 { width: 24px; height: 24px; border-radius: 24px; overflow: hidden; }
._tokenSelectorBox_6btrv_1 ._inner_6btrv_1 ._logo_6btrv_15 img { display: block; width: 100%; height: 100%; }
._tokenSelectorBox_6btrv_1 ._inner_6btrv_1 ._symbol_6btrv_26 { margin: 0px 10px 0px 8px; font-family: Poppins; font-weight: 600; font-size: 16px; max-width: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: rgb(255, 255, 255); }
._tokenSelectorBox_6btrv_1 ._inner_6btrv_1 ._icon_6btrv_37 { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; color: rgb(255, 255, 255); }
._tokenSelectorBox_6btrv_1 ._inner_6btrv_1 ._icon_6btrv_37 svg { width: 100%; height: 100%; }
._tokenSelectorBox_6btrv_1 ._inner_6btrv_1 ._default_6btrv_49 { font-family: Poppins; font-weight: 600; font-size: 16px; color: rgb(255, 255, 255); }
._tokenSelectorBox_6btrv_1 ._inner_selected_6btrv_55 { background: rgb(45, 32, 86); padding: 0px 10px 0px 12px; }
._tokenSelectorBox_6btrv_1 ._inner_selected_6btrv_55:hover { background: rgb(56, 40, 104); }
._disabled_6btrv_63 ._inner_6btrv_1 { cursor: default; }
._disabled_6btrv_63 ._inner_6btrv_1 ._icon_6btrv_37 { display: none; }
._disabled_6btrv_63 ._inner_selected_6btrv_55:hover { background: rgb(62, 45, 88); }
@media (max-width: 1079px) {
  ._tokenSelectorBox_6btrv_1 ._inner_6btrv_1 { height: 30px; line-height: 30px; padding: 0px 12px; border-radius: 20px; }
  ._tokenSelectorBox_6btrv_1 ._inner_6btrv_1 ._logo_6btrv_15 { width: 16px; height: 16px; border-radius: 16px; }
  ._tokenSelectorBox_6btrv_1 ._inner_6btrv_1 ._symbol_6btrv_26 { max-width: 89px; margin: 0px 10px 0px 8px; font-size: 14px; }
  ._tokenSelectorBox_6btrv_1 ._inner_6btrv_1 ._icon_6btrv_37 { width: 12px; height: 12px; }
  ._tokenSelectorBox_6btrv_1 ._inner_6btrv_1 ._default_6btrv_49 { font-size: 14px; }
  ._tokenSelectorBox_6btrv_1 ._inner_selected_6btrv_55 { padding: 0px 8px; }
}
._maxBtn_1nws3_1 { display: inline-flex; align-items: center; justify-content: center; padding: 0px 12px; height: 22px; line-height: 22px; font-family: Poppins; font-weight: 500; font-size: 12px; border-radius: 40px; background: rgb(54, 37, 78); color: rgb(255, 255, 255); cursor: pointer; transition: 0.2s; }
._maxBtn_1nws3_1:hover { background: rgb(68, 53, 100); }
._disabled_1nws3_21 { background: rgb(54, 37, 78); opacity: 0.5; cursor: not-allowed; }
._disabled_1nws3_21:hover { background: rgb(54, 37, 78); }
@media (max-width: 1079px) {
  ._maxBtn_1nws3_1 { padding: 0px 6px; height: 20px; line-height: 20px; font-size: 12px; border-radius: 20px; }
}
._resizableInput_1yk7h_1 input { height: 40px; font-family: Poppins-Bold; font-weight: 600; font-size: 18px; line-height: 40px; text-align: right; border: 0px; padding-right: 0px !important; }
._resizableInput_1yk7h_1 input::placeholder { font-weight: 500; font-family: Poppins; }
._isOverflowInput_1yk7h_16 input { font-size: 16px; }
@media (max-width: 1079px) {
  ._resizableInput_1yk7h_1 input { height: 30px; line-height: 30px; font-size: 16px; }
  ._isOverflowInput_1yk7h_16 input { font-size: 14px; }
}
.sunioTokenLevelBtn { line-height: 0; }
.sunioTokenLevelBtn .sfru-token_level { border-radius: 40px; height: 22px; line-height: 22px; padding-right: 13px; }
.sunioTokenLevelBtn .sfru-token_level_img { width: 18px; transform: translate(-4px); }
.sunioTokenLevelBtn.sfru-dark-tokens-vars { --color-bg-token-level: #271b4a; --color-icon-token-level-0: #7b708b; --color-icon-token-level-1: #ff8700; --color-icon-token-level-2: #01df86; --color-icon-token-level-3: #ffd34a; --color-icon-token-level-4: #ff2865; --color-icon-token-level-5: #9c58ff; }
@media (max-width: 1079px) {
  .sunioTokenLevelBtn { line-height: 0; }
  .sunioTokenLevelBtn .sfru-token_level { border-radius: 10px; height: 20px; line-height: 20px; }
}
._transactionSetting_1o1dw_1 .ant-popover-inner { padding: 0px !important; border-radius: 10px !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; }
._transactionSetting_1o1dw_1 .ant-input-suffix { color: rgb(167, 162, 201) !important; }
._transactionSetting_1o1dw_1 .ant-input-affix-wrapper-focused, ._transactionSetting_1o1dw_1 .ant-input-affix-wrapper:focus, ._transactionSetting_1o1dw_1 .ant-input-affix-wrapper:hover { border-color: rgba(255, 255, 255, 0.3) !important; }
._settint_icon_1o1dw_16 { width: 24px; height: 24px; border-radius: 50%; background: rgb(54, 37, 78); color: rgba(255, 255, 255, 0.7); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
._settint_icon_1o1dw_16:hover { color: rgb(255, 255, 255); background: rgb(68, 53, 100); }
._setting_1o1dw_32 { width: 280px; padding: 16px 20px 20px; }
._setting_1o1dw_32 ._title_1o1dw_36 { display: flex; align-items: center; margin-bottom: 10px; font-family: Poppins; font-weight: 600; line-height: 22px; }
._setting_1o1dw_32 ._title_1o1dw_36 ._label_1o1dw_44 { margin-right: 10px; font-size: 16px; color: rgb(255, 255, 255); }
._setting_1o1dw_32 ._title2_1o1dw_49 { margin-top: 20px; }
._setting_1o1dw_32 ._input_1o1dw_52 { margin-top: 10px; }
._setting_1o1dw_32 ._info_text_1o1dw_55 { font-size: 14px; line-height: 22px; color: rgb(255, 196, 0); margin-top: 10px; }
._list_1o1dw_62 { background: rgb(51, 37, 78); overflow: hidden; height: 40px; }
._list_1o1dw_62, ._list_1o1dw_62 ._item_1o1dw_70 { display: flex; align-items: center; border-radius: 5px; }
._list_1o1dw_62 ._item_1o1dw_70 { flex: 1 1 0%; width: 0px; height: 100%; justify-content: center; font-family: Poppins; font-weight: 400; font-size: 14px; color: rgb(167, 162, 201); cursor: pointer; }
._list_1o1dw_62 ._active_1o1dw_89, ._list_1o1dw_62 ._item_1o1dw_70:hover { font-family: Poppins-Bold; color: rgb(255, 255, 255); font-weight: 600; }
._list_1o1dw_62 ._active_1o1dw_89 { background: rgb(100, 0, 255); }
@media (max-width: 1079px) {
  ._transactionSetting_1o1dw_1 .ant-popover-content { margin-right: 10px !important; }
}
._common_input_width_border_iqeam_1:focus, ._common_input_width_border_iqeam_1:hover { border-color: transparent !important; }
._sunCommonInput_iqeam_9 { font-size: 14px; padding: 0px 15px; height: 40px; outline: 0px; border-radius: 6px; font-family: Poppins; }
@media (max-width: 1079px) {
  ._sunCommonInput_iqeam_9 { font-size: 12px; padding: 0px 10px; height: 30px; }
}
._balanceInfo_myieu_1 { font-family: Poppins; font-weight: 500; font-size: 12px; line-height: 18px; }
._balanceInfo_myieu_1 ._label_myieu_7 { font-family: Poppins; font-weight: 500; margin-right: 10px; color: rgb(162, 156, 188); white-space: nowrap; }
._balanceInfo_myieu_1 ._value_myieu_14 { color: rgb(255, 255, 255); word-break: break-all; }
._balanceInfo_myieu_1 ._usd_myieu_18 { color: rgb(162, 156, 188); word-break: break-all; }
._balanceInfo_myieu_1 ._limit_myieu_22 { display: inline-flex; }
._balanceInfo_myieu_1 ._limit_myieu_22 ._tip_myieu_25 { margin-right: 6px; }
._tradeNotice_1heka_1 { display: flex; align-items: center; background: rgb(38, 25, 61); }
._tradeNotice_1heka_1 ._tradeIcon_1heka_6 { margin-right: 17px; width: 120px; height: 120px; }
._tradeNotice_1heka_1 ._tradeIcon_1heka_6 svg { display: block; width: 100%; height: 100%; }
._tradeNotice_1heka_1 ._info_1heka_16 { flex: 1 1 0%; }
._tradeNotice_1heka_1 ._title_1heka_19 { font-family: Poppins-Bold; font-weight: 600; font-size: 20px; line-height: 28px; color: rgb(255, 255, 255); }
._tradeNotice_1heka_1 ._title_1heka_19 ._title_r_1heka_26 { position: relative; top: -3px; margin-left: 10px; display: inline-block; }
._tradeNotice_1heka_1 ._title_1heka_19 ._title_r_1heka_26 > div { display: flex; }
._tradeNotice_1heka_1 ._subTitle_1heka_35 { margin-top: 8px; font-family: Poppins; font-weight: 400; font-size: 15px; line-height: 21px; word-break: break-all; color: rgb(255, 255, 255); }
._tradeNotice_1heka_1 ._link_1heka_44 { display: inline-flex; align-items: center; margin-top: 22px; font-family: Poppins; font-weight: 600; font-size: 15px; line-height: 21px; color: rgb(191, 171, 255); cursor: pointer; text-decoration: none; }
._tradeNotice_1heka_1 ._link_1heka_44:active, ._tradeNotice_1heka_1 ._link_1heka_44:link, ._tradeNotice_1heka_1 ._link_1heka_44:visited { color: rgb(191, 171, 255); }
._tradeNotice_1heka_1 ._link_1heka_44:hover { color: rgb(223, 213, 255); }
._tradeNotice_1heka_1 ._link_1heka_44 ._linkIcon_1heka_62 { margin-left: 7px; width: 10px; height: 10px; }
._tradeNotice_1heka_1 ._link_1heka_44 ._linkIcon_1heka_62 svg { display: block; width: 100%; height: 100%; }
@media (max-width: 1079px) {
  ._tradeNotice_1heka_1 ._tradeIcon_1heka_6 { margin-right: 10px; width: 94px; height: 94px; }
  ._tradeNotice_1heka_1 ._title_1heka_19 { font-size: 16px; line-height: 22px; }
  ._tradeNotice_1heka_1 ._subTitle_1heka_35 { font-size: 14px; line-height: 20px; }
  ._tradeNotice_1heka_1 ._link_1heka_44 { font-size: 14px; }
}
._sunSwapModal_q52pr_1 ._bottom_q52pr_1 { margin-top: 26px; }
._sunSwapModal_q52pr_1 ._token_swap_info_q52pr_4 { display: flex; align-items: center; justify-content: center; text-align: center; flex-wrap: wrap; }
._sunSwapModal_q52pr_1 ._token_swap_info_q52pr_4 ._token_swap_info_item_q52pr_11 { line-height: 36px; }
._sunSwapModal_q52pr_1 ._token_swap_info_q52pr_4 ._swap_value_q52pr_14 { margin-right: 6px; font-family: Poppins-Bold; font-weight: 700; color: rgb(255, 255, 255); font-size: 24px; word-break: break-all; }
._sunSwapModal_q52pr_1 ._token_swap_info_q52pr_4 ._swap_symbol_q52pr_22 { position: relative; top: -2px; font-size: 14px; font-family: Poppins-Bold; font-weight: 700; color: rgb(255, 255, 255); }
._sunSwapModal_q52pr_1 ._token_swap_info_q52pr_4 ._token_swap_info_arrow_q52pr_30 { margin: 0px 10px; }
._sunSwapModal_q52pr_1 ._token_swap_info_q52pr_4 ._token_swap_info_arrow_q52pr_30 ._token_swap_info_arrow_pc_q52pr_33 { display: block; }
._sunSwapModal_q52pr_1 ._token_swap_info_q52pr_4 ._token_swap_info_arrow_q52pr_30 ._token_swap_info_arrow_mobile_q52pr_36 { display: none; }
._sunSwapModal_q52pr_1 ._info_q52pr_39 { margin-top: 20px; }
._sunSwapModal_q52pr_1 ._info_q52pr_39 ._price_list_q52pr_42 { background: rgb(51, 37, 78); border-radius: 6px; padding: 0px 16px; margin-bottom: 20px; margin-top: 16px; }
._sunSwapModal_q52pr_1 ._info_q52pr_39 ._price_list_q52pr_42 ._price_list_item_q52pr_49 { display: flex; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 16px 0px; font-family: Poppins; font-weight: 600; font-size: 16px; line-height: 24px; color: rgb(255, 255, 255); flex-wrap: wrap; }
._sunSwapModal_q52pr_1 ._info_q52pr_39 ._price_list_q52pr_42 ._price_list_item_q52pr_49 > img { width: 20px; height: 20px; margin-right: 6px; border-radius: 50%; border: 1px solid rgb(221, 221, 221); background: rgb(255, 255, 255); }
._sunSwapModal_q52pr_1 ._info_q52pr_39 ._price_list_q52pr_42 ._price_list_item_q52pr_49:last-child { border: none; }
._sunSwapModal_q52pr_1 ._info_q52pr_39 ._price_list_q52pr_42 ._price_list_right_q52pr_72 { color: rgb(158, 154, 188); margin-left: auto; font-family: Poppins; font-weight: 400; font-size: 14px; }
._sunSwapModal_q52pr_1 ._info_q52pr_39 ._swap_tip_q52pr_79 { margin-top: 20px; font-family: Poppins; font-weight: 400; font-size: 12px; line-height: 17px; }
._sunSwapModal_q52pr_1 ._success_q52pr_86 { padding-top: 30px; text-align: center; }
._sunSwapModal_q52pr_1 ._success_q52pr_86 ._successMain_q52pr_90 { margin-top: 20px; }
._sunSwapModal_q52pr_1 ._success_q52pr_86 img { display: block; margin: 0px auto; width: 80px; height: 80px; }
._sunSwapModal_q52pr_1 ._swapErrorInfo_q52pr_99 { margin-bottom: 10px; }
._sunSwapModal_q52pr_1 ._recipient_q52pr_102 { font-size: 12px; font-family: Poppins; font-weight: 400; color: rgb(158, 154, 188); line-height: 21px; margin-top: 6px; text-align: center; }
._sunSwapModal_q52pr_1 ._recipient_tip_q52pr_111 { font-size: 12px; font-family: Poppins; font-weight: 400; color: rgb(108, 102, 134); line-height: 18px; margin-top: 20px; text-align: left; }
._sunSwapModal_q52pr_1 ._step_q52pr_120 { margin-top: 20px; }
@media (max-width: 1079px) {
  ._sunSwapModal_q52pr_1 ._token_swap_info_q52pr_4 { flex-direction: column; }
  ._sunSwapModal_q52pr_1 ._token_swap_info_q52pr_4 ._token_swap_info_item_q52pr_11 { line-height: 30px; }
  ._sunSwapModal_q52pr_1 ._token_swap_info_q52pr_4 ._swap_value_q52pr_14 { font-size: 20px; }
  ._sunSwapModal_q52pr_1 ._token_swap_info_q52pr_4 ._swap_symbol_q52pr_22 { display: inline-block; font-size: 12px; }
  ._sunSwapModal_q52pr_1 ._token_swap_info_q52pr_4 ._token_swap_info_arrow_q52pr_30 { margin: 3px auto; }
  ._sunSwapModal_q52pr_1 ._token_swap_info_q52pr_4 ._token_swap_info_arrow_q52pr_30 ._token_swap_info_arrow_pc_q52pr_33 { display: none; }
  ._sunSwapModal_q52pr_1 ._token_swap_info_q52pr_4 ._token_swap_info_arrow_q52pr_30 ._token_swap_info_arrow_mobile_q52pr_36 { display: block; }
  ._sunSwapModal_q52pr_1 ._info_q52pr_39 ._price_list_q52pr_42 { padding: 0px 10px; }
  ._sunSwapModal_q52pr_1 ._info_q52pr_39 ._price_list_q52pr_42 ._price_list_item_q52pr_49 { padding: 10px 0px; font-size: 14px; line-height: 21px; }
  ._sunSwapModal_q52pr_1 ._info_q52pr_39 ._price_list_q52pr_42 ._price_list_item_q52pr_49 > img { margin-right: 8px; width: 16px; height: 16px; }
  ._sunSwapModal_q52pr_1 ._info_q52pr_39 ._price_list_q52pr_42 ._price_list_right_q52pr_72 { width: 100%; margin-top: 5px; }
}
@font-face { font-family: Poppins; src: url("urn:scrapbook:download:error:https://sun.claims/fdd3002e7d814ee47c1c1b8487c72c6bbb3a2d00.ttf"); }
@font-face { font-family: Poppins-Bold; src: url(""); }
._common_modal_1dq9z_9 { font-family: Poppins; }
._common_modal_footer_1dq9z_12 { display: flex; justify-content: center; align-items: center; }
._common_modal_footer_1dq9z_12 button { flex: 1 1 0%; }
._common_modal_footer_1dq9z_12 button:nth-child(2) { margin-left: 20px !important; }
._common_modal_title_1dq9z_23 { display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); font-family: Poppins; }
._common_modal_title_left_1dq9z_30 { justify-content: flex-start; }
._common_modal_1dq9z_9 .sdk-common-modal.ant-modal .ant-modal-footer { margin-top: 30px; }
._common_modal_1dq9z_9 .sdk-common-modal.ant-modal .ant-modal-header { margin-bottom: 14px; }
._common_modal_1dq9z_9 .ant-modal-body { font-family: Poppins; }
._common_modal_1dq9z_9 .ant-modal-close { right: 5px; top: 5px; }
@media (max-width: 1079px) {
  ._common_modal_title_1dq9z_23 { font-size: 16px; }
  ._common_modal_1dq9z_9 .sdk-common-modal.ant-modal .ant-modal-footer { margin-top: 26px; }
  ._common_modal_1dq9z_9 .ant-modal-content { padding: 20px 10px; }
}
._base_btn_10kni_1 { padding: 0px; display: block; font-family: Poppins; height: 40px; width: 100%; line-height: 40px; border-radius: 10px; text-align: center; color: rgb(255, 255, 255); font-size: 16px; font-weight: 600; cursor: pointer; outline: none; border: none; background-color: rgb(100, 0, 255); }
@media (min-width: 1080px) {
  ._base_btn_10kni_1:not([disabled]):hover { color: rgb(100, 0, 255); }
}
@media (max-width: 1079px) {
  ._base_btn_10kni_1:not([disabled]):active { color: rgb(100, 0, 255); }
}
._base_btn_10kni_1:disabled { opacity: 0.5; cursor: no-drop; }
._base_btn_primary_10kni_32 { background-color: rgb(100, 0, 255); border: 0px; color: rgb(255, 255, 255); }
@media (min-width: 1080px) {
  ._base_btn_primary_10kni_32:not([disabled]):hover { background-color: rgb(140, 91, 255); color: rgb(255, 255, 255); }
}
@media (max-width: 1079px) {
  ._base_btn_primary_10kni_32:not([disabled]):active { background-color: rgb(140, 91, 255); color: rgb(255, 255, 255); }
}
._base_btn_border_10kni_49 { line-height: 52px; border: 2px solid rgb(191, 171, 255); background-color: initial; color: rgb(191, 171, 255); }
._base_btn_border_10kni_49:not([disabled]):hover { background-color: initial; border-color: rgb(223, 213, 255); color: rgb(223, 213, 255); }
._base_btn_warning_10kni_61 { background-color: rgb(255, 140, 0); color: rgb(255, 255, 255); }
._base_btn_warning_10kni_61:not([disabled]):hover { color: rgb(255, 255, 255); background-color: rgb(255, 140, 0) !important; }
._base_btn_error_10kni_69 { background-color: rgb(232, 42, 80); color: rgb(255, 255, 255); }
._base_btn_error_10kni_69:not([disabled]):hover { color: rgb(255, 255, 255); background-color: rgb(232, 42, 80) !important; }
@media (max-width: 1079px) {
  ._base_btn_10kni_1 { font-size: 14px; height: 36px; line-height: 36px; border-radius: 6px; }
  ._base_btn_border_10kni_49 { line-height: 28px; }
}
._swapInfoList_e6rr0_1 { margin-top: 20px; }
@media (max-width: 1079px) {
  ._swapInfoList_e6rr0_1 { margin-top: 12px; }
}
._swapInfoList_e6rr0_1 ._list_e6rr0_9 { margin-top: 20px; }
._swapInfoList_e6rr0_1 ._list_e6rr0_9 ._item_e6rr0_12 { display: flex; margin-bottom: 10px; font-size: 14px; line-height: 18px; }
@media (max-width: 1079px) {
  ._swapInfoList_e6rr0_1 ._list_e6rr0_9 ._item_e6rr0_12 { margin-bottom: 12px; }
}
._swapInfoList_e6rr0_1 ._list_e6rr0_9 ._item_e6rr0_12:last-child { margin-bottom: 0px; }
._swapInfoList_e6rr0_1 ._list_e6rr0_9 ._item_e6rr0_12 ._label_e6rr0_26 { display: flex; font-family: Poppins; font-weight: 400; color: rgb(162, 156, 188); }
._swapInfoList_e6rr0_1 ._list_e6rr0_9 ._item_e6rr0_12 ._label_e6rr0_26 ._label_text_e6rr0_32 { margin-right: 4px; white-space: nowrap; }
._swapInfoList_e6rr0_1 ._list_e6rr0_9 ._item_e6rr0_12 ._label_e6rr0_26 ._tip_e6rr0_36 { position: relative; top: -1px; margin-right: 6px; }
._swapInfoList_e6rr0_1 ._list_e6rr0_9 ._item_e6rr0_12 ._value_e6rr0_41 { display: flex; flex: 1 1 0%; width: 0px; font-family: Poppins; font-weight: 600; word-break: break-all; color: rgb(255, 255, 255); }
._swapInfoList_e6rr0_1 ._list_e6rr0_9 ._item_e6rr0_12 ._value_e6rr0_41 ._value_text_warning_e6rr0_50 { color: rgb(255, 135, 0); }
._swapInfoList_e6rr0_1 ._list_e6rr0_9 ._item_e6rr0_12 ._value_e6rr0_41 ._value_text_error_e6rr0_53 { color: rgb(232, 42, 80); }
._swapInfoList_e6rr0_1 ._list_e6rr0_9 ._item_e6rr0_12 ._value_e6rr0_41 b { font-weight: 600; font-style: inherit; display: inline-block; }
@media (max-width: 1079px) {
  ._swapInfoList_e6rr0_1 ._list_e6rr0_9 ._item_e6rr0_12 { font-size: 12px; line-height: 18px; }
  ._swapInfoList_e6rr0_1 ._list_e6rr0_9 ._item_e6rr0_12 ._label_e6rr0_26 { margin-right: 4px; }
  ._swapInfoList_e6rr0_1 ._list_e6rr0_9 ._item_e6rr0_12 ._value_e6rr0_41 ._icon_e6rr0_70 { width: 14px; height: 14px; border-radius: 14px; }
  ._swapInfoList_e6rr0_1 ._list_e6rr0_9 ._item_e6rr0_12 ._value_e6rr0_41 ._tip_e6rr0_36 { top: 0px; }
  ._wrap_m_e6rr0_78 ._list_e6rr0_9 ._item_e6rr0_12 { display: block; }
  ._wrap_m_e6rr0_78 ._list_e6rr0_9 ._item_e6rr0_12 ._value_e6rr0_41 { margin-top: 4px; width: 100%; }
}
._arrow_1xzeh_1 { display: inline-block; }
._arrow_left_1xzeh_4 { transform: rotate(180deg); }
._arrow_top_1xzeh_7 { transform: rotate(-90deg); }
._arrow_bottom_1xzeh_10 { transform: rotate(90deg); }
._swapErrorIconTip_1eiau_1 { display: flex; align-items: center; flex-wrap: wrap; font-family: Poppins; font-weight: 500; font-size: 12px; min-height: 18px; line-height: 18px; color: rgb(255, 135, 0); }
._swapErrorIconTip_1eiau_1 ._icon_1eiau_12 { display: flex; align-items: center; justify-content: center; margin-right: 6px; width: 15px; height: 15px; border-radius: 50%; background: rgba(255, 135, 0, 0.2); }
._swapErrorIconTip_1eiau_1 ._icon_1eiau_12 svg { display: block; width: 3px; height: 9px; }
@media (max-width: 1079px) {
  ._swapErrorTip_1eiau_29 { font-size: 12px; }
}
._step_wrap_border_1sbfr_1 { background: rgb(51, 37, 78); border-radius: 6px; padding: 20px 20px 0px; }
._step_wrap_border_1sbfr_1 .ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon { background: rgba(193, 160, 255, 0.2); border-color: transparent; }
._step_wrap_border_1sbfr_1 .ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon { color: rgb(193, 160, 255); }
._step_wrap_border_1sbfr_1 .ant-steps-item-finish .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon { color: rgb(255, 255, 255); }
._step_wrap_border_1sbfr_1 .ant-steps-item-finish .ant-steps-item-container .ant-steps-item-tail::after { background-color: rgba(255, 255, 255, 0.3); }
._addRecipient_1bav8_1 ._recipientToggle_1bav8_1 { display: inline-flex; line-height: 22px; font-family: Poppins; font-weight: 600; font-size: 14px; color: rgb(255, 255, 255); user-select: none; cursor: pointer; }
._addRecipient_1bav8_1 ._recipientToggle_1bav8_1:hover ._recipient_icon_1bav8_11 { background: rgb(68, 53, 100); color: rgb(255, 255, 255); }
._addRecipient_1bav8_1 ._recipientToggle_1bav8_1 ._recipient_icon_1bav8_11 { display: flex; align-items: center; justify-content: center; margin-left: 10px; width: 22px; height: 22px; border-radius: 22px; background: rgb(54, 37, 78); color: rgba(255, 255, 255, 0.7); }
._addRecipient_1bav8_1 ._recipientToggle_1bav8_1 ._recipient_icon_1bav8_11 svg { display: block; width: 14px; height: 14px; }
._addRecipient_1bav8_1 ._recipient_list_1bav8_31 ._link_1bav8_31 { display: inline-flex; margin-top: 10px; font-size: 12px; line-height: 20px; color: rgb(191, 171, 255); cursor: pointer; text-decoration: none; }
._addRecipient_1bav8_1 ._recipient_list_1bav8_31 ._link_1bav8_31:active, ._addRecipient_1bav8_1 ._recipient_list_1bav8_31 ._link_1bav8_31:link, ._addRecipient_1bav8_1 ._recipient_list_1bav8_31 ._link_1bav8_31:visited { color: rgb(191, 171, 255); }
._addRecipient_1bav8_1 ._recipient_list_1bav8_31 ._link_1bav8_31:hover { color: rgb(223, 213, 255); }
._addRecipient_1bav8_1 ._input_1bav8_46 { margin-top: 10px; }
._addRecipient_1bav8_1 ._input_1bav8_46:focus, ._addRecipient_1bav8_1 ._input_1bav8_46:hover { border-color: rgba(255, 255, 255, 0.3) !important; }
@media (max-width: 1079px) {
  ._input_1bav8_46 { font-size: 12px !important; height: 30px !important; border-radius: 6px !important; color: rgb(158, 154, 188) !important; }
}
._common_a_2gki9_2, a._common_a_2gki9_2 { font-size: 12px; font-weight: 600; color: rgb(191, 171, 255); line-height: 20px; cursor: pointer; text-decoration: none; }
._common_a_2gki9_2:link, ._common_a_2gki9_2:visited, a._common_a_2gki9_2:link, a._common_a_2gki9_2:visited { color: rgb(191, 171, 255); }
._common_a_2gki9_2:hover, a._common_a_2gki9_2:hover { color: rgb(223, 213, 255); }
._common_a_2gki9_2._is_underline_2gki9_21 { text-decoration: underline; text-underline-offset: 3px; text-decoration-skip-ink: none; }
._common_a_2gki9_2._is_underline_2gki9_21:hover { text-decoration: underline; }
@media (max-width: 1079px) {
  ._common_a_2gki9_2, a._common_a_2gki9_2 { font-size: 12px; }
}
._priceReverse_1ckvr_1 { display: flex; align-items: center; padding-right: 19px; font-family: Poppins; font-weight: 600; font-size: 14px; min-height: 22px; line-height: 22px; color: rgb(255, 255, 255); }
._priceReverse_1ckvr_1 ._title_1ckvr_12 { margin-right: 3px; font-family: Poppins; font-weight: 400; color: rgb(108, 102, 134); white-space: nowrap; }
._priceReverse_1ckvr_1 ._label_1ckvr_19 { flex: 1 1 0%; max-width: fit-content; margin-right: 3px; word-break: break-all; }
._priceReverse_1ckvr_1 ._label_1ckvr_19 b { font-weight: 400; color: rgb(108, 102, 134); }
._priceReverse_1ckvr_1 ._icon_1ckvr_29 { display: flex; align-items: center; justify-content: center; margin: 0px 10px; width: 22px; height: 22px; background: rgb(54, 37, 78); border-radius: 22px; color: rgba(255, 255, 255, 0.7); cursor: pointer; transition: 0.2s; }
._priceReverse_1ckvr_1 ._icon_1ckvr_29 svg { display: block; width: 11px; height: 11px; }
._priceReverse_1ckvr_1 ._icon_1ckvr_29:hover { color: rgb(255, 255, 255); background: rgb(68, 53, 100); }
._pc_1ckvr_52 { display: flex; }
._pc_1ckvr_52 ._icon_1ckvr_29 { margin-right: 0px; }
._mobile_1ckvr_59 { display: none; }
@media (max-width: 1079px) {
  ._priceReverse_1ckvr_1 { line-height: 20px; font-size: 12px; }
  ._priceReverse_1ckvr_1 ._icon_1ckvr_29 { margin: 0px 6px; width: 20px; height: 20px; }
  ._pc_1ckvr_52 { display: none; }
  ._mobile_1ckvr_59 { display: inline-flex; }
}
._swapConfirmBtn_1cxw8_1 { position: relative; display: flex; align-items: center; justify-content: center; height: 48px; line-height: 48px; font-family: Poppins; font-weight: 600; font-size: 16px; cursor: pointer; background: rgb(100, 0, 255); border-radius: 100px; color: rgb(255, 255, 255); }
@media (min-width: 1080px) {
  ._swapConfirmBtn_1cxw8_1:hover { background: linear-gradient(90.44deg, rgb(101, 119, 255), rgb(100, 0, 255) 99.25%); }
}
._swapConfirmBtn_1cxw8_1._disabled_1cxw8_21:hover { background: rgb(100, 0, 255); }
@media (max-width: 1079px) {
  ._swapConfirmBtn_1cxw8_1:active { background: linear-gradient(90.44deg, rgb(101, 119, 255), rgb(100, 0, 255) 99.25%); }
}
._warn_1cxw8_30 { background: rgb(255, 140, 0); }
@media (min-width: 1080px) {
  ._warn_1cxw8_30:hover { background: linear-gradient(90.44deg, rgb(255, 77, 61), rgb(255, 162, 0) 99.25%); }
}
._warn_1cxw8_30._disabled_1cxw8_21:hover { background: rgb(255, 140, 0); }
@media (max-width: 1079px) {
  ._warn_1cxw8_30:active { background: linear-gradient(90.44deg, rgb(255, 77, 61), rgb(255, 162, 0) 99.25%); }
}
._error_1cxw8_47 { background: rgb(232, 42, 80); }
@media (min-width: 1080px) {
  ._error_1cxw8_47:hover { background: linear-gradient(90.44deg, rgb(255, 0, 145), rgb(255, 72, 0) 99.25%); }
}
._error_1cxw8_47._disabled_1cxw8_21:hover { background: rgb(232, 42, 80); }
@media (max-width: 1079px) {
  ._error_1cxw8_47:active { background: linear-gradient(90.44deg, rgb(255, 0, 145), rgb(255, 72, 0) 99.25%); }
}
._invalid_1cxw8_64 { background: rgb(100, 0, 255); opacity: 0.7; cursor: not-allowed; }
._invalid_1cxw8_64._disabled_1cxw8_21:hover, ._invalid_1cxw8_64:hover { background: rgb(100, 0, 255); }
._disabled_1cxw8_21 { cursor: not-allowed; opacity: 0.5; }
._disabled_1cxw8_21:hover { box-shadow: none; }
@media (max-width: 1079px) {
  ._swapConfirmBtn_1cxw8_1 { height: 40px; line-height: 40px; font-size: 16px; border-radius: 100px; }
}
._warningTips_dnuc5_1 { position: relative; padding-left: 28px; padding-right: 19px; font-family: Poppins; font-weight: 400; font-size: 12px; line-height: 18px; color: rgb(255, 255, 255); word-break: break-word; }
._warningTips_dnuc5_1 b { font-family: Poppins-Bold; font-weight: 900; color: rgb(255, 196, 0); }
._warningTips_dnuc5_1 ._icon_dnuc5_17 { position: absolute; top: 0px; left: 0px; width: 19px; height: 19px; }
._warningTips_dnuc5_1 ._icon_dnuc5_17 svg { display: block; width: 100%; height: 100%; }
._warningTips_dnuc5_1 ._safeBtn_dnuc5_29 { display: inline-block; font-family: Poppins-Bold; font-weight: 700; color: rgb(191, 171, 255); cursor: pointer; }
@media (max-width: 1079px) {
  ._warningTips_dnuc5_1 { line-height: 20px; }
}
._trade_router_192gr_1 { color: rgb(255, 255, 255); }
._trade_router_192gr_1 ._renderRoutrOuter_192gr_4 { display: flex; font-family: Poppins; font-weight: 400; font-size: 14px; line-height: 21px; }
._trade_router_192gr_1 ._renderRoutrOuter_192gr_4 ._trade_router_txt_192gr_11 { margin-right: 10px; color: rgb(162, 156, 188); }
._trade_router_192gr_1 ._renderRoutrOuter_192gr_4 ._renderRoutrOuter_r_192gr_15 { display: inline-flex; flex-wrap: wrap; flex: 1 1 0%; margin-bottom: -5px; }
._trade_router_192gr_1 ._renderRoutrOuter_192gr_4 ._renderRoutrOuter_r_192gr_15 ._renderRoutrOuter_item_192gr_21 { display: flex; align-items: center; margin-right: 6px; margin-bottom: 5px; }
._trade_router_192gr_1 ._renderRoutrOuter_192gr_4 ._renderRoutrOuter_r_192gr_15 ._renderRoutrOuter_item_192gr_21:last-child ._token_192gr_27 { margin-right: 0px; }
._trade_router_192gr_1 ._renderRoutrOuter_192gr_4 ._renderRoutrOuter_r_192gr_15 ._renderRoutrOuter_item_192gr_21 img { margin-right: 6px; display: block; width: 18px; height: 18px; border-radius: 18px; }
._trade_router_192gr_1 ._renderRoutrOuter_192gr_4 ._renderRoutrOuter_r_192gr_15 ._renderRoutrOuter_item_192gr_21 ._token_192gr_27 { margin-right: 6px; font-family: Poppins; font-weight: 600; font-size: 14px; color: rgb(255, 255, 255); }
._trade_router_192gr_1 ._renderRoutrOuter_192gr_4 ._renderRoutrOuter_r_192gr_15 ._renderRoutrOuter_item_192gr_21 ._tr_arrow_192gr_44 { width: 8px; height: 8px; color: rgb(217, 217, 217); }
._trade_router_192gr_1 ._renderRoutrOuter_192gr_4 ._renderRoutrOuter_r_192gr_15 ._renderRoutrOuter_item_192gr_21 ._tr_arrow_192gr_44 svg { display: block; width: 100%; height: 100%; }
._trade_router_192gr_1 ._showRouteSelect_192gr_54 ._renderRoutrOuter_r_192gr_15 { cursor: pointer; }
._trade_router_192gr_1 .ant-tooltip-content { width: fit-content; }
._tr_content_192gr_61 { box-sizing: border-box; width: 520px; padding: 10px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.2); background: rgb(38, 25, 61) !important; }
._tr_content_192gr_61 ul { list-style: none; padding: 0px; margin: 0px; }
._tr_content_192gr_61 ul ._tr_content_li_192gr_74 { position: relative; margin-bottom: 10px; background: rgb(51, 37, 78); border-radius: 6px; border: 1px solid transparent; padding: 0px 20px; cursor: pointer; }
._tr_content_192gr_61 ul ._tr_content_li_192gr_74:hover { background: rgb(68, 53, 100); border-color: rgba(219, 202, 255, 0.3); }
._tr_content_192gr_61 ul ._tr_content_li_192gr_74:hover ._tr_content_li_top_192gr_87 { padding-right: 20px; }
._tr_content_192gr_61 ul ._tr_content_li_192gr_74:hover ._tr_content_li_top_192gr_87 ._tr_content_li_title_192gr_90 { color: rgb(255, 255, 255); }
._tr_content_192gr_61 ul ._tr_content_li_192gr_74:last-child { margin-bottom: 0px; }
._tr_content_192gr_61 ul ._tr_content_li_top_192gr_87 { position: relative; display: inline-flex; padding: 12px 20px 12px 0px; font-family: Poppins; font-size: 16px; line-height: 24px; color: rgb(167, 162, 201); }
._tr_content_192gr_61 ul ._tr_content_li_top_192gr_87 ._tr_content_li_title_192gr_90 { margin-right: 10px; font-family: Poppins; font-weight: 600; white-space: nowrap; }
._tr_content_192gr_61 ul ._tr_content_li_top_192gr_87 ._tr_content_li_r_192gr_111 { font-size: 12px; word-break: break-all; }
._tr_content_192gr_61 ul ._tr_content_li_top_192gr_87 ._tr_content_li_r_192gr_111 ._tr_content_li_num_192gr_118, ._tr_content_192gr_61 ul ._tr_content_li_top_192gr_87 ._tr_content_li_r_192gr_111 ._tr_content_li_swap_192gr_115 { margin-right: 4px; }
._tr_content_192gr_61 ul ._tr_content_li_down_192gr_121 { border-top: 1px solid rgba(219, 202, 255, 0.1); padding: 12px 0px; margin-bottom: -14px; }
._tr_content_192gr_61 ul ._tr_content_li_down_192gr_121 ._tr_content_li_pair_192gr_126 { display: inline-flex; align-items: center; flex-wrap: nowrap; margin-bottom: 14px; margin-right: 6px; }
._tr_content_192gr_61 ul ._tr_content_li_down_192gr_121 ._tr_content_li_pair_192gr_126:last-child { margin-right: 0px; }
._tr_content_192gr_61 ul ._tr_content_li_down_192gr_121 ._tr_content_li_pair_192gr_126 ._tr_content_li_pair_op_192gr_136 { display: flex; align-items: center; flex-wrap: nowrap; }
._tr_content_192gr_61 ul ._tr_content_li_down_192gr_121 ._tr_content_li_pair_192gr_126 ._tr_content_li_pair_op_192gr_136 img { margin-right: 4px; display: block; width: 16px; height: 16px; border-radius: 16px; }
._tr_content_192gr_61 ul ._tr_content_li_down_192gr_121 ._tr_content_li_pair_192gr_126 ._tr_content_li_pair_op_192gr_136 ._tr_content_li_pair_token_192gr_148 { margin-right: 4px; font-family: Poppins; font-weight: 600; font-size: 12px; line-height: 18px; }
._tr_content_192gr_61 ul ._tr_content_li_down_192gr_121 ._tr_content_li_pair_192gr_126 ._tr_content_li_pair_op_192gr_136 ._tr_content_li_pair_rate_192gr_155 { margin-right: 6px; font-family: Poppins; font-weight: 400; font-size: 12px; line-height: 18px; color: rgb(167, 162, 201); }
._tr_content_192gr_61 ul ._tr_content_li_down_192gr_121 ._tr_content_li_pair_192gr_126 ._path_pool_192gr_163 { display: inline-flex; align-items: center; flex-wrap: nowrap; }
._tr_content_192gr_61 ul ._tr_content_li_down_192gr_121 ._tr_content_li_pair_192gr_126 ._path_pool_192gr_163 ._tr_pool_192gr_168 { margin-right: 6px; padding: 0px 4px; background: rgba(255, 255, 255, 0.1); border-radius: 2px; font-family: Poppins; font-weight: 600; font-size: 10px; line-height: 18px; color: rgb(167, 162, 201); }
._tr_content_192gr_61 ul ._tr_content_li_down_192gr_121 ._tr_content_li_pair_192gr_126 ._path_pool_192gr_163 svg { display: block; width: 8px; height: 8px; }
._tr_content_192gr_61 ul ._tr_content_li_active_192gr_184 { background: rgb(68, 53, 100); border-color: rgba(219, 202, 255, 0.3); }
._tr_content_192gr_61 ul ._tr_content_li_active_192gr_184 ._tr_content_li_top_192gr_87 ._tr_content_li_title_192gr_90 { color: rgb(255, 255, 255); }
._tr_content_192gr_61 ul ._tr_content_li_active_192gr_184 ._icoSelected_192gr_191 { display: block; }
._icoSelected_192gr_191 { display: none; position: absolute; right: 20px; top: 17px; width: 16px; height: 16px; }
._icoSelected_192gr_191 img, ._icoSelected_192gr_191 svg { display: block; width: 100%; height: 100%; }
@media (max-width: 1079px) {
  ._trade_router_192gr_1 ._renderRoutrOuter_192gr_4 { display: block; font-size: 12px; line-height: 18px; }
  ._trade_router_192gr_1 ._renderRoutrOuter_192gr_4 ._trade_router_txt_192gr_11 { margin-right: 0px; margin-bottom: 7px; }
  ._tr_content_192gr_61 { width: 100%; }
  ._tr_content_192gr_61 ul ._tr_content_li_192gr_74 { padding: 0px 10px; }
  ._tr_content_192gr_61 ul ._tr_content_li_top_192gr_87 { display: block; padding: 8px 0px; }
  ._tr_content_192gr_61 ul ._tr_content_li_r_192gr_111 { margin-top: 4px; line-height: 18px; }
  ._icoSelected_192gr_191 { right: 10px; top: 12px; }
}
._routerTooltip_192gr_239 .ant-tooltip-inner { background: rgb(38, 25, 61) !important; }
._routerModal_192gr_243 .ant-modal-content { padding: 0px; }
._dealWarningModal_z5saz_1 ._deal_warning_z5saz_1 ._tip_head_z5saz_1 { margin-top: 20px; font-family: Poppins; font-weight: 400; font-size: 14px; line-height: 21px; color: rgb(255, 255, 255); }
._dealWarningModal_z5saz_1 ._deal_warning_z5saz_1 ._tip_warning_z5saz_9 { margin-top: 12px; font-family: Poppins; font-weight: 400; font-size: 14px; line-height: 21px; color: rgb(255, 140, 0); }
._dealWarningModal_z5saz_1 ._deal_warning_z5saz_1 ._tip_warning_z5saz_9 b { font-family: Poppins-Bold; font-size: 20px; }
._dealWarningModal_z5saz_1 ._deal_warning_z5saz_1 ._tip_footer_z5saz_21 { margin-top: 10px; font-family: Poppins; font-weight: 400; font-size: 14px; line-height: 21px; color: rgb(255, 255, 255); }
._dealWarningModal_z5saz_1 ._deal_warning_z5saz_1 ._check_z5saz_29 { margin-top: 26px; font-size: 14px; }
._dealWarningModal_z5saz_1 ._deal_warning_z5saz_1 ._check_z5saz_29 .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox:not(.ant-checkbox-checked) .ant-checkbox-inner { border-color: rgb(255, 255, 255) !important; }
._tradeCard_gr1z6_1 ._wrap_gr1z6_1 { position: relative; padding: 20px 20px 30px; background: rgb(20, 5, 42); border: 1px solid rgb(59, 38, 90); border-radius: 20px; }
._tradeCard_gr1z6_1 ._wrap_gr1z6_1::before { display: none; content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: 20px; background: linear-gradient(181.14deg, rgba(255, 255, 255, 0.2) 25.9%, rgba(255, 255, 255, 0.05) 76.35%); mask: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)) content-box exclude, linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)); z-index: -1; }
._tradeCard_gr1z6_1 ._card_gr1z6_21 { position: relative; padding: 0px 20px 20px; background: rgba(42, 33, 70, 0.3); border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.1); }
._tradeCard_gr1z6_1 ._card2_gr1z6_28 { margin-top: 10px; }
._tradeCard_gr1z6_1 ._header_gr1z6_31 { display: flex; align-items: center; padding: 14px 0px 0px; }
._tradeCard_gr1z6_1 ._header_gr1z6_31 ._header_l_gr1z6_36 { font-family: Poppins; font-weight: 600; font-size: 14px; line-height: 18px; color: rgb(255, 255, 255); }
._tradeCard_gr1z6_1 ._header_gr1z6_31 ._header_r_gr1z6_43 { display: flex; align-items: center; justify-content: flex-end; flex: 1 1 0%; height: 24px; }
._tradeCard_gr1z6_1 ._header_gr1z6_31 ._tokenLevel_gr1z6_50 { display: flex; align-items: center; margin-left: 10px; height: 25px; }
._tradeCard_gr1z6_1 ._header_gr1z6_31 ._maxBtn_gr1z6_59, ._tradeCard_gr1z6_1 ._header_gr1z6_31 ._viewToken_gr1z6_56 { margin-left: 10px; }
._tradeCard_gr1z6_1 ._balance_m_gr1z6_62 { display: none; }
._tradeCard_gr1z6_1 ._area_gr1z6_65 { display: flex; align-items: center; margin-top: 8px; }
._tradeCard_gr1z6_1 ._area_gr1z6_65 ._input_gr1z6_70 { flex: 1 1 0%; width: 0px; }
._tradeCard_gr1z6_1 ._area_gr1z6_65 ._input_gr1z6_70 ._disabledInput_gr1z6_74 input { cursor: not-allowed; caret-color: transparent; color: rgb(167, 162, 201); }
._tradeCard_gr1z6_1 ._control_gr1z6_79 { z-index: 2; position: absolute; left: 50%; top: -29px; padding: 4px; border: 1px solid rgba(255, 255, 255, 0.1); width: 40px; height: 40px; box-sizing: border-box; border-radius: 50%; background-color: rgb(20, 5, 42); transform: translate(-50%); background-repeat: no-repeat; background-position: center top; background-size: contain; }
._tradeCard_gr1z6_1 ._control_gr1z6_79::before { position: absolute; width: 40px; height: 10px; content: ""; left: -1px; top: 50%; background-color: rgb(20, 5, 42); transform: translateY(-25%); z-index: -1; }
._tradeCard_gr1z6_1 ._control_gr1z6_79 ._control_inner_gr1z6_107 { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; background: url("") 50% center no-repeat rgb(38, 25, 61); }
._tradeCard_gr1z6_1 ._control_gr1z6_79 ._control_inner_gr1z6_107:hover { background: url("") 50% center no-repeat rgb(100, 0, 255); }
._tradeCard_gr1z6_1 ._balance_gr1z6_62 { display: flex; margin-top: 16px; }
._tradeCard_gr1z6_1 ._balance_gr1z6_62 ._balance_l_gr1z6_126 { flex: 1 1 0%; }
._tradeCard_gr1z6_1 ._balance_gr1z6_62 ._balance_r_gr1z6_129 { text-align: right; margin-left: 10px; flex: 1 1 0%; }
._tradeCard_gr1z6_1 ._recipient_gr1z6_134 { margin-top: 20px; }
._tradeCard_gr1z6_1 ._tip1_gr1z6_137 { margin-top: 10px; }
._tradeCard_gr1z6_1 ._priceReverse_gr1z6_140 { margin-top: 20px; }
@media (max-width: 1079px) {
  ._tradeCard_gr1z6_1 ._priceReverse_gr1z6_140 { margin-top: 12px; }
}
._tradeCard_gr1z6_1 ._router_gr1z6_148 { margin-top: 20px; }
@media (max-width: 1079px) {
  ._tradeCard_gr1z6_1 ._router_gr1z6_148 { margin-top: 12px; }
}
._tradeCard_gr1z6_1 ._submit_gr1z6_156 { margin-top: 30px; }
._tradeCard_gr1z6_1 ._error_gr1z6_159 { margin-top: 10px; margin-bottom: -10px; }
._home_gr1z6_164 { padding: 0px; }
._home_gr1z6_164 ._wrap_gr1z6_1 { padding: 0px; background: transparent; border-radius: 0px; border: 0px; }
._home_gr1z6_164 ._wrap_gr1z6_1::before { display: none; }
._home_gr1z6_164 ._control_gr1z6_79 { background: rgb(20, 5, 42); }
@media (max-width: 1079px) {
  ._tradeCard_gr1z6_1 ._wrap_gr1z6_1 { padding: 10px 10px 20px; border-radius: 10px; background: rgb(27, 13, 49); backdrop-filter: blur(0px); }
  ._tradeCard_gr1z6_1 ._wrap_gr1z6_1::before { border-radius: 10px; }
  ._tradeCard_gr1z6_1 ._card_gr1z6_21 { padding: 0px 10px 12px; border-radius: 6px; }
  ._tradeCard_gr1z6_1 ._card2_gr1z6_28 { margin-top: 4px; }
  ._tradeCard_gr1z6_1 ._header_gr1z6_31 { padding: 10px 0px 0px; }
  ._tradeCard_gr1z6_1 ._header_gr1z6_31 ._header_l_gr1z6_36 { font-family: Poppins; font-weight: 600; font-size: 12px; line-height: 22px; }
  ._tradeCard_gr1z6_1 ._header_gr1z6_31 ._header_r_gr1z6_43, ._tradeCard_gr1z6_1 ._header_gr1z6_31 ._tokenLevel_gr1z6_50 { height: 20px; }
  ._tradeCard_gr1z6_1 ._balance_m_gr1z6_62 { display: block; margin-top: 10px; }
  ._tradeCard_gr1z6_1 ._area_gr1z6_65 ._input_gr1z6_70 { flex: 1 1 0%; width: 0px; }
  ._tradeCard_gr1z6_1 ._control_gr1z6_79 { width: 37px; height: 37px; top: -23px; }
  ._tradeCard_gr1z6_1 ._control_gr1z6_79::before { height: 4px; }
  ._tradeCard_gr1z6_1 ._balance_gr1z6_62 { display: block; margin-top: 4px; }
  ._tradeCard_gr1z6_1 ._balance_gr1z6_62 ._balance_l_gr1z6_126 { display: none; }
  ._tradeCard_gr1z6_1 ._balance_gr1z6_62 ._balance_r_gr1z6_129 { text-align: right; margin-left: 0px; flex: initial; }
  ._tradeCard_gr1z6_1 ._recipient_gr1z6_134, ._tradeCard_gr1z6_1 ._tip1_gr1z6_137 { margin-top: 10px; }
  ._tradeCard_gr1z6_1 ._submit_gr1z6_156 { margin-top: 20px; }
  ._home_gr1z6_164 { padding: 0px; }
  ._home_gr1z6_164 ._wrap_gr1z6_1 { padding: 0px; background: transparent; border-radius: 0px; }
}
._title_1bnn2_1 { position: relative; display: flex; align-items: center; margin-bottom: 15px; }
._title_1bnn2_1 ._title_l_1bnn2_7 { flex: 1 1 0%; width: 0px; }
._title_1bnn2_1 ._title_l_1bnn2_7 ._title_l_text_1bnn2_11 { font-family: Poppins; font-weight: 600; font-size: 16px; line-height: 24px; color: rgb(255, 255, 255); }
._homeTitle_1bnn2_19 { margin-bottom: 20px; }
._homeTitle_1bnn2_19::after { display: none; }
@media (max-width: 1079px) {
  ._title_1bnn2_1 { margin-bottom: 10px; }
  ._title_1bnn2_1::after { display: none; }
  ._title_1bnn2_1 ._title_l_1bnn2_7 ._title_l_text_1bnn2_11 { font-size: 16px; line-height: 24px; }
}
._tokenSelectorWithList_1t8fp_1 ._inner_1t8fp_1 { display: inline-flex; }
._tokenSelectorWithList_1t8fp_1 ._inner_1t8fp_1 .ant-select-selector { height: 40px; padding: 0px; background: transparent; border: 0px; transition: none; }
._tokenSelectorWithList_1t8fp_1 ._inner_1t8fp_1 .ant-select-selector .ant-select-selection-item { line-height: 0; }
._tokenSelectorWithList_1t8fp_1 ._inner_1t8fp_1 ._label_inner_1t8fp_14 > div { padding: 0px 30px; }
._tokenSelectorWithList_1t8fp_1 ._innerSelected_1t8fp_17 .ant-select-selector { padding: 0px; }
._tokenSelectorWithList_1t8fp_1 ._innerSelected_1t8fp_17 .ant-select-selector:hover { background: transparent; }
._tokenSelectorWithList_1t8fp_1 ._innerSelected_1t8fp_17 .ant-select-selector .ant-select-selection-item { line-height: 0; }
._tokenSelectorWithList_1t8fp_1 ._innerSelected_1t8fp_17 ._label_inner_1t8fp_14 > div { padding: 0px 12px; }
._selectPopup_1t8fp_30 { padding: 10px; background: rgb(68, 53, 100); border-radius: 10px; }
._tooltipContent_1t8fp_36 { min-width: 162px; }
._item_1t8fp_40 { display: flex; align-items: center; padding: 0px 10px; border-radius: 6px; color: rgb(255, 255, 255); height: 44px; }
._item_1t8fp_40 ._icon_1t8fp_48 { width: 24px; height: 24px; border-radius: 24px; overflow: hidden; }
._item_1t8fp_40 ._icon_1t8fp_48 img { display: block; width: 100%; height: 100%; }
._item_1t8fp_40 ._symbol_1t8fp_59 { margin-left: 8px; flex: 1 1 0%; white-space: nowrap; font-family: Poppins; font-weight: 600; font-size: 16px; line-height: 44px; }
._active_1t8fp_72, ._item_1t8fp_40:hover { background: rgb(86, 70, 121); }
@media (max-width: 1079px) {
  ._tokenSelectorWithList_1t8fp_1 ._inner_1t8fp_1 .ant-select-selector { height: 30px; padding: 0px 6px; }
  ._tokenSelectorWithList_1t8fp_1 ._innerSelected_1t8fp_17 .ant-select-selector { padding: 0px; }
  ._tokenSelectorWithList_1t8fp_1 ._innerSelected_1t8fp_17 .ant-select-selector:hover { background: transparent; }
  ._tokenSelectorWithList_1t8fp_1 ._innerSelected_1t8fp_17 .ant-select-selector .ant-select-selection-item { line-height: 0; }
  ._selectPopup_1t8fp_30 { min-width: 110px; padding: 6px; border-radius: 6px; }
  ._selectPopup_1t8fp_30 .ant-select-item, ._selectPopup_1t8fp_30 .ant-select-item-option-content { height: 30px !important; min-height: 30px !important; line-height: 30px !important; }
  ._item_1t8fp_40 { padding: 0px 6px; border-radius: 6px; color: rgb(255, 255, 255); height: 30px; line-height: 30px; }
  ._item_1t8fp_40 ._icon_1t8fp_48 { width: 16px; height: 16px; border-radius: 16px; }
  ._item_1t8fp_40 ._symbol_1t8fp_59 { margin-left: 4px; font-size: 14px; line-height: 30px; }
}
._trans-modal_1f2fc_1 ._trans-modal-title_1f2fc_1 { font-family: Poppins-Bold; font-size: 20px; font-weight: 600; color: rgb(255, 255, 255); line-height: 30px; text-align: center; margin-top: 20px; }
._trans-modal_1f2fc_1 ._trans-modal-title_1f2fc_1 b { font-size: 16px; font-weight: 600; }
._trans-modal_1f2fc_1 ._trans-modal-title_1f2fc_1 ._trans-modal-title-symbol_1f2fc_14 { font-size: 14px; font-family: Poppins; font-weight: 700; color: rgb(255, 255, 255); line-height: 17px; }
._trans-modal_1f2fc_1 ._trans-modal-title_1f2fc_1 ._trans-modal-title-plus_1f2fc_21 { font-size: 20px; font-family: Poppins; font-weight: 700; color: rgba(255, 255, 255, 0.5); line-height: 24px; }
._trans-modal_1f2fc_1 ._trans-modal-icon_1f2fc_28 { text-align: center; margin: 40px auto; position: relative; }
._trans-modal_1f2fc_1 ._trans-modal-icon_1f2fc_28 > img { width: 130px; height: 130px; }
._trans-modal_1f2fc_1 ._trans-modal-status_1f2fc_37 { font-size: 16px; font-family: Poppins; font-weight: 400; color: rgb(158, 154, 188); line-height: 24px; text-align: center; margin-top: 20px; }
._trans-modal_1f2fc_1 ._trans-modal-tips_1f2fc_46 { text-align: center; margin-top: 20px; }
._trans-modal_1f2fc_1 ._points_1f2fc_50 { position: absolute; top: -30px; left: 0px; right: 0px; margin: auto; animation: 1s linear 0s infinite normal none running _loading_1f2fc_1; }
._trans-modal_1f2fc_1 ._points_1f2fc_50 img { width: 190px; height: 190px; }
._trans-modal_1f2fc_1 ._btn_1f2fc_62 { margin-top: 30px; }
@keyframes _loading_1f2fc_1 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
._trans-btn-tip_1f2fc_74 { display: inline-block; margin-right: 5px; }
@media (max-width: 1079px) {
  ._trans-modal_1f2fc_1 ._trans-modal-title_1f2fc_1 { font-size: 16px; line-height: 24px; margin-top: 10px; }
  ._trans-modal_1f2fc_1 ._trans-modal-title_1f2fc_1 b { font-size: 12px; font-weight: 600; }
  ._trans-modal_1f2fc_1 ._trans-modal-title_1f2fc_1 ._trans-modal-title-symbol_1f2fc_14 { font-size: 12px; line-height: 14px; }
  ._trans-modal_1f2fc_1 ._trans-modal-title_1f2fc_1 ._trans-modal-title-plus_1f2fc_21 { font-size: 16px; line-height: 24px; }
  ._trans-modal_1f2fc_1 ._trans-modal-icon_1f2fc_28 { margin: 40px auto; position: relative; }
  ._trans-modal_1f2fc_1 ._trans-modal-icon_1f2fc_28 > img { width: 100px; height: 100px; }
  ._trans-modal_1f2fc_1 ._trans-modal-status_1f2fc_37 { font-size: 14px; line-height: 21px; margin-top: 10px; }
  ._trans-modal_1f2fc_1 ._trans-modal-tips_1f2fc_46 { margin-top: 10px; }
  ._trans-modal_1f2fc_1 ._points_1f2fc_50 { top: -25px; }
  ._trans-modal_1f2fc_1 ._points_1f2fc_50 img { width: 150px; height: 150px; }
  ._trans-modal_1f2fc_1 ._btn_1f2fc_62 { margin-top: 10px; }
}
._homeSwapContainer_18vnp_1 { padding: 20px 0px 30px; }
@media (max-width: 1079px) {
  ._homeSwapContainer_18vnp_1 { padding: 10px 0px 20px; }
}
body, html { width: 100%; height: 100%; }
*, ::after, ::before { box-sizing: border-box; }
html { font-family: sans-serif; line-height: 1.15; text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body { margin: 0px; }
[tabindex="-1"]:focus { outline: none; }
hr { box-sizing: initial; height: 0px; overflow: visible; }
h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5em; font-weight: 500; }
p { margin-top: 0px; margin-bottom: 1em; }
abbr[data-original-title], abbr[title] { text-decoration: underline dotted; border-bottom: 0px; cursor: help; }
address { margin-bottom: 1em; font-style: normal; line-height: inherit; }
input[type="number"], input[type="password"], input[type="text"], textarea { appearance: none; }
dl, ol, ul { margin-top: 0px; margin-bottom: 1em; }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; }
dt { font-weight: 500; }
dd { margin-bottom: 0.5em; margin-left: 0px; }
blockquote { margin: 0px 0px 1em; }
dfn { font-style: italic; }
b, strong { font-weight: bolder; }
small { font-size: 80%; }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: initial; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
code, kbd, pre, samp { font-size: 1em; font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; }
pre { margin-top: 0px; margin-bottom: 1em; overflow: auto; }
figure { margin: 0px 0px 1em; }
img { vertical-align: middle; border-style: none; }
[role="button"], a, area, button, input:not([type="range"]), label, select, summary, textarea { touch-action: manipulation; }
table { border-collapse: collapse; }
caption { padding-top: 0.75em; padding-bottom: 0.3em; text-align: left; caption-side: bottom; }
button, input, optgroup, select, textarea { margin: 0px; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; }
button, input { overflow: visible; }
button, select { text-transform: none; }
[type="reset"], [type="submit"], button, html [type="button"] { appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; }
input[type="date"], input[type="datetime-local"], input[type="month"], input[type="time"] { appearance: listbox; }
textarea { overflow: auto; resize: vertical; }
fieldset { min-width: 0px; margin: 0px; padding: 0px; border: 0px; }
legend { display: block; width: 100%; max-width: 100%; margin-bottom: 0.5em; padding: 0px; color: inherit; font-size: 1.5em; line-height: inherit; white-space: normal; }
progress { vertical-align: initial; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { outline-offset: -2px; appearance: none; }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { font: inherit; appearance: button; }
output { display: inline-block; }
summary { display: list-item; }
template { display: none; }
[hidden] { display: none !important; }
mark { padding: 0.2em; background-color: rgb(254, 255, 230); }