.css-red-6ad3d { --el-button-text-color: var(--text-text0); --el-button-bg-color: var(--red-red2); --el-button-border-color: var(--red-red2); --el-button-active-color: var(--red-red3); --el-button-hover-text-color: var(--text-text0); --el-button-hover-bg-color: var(--red-red3); --el-button-hover-border-color: var(--red-red3); --el-button-active-bg-color: var(--red-red1); --el-button-active-border-color: var(--red-red1); --el-button-disabled-text-color: var(--text-text4); --el-button-disabled-bg-color: var(--red-red4); --el-button-disabled-border-color: var(--red-red4) } .css-red-6ad3d.css-is-plain-f97e3 { background: none; --el-button-text-color: var(--red-red2); --el-button-border-color: var(--red-red2); --el-button-active-text-color: var(--red-red1); --el-button-hover-text-color: var(--red-red2); --el-button-hover-border-color: var(--red-red3); --el-button-disabled-text-color: var(--red-red1); --el-button-disabled-border-color: var(--red-red1) } .css-red-6ad3d.css-is-plain-f97e3.css-is-disabled-10d0e { opacity: .6 } .css-red-6ad3d.css-is-plain-f97e3:hover { --el-button-hover-text-color: var(--red-red3); --el-button-hover-border-color: var(--red-red3) } .css-red-6ad3d.css-is-text-06457 { --el-button-text-color: var(--red-red2) } .css-red-6ad3d.css-is-text-06457:hover { --el-button-text-color: var(--red-red3) } .css-red-6ad3d.css-is-text-06457:active { --el-button-text-color: var(--red-red1) } .css-gray-c8c30 { --el-button-text-color: var(--text-text1); --el-button-bg-color: var(--fill-fill2); --el-button-border-color: var(--fill-fill2); --el-button-active-color: var(--border-border2); --el-button-hover-text-color: var(--text-text1); --el-button-hover-bg-color: var(--gray-gray2); --el-button-hover-border-color: var(--gray-gray2); --el-button-active-bg-color: var(--fill-fill2); --el-button-active-border-color: var(--gray-gray5); --el-button-disabled-text-color: var(--text-text4); --el-button-disabled-bg-color: var(--fill-fill2); --el-button-disabled-border-color: var(--fill-fill2) } .css-gray-c8c30.css-is-plain-f97e3 { background: none; --el-button-text-color: var(--text-text1); --el-button-border-color: var(--border-border2); --el-button-active-text-color: var(--text-text3); --el-button-hover-text-color: var(--text-text1); --el-button-hover-bg-color: var(--gray-gray2); --el-button-hover-border-color: var(--gray-gray2) } .css-gray-c8c30.css-is-plain-f97e3:hover { --el-button-hover-text-color: var(--text-text1); --el-button-hover-border-color: var(--gray-gray2) } .css-gray-c8c30.css-is-text-06457, .css-gray-c8c30.css-is-text-06457:active { --el-button-text-color: var(--text-text1) } .css-blue-1714c { --el-button-text-color: var(--text-text0); --el-button-bg-color: var(--primary-primary3); --el-button-border-color: var(--primary-primary3); --el-button-active-color: var(--primary-primary1); --el-button-hover-text-color: var(--text-text0); --el-button-hover-bg-color: var(--primary-primary2); --el-button-hover-border-color: var(--primary-primary2); --el-button-active-bg-color: var(--primary-primary1); --el-button-active-border-color: var(--primary-primary1); --el-button-disabled-text-color: var(--text-text0); --el-button-disabled-bg-color: var(--fill-fill5); --el-button-disabled-border-color: var(--fill-fill5); font-size: var(--el-font-size-base) !important; font-weight: var(--el-button-font-weight) !important; --button-disabled-border: var() } .css-blue-1714c.css-is-plain-f97e3 { --el-button-text-color: var(--primary-primary3); --el-button-border-color: var(--primary-primary3); --el-button-active-text-color: var(--primary-primary1); --el-button-hover-text-color: var(--primary-primary3); --el-button-hover-bg-color: var(--primary-primary2); --el-button-hover-border-color: var(--primary-primary2); background: none !important } .css-blue-1714c.css-is-plain-f97e3, .css-blue-1714c.css-is-plain-f97e3.css-is-disabled-10d0e { border: 1px solid var(--el-button-text-color) !important; color: var(--el-button-text-color) !important } .css-blue-1714c.css-is-plain-f97e3.css-is-disabled-10d0e { opacity: .6 } .css-blue-1714c.css-is-plain-f97e3:hover { --el-button-hover-text-color: var(--primary-primary2); --el-button-hover-border-color: var(--primary-primary2) } .css-blue-1714c.css-is-text-06457 { --el-button-text-color: var(--primary-primary3) } .css-blue-1714c.css-is-text-06457:hover { --el-button-text-color: var(--primary-primary2) } .css-blue-1714c.css-is-text-06457:active { --el-button-text-color: var(--primary-primary1) } .css-black-b8d81 { --el-button-text-color: var(--text-text6); --el-button-bg-color: var(--gray-gray10); --el-button-border-color: var(--gray-gray10); --el-button-active-color: var(--gray-gray9); --el-button-hover-text-color: var(--text-text6); --el-button-hover-bg-color: var(--gray-gray9); --el-button-hover-border-color: var(--gray-gray9); --el-button-active-bg-color: var(--gray-gray9); --el-button-active-border-color: var(--gray-gray9); --el-button-disabled-text-color: var(--text-text4); --el-button-disabled-bg-color: var(--gray-gray2); --el-button-disabled-border-color: var(--gray-gray2); --el-button-active-text-color: var(--text-text4) } .css-black-b8d81.css-is-plain-f97e3 { background: none; --el-button-text-color: var(--gray-gray10); --el-button-border-color: var(--gray-gray10); --el-button-active-text-color: var(--text-text3); --el-button-hover-text-color: var(--gray-gray10); --el-button-hover-border-color: var(--gray-gray9) } .css-black-b8d81.css-is-plain-f97e3:hover { --el-button-hover-text-color: var(--gray-gray9); --el-button-hover-border-color: var(--gray-gray5) } .css-black-b8d81.css-is-text-06457 { --el-button-text-color: var(--gray-gray10) } .css-black-b8d81.css-is-text-06457:hover { --el-button-text-color: var(--gray-gray9) } .css-black-b8d81.css-is-text-06457:active { --el-button-text-color: var(--text-text3) } .css-green-60906 { --el-button-text-color: var(--text-text0); --el-button-bg-color: var(--green-green2); --el-button-border-color: var(--green-green2); --el-button-active-color: var(--green-green1); --el-button-hover-text-color: var(--text-text0); --el-button-hover-bg-color: var(--green-green3); --el-button-hover-border-color: var(--green-green3); --el-button-active-bg-color: var(--green-green1); --el-button-active-border-color: var(--green-green1); --el-button-disabled-text-color: var(--text-text4); --el-button-disabled-bg-color: var(--green-green4); --el-button-disabled-border-color: var(--green-green4) } .css-green-60906.css-is-plain-f97e3 { background: none; --el-button-text-color: var(--green-green2); --el-button-border-color: var(--green-green2); --el-button-active-text-color: var(--green-green1); --el-button-hover-text-color: var(--green-green2); --el-button-hover-border-color: var(--green-green3); --el-button-disabled-text-color: var(--green-green1); --el-button-disabled-border-color: var(--green-green1) } .css-green-60906.css-is-plain-f97e3.css-is-disabled-10d0e { opacity: .6 } .css-green-60906.css-is-plain-f97e3:hover { --el-button-hover-text-color: var(--green-green3); --el-button-hover-border-color: var(--green-green3) } .css-green-60906.css-is-text-06457 { --el-button-text-color: var(--green-green2) } .css-green-60906.css-is-text-06457:hover { --el-button-text-color: var(--green-green3) } .css-green-60906.css-is-text-06457:active { --el-button-text-color: var(--green-green2) } .css-maximum-7db59 { --el-button-size: var(--height-maximum); --el-font-size-base: var(--font-size-maximum); --el-border-radius-base: var(--radius-maximum); --el-button-font-weight: var(--font-weight-maximum) } .css-max-b25e3 { --el-button-size: var(--height-max); --el-font-size-base: var(--font-size-max); --el-border-radius-base: var(--radius-max); --el-button-font-weight: var(--font-weight-max) } .css-large-d4779 { --el-button-size: var(--height-large); --el-font-size-base: var(--font-size-max); --el-border-radius-base: var(--radius-large); --el-button-font-weight: var(--font-weight-large) } .css-default-eb64c { --el-button-size: var(--height-default); --el-font-size-base: var(--font-size-default); --el-border-radius-base: var(--radius-default); --el-button-font-weight: var(--font-weight-default) } .css-small-44428 { --el-button-size: var(--height-small); --el-font-size-base: var(--font-size-small); --el-border-radius-base: var(--radius-small); --el-button-font-weight: var(--font-weight-small) } .css-medium-1175e { --el-button-size: var(--height-medium); --el-font-size-base: var(--font-size-default); --el-border-radius-base: var(--radius-medium); --el-button-font-weight: var(--font-weight-medium) } .css-regular-00dc8 { --el-button-size: var(--height-regular); --el-font-size-base: var(--font-size-regular); --el-border-radius-base: var(--radius-regular); --el-button-font-weight: var(--font-weight-regular) } .css-mini-ed88a { --el-button-size: var(--height-mini); --el-font-size-base: var(--font-size-mini); --el-border-radius-base: var(--radius-mini); --el-button-font-weight: var(--font-weight-mini) } .css-block-87cab { display: flex; width: 100% } .css-custom-bc256 { height: var(--el-button-size) } .css-custom-bc256.css-is-disabled-10d0e { background: var(--el-button-disabled-bg-color) !important; color: var(--el-button-disabled-text-color) !important } .css-custom-bc256.css-is-plain-f97e3 { background: none !important } .css-custom-bc256.css-is-text-06457 { border: none !important } .css-custom-bc256.css-is-text-06457, .css-custom-bc256.css-is-text-06457:hover { background: none !important; color: var(--el-button-text-color) !important } .css-custom-bc256.css-is-text-06457:active { color: var(--el-button-active-text-color) !important } .css-custom-bc256.css-is-text-06457.css-is-disabled-10d0e { background: none !important; border: none !important; color: var(--el-button-disabled-text-color) !important; opacity: .6 } .css-custom-bc256.css-is-plain-f97e3.css-is-disabled-10d0e { border: 1px solid var(--border-border2) !important } .css-custom-bc256+.el-button { margin-left: 8px } .css-custom-bc256 .el-icon+span { margin-inline-start: 8px } [dir=rtl] .css-custom-bc256+.el-button { margin-left: unset; margin-right: 8px } .loading-logo[data-v-f6fa8fc6] { position: relative } .loading-logo svg[data-v-f6fa8fc6] { animation: rotateZ-f6fa8fc6 3s linear infinite; flex-shrink: 0 } .loading-logo .circle-svg[data-v-f6fa8fc6] { stroke-dasharray: 60 500; animation: circle-f6fa8fc6 2.5s ease-in-out infinite } .loading-logo[data-v-f6fa8fc6]:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%232A64FB' stroke='%232A64FB' stroke-width='.3' d='M13.518 4.257a3 3 0 0 0-.415.022 4.6 4.6 0 0 0-.963-1.094 4 4 0 0 0-.394-.284c.088-.131.613-.897 1.007-1.116a.523.523 0 1 0-.46-.94c-.678.35-1.444 1.465-1.444 1.465a.5.5 0 0 1-.065.11 4.4 4.4 0 0 0-1.532-.263c-.429.002-.855.06-1.269.175 0-.022-.743-1.116-1.465-1.444a.523.523 0 1 0-.46.94c.328.154.722.657.919.942a10 10 0 0 0-.59.415 4.3 4.3 0 0 0-.985 1.094c-.088 0-.197-.022-.306-.022h-.044a4.056 4.056 0 0 0-3.63 5.853 4.03 4.03 0 0 0 4.155 2.198 7.7 7.7 0 0 0 2.253 2.888q.15.263.328.503.495.811 1.138 1.51.621-.715 1.138-1.51c.13-.175.218-.35.306-.481a7.8 7.8 0 0 0 2.275-2.932c0-.021 0-.021.022-.043q.25.039.503.043a4.096 4.096 0 0 0 4.07-4.025 4.126 4.126 0 0 0-4.092-4.004Zm-6.344-.131a3.33 3.33 0 0 1 2.1-.744 3.37 3.37 0 0 1 2.1.744q.285.218.504.503c-1.138.525-2.035 1.488-2.582 2.254-.569-.766-1.466-1.75-2.625-2.276.153-.153.306-.306.503-.481Zm3.085 9.91H8.268a7 7 0 0 1-1.51-2.034 5.8 5.8 0 0 0 1.772-1.356l.328-.329-.897-1.225-.503.525c-.81.854-1.619 1.291-2.384 1.291a2.538 2.538 0 0 1 0-5.076c.585.019 1.15.218 1.619.57A7 7 0 0 1 8.465 8.48l.13.218c.067.088 1.248 2.341 3.195 3.282-.382.773-.9 1.47-1.531 2.057Zm3.216-3.172a2.6 2.6 0 0 1-1.072-.262 5.3 5.3 0 0 1-1.357-1.094 8.3 8.3 0 0 1-.897-1.203c.503-.81 1.772-2.538 3.348-2.516a2.538 2.538 0 0 1-.022 5.075Z'/%3E%3C/svg%3E") no-repeat 50%/100% 100%; bottom: 7px; content: ""; display: inline-block; left: 7px; position: absolute; right: 7px; top: 7px } @keyframes rotateZ-f6fa8fc6 { to { transform: rotate(1turn) } } @keyframes circle-f6fa8fc6 { 0% { stroke-dasharray: 0 500 } 50% { stroke-dasharray: 60 500 } to { stroke-dasharray: 100 500 } } .modal-icon[data-v-93755f90] { display: inline-flex } html[dir=rtl] .css-close-baecc { cursor: pointer; left: 24px; position: absolute; right: unset; top: 24px; z-index: 2 } html[dir=rtl] .css-title-cab52 { padding-left: 32px; padding-right: 0 } .css-modal-b0277.el-dialog { --el-dialog-bg-color: var(--base-base1); border-radius: 8px; box-shadow: 0 4px 16px #0000001a, 0 0 0 1px var(--border-border1); max-width: 90vw; overflow: hidden } .css-button-72a88 .el-button { flex: 1 } .css-title-cab52 { display: -webkit-box; max-height: 46px; padding-right: 32; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis } .css-content-582f5 { word-break: break-word } .css-contentText-c5567 { margin-right: -8px; max-height: 480px; overflow-y: auto; padding-right: 8px } .css-close-baecc { cursor: pointer; position: absolute; right: 24px; top: 24px; z-index: 2 } .css-small-82286.el-dialog .el-dialog__body { padding: 16px } .css-small-82286 .css-button-72a88 .el-button { flex: inherit } .css-small-82286 .css-close-baecc { right: 16px; top: 16px } .css-dropdown-78eb5 { --el-text-color-regular: var(--text-text1); --el-input-border-color: var(--gray-gray2); border-radius: var(--el-border-radius-base); box-shadow: 0 0 0 1px var(--el-input-border-color) inset; font-size: var(--font-size); font-weight: var(--font-weight); height: var(--dropdown-height); padding: 0 15px } .css-dropdown-78eb5:hover { --el-select-border-color-hover: var(--gray-gray10) } .css-dropdown-78eb5 .el-input__wrapper { --el-select-input-focus-border-color: var(--gray-gray10); --el-input-border-color: var(--gray-gray2) } .css-dropdown-78eb5 .el-input__inner::-moz-placeholder { color: var(--text-text4) } .css-dropdown-78eb5 .el-input__inner::placeholder { color: var(--text-text4) } .css-text-83f78[aria-expanded=true] svg { transform: rotate(-180deg) } .css-noborder-4afd6 { box-shadow: none } .dropdown-max { --el-border-radius-base: var(--radius-max); --dropdown-height: var(--height-max); --font-size: var(--font-size-max); --font-weight: var(--font-weight-max) } .dropdown-large { --el-border-radius-base: var(--radius-large); --dropdown-height: var(--height-large); --font-size: var(--font-size-large); --font-weight: var(--font-weight-large) } .dropdown-default { --el-border-radius-base: var(--radius-default); --dropdown-height: var(--height-default); --font-size: var(--font-size-default); --font-weight: var(--font-weight-default) } .dropdown-small { --el-border-radius-base: var(--radius-small); --dropdown-height: var(--height-small); --font-size: var(--font-size-small); --font-weight: var(--font-weight-small); padding: 0 8px } .dropdown-mini { --el-border-radius-base: var(--radius-mini); --dropdown-height: var(--height-mini); --font-size: var(--font-size-mini); --font-weight: var(--font-weight-mini); padding: 0 8px } .dropdown-filled { --el-input-border-color: var(--fill-fill2); background: var(--fill-fill2) } .dropdown-popper-max { --el-border-radius-base: var(--radius-max); --el-popper-border-radius: var(--radius-max) } .dropdown-popper-large { --el-border-radius-base: var(--radius-large); --el-popper-border-radius: var(--radius-max) } .dropdown-popper-default { --el-border-radius-base: var(--radius-default); --el-popper-border-radius: var(--radius-max) } .dropdown-popper-small { --el-border-radius-base: var(--radius-small); --el-popper-border-radius: var(--radius-max) } .dropdown-popper-mini { --el-border-radius-base: var(--radius-mini); --el-popper-border-radius: var(--radius-max) } .hide-arrow { border-radius: var(--radius-default); transform: translateY(-10px) } .hide-arrow .el-popper__arrow { display: none } .css-popper-eb683 { --el-dropdown-menuItem-hover-fill: var(--fill-fill4); --el-dropdown-menuItem-hover-color: var(--text-text1); --el-border-color-light: var(--border-border1); --el-bg-color-overlay: var(--fill-fill8) } .css-popper-eb683 .el-dropdown-menu__item { color: var(--text-text2) } .css-popper-eb683 .el-dropdown-menu { border-radius: var(--el-popper-border-radius); overflow: hidden } .css-popper-eb683 .el-scrollbar__wrap { max-height: 200px } .css-popper-eb683 .el-dropdown-menu__item.selected { color: var(--text-text1); font-weight: 500 } .css-input-c2377 { --el-input-border-color: var(--border-border1); --el-input-bg-color: transparent; --el-disabled-bg-color: none; --el-disabled-border-color: var(--border-border1); --el-disabled-text-color: var(--text-text5); --el-fill-color-blank: var(--fill-fill3); --el-text-color-regular: var(--text-text1); --text-align: left; height: var(--el-input-height) } .css-input-c2377:hover { --el-input-hover-border-color: var(--gray-gray10) } .css-input-c2377 .el-input__wrapper { --el-input-focus-border-color: var(--gray-gray10) } .css-input-c2377 .el-input__inner::-moz-placeholder { color: var(--text-text4) } .css-input-c2377 .el-input__inner::placeholder { color: var(--text-text4) } .css-input-c2377 .el-input__prefix, .css-input-c2377 .el-input__suffix { color: var(--text-text4) } .css-input-c2377 .input-prefix-line { background: var(--border-border1); display: inline-block; height: 1.3em; width: 1px } .css-input-c2377 .is-focus { --prefix-line: var(--el-input-focus-border-color) } .css-input-c2377 .el-input__inner { font-size: var(--font-size); font-weight: var(--font-weight); text-align: var(--text-align) } .css-input-c2377.el-textarea { --el-input-height: auto; --el-input-focus-border-color: var(--gray-gray10) } .css-insert-e226e { align-items: center; display: inline-flex; gap: 8px } .input-max { --el-border-radius-base: var(--radius-max); --font-size: var(--font-size-max); --font-weight: var(--font-weight-max); --el-input-height: var(--height-max) } .input-large { --el-border-radius-base: var(--radius-large); --font-size: var(--font-size-large); --font-weight: var(--font-weight-large); --el-input-height: var(--height-large) } .input-default { --el-border-radius-base: var(--radius-default); --font-size: var(--font-size-default); --font-weight: var(--font-weight-default); --el-input-height: var(--height-default) } .input-small { --el-border-radius-base: var(--radius-small); --font-size: var(--font-size-small); --font-weight: var(--font-weight-small); --el-input-height: var(--height-small) } .input-mini { --el-border-radius-base: var(--radius-mini); --font-size: var(--font-size-mini); --font-weight: var(--font-weight-mini); --el-input-height: var(--height-mini) } .input-filled.is-disabled { --el-input-border-color: var(--fill-fill2); --el-border-color: var(--fill-fill2); --el-input-bg-color: var(--fill-fill2); --el-disabled-bg-color: var(--fill-fill2); --el-disabled-border-color: var(--fill-fill2); --el-disabled-text-color: var(--text-text4) } .input-filled .el-input__wrapper { --el-input-border-color: var(--fill-fill4); --el-border-color: var(--fill-fill4); --el-input-bg-color: var(--fill-fill4) } .input-filled .el-input__inner { background: none } .input-right { --text-align: right } .input-center { --text-align: center } .input-error .el-input__wrapper { --el-input-border-color: var(--danger-danger1); --el-input-focus-border-color: var(--danger-danger1); --el-input-hover-border-color: var(--danger-danger1) } [dir=rtl] .input-left { --text-align: right } [dir=rtl] .input-right { --text-align: left } [dir=rtl] .css-input-c2377 .el-input__suffix-inner>:first-child { margin-left: 0; margin-right: 8px } [dir=rtl] .css-input-c2377 .el-input__prefix-inner>:last-child { margin-left: 8px; margin-right: 0 } .css-select-3c3d2 { --el-text-color-regular: var(--text-text1); --el-fill-color-blank: var(--base-base1); --el-border-color: var(--border-border1) } .css-select-3c3d2:hover { --el-select-border-color-hover: var(--gray-gray10) } .css-select-3c3d2 .el-input__wrapper { --el-select-input-focus-border-color: var(--gray-gray10); --el-input-border-color: var(--border-border1) } .css-select-3c3d2 .el-input__inner { font-size: var(--font-size); font-weight: var(--font-weight) } .css-select-3c3d2 .el-input__inner::-moz-placeholder { color: var(--text-text4) } .css-select-3c3d2 .el-input__inner::placeholder { color: var(--text-text4) } .css-select-3c3d2:not(.select-clear-hover) .el-input .el-select__caret.el-icon { background: none !important } .css-select-3c3d2.el-select:not(.select-clear-hover) .el-input .el-select__caret.el-icon svg { color: var(--text-text1); display: block; font-size: var(--font-size); font-weight: var(--font-weight) } .css-filled-8f89e .el-input__wrapper { --el-input-bg-color: var(--fill-fill4); --el-input-border-color: var(--fill-fill4) } .css-noborder-55041 .el-input__wrapper { --el-select-input-focus-border-color: none; box-shadow: none !important } .select-max { --el-border-radius: var(--radius-max); height: var(--height-max) } .select-large { --el-border-radius: var(--radius-large); height: var(--height-large) } .select-default { --el-border-radius: var(--radius-default); height: var(--height-default) } .select-small { --el-border-radius: var(--radius-small); height: var(--height-small) } .select-mini { --el-border-radius: var(--radius-mini); height: var(--height-mini) } .select-popper-small { --el-popper-border-radius: var(--radius-small); --el-popper-border-radius: var(--radius-mini) } .css-popper-cc7bc.el-select__popper { --el-bg-color-overlay: var(--fill-fill8); border-color: var(--border-border1); margin-top: -10px !important; overflow: hidden } .css-popper-cc7bc .el-select-dropdown__item { color: var(--text-text2) } .css-popper-cc7bc .el-select-dropdown__item.selected { color: var(--text-text1) !important } .css-select-f29ff { --el-text-color-regular: var(--text-text1); --el-fill-color-blank: var(--base-base1); --el-border-color: var(--border-border1) } .css-select-f29ff:hover { --el-select-border-color-hover: var(--gray-gray10) } .css-select-f29ff .el-input__wrapper { --el-select-input-focus-border-color: var(--gray-gray10); --el-input-border-color: var(--border-border1) } .css-select-f29ff .el-input__inner { font-size: var(--font-size); font-weight: var(--font-weight) } .css-select-f29ff .el-input__inner::-moz-placeholder { color: var(--text-text4) } .css-select-f29ff .el-input__inner::placeholder { color: var(--text-text4) } .css-select-f29ff:not(.select-clear-hover) .el-input .el-select__caret.el-icon { background: none !important } .css-select-f29ff.el-select:not(.select-clear-hover) .el-input .el-select__caret.el-icon svg { color: var(--text-text1); display: block; font-size: var(--font-size); font-weight: var(--font-weight) } .css-noborder-34f66 .el-input__wrapper { --el-select-input-focus-border-color: none; box-shadow: none !important } .select-max { --el-border-radius-base: var(--radius-max); height: var(--height-max) } .select-max .el-input__inner, .select-max .el-input__suffix { --el-input-height: var(--height-max); --font-size: var(--font-size-max); --font-weight: var(--font-weight-max) } .select-large { --el-border-radius-base: var(--radius-large); height: var(--height-large) } .select-large .el-input__inner, .select-large .el-input__suffix { --el-input-height: var(--height-large); --font-size: var(--font-size-large); --font-weight: var(--font-weight-large) } .select-default { --el-border-radius-base: var(--radius-default); height: var(--height-default) } .select-default .el-input__inner, .select-default .el-input__suffix { --el-input-height: var(--height-default); --font-size: var(--font-size-default); --font-weight: var(--font-weight-default) } .select-small { --el-border-radius-base: var(--radius-small); height: var(--height-small) } .select-small .el-input__inner, .select-small .el-input__suffix { --el-input-height: var(--height-small); --font-size: var(--font-size-small); --font-weight: var(--font-weight-small) } .select-mini { --el-border-radius-base: var(--radius-mini); height: var(--height-mini) } .select-mini .el-input__inner, .select-mini .el-input__suffix { --el-input-height: var(--height-mini); --font-size: var(--font-size-mini); --font-weight: var(--font-weight-mini) } .select-popper-max { --el-popper-border-radius: var(--radius-max) } .select-popper-large { --el-popper-border-radius: var(--radius-large) } .select-popper-default { --el-popper-border-radius: var(--radius-default) } .select-popper-small { --el-popper-border-radius: var(--radius-small) } .select-popper-mini { --el-popper-border-radius: var(--radius-mini) } .css-popper-c12d6.el-select__popper { border-color: var(--border-border1); margin-top: -10px !important; overflow: hidden } .css-popper-c12d6 .el-select-dropdown__item { color: var(--text-text2) } .css-popper-c12d6 .el-select-dropdown__item.selected { color: var(--text-text1) !important } .css-popper-c12d6 .el-select-dropdown__item.hover { background-color: var(--base-base2) } .css-popper-c12d6 .el-input__suffix { align-items: center; display: flex } .css-radio-a68ea { --el-radio-input-border: 1px solid var(--gray-gray5); --el-radio-input-border-color-hover: var(--text-text1); --el-text-color-placeholder: var(--text-text5) } .css-radio-a68ea .el-input__inner::-moz-placeholder { color: var(--text-text4) } .css-radio-a68ea .el-input__inner::placeholder { color: var(--text-text4) } .css-radio-a68ea.el-radio .el-radio__label { color: var(--text-text1); font-size: var(--el-radio-font-size); font-weight: var(--el-radio-font-weight) } .css-radio-a68ea.el-radio .el-radio__inner { height: var(--el-radio-input-height); width: var(--el-radio-input-width) } .css-radio-a68ea.is-checked .el-radio__inner { background: none; border-color: var(--gray-gray10) } .css-radio-a68ea.is-checked .el-radio__inner:after { background: var(--gray-gray10); border-radius: var(--el-radio-input-border-radius); height: 6px; width: 6px } .css-radio-a68ea.is-disabled .el-radio__inner { background: none; border-color: var(--gray-gray3) } .css-radio-a68ea.is-disabled .el-radio__input.is-disabled.is-checked .el-radio__inner { --el-text-color-placeholder: var(--gray-gray3); background: none; border-color: var(--gray-gray3) } .radio-max { --el-radio-font-size: var(--font-size-max); --el-radio-font-weight: var(--font-weight-max) } .radio-large { --el-radio-font-size: var(--font-size-large); --el-radio-font-weight: var(--font-weight-large) } .radio-default { --el-radio-font-size: var(--font-size-default); --el-radio-font-weight: var(--font-weight-default); --el-radio-input-height: 12px; --el-radio-input-width: 12px } .radio-small { --el-radio-font-size: var(--font-size-small); --el-radio-font-weight: var(--font-weight-small); --el-radio-input-height: 12px; --el-radio-input-width: 12px } .radio-mini { --el-radio-font-size: var(--font-size-mini); --el-radio-font-weight: var(--font-weight-mini); --el-radio-input-height: 10px; --el-radio-input-width: 10px } .css-checkbox-3be22 { --el-checkbox-input-border: 1px solid var(--gray-gray5); --primary-primary3: var(--gray-gray10); --el-checkbox-disabled-checked-input-fill: var(--gray-gray3); --el-checkbox-disabled-checked-input-border-color: var(--gray-gray3); --el-checkbox-disabled-checked-icon-color: var(--gray-gray0); --el-checkbox-disabled-input-fill: none; --el-checkbox-disabled-border-color: var(--gray-gray3); --el-checkbox-checked-icon-color: var(--gray-gray0); --el-checkbox-input-border-color-hover: var(--gray-gray10) } .css-checkbox-3be22 .el-input__inner::-moz-placeholder { color: var(--text-text4) } .css-checkbox-3be22 .el-input__inner::placeholder { color: var(--text-text4) } .css-checkbox-3be22.el-checkbox .el-checkbox__label { color: var(--text-text2); font-size: var(--el-checkbox-font-size); margin-inline-start: 4px; padding-left: 0 } .css-checkbox-3be22.el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner:after { border-color: var(--gray-gray0); border-width: 1.5px } .checkbox-max { --el-checkbox-font-size: var(--font-size-max); --el-checkbox-font-weight: var(--font-weight-max) } .checkbox-large { --el-checkbox-font-size: var(--font-size-large); --el-checkbox-font-weight: var(--font-weight-large) } .checkbox-default { --el-checkbox-font-size: var(--font-size-default); --el-checkbox-font-weight: var(--font-weight-default) } .checkbox-small { --el-checkbox-font-size: var(--font-size-small); --el-checkbox-font-weight: var(--font-weight-small) } .checkbox-small .el-checkbox__inner:after { border-width: 1px } .checkbox-mini { --el-checkbox-font-size: var(--font-size-mini); --el-checkbox-font-weight: var(--font-weight-mini) } .checkbox-mini .el-checkbox__inner:after { border-width: 1px } svg[data-v-a73797bc] { outline: none; transition: all .5s ease } .no-data-new[data-v-3b2e6c16] { align-items: center; display: flex; flex-direction: column; justify-content: center } .no-data-new img[data-v-3b2e6c16] { margin-bottom: 8px } .no-data-new span[data-v-3b2e6c16] { color: var(--text-text2); font-size: 12px; font-style: normal; line-height: 18px; line-height: 16px; text-align: center } .segmented-max { --el-button-size: var(--height-max); --el-font-size-base: var(--font-size-max); --el-border-radius-base: var(--radius-max); --el-button-font-weight: var(--font-weight-max); --el-tabs-header-height: calc(var(--height-max) - 4px) } .segmented-large { --el-button-size: var(--height-large); --el-font-size-base: var(--font-size-large); --el-border-radius-base: var(--radius-large); --el-button-font-weight: var(--font-weight-large); --el-tabs-header-height: calc(var(--height-large) - 4px) } .segmented-default { --el-button-size: var(--height-default); --el-font-size-base: var(--font-size-default); --el-border-radius-base: var(--radius-default); --el-button-font-weight: var(--font-weight-default); --el-tabs-header-height: calc(var(--height-default) - 4px) } .segmented-small { --el-button-size: var(--height-small); --el-font-size-base: var(--font-size-small); --el-border-radius-base: var(--radius-small); --el-button-font-weight: var(--font-weight-small); --el-tabs-header-height: calc(var(--height-small) - 4px) } .segmented-mini { --el-button-size: var(--height-mini); --el-font-size-base: var(--font-size-mini); --el-border-radius-base: var(--radius-mini); --el-button-font-weight: var(--font-weight-mini); --el-tabs-header-height: calc(var(--height-mini) - 4px) } .css-segmented-f4eae { --el-color-primary: var(--gray-gray10) } .css-segmented-f4eae .el-tabs__header { background: var(--fill-fill4); border-radius: var(--el-border-radius-base); height: var(--el-button-size); margin-bottom: 0; padding: 2px } .css-segmented-f4eae .el-tabs__nav { display: flex; float: inherit; gap: 2px } .css-segmented-f4eae .el-tabs__nav-wrap:after { display: none } .css-segmented-f4eae .el-tabs__item { align-items: center; color: var(--text-text3); display: inline-flex; font-size: var(--el-font-size-base); font-weight: var(--el-button-font-weight); padding: 0; position: relative; z-index: 2 } .css-segmented-f4eae .el-tabs__item:after, .css-segmented-f4eae .el-tabs__item:before { content: " "; display: inline-block; height: 100%; width: calc(var(--el-border-radius-base)*2) } .css-segmented-f4eae .el-tabs__item:hover { background: var(--fill-fill9); border-radius: var(--el-border-radius-base) } .css-segmented-f4eae .el-tabs__item:last-child { margin-right: 0 } .css-segmented-f4eae .el-tabs__item.is-active { color: var(--text-text1) } .css-segmented-f4eae .el-tabs__active-bar { background: var(--fill-fill9); border-radius: var(--el-border-radius-base); height: var(--el-tabs-header-height); top: 0 } .css-block-b0327 { width: 100% } .css-block-b0327 .el-tabs__item { flex: 1; justify-content: center } .nTabs-max { --el-button-size: var(--height-max); --el-font-size-base: 20px; --el-border-radius-base: var(--radius-max); --el-button-font-weight: var(--font-weight-max); --el-tabs-header-height: var(--height-max) } .nTabs-large { --el-button-size: var(--height-large); --el-font-size-base: 18px; --el-border-radius-base: var(--radius-large); --el-button-font-weight: var(--font-weight-large); --el-tabs-header-height: var(--height-large) } .nTabs-default { --el-button-size: var(--height-default); --el-font-size-base: 16px; --el-border-radius-base: var(--radius-default); --el-button-font-weight: var(--font-weight-default); --el-tabs-header-height: var(--height-default) } .nTabs-medium { --el-button-size: var(--height-medium); --el-font-size-base: var(--font-size-medium); --el-border-radius-base: var(--radius-medium); --el-button-font-weight: var(--font-weight-medium); --el-tabs-header-height: var(--height-medium) } .nTabs-regular { --el-button-size: var(--height-regular); --el-font-size-base: var(--font-size-regular); --el-border-radius-base: var(--radius-regular); --el-button-font-weight: var(--font-weight-regular); --el-tabs-header-height: var(--height-regular) } .nTabs-small { --el-button-size: var(--height-small); --el-font-size-base: 14px; --el-border-radius-base: var(--radius-small); --el-button-font-weight: var(--font-weight-small); --el-tabs-header-height: var(--height-small) } .nTabs-mini { --el-button-size: var(--height-mini); --el-font-size-base: 12px; --el-border-radius-base: var(--radius-mini); --el-button-font-weight: var(--font-weight-mini); --el-tabs-header-height: var(--height-mini) } .nTabs-mini .el-tabs__header { padding-top: 1px !important } .css-tabs-a6303 { --el-color-primary: var(--gray-gray10) } .css-tabs-a6303 .el-tabs__header { margin-bottom: 0 } .css-tabs-a6303 .el-tabs__nav-next, .css-tabs-a6303 .el-tabs__nav-prev { line-height: var(--el-tabs-header-height) } .css-tabs-a6303 .el-tabs__nav { display: flex; float: inherit; height: var(--el-tabs-header-height) } .css-tabs-a6303 .el-tabs__nav-wrap:after { background: var(--border-border1); height: 1px } .css-tabs-a6303 .el-tabs__item { --el-text-color-primary: var(--text-text3); --el-color-primary: var(--text-text1); font-weight: 500; padding: 0 10px; position: relative } .css-tabs-a6303 .el-tabs__item.is-active { color: var(--text-text1) } html[dir=rtl] .css-tabs-a6303 .el-tabs__item.is-top:last-child { padding-left: 0; padding-right: 10px } html[dir=rtl] .css-tabs-a6303 .el-tabs__item.is-top:nth-child(2) { padding-left: 10px; padding-right: 0 } html[dir=rtl] .css-tabs-a6303 .el-tabs__nav-wrap { direction: ltr } html[dir=rtl] .css-tabs-a6303 .el-tabs__nav { direction: rtl } .css-noborder-74673 .el-tabs__nav-wrap:after { display: none } .css-noanimated-76a6d .el-tabs__active-bar { transition: none } .css-button-63912 .el-tabs__nav-wrap:after, .css-text-29e23 .el-tabs__active-bar, .css-text-29e23 .el-tabs__nav-wrap:after { display: none } .css-button-63912 .el-tabs__nav { gap: var(--el-border-radius-base) } .css-button-63912 .el-tabs__item { align-items: center; color: var(--text-text3); display: inline-flex; font-size: var(--el-font-size-base); font-weight: var(--el-button-font-weight); padding: 0; position: relative; z-index: 2 } .css-button-63912 .el-tabs__item:after, .css-button-63912 .el-tabs__item:before { content: " "; display: inline-block; height: 100%; width: calc(var(--el-border-radius-base)*2) } .css-button-63912 .el-tabs__item:hover { background: var(--fill-fill4); border-radius: var(--el-border-radius-base); color: var(--text-text1) } .css-button-63912 .el-tabs__item:last-child { margin-right: 0 } .css-button-63912 .el-tabs__item.is-active { color: var(--text-text1) } .css-button-63912 .el-tabs__active-bar { background: var(--fill-fill4); border-radius: var(--el-border-radius-base); height: var(--el-tabs-header-height) } .css-page-be7cc { --el-pagination-hover-color: var(--gray-gray10); --el-pagination-button-bg-color: none; --el-disabled-bg-color: none; --el-text-color-regular: var(--gray-gray10) } .css-page-be7cc .btn-next:hover, .css-page-be7cc .btn-prev:hover, .css-page-be7cc .number:hover { background: var(--gray-gray1) !important } .css-page-be7cc .is-active { --el-color-primary: var(--gray-gray10); --el-color-white: var(--text-text6) } .css-page-be7cc .is-active:hover { background: var(--gray-gray10) !important } .css-page-max-eced4 { --el-pagination-button-width: var(--height-max); --el-pagination-button-height: var(--height-max); --el-pagination-font-size: var(--font-size-max) } .css-page-max-eced4 .btn-next, .css-page-max-eced4 .btn-prev, .css-page-max-eced4 .number { border-radius: var(--radius-max) !important; height: var(--el-pagination-button-height) !important; min-width: var(--el-pagination-button-width) !important } .css-page-large-519b7 { --el-pagination-button-width: var(--height-large); --el-pagination-button-height: var(--height-large); --el-pagination-font-size: var(--font-size-max) } .css-page-large-519b7 .btn-next, .css-page-large-519b7 .btn-prev, .css-page-large-519b7 .number { border-radius: var(--radius-large) !important; height: var(--el-pagination-button-height) !important; min-width: var(--el-pagination-button-width) !important } .css-page-default-982a6 { --el-pagination-button-width: var(--height-default); --el-pagination-button-height: var(--height-default); --el-pagination-font-size: var(--font-size-default) } .css-page-default-982a6 .btn-next, .css-page-default-982a6 .btn-prev, .css-page-default-982a6 .number { border-radius: var(--radius-default) !important; height: var(--el-pagination-button-height) !important; min-width: var(--el-pagination-button-width) !important } .css-page-small-63212 { --el-pagination-button-width: var(--height-small); --el-pagination-button-height: var(--height-small); --el-pagination-font-size: var(--font-size-small) } .css-page-small-63212 .btn-next, .css-page-small-63212 .btn-prev, .css-page-small-63212 .number { border-radius: var(--radius-small) !important; height: var(--el-pagination-button-height) !important; min-width: var(--el-pagination-button-width) !important } .css-page-mini-95712 { --el-pagination-button-width: var(--height-mini); --el-pagination-button-height: var(--height-mini); --el-pagination-font-size: var(--font-size-mini) } .css-page-mini-95712 .btn-next, .css-page-mini-95712 .btn-prev, .css-page-mini-95712 .number { border-radius: var(--radius-mini) !important; height: var(--el-pagination-button-height) !important; min-width: var(--el-pagination-button-width) !important } html[dir=rtl] .css-page-be7cc .is-first, html[dir=rtl] .css-page-be7cc .is-last { transform: scaleX(-1) } .css-popper-7a242 { --el-datepicker-active-color: var(--gray-gray10); --el-datepicker-hover-text-color: var(--text-text1); --el-datepicker-inrange-bg-color: var(--fill-fill1); --el-popper-border-radius: var(--radius-default); --el-border-radius-base: var(--radius-default); --el-datepicker-off-text-color: var(--text-text3); --el-bg-color-overlay: var(--fill-fill8) } .css-popper-7a242 .available:hover .el-date-table-cell__text, .css-popper-7a242 .el-date-table td.today .el-date-table-cell__text { background-color: var(--fill-fill1); color: var(--text-text1) } .css-popper-7a242 .el-date-table td.in-range .el-date-table-cell { background-color: var(--fill-fill2); color: var(--text-text3) } .css-popper-7a242 .el-date-table td .el-date-table-cell .el-date-table-cell__text { border-radius: 4px; font-size: 14px; font-weight: 500; height: 32px; line-height: 32px; width: 32px } .css-popper-7a242 .el-date-table td.current:not(.disabled) .el-date-table-cell__text, .css-popper-7a242 .el-date-table td.end-date .el-date-table-cell__text, .css-popper-7a242 .el-date-table td.start-date .el-date-table-cell__text { background-color: var(--gray-gray10); color: var(--text-text6) } .css-popper-7a242 .el-date-table td { height: 40px; padding: 4px 0 } .css-popper-7a242 .el-date-table td .el-date-table-cell { height: 32px; padding: 0 } .css-picker-003f0 { --el-text-color-regular: var(--text-text1); --el-input-border-color: var(--gray-gray2); --el-input-bg-color: var(--gray-gray0):none; --el-input-hover-border-color: var(--gray-gray10); --el-input-focus-border-color: var(--gray-gray10) } .css-picker-003f0.el-range-editor.el-input__wrapper { height: var(--el-input-height) } .css-picker-003f0.el-date-editor--daterange { --el-date-editor-width: 100% } .css-picker-003f0 .el-input__wrapper { display: flex } .css-picker-003f0 .el-input__inner::-moz-placeholder { color: var(--text-text4) } .css-picker-003f0 .el-input__inner::placeholder { color: var(--text-text4) } .css-picker-003f0 .el-input__icon { color: var(--text-text4); font-size: var(--el-datepicker-icon-size); font-weight: var(--el-datepicker-font-weight) } .css-picker-003f0 .el-input__icon:first-child { margin-inline-end: 8px } .css-picker-003f0 .el-input__inner, .css-picker-003f0 .el-range-input { font-size: var(--el-datepicker-font-size); font-weight: var(--el-datepicker-font-weight) } .css-picker-003f0 .el-input__inner::-moz-placeholder, .css-picker-003f0 .el-range-input::-moz-placeholder { color: var(--text-text4) } .css-picker-003f0 .el-input__inner::placeholder, .css-picker-003f0 .el-range-input::placeholder { color: var(--text-text4) } .css-picker-003f0 .suffix-content { align-items: center; color: var(--text-text4); display: flex; font-size: var(--el-datepicker-font-size); height: 100% } .css-picker-003f0 .el-input__suffix { align-items: center; display: flex } .picker-max { --el-input-height: var(--height-max); --el-datepicker-font-size: var(--font-size-max); --el-datepicker-font-weight: var(--font-weight-max); --el-input-border-radius: var(--radius-max); --el-datepicker-icon-size: calc(var(--font-size-max) + 4px) } .picker-large { --el-input-height: var(--height-large); --el-datepicker-font-size: var(--font-size-large); --el-datepicker-font-weight: var(--font-weight-large); --el-input-border-radius: var(--radius-large); --el-datepicker-icon-size: calc(var(--font-size-max) + 2px) } .picker-default { --el-input-height: var(--height-default); --el-datepicker-font-size: var(--font-size-default); --el-datepicker-font-weight: var(--font-weight-default); --el-input-border-radius: var(--radius-default); --el-datepicker-icon-size: calc(var(--font-size-default) + 2px) } .picker-small { --el-input-height: var(--height-small); --el-datepicker-font-size: var(--font-size-small); --el-datepicker-font-weight: var(--font-weight-small); --el-input-border-radius: var(--radius-small); --el-datepicker-icon-size: var(--font-size-small) } .picker-mini { --el-input-height: var(--height-mini); --el-datepicker-font-size: var(--font-size-mini); --el-datepicker-font-weight: var(--font-weight-mini); --el-input-border-radius: var(--radius-mini); --el-datepicker-icon-size: var(--font-size-mini) } .css-reverse-date-icon-70741 .el-input__wrapper .el-input__prefix { order: 3 } .css-reverse-date-icon-70741 .el-input__wrapper .el-input__prefix .el-input__icon { color: var(--text-text2); font-size: var(--el-datepicker-icon-size); font-weight: var(--el-datepicker-font-weight); margin-inline-end: 0 } .css-reverse-date-icon-70741 .el-input__wrapper .el-input__suffix { display: none; order: 1 } .css-reverse-date-icon-70741 .el-input__wrapper .el-input__inner { order: 2 } .css-switch-8459b { --el-switch-on-color: var(--primary-primary3); --el-switch-off-color: var(--gray-gray2); --el-color-white: var(--text-text0) } .css-switch-8459b.is-disabled { opacity: 1; --el-switch-on-color: var(--primary-primary4); --el-switch-off-color: var(--gray-gray2); --el-color-white: var(--text-text5) } .css-switch-8459b.is-disabled.is-checked { --el-color-white: var(--text-text0) } .global-popper.el-popper { border-radius: 6px; line-height: 18px; max-width: 200px; min-width: 20px; padding: 8px; word-break: break-word } .global-popper.el-popper>.global-popper-content-wrapper { display: flex } .global-popper.el-popper>.global-popper-content-wrapper>.global-popper-icon { align-items: center; display: flex; height: 18px; margin-inline-end: 4px; width: 16px } .global-popper.el-popper>.global-popper-content-wrapper>.global-popper-icon svg { height: 16px; width: 16px } .global-popper.el-popper>.global-popper-content-wrapper>.global-popper-close { align-items: center; cursor: pointer; display: flex; height: 18px; margin-inline-start: 4px; width: 16px } .global-popper.el-popper>.global-popper-content-wrapper>.global-popper-close svg { height: 16px; width: 16px } .global-popper.el-popper>.global-popper-content-wrapper>.global-popper-content-inner { flex: 1 } .global-popper.el-popper>.global-popper-content-wrapper>.global-popper-content-inner>.global-popper-title { display: -webkit-box; font-size: 14px; font-weight: 500; line-height: 18px; margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .global-popper.el-popper.is-dark { background: var(--toasts-toasts1); border: 1px solid var(--toasts-toasts1); color: var(--unified-unified1) } .global-popper.el-popper.is-dark .el-popper__arrow:before { background: var(--toasts-toasts1) !important } .global-popper.el-popper.is-orange { background: var(--warning-warning4); border: 1px solid var(--warning-warning4); color: var(--text-text1) } .global-popper.el-popper.is-orange .el-popper__arrow:before { background: var(--warning-warning4) !important } .global-popper.el-popper.type-xl { border-radius: 8px; padding: 12px; width: 200px } .global-popper.el-popper.type-xxl { border-radius: 8px; max-width: unset; padding: 12px; width: 300px } .global-popper.el-popper.type-xxl>.global-popper-content-wrapper>.global-popper-icon { height: 20px; margin-inline-end: 12px; width: 20px } .global-popper.el-popper.type-xxl>.global-popper-content-wrapper>.global-popper-icon svg { height: 20px; width: 20px } .global-popper.el-popper.type-xxl>.global-popper-content-wrapper>.global-popper-close { height: 20px; margin-inline-start: 12px; width: 20px } .global-popper.el-popper.type-xxl>.global-popper-content-wrapper>.global-popper-close svg { height: 20px; width: 20px } .global-popper.el-popper.type-xxl>.global-popper-content-inner>.global-popper-title { line-height: 20px } .global-popper.el-popper.el-popper[data-popper-placement^=bottom].is-dark .el-popper__arrow:before { border-bottom-color: transparent !important; border-left-color: var(--toasts-toasts1) !important; border-right-color: transparent !important; border-top-color: var(--toasts-toasts1) !important } .global-popper.el-popper.el-popper[data-popper-placement^=top].is-dark .el-popper__arrow:before { border-bottom-color: var(--toasts-toasts1) !important; border-left-color: transparent !important; border-right-color: var(--toasts-toasts1) !important; border-top-color: transparent !important } .global-popper.el-popper.el-popper[data-popper-placement^=left].is-dark .el-popper__arrow:before { border-bottom-color: transparent !important; border-left-color: transparent !important; border-right-color: var(--toasts-toasts1) !important; border-top-color: var(--toasts-toasts1) !important } .global-popper.el-popper.el-popper[data-popper-placement^=right].is-dark .el-popper__arrow:before { border-bottom-color: var(--toasts-toasts1) !important; border-left-color: var(--toasts-toasts1) !important; border-right-color: transparent !important; border-top-color: transparent !important } .css-avatar-1edab, .css-avatar-f9e0c { --el-avatar-bg-color: transparent } .css-errorBox-c3697 { background-color: var(--fill-fill4); border-radius: 10px; padding: 8px 12px; width: 432px } .css-detailBox-b9333 { border: .5px solid var(--border-border2); border-radius: 10px; padding: 11.5px 15.5px; width: 432px } .css-feeTag-87688 { background-color: var(--primary-primary6); border-radius: 4px; color: var(--primary-primary1); gap: 2px; height: 20px; padding: 4px } .layout-activityH5[data-v-81c6e11c] { max-width: 100vw; width: 100vw } .layout-activityH5.layout-activity-pt[data-v-81c6e11c] { padding-top: 48px } .layout-activityH5.layout-activity-pt.has-download-bar[data-v-81c6e11c] { padding-top: 108px } .layout-activityH5 .hidden-header[data-v-81c6e11c] { display: none } .has-download-bar[data-v-81c6e11c] { padding-top: 60px } .has-download-bar[data-v-81c6e11c] .h5-header { top: 60px } .has-download-bar[data-v-81c6e11c] .register-banner.h5 { top: 108px } html.dark { color-scheme: dark; --el-color-primary: #409eff; --el-color-primary-light-3: #3375b9; --el-color-primary-light-5: #2a598a; --el-color-primary-light-7: #213d5b; --el-color-primary-light-8: #1d3043; --el-color-primary-light-9: #18222c; --el-color-primary-dark-2: #66b1ff; --el-color-success: #67c23a; --el-color-success-light-3: #4e8e2f; --el-color-success-light-5: #3e6b27; --el-color-success-light-7: #2d481f; --el-color-success-light-8: #25371c; --el-color-success-light-9: #1c2518; --el-color-success-dark-2: #85ce61; --el-color-warning: #e6a23c; --el-color-warning-light-3: #a77730; --el-color-warning-light-5: #7d5b28; --el-color-warning-light-7: #533f20; --el-color-warning-light-8: #3e301c; --el-color-warning-light-9: #292218; --el-color-warning-dark-2: #ebb563; --el-color-danger: #f56c6c; --el-color-danger-light-3: #b25252; --el-color-danger-light-5: #854040; --el-color-danger-light-7: #582e2e; --el-color-danger-light-8: #412626; --el-color-danger-light-9: #2b1d1d; --el-color-danger-dark-2: #f78989; --el-color-error: #f56c6c; --el-color-error-light-3: #b25252; --el-color-error-light-5: #854040; --el-color-error-light-7: #582e2e; --el-color-error-light-8: #412626; --el-color-error-light-9: #2b1d1d; --el-color-error-dark-2: #f78989; --el-color-info: #909399; --el-color-info-light-3: #6b6d71; --el-color-info-light-5: #525457; --el-color-info-light-7: #393a3c; --el-color-info-light-8: #2d2d2f; --el-color-info-light-9: #202121; --el-color-info-dark-2: #a6a9ad; --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .36), 0px 8px 20px rgba(0, 0, 0, .72); --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .72); --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .72); --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .72), 0px 12px 32px #000, 0px 8px 16px -8px #000; --el-bg-color-page: #0a0a0a; --el-bg-color: #141414; --el-bg-color-overlay: #1d1e1f; --el-text-color-primary: #e5eaf3; --el-text-color-regular: #cfd3dc; --el-text-color-secondary: #a3a6ad; --el-text-color-placeholder: #8d9095; --el-text-color-disabled: #6c6e72; --el-border-color-darker: #636466; --el-border-color-dark: #58585b; --el-border-color: #4c4d4f; --el-border-color-light: #414243; --el-border-color-lighter: #363637; --el-border-color-extra-light: #2b2b2c; --el-fill-color-darker: #424243; --el-fill-color-dark: #39393a; --el-fill-color: #303030; --el-fill-color-light: #262727; --el-fill-color-lighter: #1d1d1d; --el-fill-color-extra-light: #191919; --el-fill-color-blank: transparent; --el-mask-color: rgba(0, 0, 0, .8); --el-mask-color-extra-light: rgba(0, 0, 0, .3) } html.dark .el-button { --el-button-disabled-text-color: hsla(0, 0%, 100%, .5) } html.dark .el-card { --el-card-bg-color: var(--el-bg-color-overlay) } html.dark .el-empty { --el-empty-fill-color-0: var(--el-color-black); --el-empty-fill-color-1: #4b4b52; --el-empty-fill-color-2: #36383d; --el-empty-fill-color-3: #1e1e20; --el-empty-fill-color-4: #262629; --el-empty-fill-color-5: #202124; --el-empty-fill-color-6: #212224; --el-empty-fill-color-7: #1b1c1f; --el-empty-fill-color-8: #1c1d1f; --el-empty-fill-color-9: #18181a } :root { --primary: #2483ff; --success: #0ecb81; --success-hover: #03a66d; --error: #f6465d; --error-hover: #cf304c; --warning: #ff9f2e } [data-theme=light] { --up: #03a66d; --bg-up: rgba(14, 203, 129, .12); --up-btn: #03a66d; --down: #cf304c; --bg-down: rgba(246, 70, 93, .12); --down-btn: #f6465d } [data-theme=dark] { --up: #f6465d; --bg-up: rgba(246, 70, 93, .12); --up-btn: #f6465d; --down: #03a66d; --bg-down: rgba(14, 203, 129, .12); --down-btn: #03a66d } * { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent } .font-plus-harmony { font-family: pluswoff, harmonyOS, sans-serif !important } .font-anjoman { font-family: anjoman, sans-serif !important } .font-pluswoff { font-family: pluswoff, sans-serif !important } #app, body, html { height: 100% } body, button, input, select, textarea { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: grayscale } body { background-color: var(--base-base1) } dfn, em { font-style: normal } h1, h2, h3, h4, h5, h6 { font-weight: 400 } button, input, table, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border: 0; outline: none } li, ol, ul { list-style: none outside none } a { color: var(--main-color); cursor: pointer; text-decoration: none; transition: all .3s ease-in-out } a:hover { color: var(--hover-color) } img { border: 0 } img[src=""] { opacity: 0 } table { border-collapse: collapse; border-spacing: 0; word-wrap: break-word; word-break: break-all } ::-webkit-scrollbar { background-color: transparent; height: 6px; width: 6px } ::-webkit-scrollbar-thumb { background-color: #d3dce6; border-radius: 6px } @-moz-document url-prefix() { * { scrollbar-color: hsla(0, 0%, 100%, .2) transparent; scrollbar-width: thin } } :root { --radius-mini: 4px; --radius-small: 6px; --radius-regular: 6px; --radius-medium: 6px; --radius-default: 8px; --radius-large: 10px; --radius-max: 12px; --radius-maximum: 12px; --font-size-mini: 12px; --font-size-small: 12px; --font-size-regular: 12px; --font-size-medium: 13px; --font-size-default: 13px; --font-size-large: 14px; --font-size-max: 16px; --font-size-maximum: 24px; --height-mini: 24px; --height-regular: 28px; --height-small: 32px; --height-medium: 36px; --height-default: 40px; --height-large: 48px; --height-max: 56px; --height-maximum: 70px; --font-weight-mini: 500; --font-weight-small: 500; --font-weight-regular: 500; --font-weight-medium: 500; --font-weight-default: 500; --font-weight-large: 500; --font-weight-max: 500; --font-weight-maximum: 500; --shadow-shadow1: 0px 0px 6px 0px rgba(0, 0, 0, .04), 0px 4px 8px 0px rgba(0, 0, 0, .06); --shadow-shadow2: 0px 0px 6px 0px rgba(0, 0, 0, .04), 0px 8px 16px 0px rgba(0, 0, 0, .06); --shadow-shadow3: 0px 0px 6px 0px rgba(0, 0, 0, .04), 0px 16px 32px 0px rgba(0, 0, 0, .06) } .text-ltr { direction: ltr; display: inline-block } [class*=flex-row] { display: flex; flex-flow: row nowrap } [class*=inline-flex-row] { display: inline-flex; flex-flow: row nowrap } [class*=flex-col-reverse], [class*=flex-col] { display: flex; flex-flow: column nowrap } [class*=flex-col-reverse] { flex-direction: column-reverse !important } .f12 { font-size: 12px; line-height: 18px } .f13 { font-size: 13px; line-height: 19px } .f14 { font-size: 14px; line-height: 20px } .f16 { font-size: 16px; line-height: 22px } .f18 { font-size: 18px; line-height: 24px } .f20 { font-size: 20px; line-height: 26px } .f22 { font-size: 22px; line-height: 28px } .f24 { font-size: 24px; line-height: 30px } .f30 { font-size: 30px; line-height: 36px } .f32 { font-size: 32px; line-height: 38px } .f40 { font-size: 40px; line-height: 48px } .flex-col-flex-start, .flex-row-flex-start { justify-content: flex-start } .content-flex-start { align-content: flex-start } .flex-col-flex-end, .flex-row-flex-end { justify-content: flex-end } .content-flex-end { align-content: flex-end } .flex-col-center, .flex-row-center { justify-content: center } .content-center { align-content: center } .flex-col-space-between, .flex-row-space-between { justify-content: space-between } .content-space-between { align-content: space-between } .flex-col-space-around, .flex-row-space-around { justify-content: space-around } .content-space-around { align-content: space-around } .items-flex-start { align-items: flex-start } .self-flex-start { align-self: flex-start } .items-flex-end { align-items: flex-end } .self-flex-end { align-self: flex-end } .items-center { align-items: center } .self-center { align-self: center } .items-baseline { align-items: baseline } .self-baseline { align-self: baseline } .items-stretch { align-items: stretch } .self-stretch { align-self: stretch } .flex-nowrap { flex-wrap: nowrap } .flex-wrap { flex-wrap: wrap } .flex-wrap-reverse { flex-wrap: wrap-reverse } .flex1 { flex: 1 } .shrink0 { flex-shrink: 0 } .shadow1 { box-shadow: var(--shadow-shadow1) } .shadow2 { box-shadow: var(--shadow-shadow2) } .shadow3 { box-shadow: var(--shadow-shadow3) } .align-top { vertical-align: top } .align-middle { vertical-align: middle } .align-bottom { vertical-align: bottom } .text-align-left { text-align: left } .text-align-center { text-align: center } .text-align-right { text-align: right } .cursor-default { cursor: default } .cursor-pointer { cursor: pointer } .cursor-not-allowed { cursor: not-allowed } .cursor-progress { cursor: progress } .cursor-help { cursor: help } .cursor-move { cursor: move } .weight-normal { font-weight: 400 } .weight-bold { font-weight: 700 } .weight-300 { font-weight: 300 } .weight-400 { font-weight: 400 } .weight-500 { font-weight: 500 } .weight-600 { font-weight: 600 } .weight-700 { font-weight: 700 } .weight-800 { font-weight: 800 } .weight-900 { font-weight: 900 } .color-primary-primary1 { color: var(--primary-primary1) } .bg-primary-primary1 { background-color: var(--primary-primary1) } .color-primary-primary2 { color: var(--primary-primary2) } .bg-primary-primary2 { background-color: var(--primary-primary2) } .color-primary-primary3 { color: var(--primary-primary3) } .bg-primary-primary3 { background-color: var(--primary-primary3) } .color-primary-primary4 { color: var(--primary-primary4) } .bg-primary-primary4 { background-color: var(--primary-primary4) } .color-primary-primary5 { color: var(--primary-primary5) } .bg-primary-primary5 { background-color: var(--primary-primary5) } .color-primary-primary6 { color: var(--primary-primary6) } .bg-primary-primary6 { background-color: var(--primary-primary6) } .color-primary-primary7 { color: var(--primary-primary7) } .bg-primary-primary7 { background-color: var(--primary-primary7) } .color-primary-primary8 { color: var(--primary-primary8) } .bg-primary-primary8 { background-color: var(--primary-primary8) } .color-gray-gray0 { color: var(--gray-gray0) } .bg-gray-gray0 { background-color: var(--gray-gray0) } .color-gray-gray1 { color: var(--gray-gray1) } .bg-gray-gray1 { background-color: var(--gray-gray1) } .color-gray-gray2 { color: var(--gray-gray2) } .bg-gray-gray2 { background-color: var(--gray-gray2) } .color-gray-gray3 { color: var(--gray-gray3) } .bg-gray-gray3 { background-color: var(--gray-gray3) } .color-gray-gray4 { color: var(--gray-gray4) } .bg-gray-gray4 { background-color: var(--gray-gray4) } .color-gray-gray5 { color: var(--gray-gray5) } .bg-gray-gray5 { background-color: var(--gray-gray5) } .color-gray-gray6 { color: var(--gray-gray6) } .bg-gray-gray6 { background-color: var(--gray-gray6) } .color-gray-gray7 { color: var(--gray-gray7) } .bg-gray-gray7 { background-color: var(--gray-gray7) } .color-gray-gray8 { color: var(--gray-gray8) } .bg-gray-gray8 { background-color: var(--gray-gray8) } .color-gray-gray9 { color: var(--gray-gray9) } .bg-gray-gray9 { background-color: var(--gray-gray9) } .color-gray-gray10 { color: var(--gray-gray10) } .bg-gray-gray10 { background-color: var(--gray-gray10) } .color-gray-gray11 { color: var(--gray-gray11) } .bg-gray-gray11 { background-color: var(--gray-gray11) } .color-secondary-secondary0 { color: var(--secondary-secondary0) } .bg-secondary-secondary0 { background-color: var(--secondary-secondary0) } .color-secondary-secondary1 { color: var(--secondary-secondary1) } .bg-secondary-secondary1 { background-color: var(--secondary-secondary1) } .color-secondary-secondary2 { color: var(--secondary-secondary2) } .bg-secondary-secondary2 { background-color: var(--secondary-secondary2) } .color-secondary-secondary3 { color: var(--secondary-secondary3) } .bg-secondary-secondary3 { background-color: var(--secondary-secondary3) } .color-secondary-secondary4 { color: var(--secondary-secondary4) } .bg-secondary-secondary4 { background-color: var(--secondary-secondary4) } .color-secondary-secondary5 { color: var(--secondary-secondary5) } .bg-secondary-secondary5 { background-color: var(--secondary-secondary5) } .color-secondary-secondary6 { color: var(--secondary-secondary6) } .bg-secondary-secondary6 { background-color: var(--secondary-secondary6) } .color-danger-danger1 { color: var(--danger-danger1) } .bg-danger-danger1 { background-color: var(--danger-danger1) } .color-danger-danger2 { color: var(--danger-danger2) } .bg-danger-danger2 { background-color: var(--danger-danger2) } .color-danger-danger3 { color: var(--danger-danger3) } .bg-danger-danger3 { background-color: var(--danger-danger3) } .color-danger-danger4 { color: var(--danger-danger4) } .bg-danger-danger4 { background-color: var(--danger-danger4) } .color-success-success1 { color: var(--success-success1) } .bg-success-success1 { background-color: var(--success-success1) } .color-success-success2 { color: var(--success-success2) } .bg-success-success2 { background-color: var(--success-success2) } .color-success-success3 { color: var(--success-success3) } .bg-success-success3 { background-color: var(--success-success3) } .color-success-success4 { color: var(--success-success4) } .bg-success-success4 { background-color: var(--success-success4) } .color-warning-warning1 { color: var(--warning-warning1) } .bg-warning-warning1 { background-color: var(--warning-warning1) } .color-warning-warning2 { color: var(--warning-warning2) } .bg-warning-warning2 { background-color: var(--warning-warning2) } .color-warning-warning3 { color: var(--warning-warning3) } .bg-warning-warning3 { background-color: var(--warning-warning3) } .color-warning-warning4 { color: var(--warning-warning4) } .bg-warning-warning4 { background-color: var(--warning-warning4) } .color-warning-warning5 { color: var(--warning-warning5) } .bg-warning-warning5 { background-color: var(--warning-warning5) } .color-text-text0 { color: var(--text-text0) } .bg-text-text0 { background-color: var(--text-text0) } .color-text-text1 { color: var(--text-text1) } .bg-text-text1 { background-color: var(--text-text1) } .color-text-text2 { color: var(--text-text2) } .bg-text-text2 { background-color: var(--text-text2) } .color-text-text3 { color: var(--text-text3) } .bg-text-text3 { background-color: var(--text-text3) } .color-text-text4 { color: var(--text-text4) } .bg-text-text4 { background-color: var(--text-text4) } .color-text-text5 { color: var(--text-text5) } .bg-text-text5 { background-color: var(--text-text5) } .color-text-text6 { color: var(--text-text6) } .bg-text-text6 { background-color: var(--text-text6) } .color-base-base1 { color: var(--base-base1) } .bg-base-base1 { background-color: var(--base-base1) } .color-base-base2 { color: var(--base-base2) } .bg-base-base2 { background-color: var(--base-base2) } .color-base-base3 { color: var(--base-base3) } .bg-base-base3 { background-color: var(--base-base3) } .color-base-base4 { color: var(--base-base4) } .bg-base-base4 { background-color: var(--base-base4) } .color-base-base5 { color: var(--base-base5) } .bg-base-base5 { background-color: var(--base-base5) } .color-base-base6 { color: var(--base-base6) } .bg-base-base6 { background-color: var(--base-base6) } .color-base-base7 { color: var(--base-base7) } .bg-base-base7 { background-color: var(--base-base7) } .color-fill-fill1 { color: var(--fill-fill1) } .bg-fill-fill1 { background-color: var(--fill-fill1) } .color-fill-fill2 { color: var(--fill-fill2) } .bg-fill-fill2 { background-color: var(--fill-fill2) } .color-fill-fill3 { color: var(--fill-fill3) } .bg-fill-fill3 { background-color: var(--fill-fill3) } .color-fill-fill4 { color: var(--fill-fill4) } .bg-fill-fill4 { background-color: var(--fill-fill4) } .color-fill-fill5 { color: var(--fill-fill5) } .bg-fill-fill5 { background-color: var(--fill-fill5) } .color-fill-fill6 { color: var(--fill-fill6) } .bg-fill-fill6 { background-color: var(--fill-fill6) } .color-fill-fill7 { color: var(--fill-fill7) } .bg-fill-fill7 { background-color: var(--fill-fill7) } .color-fill-fill8 { color: var(--fill-fill8) } .bg-fill-fill8 { background-color: var(--fill-fill8) } .color-fill-fill9 { color: var(--fill-fill9) } .bg-fill-fill9 { background-color: var(--fill-fill9) } .color-fill-fill10 { color: var(--fill-fill10) } .bg-fill-fill10 { background-color: var(--fill-fill10) } .color-fill-fill11 { color: var(--fill-fill11) } .bg-fill-fill11 { background-color: var(--fill-fill11) } .color-border-border1 { color: var(--border-border1) } .bg-border-border1 { background-color: var(--border-border1) } .color-border-border2 { color: var(--border-border2) } .bg-border-border2 { background-color: var(--border-border2) } .color-opacity-mask { color: var(--opacity-mask) } .bg-opacity-mask { background-color: var(--opacity-mask) } .color-fill-deposit { color: var(--fill-deposit) } .bg-fill-deposit { background-color: var(--fill-deposit) } .color-toasts-toasts1 { color: var(--toasts-toasts1) } .bg-toasts-toasts1 { background-color: var(--toasts-toasts1) } .color-toasts-toasts2 { color: var(--toasts-toasts2) } .bg-toasts-toasts2 { background-color: var(--toasts-toasts2) } .color-toasts-toasts3 { color: var(--toasts-toasts3) } .bg-toasts-toasts3 { background-color: var(--toasts-toasts3) } .color-text-text1-inverse { color: var(--text-text1-inverse) } .bg-text-text1-inverse { background-color: var(--text-text1-inverse) } .color-active-orange1 { color: var(--active-orange1) } .bg-active-orange1 { background-color: var(--active-orange1) } .color-active-orange2 { color: var(--active-orange2) } .bg-active-orange2 { background-color: var(--active-orange2) } .color-active-violet1 { color: var(--active-violet1) } .bg-active-violet1 { background-color: var(--active-violet1) } .color-green-green1 { color: var(--green-green1) } .bg-green-green1 { background-color: var(--green-green1) } .color-green-green2 { color: var(--green-green2) } .bg-green-green2 { background-color: var(--green-green2) } .color-green-green3 { color: var(--green-green3) } .bg-green-green3 { background-color: var(--green-green3) } .color-green-green4 { color: var(--green-green4) } .bg-green-green4 { background-color: var(--green-green4) } .color-orange-orange1 { color: var(--orange-orange1) } .bg-orange-orange1 { background-color: var(--orange-orange1) } .color-orange-orange2 { color: var(--orange-orange2) } .bg-orange-orange2 { background-color: var(--orange-orange2) } .color-orange-orange3 { color: var(--orange-orange3) } .bg-orange-orange3 { background-color: var(--orange-orange3) } .color-orange-orange4 { color: var(--orange-orange4) } .bg-orange-orange4 { background-color: var(--orange-orange4) } .color-red-red1 { color: var(--red-red1) } .bg-red-red1 { background-color: var(--red-red1) } .color-red-red2 { color: var(--red-red2) } .bg-red-red2 { background-color: var(--red-red2) } .color-red-red3 { color: var(--red-red3) } .bg-red-red3 { background-color: var(--red-red3) } .color-red-red4 { color: var(--red-red4) } .bg-red-red4 { background-color: var(--red-red4) } .color-unified-unified1 { color: var(--unified-unified1) } .bg-unified-unified1 { background-color: var(--unified-unified1) } .color-unified-unified2 { color: var(--unified-unified2) } .bg-unified-unified2 { background-color: var(--unified-unified2) } .color-unified-unified3 { color: var(--unified-unified3) } .bg-unified-unified3 { background-color: var(--unified-unified3) } .color-unified-unified4 { color: var(--unified-unified4) } .bg-unified-unified4 { background-color: var(--unified-unified4) } .color-colors-mask-mask1 { color: var(--colors-mask-mask1) } .bg-colors-mask-mask1 { background-color: var(--colors-mask-mask1) } .radius2 { border-radius: 2px } .rem-radius2 { border-radius: .0533333333rem } .radius3 { border-radius: 3px } .rem-radius3 { border-radius: .08rem } .radius4 { border-radius: 4px } .rem-radius4 { border-radius: .1066666667rem } .radius6 { border-radius: 6px } .rem-radius6 { border-radius: .16rem } .radius8 { border-radius: 8px } .rem-radius8 { border-radius: .2133333333rem } .radius10 { border-radius: 10px } .rem-radius10 { border-radius: .2666666667rem } .radius12 { border-radius: 12px } .rem-radius12 { border-radius: .32rem } .radius14 { border-radius: 14px } .rem-radius14 { border-radius: .3733333333rem } .radius16 { border-radius: 16px } .rem-radius16 { border-radius: .4266666667rem } .radius18 { border-radius: 18px } .rem-radius18 { border-radius: .48rem } .radius20 { border-radius: 20px } .rem-radius20 { border-radius: .5333333333rem } .radius22 { border-radius: 22px } .rem-radius22 { border-radius: .5866666667rem } .radius24 { border-radius: 24px } .rem-radius24 { border-radius: .64rem } .radius32 { border-radius: 32px } .rem-radius32 { border-radius: .8533333333rem } .radius36 { border-radius: 36px } .rem-radius36 { border-radius: .96rem } .radius40 { border-radius: 40px } .rem-radius40 { border-radius: 1.0666666667rem } .radiusmax { border-radius: 99999999px } .circle { border-radius: 50% } .ellipsis1 { -webkit-line-clamp: 1 } .ellipsis1, .ellipsis2 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical } .ellipsis2 { -webkit-line-clamp: 2 } .ellipsis3 { -webkit-line-clamp: 3 } .ellipsis3, .ellipsis4 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical } .ellipsis4 { -webkit-line-clamp: 4 } .ellipsis6 { -webkit-line-clamp: 6 } .ellipsis6, .ellipsis7 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical } .ellipsis7 { -webkit-line-clamp: 7 } .minh0 { min-height: 0 } .minw0 { min-width: 0 } .h0 { height: 0 } .w0 { width: 0 } .m0 { margin: 0 } .mt0 { margin-top: 0 } .mr0 { margin-inline-end: 0 } .mb0 { margin-bottom: 0 } .ml0, .mx0 { margin-left: 0 } .mx0 { margin-right: 0 } .my0 { margin-bottom: 0; margin-top: 0 } .p0 { padding: 0 } .px0 { padding-left: 0; padding-right: 0 } .py0 { padding-bottom: 0 } .pt0, .py0 { padding-top: 0 } .pr0 { padding-right: 0 } .pb0 { padding-bottom: 0 } .pl0 { padding-left: 0 } .fz0 { font-size: 0 } .lh0 { line-height: 0px } .rem-minh0 { min-height: 0 } .rem-h0 { height: 0 } .rem-w0 { width: 0 } .rem-m0 { margin: 0 } .rem-mt0 { margin-top: 0 } .rem-mr0 { margin-inline-end: 0 } .rem-mb0 { margin-bottom: 0 } .rem-ml0, .rem-mx0 { margin-left: 0 } .rem-mx0 { margin-right: 0 } .rem-my0 { margin-bottom: 0; margin-top: 0 } .rem-p0 { padding: 0 } .rem-px0 { padding-left: 0; padding-right: 0 } .rem-py0 { padding-bottom: 0 } .rem-pt0, .rem-py0 { padding-top: 0 } .rem-pr0 { padding-right: 0 } .rem-pb0 { padding-bottom: 0 } .rem-pl0 { padding-left: 0 } .rem-fz0 { font-size: 0 } .rem-lh0 { line-height: 0rem } .minh2 { min-height: 2px } .minw2 { min-width: 2px } .h2 { height: 2px } .w2 { width: 2px } .m2 { margin: 2px } .mt2 { margin-top: 2px } .mr2 { margin-inline-end: 2px } .mb2 { margin-bottom: 2px } .ml2, .mx2 { margin-left: 2px } .mx2 { margin-right: 2px } .my2 { margin-bottom: 2px; margin-top: 2px } .p2 { padding: 2px } .px2 { padding-left: 2px; padding-right: 2px } .py2 { padding-bottom: 2px } .pt2, .py2 { padding-top: 2px } .pr2 { padding-right: 2px } .pb2 { padding-bottom: 2px } .pl2 { padding-left: 2px } .fz2 { font-size: 2px } .lh2 { line-height: 2px } .rem-minh2 { min-height: .0533333333rem } .rem-h2 { height: .0533333333rem } .rem-w2 { width: .0533333333rem } .rem-m2 { margin: .0533333333rem } .rem-mt2 { margin-top: .0533333333rem } .rem-mr2 { margin-inline-end: .0533333333rem } .rem-mb2 { margin-bottom: .0533333333rem } .rem-ml2, .rem-mx2 { margin-left: .0533333333rem } .rem-mx2 { margin-right: .0533333333rem } .rem-my2 { margin-bottom: .0533333333rem; margin-top: .0533333333rem } .rem-p2 { padding: .0533333333rem } .rem-px2 { padding-left: .0533333333rem; padding-right: .0533333333rem } .rem-py2 { padding-bottom: .0533333333rem } .rem-pt2, .rem-py2 { padding-top: .0533333333rem } .rem-pr2 { padding-right: .0533333333rem } .rem-pb2 { padding-bottom: .0533333333rem } .rem-pl2 { padding-left: .0533333333rem } .rem-fz2 { font-size: .0533333333rem } .rem-lh2 { line-height: .0533333333rem } .minh3 { min-height: 3px } .minw3 { min-width: 3px } .h3 { height: 3px } .w3 { width: 3px } .m3 { margin: 3px } .mt3 { margin-top: 3px } .mr3 { margin-inline-end: 3px } .mb3 { margin-bottom: 3px } .ml3, .mx3 { margin-left: 3px } .mx3 { margin-right: 3px } .my3 { margin-bottom: 3px; margin-top: 3px } .p3 { padding: 3px } .px3 { padding-left: 3px; padding-right: 3px } .py3 { padding-bottom: 3px } .pt3, .py3 { padding-top: 3px } .pr3 { padding-right: 3px } .pb3 { padding-bottom: 3px } .pl3 { padding-left: 3px } .fz3 { font-size: 3px } .lh3 { line-height: 3px } .rem-minh3 { min-height: .08rem } .rem-h3 { height: .08rem } .rem-w3 { width: .08rem } .rem-m3 { margin: .08rem } .rem-mt3 { margin-top: .08rem } .rem-mr3 { margin-inline-end: .08rem } .rem-mb3 { margin-bottom: .08rem } .rem-ml3, .rem-mx3 { margin-left: .08rem } .rem-mx3 { margin-right: .08rem } .rem-my3 { margin-bottom: .08rem; margin-top: .08rem } .rem-p3 { padding: .08rem } .rem-px3 { padding-left: .08rem; padding-right: .08rem } .rem-py3 { padding-bottom: .08rem } .rem-pt3, .rem-py3 { padding-top: .08rem } .rem-pr3 { padding-right: .08rem } .rem-pb3 { padding-bottom: .08rem } .rem-pl3 { padding-left: .08rem } .rem-fz3 { font-size: .08rem } .rem-lh3 { line-height: .08rem } .minh4 { min-height: 4px } .minw4 { min-width: 4px } .h4 { height: 4px } .w4 { width: 4px } .m4 { margin: 4px } .mt4 { margin-top: 4px } .mr4 { margin-inline-end: 4px } .mb4 { margin-bottom: 4px } .ml4, .mx4 { margin-left: 4px } .mx4 { margin-right: 4px } .my4 { margin-bottom: 4px; margin-top: 4px } .p4 { padding: 4px } .px4 { padding-left: 4px; padding-right: 4px } .py4 { padding-bottom: 4px } .pt4, .py4 { padding-top: 4px } .pr4 { padding-right: 4px } .pb4 { padding-bottom: 4px } .pl4 { padding-left: 4px } .fz4 { font-size: 4px } .lh4 { line-height: 4px } .rem-minh4 { min-height: .1066666667rem } .rem-h4 { height: .1066666667rem } .rem-w4 { width: .1066666667rem } .rem-m4 { margin: .1066666667rem } .rem-mt4 { margin-top: .1066666667rem } .rem-mr4 { margin-inline-end: .1066666667rem } .rem-mb4 { margin-bottom: .1066666667rem } .rem-ml4, .rem-mx4 { margin-left: .1066666667rem } .rem-mx4 { margin-right: .1066666667rem } .rem-my4 { margin-bottom: .1066666667rem; margin-top: .1066666667rem } .rem-p4 { padding: .1066666667rem } .rem-px4 { padding-left: .1066666667rem; padding-right: .1066666667rem } .rem-py4 { padding-bottom: .1066666667rem } .rem-pt4, .rem-py4 { padding-top: .1066666667rem } .rem-pr4 { padding-right: .1066666667rem } .rem-pb4 { padding-bottom: .1066666667rem } .rem-pl4 { padding-left: .1066666667rem } .rem-fz4 { font-size: .1066666667rem } .rem-lh4 { line-height: .1066666667rem } .minh6 { min-height: 6px } .minw6 { min-width: 6px } .h6 { height: 6px } .w6 { width: 6px } .m6 { margin: 6px } .mt6 { margin-top: 6px } .mr6 { margin-inline-end: 6px } .mb6 { margin-bottom: 6px } .ml6, .mx6 { margin-left: 6px } .mx6 { margin-right: 6px } .my6 { margin-bottom: 6px; margin-top: 6px } .p6 { padding: 6px } .px6 { padding-left: 6px; padding-right: 6px } .py6 { padding-bottom: 6px } .pt6, .py6 { padding-top: 6px } .pr6 { padding-right: 6px } .pb6 { padding-bottom: 6px } .pl6 { padding-left: 6px } .fz6 { font-size: 6px } .lh6 { line-height: 6px } .rem-minh6 { min-height: .16rem } .rem-h6 { height: .16rem } .rem-w6 { width: .16rem } .rem-m6 { margin: .16rem } .rem-mt6 { margin-top: .16rem } .rem-mr6 { margin-inline-end: .16rem } .rem-mb6 { margin-bottom: .16rem } .rem-ml6, .rem-mx6 { margin-left: .16rem } .rem-mx6 { margin-right: .16rem } .rem-my6 { margin-bottom: .16rem; margin-top: .16rem } .rem-p6 { padding: .16rem } .rem-px6 { padding-left: .16rem; padding-right: .16rem } .rem-py6 { padding-bottom: .16rem } .rem-pt6, .rem-py6 { padding-top: .16rem } .rem-pr6 { padding-right: .16rem } .rem-pb6 { padding-bottom: .16rem } .rem-pl6 { padding-left: .16rem } .rem-fz6 { font-size: .16rem } .rem-lh6 { line-height: .16rem } .minh8 { min-height: 8px } .minw8 { min-width: 8px } .h8 { height: 8px } .w8 { width: 8px } .m8 { margin: 8px } .mt8 { margin-top: 8px } .mr8 { margin-inline-end: 8px } .mb8 { margin-bottom: 8px } .ml8, .mx8 { margin-left: 8px } .mx8 { margin-right: 8px } .my8 { margin-bottom: 8px; margin-top: 8px } .p8 { padding: 8px } .px8 { padding-left: 8px; padding-right: 8px } .py8 { padding-bottom: 8px } .pt8, .py8 { padding-top: 8px } .pr8 { padding-right: 8px } .pb8 { padding-bottom: 8px } .pl8 { padding-left: 8px } .fz8 { font-size: 8px } .lh8 { line-height: 8px } .rem-minh8 { min-height: .2133333333rem } .rem-h8 { height: .2133333333rem } .rem-w8 { width: .2133333333rem } .rem-m8 { margin: .2133333333rem } .rem-mt8 { margin-top: .2133333333rem } .rem-mr8 { margin-inline-end: .2133333333rem } .rem-mb8 { margin-bottom: .2133333333rem } .rem-ml8, .rem-mx8 { margin-left: .2133333333rem } .rem-mx8 { margin-right: .2133333333rem } .rem-my8 { margin-bottom: .2133333333rem; margin-top: .2133333333rem } .rem-p8 { padding: .2133333333rem } .rem-px8 { padding-left: .2133333333rem; padding-right: .2133333333rem } .rem-py8 { padding-bottom: .2133333333rem } .rem-pt8, .rem-py8 { padding-top: .2133333333rem } .rem-pr8 { padding-right: .2133333333rem } .rem-pb8 { padding-bottom: .2133333333rem } .rem-pl8 { padding-left: .2133333333rem } .rem-fz8 { font-size: .2133333333rem } .rem-lh8 { line-height: .2133333333rem } .minh10 { min-height: 10px } .minw10 { min-width: 10px } .h10 { height: 10px } .w10 { width: 10px } .m10 { margin: 10px } .mt10 { margin-top: 10px } .mr10 { margin-inline-end: 10px } .mb10 { margin-bottom: 10px } .ml10, .mx10 { margin-left: 10px } .mx10 { margin-right: 10px } .my10 { margin-bottom: 10px; margin-top: 10px } .p10 { padding: 10px } .px10 { padding-left: 10px; padding-right: 10px } .py10 { padding-bottom: 10px } .pt10, .py10 { padding-top: 10px } .pr10 { padding-right: 10px } .pb10 { padding-bottom: 10px } .pl10 { padding-left: 10px } .fz10 { font-size: 10px } .lh10 { line-height: 10px } .rem-minh10 { min-height: .2666666667rem } .rem-h10 { height: .2666666667rem } .rem-w10 { width: .2666666667rem } .rem-m10 { margin: .2666666667rem } .rem-mt10 { margin-top: .2666666667rem } .rem-mr10 { margin-inline-end: .2666666667rem } .rem-mb10 { margin-bottom: .2666666667rem } .rem-ml10, .rem-mx10 { margin-left: .2666666667rem } .rem-mx10 { margin-right: .2666666667rem } .rem-my10 { margin-bottom: .2666666667rem; margin-top: .2666666667rem } .rem-p10 { padding: .2666666667rem } .rem-px10 { padding-left: .2666666667rem; padding-right: .2666666667rem } .rem-py10 { padding-bottom: .2666666667rem } .rem-pt10, .rem-py10 { padding-top: .2666666667rem } .rem-pr10 { padding-right: .2666666667rem } .rem-pb10 { padding-bottom: .2666666667rem } .rem-pl10 { padding-left: .2666666667rem } .rem-fz10 { font-size: .2666666667rem } .rem-lh10 { line-height: .2666666667rem } .minh11 { min-height: 11px } .minw11 { min-width: 11px } .h11 { height: 11px } .w11 { width: 11px } .m11 { margin: 11px } .mt11 { margin-top: 11px } .mr11 { margin-inline-end: 11px } .mb11 { margin-bottom: 11px } .ml11, .mx11 { margin-left: 11px } .mx11 { margin-right: 11px } .my11 { margin-bottom: 11px; margin-top: 11px } .p11 { padding: 11px } .px11 { padding-left: 11px; padding-right: 11px } .py11 { padding-bottom: 11px } .pt11, .py11 { padding-top: 11px } .pr11 { padding-right: 11px } .pb11 { padding-bottom: 11px } .pl11 { padding-left: 11px } .fz11 { font-size: 11px } .lh11 { line-height: 11px } .rem-minh11 { min-height: .2933333333rem } .rem-h11 { height: .2933333333rem } .rem-w11 { width: .2933333333rem } .rem-m11 { margin: .2933333333rem } .rem-mt11 { margin-top: .2933333333rem } .rem-mr11 { margin-inline-end: .2933333333rem } .rem-mb11 { margin-bottom: .2933333333rem } .rem-ml11, .rem-mx11 { margin-left: .2933333333rem } .rem-mx11 { margin-right: .2933333333rem } .rem-my11 { margin-bottom: .2933333333rem; margin-top: .2933333333rem } .rem-p11 { padding: .2933333333rem } .rem-px11 { padding-left: .2933333333rem; padding-right: .2933333333rem } .rem-py11 { padding-bottom: .2933333333rem } .rem-pt11, .rem-py11 { padding-top: .2933333333rem } .rem-pr11 { padding-right: .2933333333rem } .rem-pb11 { padding-bottom: .2933333333rem } .rem-pl11 { padding-left: .2933333333rem } .rem-fz11 { font-size: .2933333333rem } .rem-lh11 { line-height: .2933333333rem } .minh12 { min-height: 12px } .minw12 { min-width: 12px } .h12 { height: 12px } .w12 { width: 12px } .m12 { margin: 12px } .mt12 { margin-top: 12px } .mr12 { margin-inline-end: 12px } .mb12 { margin-bottom: 12px } .ml12, .mx12 { margin-left: 12px } .mx12 { margin-right: 12px } .my12 { margin-bottom: 12px; margin-top: 12px } .p12 { padding: 12px } .px12 { padding-left: 12px; padding-right: 12px } .py12 { padding-bottom: 12px } .pt12, .py12 { padding-top: 12px } .pr12 { padding-right: 12px } .pb12 { padding-bottom: 12px } .pl12 { padding-left: 12px } .fz12 { font-size: 12px } .lh12 { line-height: 12px } .rem-minh12 { min-height: .32rem } .rem-h12 { height: .32rem } .rem-w12 { width: .32rem } .rem-m12 { margin: .32rem } .rem-mt12 { margin-top: .32rem } .rem-mr12 { margin-inline-end: .32rem } .rem-mb12 { margin-bottom: .32rem } .rem-ml12, .rem-mx12 { margin-left: .32rem } .rem-mx12 { margin-right: .32rem } .rem-my12 { margin-bottom: .32rem; margin-top: .32rem } .rem-p12 { padding: .32rem } .rem-px12 { padding-left: .32rem; padding-right: .32rem } .rem-py12 { padding-bottom: .32rem } .rem-pt12, .rem-py12 { padding-top: .32rem } .rem-pr12 { padding-right: .32rem } .rem-pb12 { padding-bottom: .32rem } .rem-pl12 { padding-left: .32rem } .rem-fz12 { font-size: .32rem } .rem-lh12 { line-height: .32rem } .minh13 { min-height: 13px } .minw13 { min-width: 13px } .h13 { height: 13px } .w13 { width: 13px } .m13 { margin: 13px } .mt13 { margin-top: 13px } .mr13 { margin-inline-end: 13px } .mb13 { margin-bottom: 13px } .ml13, .mx13 { margin-left: 13px } .mx13 { margin-right: 13px } .my13 { margin-bottom: 13px; margin-top: 13px } .p13 { padding: 13px } .px13 { padding-left: 13px; padding-right: 13px } .py13 { padding-bottom: 13px } .pt13, .py13 { padding-top: 13px } .pr13 { padding-right: 13px } .pb13 { padding-bottom: 13px } .pl13 { padding-left: 13px } .fz13 { font-size: 13px } .lh13 { line-height: 13px } .rem-minh13 { min-height: .3466666667rem } .rem-h13 { height: .3466666667rem } .rem-w13 { width: .3466666667rem } .rem-m13 { margin: .3466666667rem } .rem-mt13 { margin-top: .3466666667rem } .rem-mr13 { margin-inline-end: .3466666667rem } .rem-mb13 { margin-bottom: .3466666667rem } .rem-ml13, .rem-mx13 { margin-left: .3466666667rem } .rem-mx13 { margin-right: .3466666667rem } .rem-my13 { margin-bottom: .3466666667rem; margin-top: .3466666667rem } .rem-p13 { padding: .3466666667rem } .rem-px13 { padding-left: .3466666667rem; padding-right: .3466666667rem } .rem-py13 { padding-bottom: .3466666667rem } .rem-pt13, .rem-py13 { padding-top: .3466666667rem } .rem-pr13 { padding-right: .3466666667rem } .rem-pb13 { padding-bottom: .3466666667rem } .rem-pl13 { padding-left: .3466666667rem } .rem-fz13 { font-size: .3466666667rem } .rem-lh13 { line-height: .3466666667rem } .minh14 { min-height: 14px } .minw14 { min-width: 14px } .h14 { height: 14px } .w14 { width: 14px } .m14 { margin: 14px } .mt14 { margin-top: 14px } .mr14 { margin-inline-end: 14px } .mb14 { margin-bottom: 14px } .ml14, .mx14 { margin-left: 14px } .mx14 { margin-right: 14px } .my14 { margin-bottom: 14px; margin-top: 14px } .p14 { padding: 14px } .px14 { padding-left: 14px; padding-right: 14px } .py14 { padding-bottom: 14px } .pt14, .py14 { padding-top: 14px } .pr14 { padding-right: 14px } .pb14 { padding-bottom: 14px } .pl14 { padding-left: 14px } .fz14 { font-size: 14px } .lh14 { line-height: 14px } .rem-minh14 { min-height: .3733333333rem } .rem-h14 { height: .3733333333rem } .rem-w14 { width: .3733333333rem } .rem-m14 { margin: .3733333333rem } .rem-mt14 { margin-top: .3733333333rem } .rem-mr14 { margin-inline-end: .3733333333rem } .rem-mb14 { margin-bottom: .3733333333rem } .rem-ml14, .rem-mx14 { margin-left: .3733333333rem } .rem-mx14 { margin-right: .3733333333rem } .rem-my14 { margin-bottom: .3733333333rem; margin-top: .3733333333rem } .rem-p14 { padding: .3733333333rem } .rem-px14 { padding-left: .3733333333rem; padding-right: .3733333333rem } .rem-py14 { padding-bottom: .3733333333rem } .rem-pt14, .rem-py14 { padding-top: .3733333333rem } .rem-pr14 { padding-right: .3733333333rem } .rem-pb14 { padding-bottom: .3733333333rem } .rem-pl14 { padding-left: .3733333333rem } .rem-fz14 { font-size: .3733333333rem } .rem-lh14 { line-height: .3733333333rem } .minh15 { min-height: 15px } .minw15 { min-width: 15px } .h15 { height: 15px } .w15 { width: 15px } .m15 { margin: 15px } .mt15 { margin-top: 15px } .mr15 { margin-inline-end: 15px } .mb15 { margin-bottom: 15px } .ml15, .mx15 { margin-left: 15px } .mx15 { margin-right: 15px } .my15 { margin-bottom: 15px; margin-top: 15px } .p15 { padding: 15px } .px15 { padding-left: 15px; padding-right: 15px } .py15 { padding-bottom: 15px } .pt15, .py15 { padding-top: 15px } .pr15 { padding-right: 15px } .pb15 { padding-bottom: 15px } .pl15 { padding-left: 15px } .fz15 { font-size: 15px } .lh15 { line-height: 15px } .rem-minh15 { min-height: .4rem } .rem-h15 { height: .4rem } .rem-w15 { width: .4rem } .rem-m15 { margin: .4rem } .rem-mt15 { margin-top: .4rem } .rem-mr15 { margin-inline-end: .4rem } .rem-mb15 { margin-bottom: .4rem } .rem-ml15, .rem-mx15 { margin-left: .4rem } .rem-mx15 { margin-right: .4rem } .rem-my15 { margin-bottom: .4rem; margin-top: .4rem } .rem-p15 { padding: .4rem } .rem-px15 { padding-left: .4rem; padding-right: .4rem } .rem-py15 { padding-bottom: .4rem } .rem-pt15, .rem-py15 { padding-top: .4rem } .rem-pr15 { padding-right: .4rem } .rem-pb15 { padding-bottom: .4rem } .rem-pl15 { padding-left: .4rem } .rem-fz15 { font-size: .4rem } .rem-lh15 { line-height: .4rem } .minh16 { min-height: 16px } .minw16 { min-width: 16px } .h16 { height: 16px } .w16 { width: 16px } .m16 { margin: 16px } .mt16 { margin-top: 16px } .mr16 { margin-inline-end: 16px } .mb16 { margin-bottom: 16px } .ml16, .mx16 { margin-left: 16px } .mx16 { margin-right: 16px } .my16 { margin-bottom: 16px; margin-top: 16px } .p16 { padding: 16px } .px16 { padding-left: 16px; padding-right: 16px } .py16 { padding-bottom: 16px } .pt16, .py16 { padding-top: 16px } .pr16 { padding-right: 16px } .pb16 { padding-bottom: 16px } .pl16 { padding-left: 16px } .fz16 { font-size: 16px } .lh16 { line-height: 16px } .rem-minh16 { min-height: .4266666667rem } .rem-h16 { height: .4266666667rem } .rem-w16 { width: .4266666667rem } .rem-m16 { margin: .4266666667rem } .rem-mt16 { margin-top: .4266666667rem } .rem-mr16 { margin-inline-end: .4266666667rem } .rem-mb16 { margin-bottom: .4266666667rem } .rem-ml16, .rem-mx16 { margin-left: .4266666667rem } .rem-mx16 { margin-right: .4266666667rem } .rem-my16 { margin-bottom: .4266666667rem; margin-top: .4266666667rem } .rem-p16 { padding: .4266666667rem } .rem-px16 { padding-left: .4266666667rem; padding-right: .4266666667rem } .rem-py16 { padding-bottom: .4266666667rem } .rem-pt16, .rem-py16 { padding-top: .4266666667rem } .rem-pr16 { padding-right: .4266666667rem } .rem-pb16 { padding-bottom: .4266666667rem } .rem-pl16 { padding-left: .4266666667rem } .rem-fz16 { font-size: .4266666667rem } .rem-lh16 { line-height: .4266666667rem } .minh17 { min-height: 17px } .minw17 { min-width: 17px } .h17 { height: 17px } .w17 { width: 17px } .m17 { margin: 17px } .mt17 { margin-top: 17px } .mr17 { margin-inline-end: 17px } .mb17 { margin-bottom: 17px } .ml17, .mx17 { margin-left: 17px } .mx17 { margin-right: 17px } .my17 { margin-bottom: 17px; margin-top: 17px } .p17 { padding: 17px } .px17 { padding-left: 17px; padding-right: 17px } .py17 { padding-bottom: 17px } .pt17, .py17 { padding-top: 17px } .pr17 { padding-right: 17px } .pb17 { padding-bottom: 17px } .pl17 { padding-left: 17px } .fz17 { font-size: 17px } .lh17 { line-height: 17px } .rem-minh17 { min-height: .4533333333rem } .rem-h17 { height: .4533333333rem } .rem-w17 { width: .4533333333rem } .rem-m17 { margin: .4533333333rem } .rem-mt17 { margin-top: .4533333333rem } .rem-mr17 { margin-inline-end: .4533333333rem } .rem-mb17 { margin-bottom: .4533333333rem } .rem-ml17, .rem-mx17 { margin-left: .4533333333rem } .rem-mx17 { margin-right: .4533333333rem } .rem-my17 { margin-bottom: .4533333333rem; margin-top: .4533333333rem } .rem-p17 { padding: .4533333333rem } .rem-px17 { padding-left: .4533333333rem; padding-right: .4533333333rem } .rem-py17 { padding-bottom: .4533333333rem } .rem-pt17, .rem-py17 { padding-top: .4533333333rem } .rem-pr17 { padding-right: .4533333333rem } .rem-pb17 { padding-bottom: .4533333333rem } .rem-pl17 { padding-left: .4533333333rem } .rem-fz17 { font-size: .4533333333rem } .rem-lh17 { line-height: .4533333333rem } .minh18 { min-height: 18px } .minw18 { min-width: 18px } .h18 { height: 18px } .w18 { width: 18px } .m18 { margin: 18px } .mt18 { margin-top: 18px } .mr18 { margin-inline-end: 18px } .mb18 { margin-bottom: 18px } .ml18, .mx18 { margin-left: 18px } .mx18 { margin-right: 18px } .my18 { margin-bottom: 18px; margin-top: 18px } .p18 { padding: 18px } .px18 { padding-left: 18px; padding-right: 18px } .py18 { padding-bottom: 18px } .pt18, .py18 { padding-top: 18px } .pr18 { padding-right: 18px } .pb18 { padding-bottom: 18px } .pl18 { padding-left: 18px } .fz18 { font-size: 18px } .lh18 { line-height: 18px } .rem-minh18 { min-height: .48rem } .rem-h18 { height: .48rem } .rem-w18 { width: .48rem } .rem-m18 { margin: .48rem } .rem-mt18 { margin-top: .48rem } .rem-mr18 { margin-inline-end: .48rem } .rem-mb18 { margin-bottom: .48rem } .rem-ml18, .rem-mx18 { margin-left: .48rem } .rem-mx18 { margin-right: .48rem } .rem-my18 { margin-bottom: .48rem; margin-top: .48rem } .rem-p18 { padding: .48rem } .rem-px18 { padding-left: .48rem; padding-right: .48rem } .rem-py18 { padding-bottom: .48rem } .rem-pt18, .rem-py18 { padding-top: .48rem } .rem-pr18 { padding-right: .48rem } .rem-pb18 { padding-bottom: .48rem } .rem-pl18 { padding-left: .48rem } .rem-fz18 { font-size: .48rem } .rem-lh18 { line-height: .48rem } .minh20 { min-height: 20px } .minw20 { min-width: 20px } .h20 { height: 20px } .w20 { width: 20px } .m20 { margin: 20px } .mt20 { margin-top: 20px } .mr20 { margin-inline-end: 20px } .mb20 { margin-bottom: 20px } .ml20, .mx20 { margin-left: 20px } .mx20 { margin-right: 20px } .my20 { margin-bottom: 20px; margin-top: 20px } .p20 { padding: 20px } .px20 { padding-left: 20px; padding-right: 20px } .py20 { padding-bottom: 20px } .pt20, .py20 { padding-top: 20px } .pr20 { padding-right: 20px } .pb20 { padding-bottom: 20px } .pl20 { padding-left: 20px } .fz20 { font-size: 20px } .lh20 { line-height: 20px } .rem-minh20 { min-height: .5333333333rem } .rem-h20 { height: .5333333333rem } .rem-w20 { width: .5333333333rem } .rem-m20 { margin: .5333333333rem } .rem-mt20 { margin-top: .5333333333rem } .rem-mr20 { margin-inline-end: .5333333333rem } .rem-mb20 { margin-bottom: .5333333333rem } .rem-ml20, .rem-mx20 { margin-left: .5333333333rem } .rem-mx20 { margin-right: .5333333333rem } .rem-my20 { margin-bottom: .5333333333rem; margin-top: .5333333333rem } .rem-p20 { padding: .5333333333rem } .rem-px20 { padding-left: .5333333333rem; padding-right: .5333333333rem } .rem-py20 { padding-bottom: .5333333333rem } .rem-pt20, .rem-py20 { padding-top: .5333333333rem } .rem-pr20 { padding-right: .5333333333rem } .rem-pb20 { padding-bottom: .5333333333rem } .rem-pl20 { padding-left: .5333333333rem } .rem-fz20 { font-size: .5333333333rem } .rem-lh20 { line-height: .5333333333rem } .minh22 { min-height: 22px } .minw22 { min-width: 22px } .h22 { height: 22px } .w22 { width: 22px } .m22 { margin: 22px } .mt22 { margin-top: 22px } .mr22 { margin-inline-end: 22px } .mb22 { margin-bottom: 22px } .ml22, .mx22 { margin-left: 22px } .mx22 { margin-right: 22px } .my22 { margin-bottom: 22px; margin-top: 22px } .p22 { padding: 22px } .px22 { padding-left: 22px; padding-right: 22px } .py22 { padding-bottom: 22px } .pt22, .py22 { padding-top: 22px } .pr22 { padding-right: 22px } .pb22 { padding-bottom: 22px } .pl22 { padding-left: 22px } .fz22 { font-size: 22px } .lh22 { line-height: 22px } .rem-minh22 { min-height: .5866666667rem } .rem-h22 { height: .5866666667rem } .rem-w22 { width: .5866666667rem } .rem-m22 { margin: .5866666667rem } .rem-mt22 { margin-top: .5866666667rem } .rem-mr22 { margin-inline-end: .5866666667rem } .rem-mb22 { margin-bottom: .5866666667rem } .rem-ml22, .rem-mx22 { margin-left: .5866666667rem } .rem-mx22 { margin-right: .5866666667rem } .rem-my22 { margin-bottom: .5866666667rem; margin-top: .5866666667rem } .rem-p22 { padding: .5866666667rem } .rem-px22 { padding-left: .5866666667rem; padding-right: .5866666667rem } .rem-py22 { padding-bottom: .5866666667rem } .rem-pt22, .rem-py22 { padding-top: .5866666667rem } .rem-pr22 { padding-right: .5866666667rem } .rem-pb22 { padding-bottom: .5866666667rem } .rem-pl22 { padding-left: .5866666667rem } .rem-fz22 { font-size: .5866666667rem } .rem-lh22 { line-height: .5866666667rem } .minh24 { min-height: 24px } .minw24 { min-width: 24px } .h24 { height: 24px } .w24 { width: 24px } .m24 { margin: 24px } .mt24 { margin-top: 24px } .mr24 { margin-inline-end: 24px } .mb24 { margin-bottom: 24px } .ml24, .mx24 { margin-left: 24px } .mx24 { margin-right: 24px } .my24 { margin-bottom: 24px; margin-top: 24px } .p24 { padding: 24px } .px24 { padding-left: 24px; padding-right: 24px } .py24 { padding-bottom: 24px } .pt24, .py24 { padding-top: 24px } .pr24 { padding-right: 24px } .pb24 { padding-bottom: 24px } .pl24 { padding-left: 24px } .fz24 { font-size: 24px } .lh24 { line-height: 24px } .rem-minh24 { min-height: .64rem } .rem-h24 { height: .64rem } .rem-w24 { width: .64rem } .rem-m24 { margin: .64rem } .rem-mt24 { margin-top: .64rem } .rem-mr24 { margin-inline-end: .64rem } .rem-mb24 { margin-bottom: .64rem } .rem-ml24, .rem-mx24 { margin-left: .64rem } .rem-mx24 { margin-right: .64rem } .rem-my24 { margin-bottom: .64rem; margin-top: .64rem } .rem-p24 { padding: .64rem } .rem-px24 { padding-left: .64rem; padding-right: .64rem } .rem-py24 { padding-bottom: .64rem } .rem-pt24, .rem-py24 { padding-top: .64rem } .rem-pr24 { padding-right: .64rem } .rem-pb24 { padding-bottom: .64rem } .rem-pl24 { padding-left: .64rem } .rem-fz24 { font-size: .64rem } .rem-lh24 { line-height: .64rem } .minh25 { min-height: 25px } .minw25 { min-width: 25px } .h25 { height: 25px } .w25 { width: 25px } .m25 { margin: 25px } .mt25 { margin-top: 25px } .mr25 { margin-inline-end: 25px } .mb25 { margin-bottom: 25px } .ml25, .mx25 { margin-left: 25px } .mx25 { margin-right: 25px } .my25 { margin-bottom: 25px; margin-top: 25px } .p25 { padding: 25px } .px25 { padding-left: 25px; padding-right: 25px } .py25 { padding-bottom: 25px } .pt25, .py25 { padding-top: 25px } .pr25 { padding-right: 25px } .pb25 { padding-bottom: 25px } .pl25 { padding-left: 25px } .fz25 { font-size: 25px } .lh25 { line-height: 25px } .rem-minh25 { min-height: .6666666667rem } .rem-h25 { height: .6666666667rem } .rem-w25 { width: .6666666667rem } .rem-m25 { margin: .6666666667rem } .rem-mt25 { margin-top: .6666666667rem } .rem-mr25 { margin-inline-end: .6666666667rem } .rem-mb25 { margin-bottom: .6666666667rem } .rem-ml25, .rem-mx25 { margin-left: .6666666667rem } .rem-mx25 { margin-right: .6666666667rem } .rem-my25 { margin-bottom: .6666666667rem; margin-top: .6666666667rem } .rem-p25 { padding: .6666666667rem } .rem-px25 { padding-left: .6666666667rem; padding-right: .6666666667rem } .rem-py25 { padding-bottom: .6666666667rem } .rem-pt25, .rem-py25 { padding-top: .6666666667rem } .rem-pr25 { padding-right: .6666666667rem } .rem-pb25 { padding-bottom: .6666666667rem } .rem-pl25 { padding-left: .6666666667rem } .rem-fz25 { font-size: .6666666667rem } .rem-lh25 { line-height: .6666666667rem } .minh26 { min-height: 26px } .minw26 { min-width: 26px } .h26 { height: 26px } .w26 { width: 26px } .m26 { margin: 26px } .mt26 { margin-top: 26px } .mr26 { margin-inline-end: 26px } .mb26 { margin-bottom: 26px } .ml26, .mx26 { margin-left: 26px } .mx26 { margin-right: 26px } .my26 { margin-bottom: 26px; margin-top: 26px } .p26 { padding: 26px } .px26 { padding-left: 26px; padding-right: 26px } .py26 { padding-bottom: 26px } .pt26, .py26 { padding-top: 26px } .pr26 { padding-right: 26px } .pb26 { padding-bottom: 26px } .pl26 { padding-left: 26px } .fz26 { font-size: 26px } .lh26 { line-height: 26px } .rem-minh26 { min-height: .6933333333rem } .rem-h26 { height: .6933333333rem } .rem-w26 { width: .6933333333rem } .rem-m26 { margin: .6933333333rem } .rem-mt26 { margin-top: .6933333333rem } .rem-mr26 { margin-inline-end: .6933333333rem } .rem-mb26 { margin-bottom: .6933333333rem } .rem-ml26, .rem-mx26 { margin-left: .6933333333rem } .rem-mx26 { margin-right: .6933333333rem } .rem-my26 { margin-bottom: .6933333333rem; margin-top: .6933333333rem } .rem-p26 { padding: .6933333333rem } .rem-px26 { padding-left: .6933333333rem; padding-right: .6933333333rem } .rem-py26 { padding-bottom: .6933333333rem } .rem-pt26, .rem-py26 { padding-top: .6933333333rem } .rem-pr26 { padding-right: .6933333333rem } .rem-pb26 { padding-bottom: .6933333333rem } .rem-pl26 { padding-left: .6933333333rem } .rem-fz26 { font-size: .6933333333rem } .rem-lh26 { line-height: .6933333333rem } .minh28 { min-height: 28px } .minw28 { min-width: 28px } .h28 { height: 28px } .w28 { width: 28px } .m28 { margin: 28px } .mt28 { margin-top: 28px } .mr28 { margin-inline-end: 28px } .mb28 { margin-bottom: 28px } .ml28, .mx28 { margin-left: 28px } .mx28 { margin-right: 28px } .my28 { margin-bottom: 28px; margin-top: 28px } .p28 { padding: 28px } .px28 { padding-left: 28px; padding-right: 28px } .py28 { padding-bottom: 28px } .pt28, .py28 { padding-top: 28px } .pr28 { padding-right: 28px } .pb28 { padding-bottom: 28px } .pl28 { padding-left: 28px } .fz28 { font-size: 28px } .lh28 { line-height: 28px } .rem-minh28 { min-height: .7466666667rem } .rem-h28 { height: .7466666667rem } .rem-w28 { width: .7466666667rem } .rem-m28 { margin: .7466666667rem } .rem-mt28 { margin-top: .7466666667rem } .rem-mr28 { margin-inline-end: .7466666667rem } .rem-mb28 { margin-bottom: .7466666667rem } .rem-ml28, .rem-mx28 { margin-left: .7466666667rem } .rem-mx28 { margin-right: .7466666667rem } .rem-my28 { margin-bottom: .7466666667rem; margin-top: .7466666667rem } .rem-p28 { padding: .7466666667rem } .rem-px28 { padding-left: .7466666667rem; padding-right: .7466666667rem } .rem-py28 { padding-bottom: .7466666667rem } .rem-pt28, .rem-py28 { padding-top: .7466666667rem } .rem-pr28 { padding-right: .7466666667rem } .rem-pb28 { padding-bottom: .7466666667rem } .rem-pl28 { padding-left: .7466666667rem } .rem-fz28 { font-size: .7466666667rem } .rem-lh28 { line-height: .7466666667rem } .minh30 { min-height: 30px } .minw30 { min-width: 30px } .h30 { height: 30px } .w30 { width: 30px } .m30 { margin: 30px } .mt30 { margin-top: 30px } .mr30 { margin-inline-end: 30px } .mb30 { margin-bottom: 30px } .ml30, .mx30 { margin-left: 30px } .mx30 { margin-right: 30px } .my30 { margin-bottom: 30px; margin-top: 30px } .p30 { padding: 30px } .px30 { padding-left: 30px; padding-right: 30px } .py30 { padding-bottom: 30px } .pt30, .py30 { padding-top: 30px } .pr30 { padding-right: 30px } .pb30 { padding-bottom: 30px } .pl30 { padding-left: 30px } .fz30 { font-size: 30px } .lh30 { line-height: 30px } .rem-minh30 { min-height: .8rem } .rem-h30 { height: .8rem } .rem-w30 { width: .8rem } .rem-m30 { margin: .8rem } .rem-mt30 { margin-top: .8rem } .rem-mr30 { margin-inline-end: .8rem } .rem-mb30 { margin-bottom: .8rem } .rem-ml30, .rem-mx30 { margin-left: .8rem } .rem-mx30 { margin-right: .8rem } .rem-my30 { margin-bottom: .8rem; margin-top: .8rem } .rem-p30 { padding: .8rem } .rem-px30 { padding-left: .8rem; padding-right: .8rem } .rem-py30 { padding-bottom: .8rem } .rem-pt30, .rem-py30 { padding-top: .8rem } .rem-pr30 { padding-right: .8rem } .rem-pb30 { padding-bottom: .8rem } .rem-pl30 { padding-left: .8rem } .rem-fz30 { font-size: .8rem } .rem-lh30 { line-height: .8rem } .minh31 { min-height: 31px } .minw31 { min-width: 31px } .h31 { height: 31px } .w31 { width: 31px } .m31 { margin: 31px } .mt31 { margin-top: 31px } .mr31 { margin-inline-end: 31px } .mb31 { margin-bottom: 31px } .ml31, .mx31 { margin-left: 31px } .mx31 { margin-right: 31px } .my31 { margin-bottom: 31px; margin-top: 31px } .p31 { padding: 31px } .px31 { padding-left: 31px; padding-right: 31px } .py31 { padding-bottom: 31px } .pt31, .py31 { padding-top: 31px } .pr31 { padding-right: 31px } .pb31 { padding-bottom: 31px } .pl31 { padding-left: 31px } .fz31 { font-size: 31px } .lh31 { line-height: 31px } .rem-minh31 { min-height: .8266666667rem } .rem-h31 { height: .8266666667rem } .rem-w31 { width: .8266666667rem } .rem-m31 { margin: .8266666667rem } .rem-mt31 { margin-top: .8266666667rem } .rem-mr31 { margin-inline-end: .8266666667rem } .rem-mb31 { margin-bottom: .8266666667rem } .rem-ml31, .rem-mx31 { margin-left: .8266666667rem } .rem-mx31 { margin-right: .8266666667rem } .rem-my31 { margin-bottom: .8266666667rem; margin-top: .8266666667rem } .rem-p31 { padding: .8266666667rem } .rem-px31 { padding-left: .8266666667rem; padding-right: .8266666667rem } .rem-py31 { padding-bottom: .8266666667rem } .rem-pt31, .rem-py31 { padding-top: .8266666667rem } .rem-pr31 { padding-right: .8266666667rem } .rem-pb31 { padding-bottom: .8266666667rem } .rem-pl31 { padding-left: .8266666667rem } .rem-fz31 { font-size: .8266666667rem } .rem-lh31 { line-height: .8266666667rem } .minh32 { min-height: 32px } .minw32 { min-width: 32px } .h32 { height: 32px } .w32 { width: 32px } .m32 { margin: 32px } .mt32 { margin-top: 32px } .mr32 { margin-inline-end: 32px } .mb32 { margin-bottom: 32px } .ml32, .mx32 { margin-left: 32px } .mx32 { margin-right: 32px } .my32 { margin-bottom: 32px; margin-top: 32px } .p32 { padding: 32px } .px32 { padding-left: 32px; padding-right: 32px } .py32 { padding-bottom: 32px } .pt32, .py32 { padding-top: 32px } .pr32 { padding-right: 32px } .pb32 { padding-bottom: 32px } .pl32 { padding-left: 32px } .fz32 { font-size: 32px } .lh32 { line-height: 32px } .rem-minh32 { min-height: .8533333333rem } .rem-h32 { height: .8533333333rem } .rem-w32 { width: .8533333333rem } .rem-m32 { margin: .8533333333rem } .rem-mt32 { margin-top: .8533333333rem } .rem-mr32 { margin-inline-end: .8533333333rem } .rem-mb32 { margin-bottom: .8533333333rem } .rem-ml32, .rem-mx32 { margin-left: .8533333333rem } .rem-mx32 { margin-right: .8533333333rem } .rem-my32 { margin-bottom: .8533333333rem; margin-top: .8533333333rem } .rem-p32 { padding: .8533333333rem } .rem-px32 { padding-left: .8533333333rem; padding-right: .8533333333rem } .rem-py32 { padding-bottom: .8533333333rem } .rem-pt32, .rem-py32 { padding-top: .8533333333rem } .rem-pr32 { padding-right: .8533333333rem } .rem-pb32 { padding-bottom: .8533333333rem } .rem-pl32 { padding-left: .8533333333rem } .rem-fz32 { font-size: .8533333333rem } .rem-lh32 { line-height: .8533333333rem } .minh34 { min-height: 34px } .minw34 { min-width: 34px } .h34 { height: 34px } .w34 { width: 34px } .m34 { margin: 34px } .mt34 { margin-top: 34px } .mr34 { margin-inline-end: 34px } .mb34 { margin-bottom: 34px } .ml34, .mx34 { margin-left: 34px } .mx34 { margin-right: 34px } .my34 { margin-bottom: 34px; margin-top: 34px } .p34 { padding: 34px } .px34 { padding-left: 34px; padding-right: 34px } .py34 { padding-bottom: 34px } .pt34, .py34 { padding-top: 34px } .pr34 { padding-right: 34px } .pb34 { padding-bottom: 34px } .pl34 { padding-left: 34px } .fz34 { font-size: 34px } .lh34 { line-height: 34px } .rem-minh34 { min-height: .9066666667rem } .rem-h34 { height: .9066666667rem } .rem-w34 { width: .9066666667rem } .rem-m34 { margin: .9066666667rem } .rem-mt34 { margin-top: .9066666667rem } .rem-mr34 { margin-inline-end: .9066666667rem } .rem-mb34 { margin-bottom: .9066666667rem } .rem-ml34, .rem-mx34 { margin-left: .9066666667rem } .rem-mx34 { margin-right: .9066666667rem } .rem-my34 { margin-bottom: .9066666667rem; margin-top: .9066666667rem } .rem-p34 { padding: .9066666667rem } .rem-px34 { padding-left: .9066666667rem; padding-right: .9066666667rem } .rem-py34 { padding-bottom: .9066666667rem } .rem-pt34, .rem-py34 { padding-top: .9066666667rem } .rem-pr34 { padding-right: .9066666667rem } .rem-pb34 { padding-bottom: .9066666667rem } .rem-pl34 { padding-left: .9066666667rem } .rem-fz34 { font-size: .9066666667rem } .rem-lh34 { line-height: .9066666667rem } .minh35 { min-height: 35px } .minw35 { min-width: 35px } .h35 { height: 35px } .w35 { width: 35px } .m35 { margin: 35px } .mt35 { margin-top: 35px } .mr35 { margin-inline-end: 35px } .mb35 { margin-bottom: 35px } .ml35, .mx35 { margin-left: 35px } .mx35 { margin-right: 35px } .my35 { margin-bottom: 35px; margin-top: 35px } .p35 { padding: 35px } .px35 { padding-left: 35px; padding-right: 35px } .py35 { padding-bottom: 35px } .pt35, .py35 { padding-top: 35px } .pr35 { padding-right: 35px } .pb35 { padding-bottom: 35px } .pl35 { padding-left: 35px } .fz35 { font-size: 35px } .lh35 { line-height: 35px } .rem-minh35 { min-height: .9333333333rem } .rem-h35 { height: .9333333333rem } .rem-w35 { width: .9333333333rem } .rem-m35 { margin: .9333333333rem } .rem-mt35 { margin-top: .9333333333rem } .rem-mr35 { margin-inline-end: .9333333333rem } .rem-mb35 { margin-bottom: .9333333333rem } .rem-ml35, .rem-mx35 { margin-left: .9333333333rem } .rem-mx35 { margin-right: .9333333333rem } .rem-my35 { margin-bottom: .9333333333rem; margin-top: .9333333333rem } .rem-p35 { padding: .9333333333rem } .rem-px35 { padding-left: .9333333333rem; padding-right: .9333333333rem } .rem-py35 { padding-bottom: .9333333333rem } .rem-pt35, .rem-py35 { padding-top: .9333333333rem } .rem-pr35 { padding-right: .9333333333rem } .rem-pb35 { padding-bottom: .9333333333rem } .rem-pl35 { padding-left: .9333333333rem } .rem-fz35 { font-size: .9333333333rem } .rem-lh35 { line-height: .9333333333rem } .minh36 { min-height: 36px } .minw36 { min-width: 36px } .h36 { height: 36px } .w36 { width: 36px } .m36 { margin: 36px } .mt36 { margin-top: 36px } .mr36 { margin-inline-end: 36px } .mb36 { margin-bottom: 36px } .ml36, .mx36 { margin-left: 36px } .mx36 { margin-right: 36px } .my36 { margin-bottom: 36px; margin-top: 36px } .p36 { padding: 36px } .px36 { padding-left: 36px; padding-right: 36px } .py36 { padding-bottom: 36px } .pt36, .py36 { padding-top: 36px } .pr36 { padding-right: 36px } .pb36 { padding-bottom: 36px } .pl36 { padding-left: 36px } .fz36 { font-size: 36px } .lh36 { line-height: 36px } .rem-minh36 { min-height: .96rem } .rem-h36 { height: .96rem } .rem-w36 { width: .96rem } .rem-m36 { margin: .96rem } .rem-mt36 { margin-top: .96rem } .rem-mr36 { margin-inline-end: .96rem } .rem-mb36 { margin-bottom: .96rem } .rem-ml36, .rem-mx36 { margin-left: .96rem } .rem-mx36 { margin-right: .96rem } .rem-my36 { margin-bottom: .96rem; margin-top: .96rem } .rem-p36 { padding: .96rem } .rem-px36 { padding-left: .96rem; padding-right: .96rem } .rem-py36 { padding-bottom: .96rem } .rem-pt36, .rem-py36 { padding-top: .96rem } .rem-pr36 { padding-right: .96rem } .rem-pb36 { padding-bottom: .96rem } .rem-pl36 { padding-left: .96rem } .rem-fz36 { font-size: .96rem } .rem-lh36 { line-height: .96rem } .minh168 { min-height: 168px } .minw168 { min-width: 168px } .h168 { height: 168px } .w168 { width: 168px } .m168 { margin: 168px } .mt168 { margin-top: 168px } .mr168 { margin-inline-end: 168px } .mb168 { margin-bottom: 168px } .ml168, .mx168 { margin-left: 168px } .mx168 { margin-right: 168px } .my168 { margin-bottom: 168px; margin-top: 168px } .p168 { padding: 168px } .px168 { padding-left: 168px; padding-right: 168px } .py168 { padding-bottom: 168px } .pt168, .py168 { padding-top: 168px } .pr168 { padding-right: 168px } .pb168 { padding-bottom: 168px } .pl168 { padding-left: 168px } .fz168 { font-size: 168px } .lh168 { line-height: 168px } .rem-minh168 { min-height: 4.48rem } .rem-h168 { height: 4.48rem } .rem-w168 { width: 4.48rem } .rem-m168 { margin: 4.48rem } .rem-mt168 { margin-top: 4.48rem } .rem-mr168 { margin-inline-end: 4.48rem } .rem-mb168 { margin-bottom: 4.48rem } .rem-ml168, .rem-mx168 { margin-left: 4.48rem } .rem-mx168 { margin-right: 4.48rem } .rem-my168 { margin-bottom: 4.48rem; margin-top: 4.48rem } .rem-p168 { padding: 4.48rem } .rem-px168 { padding-left: 4.48rem; padding-right: 4.48rem } .rem-py168 { padding-bottom: 4.48rem } .rem-pt168, .rem-py168 { padding-top: 4.48rem } .rem-pr168 { padding-right: 4.48rem } .rem-pb168 { padding-bottom: 4.48rem } .rem-pl168 { padding-left: 4.48rem } .rem-fz168 { font-size: 4.48rem } .rem-lh168 { line-height: 4.48rem } .minh38 { min-height: 38px } .minw38 { min-width: 38px } .h38 { height: 38px } .w38 { width: 38px } .m38 { margin: 38px } .mt38 { margin-top: 38px } .mr38 { margin-inline-end: 38px } .mb38 { margin-bottom: 38px } .ml38, .mx38 { margin-left: 38px } .mx38 { margin-right: 38px } .my38 { margin-bottom: 38px; margin-top: 38px } .p38 { padding: 38px } .px38 { padding-left: 38px; padding-right: 38px } .py38 { padding-bottom: 38px } .pt38, .py38 { padding-top: 38px } .pr38 { padding-right: 38px } .pb38 { padding-bottom: 38px } .pl38 { padding-left: 38px } .fz38 { font-size: 38px } .lh38 { line-height: 38px } .rem-minh38 { min-height: 1.0133333333rem } .rem-h38 { height: 1.0133333333rem } .rem-w38 { width: 1.0133333333rem } .rem-m38 { margin: 1.0133333333rem } .rem-mt38 { margin-top: 1.0133333333rem } .rem-mr38 { margin-inline-end: 1.0133333333rem } .rem-mb38 { margin-bottom: 1.0133333333rem } .rem-ml38, .rem-mx38 { margin-left: 1.0133333333rem } .rem-mx38 { margin-right: 1.0133333333rem } .rem-my38 { margin-bottom: 1.0133333333rem; margin-top: 1.0133333333rem } .rem-p38 { padding: 1.0133333333rem } .rem-px38 { padding-left: 1.0133333333rem; padding-right: 1.0133333333rem } .rem-py38 { padding-bottom: 1.0133333333rem } .rem-pt38, .rem-py38 { padding-top: 1.0133333333rem } .rem-pr38 { padding-right: 1.0133333333rem } .rem-pb38 { padding-bottom: 1.0133333333rem } .rem-pl38 { padding-left: 1.0133333333rem } .rem-fz38 { font-size: 1.0133333333rem } .rem-lh38 { line-height: 1.0133333333rem } .minh40 { min-height: 40px } .minw40 { min-width: 40px } .h40 { height: 40px } .w40 { width: 40px } .m40 { margin: 40px } .mt40 { margin-top: 40px } .mr40 { margin-inline-end: 40px } .mb40 { margin-bottom: 40px } .ml40, .mx40 { margin-left: 40px } .mx40 { margin-right: 40px } .my40 { margin-bottom: 40px; margin-top: 40px } .p40 { padding: 40px } .px40 { padding-left: 40px; padding-right: 40px } .py40 { padding-bottom: 40px } .pt40, .py40 { padding-top: 40px } .pr40 { padding-right: 40px } .pb40 { padding-bottom: 40px } .pl40 { padding-left: 40px } .fz40 { font-size: 40px } .lh40 { line-height: 40px } .rem-minh40 { min-height: 1.0666666667rem } .rem-h40 { height: 1.0666666667rem } .rem-w40 { width: 1.0666666667rem } .rem-m40 { margin: 1.0666666667rem } .rem-mt40 { margin-top: 1.0666666667rem } .rem-mr40 { margin-inline-end: 1.0666666667rem } .rem-mb40 { margin-bottom: 1.0666666667rem } .rem-ml40, .rem-mx40 { margin-left: 1.0666666667rem } .rem-mx40 { margin-right: 1.0666666667rem } .rem-my40 { margin-bottom: 1.0666666667rem; margin-top: 1.0666666667rem } .rem-p40 { padding: 1.0666666667rem } .rem-px40 { padding-left: 1.0666666667rem; padding-right: 1.0666666667rem } .rem-py40 { padding-bottom: 1.0666666667rem } .rem-pt40, .rem-py40 { padding-top: 1.0666666667rem } .rem-pr40 { padding-right: 1.0666666667rem } .rem-pb40 { padding-bottom: 1.0666666667rem } .rem-pl40 { padding-left: 1.0666666667rem } .rem-fz40 { font-size: 1.0666666667rem } .rem-lh40 { line-height: 1.0666666667rem } .minh42 { min-height: 42px } .minw42 { min-width: 42px } .h42 { height: 42px } .w42 { width: 42px } .m42 { margin: 42px } .mt42 { margin-top: 42px } .mr42 { margin-inline-end: 42px } .mb42 { margin-bottom: 42px } .ml42, .mx42 { margin-left: 42px } .mx42 { margin-right: 42px } .my42 { margin-bottom: 42px; margin-top: 42px } .p42 { padding: 42px } .px42 { padding-left: 42px; padding-right: 42px } .py42 { padding-bottom: 42px } .pt42, .py42 { padding-top: 42px } .pr42 { padding-right: 42px } .pb42 { padding-bottom: 42px } .pl42 { padding-left: 42px } .fz42 { font-size: 42px } .lh42 { line-height: 42px } .rem-minh42 { min-height: 1.12rem } .rem-h42 { height: 1.12rem } .rem-w42 { width: 1.12rem } .rem-m42 { margin: 1.12rem } .rem-mt42 { margin-top: 1.12rem } .rem-mr42 { margin-inline-end: 1.12rem } .rem-mb42 { margin-bottom: 1.12rem } .rem-ml42, .rem-mx42 { margin-left: 1.12rem } .rem-mx42 { margin-right: 1.12rem } .rem-my42 { margin-bottom: 1.12rem; margin-top: 1.12rem } .rem-p42 { padding: 1.12rem } .rem-px42 { padding-left: 1.12rem; padding-right: 1.12rem } .rem-py42 { padding-bottom: 1.12rem } .rem-pt42, .rem-py42 { padding-top: 1.12rem } .rem-pr42 { padding-right: 1.12rem } .rem-pb42 { padding-bottom: 1.12rem } .rem-pl42 { padding-left: 1.12rem } .rem-fz42 { font-size: 1.12rem } .rem-lh42 { line-height: 1.12rem } .minh44 { min-height: 44px } .minw44 { min-width: 44px } .h44 { height: 44px } .w44 { width: 44px } .m44 { margin: 44px } .mt44 { margin-top: 44px } .mr44 { margin-inline-end: 44px } .mb44 { margin-bottom: 44px } .ml44, .mx44 { margin-left: 44px } .mx44 { margin-right: 44px } .my44 { margin-bottom: 44px; margin-top: 44px } .p44 { padding: 44px } .px44 { padding-left: 44px; padding-right: 44px } .py44 { padding-bottom: 44px } .pt44, .py44 { padding-top: 44px } .pr44 { padding-right: 44px } .pb44 { padding-bottom: 44px } .pl44 { padding-left: 44px } .fz44 { font-size: 44px } .lh44 { line-height: 44px } .rem-minh44 { min-height: 1.1733333333rem } .rem-h44 { height: 1.1733333333rem } .rem-w44 { width: 1.1733333333rem } .rem-m44 { margin: 1.1733333333rem } .rem-mt44 { margin-top: 1.1733333333rem } .rem-mr44 { margin-inline-end: 1.1733333333rem } .rem-mb44 { margin-bottom: 1.1733333333rem } .rem-ml44, .rem-mx44 { margin-left: 1.1733333333rem } .rem-mx44 { margin-right: 1.1733333333rem } .rem-my44 { margin-bottom: 1.1733333333rem; margin-top: 1.1733333333rem } .rem-p44 { padding: 1.1733333333rem } .rem-px44 { padding-left: 1.1733333333rem; padding-right: 1.1733333333rem } .rem-py44 { padding-bottom: 1.1733333333rem } .rem-pt44, .rem-py44 { padding-top: 1.1733333333rem } .rem-pr44 { padding-right: 1.1733333333rem } .rem-pb44 { padding-bottom: 1.1733333333rem } .rem-pl44 { padding-left: 1.1733333333rem } .rem-fz44 { font-size: 1.1733333333rem } .rem-lh44 { line-height: 1.1733333333rem } .minh45 { min-height: 45px } .minw45 { min-width: 45px } .h45 { height: 45px } .w45 { width: 45px } .m45 { margin: 45px } .mt45 { margin-top: 45px } .mr45 { margin-inline-end: 45px } .mb45 { margin-bottom: 45px } .ml45, .mx45 { margin-left: 45px } .mx45 { margin-right: 45px } .my45 { margin-bottom: 45px; margin-top: 45px } .p45 { padding: 45px } .px45 { padding-left: 45px; padding-right: 45px } .py45 { padding-bottom: 45px } .pt45, .py45 { padding-top: 45px } .pr45 { padding-right: 45px } .pb45 { padding-bottom: 45px } .pl45 { padding-left: 45px } .fz45 { font-size: 45px } .lh45 { line-height: 45px } .rem-minh45 { min-height: 1.2rem } .rem-h45 { height: 1.2rem } .rem-w45 { width: 1.2rem } .rem-m45 { margin: 1.2rem } .rem-mt45 { margin-top: 1.2rem } .rem-mr45 { margin-inline-end: 1.2rem } .rem-mb45 { margin-bottom: 1.2rem } .rem-ml45, .rem-mx45 { margin-left: 1.2rem } .rem-mx45 { margin-right: 1.2rem } .rem-my45 { margin-bottom: 1.2rem; margin-top: 1.2rem } .rem-p45 { padding: 1.2rem } .rem-px45 { padding-left: 1.2rem; padding-right: 1.2rem } .rem-py45 { padding-bottom: 1.2rem } .rem-pt45, .rem-py45 { padding-top: 1.2rem } .rem-pr45 { padding-right: 1.2rem } .rem-pb45 { padding-bottom: 1.2rem } .rem-pl45 { padding-left: 1.2rem } .rem-fz45 { font-size: 1.2rem } .rem-lh45 { line-height: 1.2rem } .minh46 { min-height: 46px } .minw46 { min-width: 46px } .h46 { height: 46px } .w46 { width: 46px } .m46 { margin: 46px } .mt46 { margin-top: 46px } .mr46 { margin-inline-end: 46px } .mb46 { margin-bottom: 46px } .ml46, .mx46 { margin-left: 46px } .mx46 { margin-right: 46px } .my46 { margin-bottom: 46px; margin-top: 46px } .p46 { padding: 46px } .px46 { padding-left: 46px; padding-right: 46px } .py46 { padding-bottom: 46px } .pt46, .py46 { padding-top: 46px } .pr46 { padding-right: 46px } .pb46 { padding-bottom: 46px } .pl46 { padding-left: 46px } .fz46 { font-size: 46px } .lh46 { line-height: 46px } .rem-minh46 { min-height: 1.2266666667rem } .rem-h46 { height: 1.2266666667rem } .rem-w46 { width: 1.2266666667rem } .rem-m46 { margin: 1.2266666667rem } .rem-mt46 { margin-top: 1.2266666667rem } .rem-mr46 { margin-inline-end: 1.2266666667rem } .rem-mb46 { margin-bottom: 1.2266666667rem } .rem-ml46, .rem-mx46 { margin-left: 1.2266666667rem } .rem-mx46 { margin-right: 1.2266666667rem } .rem-my46 { margin-bottom: 1.2266666667rem; margin-top: 1.2266666667rem } .rem-p46 { padding: 1.2266666667rem } .rem-px46 { padding-left: 1.2266666667rem; padding-right: 1.2266666667rem } .rem-py46 { padding-bottom: 1.2266666667rem } .rem-pt46, .rem-py46 { padding-top: 1.2266666667rem } .rem-pr46 { padding-right: 1.2266666667rem } .rem-pb46 { padding-bottom: 1.2266666667rem } .rem-pl46 { padding-left: 1.2266666667rem } .rem-fz46 { font-size: 1.2266666667rem } .rem-lh46 { line-height: 1.2266666667rem } .minh48 { min-height: 48px } .minw48 { min-width: 48px } .h48 { height: 48px } .w48 { width: 48px } .m48 { margin: 48px } .mt48 { margin-top: 48px } .mr48 { margin-inline-end: 48px } .mb48 { margin-bottom: 48px } .ml48, .mx48 { margin-left: 48px } .mx48 { margin-right: 48px } .my48 { margin-bottom: 48px; margin-top: 48px } .p48 { padding: 48px } .px48 { padding-left: 48px; padding-right: 48px } .py48 { padding-bottom: 48px } .pt48, .py48 { padding-top: 48px } .pr48 { padding-right: 48px } .pb48 { padding-bottom: 48px } .pl48 { padding-left: 48px } .fz48 { font-size: 48px } .lh48 { line-height: 48px } .rem-minh48 { min-height: 1.28rem } .rem-h48 { height: 1.28rem } .rem-w48 { width: 1.28rem } .rem-m48 { margin: 1.28rem } .rem-mt48 { margin-top: 1.28rem } .rem-mr48 { margin-inline-end: 1.28rem } .rem-mb48 { margin-bottom: 1.28rem } .rem-ml48, .rem-mx48 { margin-left: 1.28rem } .rem-mx48 { margin-right: 1.28rem } .rem-my48 { margin-bottom: 1.28rem; margin-top: 1.28rem } .rem-p48 { padding: 1.28rem } .rem-px48 { padding-left: 1.28rem; padding-right: 1.28rem } .rem-py48 { padding-bottom: 1.28rem } .rem-pt48, .rem-py48 { padding-top: 1.28rem } .rem-pr48 { padding-right: 1.28rem } .rem-pb48 { padding-bottom: 1.28rem } .rem-pl48 { padding-left: 1.28rem } .rem-fz48 { font-size: 1.28rem } .rem-lh48 { line-height: 1.28rem } .minh50 { min-height: 50px } .minw50 { min-width: 50px } .h50 { height: 50px } .w50 { width: 50px } .m50 { margin: 50px } .mt50 { margin-top: 50px } .mr50 { margin-inline-end: 50px } .mb50 { margin-bottom: 50px } .ml50, .mx50 { margin-left: 50px } .mx50 { margin-right: 50px } .my50 { margin-bottom: 50px; margin-top: 50px } .p50 { padding: 50px } .px50 { padding-left: 50px; padding-right: 50px } .py50 { padding-bottom: 50px } .pt50, .py50 { padding-top: 50px } .pr50 { padding-right: 50px } .pb50 { padding-bottom: 50px } .pl50 { padding-left: 50px } .fz50 { font-size: 50px } .lh50 { line-height: 50px } .rem-minh50 { min-height: 1.3333333333rem } .rem-h50 { height: 1.3333333333rem } .rem-w50 { width: 1.3333333333rem } .rem-m50 { margin: 1.3333333333rem } .rem-mt50 { margin-top: 1.3333333333rem } .rem-mr50 { margin-inline-end: 1.3333333333rem } .rem-mb50 { margin-bottom: 1.3333333333rem } .rem-ml50, .rem-mx50 { margin-left: 1.3333333333rem } .rem-mx50 { margin-right: 1.3333333333rem } .rem-my50 { margin-bottom: 1.3333333333rem; margin-top: 1.3333333333rem } .rem-p50 { padding: 1.3333333333rem } .rem-px50 { padding-left: 1.3333333333rem; padding-right: 1.3333333333rem } .rem-py50 { padding-bottom: 1.3333333333rem } .rem-pt50, .rem-py50 { padding-top: 1.3333333333rem } .rem-pr50 { padding-right: 1.3333333333rem } .rem-pb50 { padding-bottom: 1.3333333333rem } .rem-pl50 { padding-left: 1.3333333333rem } .rem-fz50 { font-size: 1.3333333333rem } .rem-lh50 { line-height: 1.3333333333rem } .minh55 { min-height: 55px } .minw55 { min-width: 55px } .h55 { height: 55px } .w55 { width: 55px } .m55 { margin: 55px } .mt55 { margin-top: 55px } .mr55 { margin-inline-end: 55px } .mb55 { margin-bottom: 55px } .ml55, .mx55 { margin-left: 55px } .mx55 { margin-right: 55px } .my55 { margin-bottom: 55px; margin-top: 55px } .p55 { padding: 55px } .px55 { padding-left: 55px; padding-right: 55px } .py55 { padding-bottom: 55px } .pt55, .py55 { padding-top: 55px } .pr55 { padding-right: 55px } .pb55 { padding-bottom: 55px } .pl55 { padding-left: 55px } .fz55 { font-size: 55px } .lh55 { line-height: 55px } .rem-minh55 { min-height: 1.4666666667rem } .rem-h55 { height: 1.4666666667rem } .rem-w55 { width: 1.4666666667rem } .rem-m55 { margin: 1.4666666667rem } .rem-mt55 { margin-top: 1.4666666667rem } .rem-mr55 { margin-inline-end: 1.4666666667rem } .rem-mb55 { margin-bottom: 1.4666666667rem } .rem-ml55, .rem-mx55 { margin-left: 1.4666666667rem } .rem-mx55 { margin-right: 1.4666666667rem } .rem-my55 { margin-bottom: 1.4666666667rem; margin-top: 1.4666666667rem } .rem-p55 { padding: 1.4666666667rem } .rem-px55 { padding-left: 1.4666666667rem; padding-right: 1.4666666667rem } .rem-py55 { padding-bottom: 1.4666666667rem } .rem-pt55, .rem-py55 { padding-top: 1.4666666667rem } .rem-pr55 { padding-right: 1.4666666667rem } .rem-pb55 { padding-bottom: 1.4666666667rem } .rem-pl55 { padding-left: 1.4666666667rem } .rem-fz55 { font-size: 1.4666666667rem } .rem-lh55 { line-height: 1.4666666667rem } .minh56 { min-height: 56px } .minw56 { min-width: 56px } .h56 { height: 56px } .w56 { width: 56px } .m56 { margin: 56px } .mt56 { margin-top: 56px } .mr56 { margin-inline-end: 56px } .mb56 { margin-bottom: 56px } .ml56, .mx56 { margin-left: 56px } .mx56 { margin-right: 56px } .my56 { margin-bottom: 56px; margin-top: 56px } .p56 { padding: 56px } .px56 { padding-left: 56px; padding-right: 56px } .py56 { padding-bottom: 56px } .pt56, .py56 { padding-top: 56px } .pr56 { padding-right: 56px } .pb56 { padding-bottom: 56px } .pl56 { padding-left: 56px } .fz56 { font-size: 56px } .lh56 { line-height: 56px } .rem-minh56 { min-height: 1.4933333333rem } .rem-h56 { height: 1.4933333333rem } .rem-w56 { width: 1.4933333333rem } .rem-m56 { margin: 1.4933333333rem } .rem-mt56 { margin-top: 1.4933333333rem } .rem-mr56 { margin-inline-end: 1.4933333333rem } .rem-mb56 { margin-bottom: 1.4933333333rem } .rem-ml56, .rem-mx56 { margin-left: 1.4933333333rem } .rem-mx56 { margin-right: 1.4933333333rem } .rem-my56 { margin-bottom: 1.4933333333rem; margin-top: 1.4933333333rem } .rem-p56 { padding: 1.4933333333rem } .rem-px56 { padding-left: 1.4933333333rem; padding-right: 1.4933333333rem } .rem-py56 { padding-bottom: 1.4933333333rem } .rem-pt56, .rem-py56 { padding-top: 1.4933333333rem } .rem-pr56 { padding-right: 1.4933333333rem } .rem-pb56 { padding-bottom: 1.4933333333rem } .rem-pl56 { padding-left: 1.4933333333rem } .rem-fz56 { font-size: 1.4933333333rem } .rem-lh56 { line-height: 1.4933333333rem } .minh58 { min-height: 58px } .minw58 { min-width: 58px } .h58 { height: 58px } .w58 { width: 58px } .m58 { margin: 58px } .mt58 { margin-top: 58px } .mr58 { margin-inline-end: 58px } .mb58 { margin-bottom: 58px } .ml58, .mx58 { margin-left: 58px } .mx58 { margin-right: 58px } .my58 { margin-bottom: 58px; margin-top: 58px } .p58 { padding: 58px } .px58 { padding-left: 58px; padding-right: 58px } .py58 { padding-bottom: 58px } .pt58, .py58 { padding-top: 58px } .pr58 { padding-right: 58px } .pb58 { padding-bottom: 58px } .pl58 { padding-left: 58px } .fz58 { font-size: 58px } .lh58 { line-height: 58px } .rem-minh58 { min-height: 1.5466666667rem } .rem-h58 { height: 1.5466666667rem } .rem-w58 { width: 1.5466666667rem } .rem-m58 { margin: 1.5466666667rem } .rem-mt58 { margin-top: 1.5466666667rem } .rem-mr58 { margin-inline-end: 1.5466666667rem } .rem-mb58 { margin-bottom: 1.5466666667rem } .rem-ml58, .rem-mx58 { margin-left: 1.5466666667rem } .rem-mx58 { margin-right: 1.5466666667rem } .rem-my58 { margin-bottom: 1.5466666667rem; margin-top: 1.5466666667rem } .rem-p58 { padding: 1.5466666667rem } .rem-px58 { padding-left: 1.5466666667rem; padding-right: 1.5466666667rem } .rem-py58 { padding-bottom: 1.5466666667rem } .rem-pt58, .rem-py58 { padding-top: 1.5466666667rem } .rem-pr58 { padding-right: 1.5466666667rem } .rem-pb58 { padding-bottom: 1.5466666667rem } .rem-pl58 { padding-left: 1.5466666667rem } .rem-fz58 { font-size: 1.5466666667rem } .rem-lh58 { line-height: 1.5466666667rem } .minh60 { min-height: 60px } .minw60 { min-width: 60px } .h60 { height: 60px } .w60 { width: 60px } .m60 { margin: 60px } .mt60 { margin-top: 60px } .mr60 { margin-inline-end: 60px } .mb60 { margin-bottom: 60px } .ml60, .mx60 { margin-left: 60px } .mx60 { margin-right: 60px } .my60 { margin-bottom: 60px; margin-top: 60px } .p60 { padding: 60px } .px60 { padding-left: 60px; padding-right: 60px } .py60 { padding-bottom: 60px } .pt60, .py60 { padding-top: 60px } .pr60 { padding-right: 60px } .pb60 { padding-bottom: 60px } .pl60 { padding-left: 60px } .fz60 { font-size: 60px } .lh60 { line-height: 60px } .rem-minh60 { min-height: 1.6rem } .rem-h60 { height: 1.6rem } .rem-w60 { width: 1.6rem } .rem-m60 { margin: 1.6rem } .rem-mt60 { margin-top: 1.6rem } .rem-mr60 { margin-inline-end: 1.6rem } .rem-mb60 { margin-bottom: 1.6rem } .rem-ml60, .rem-mx60 { margin-left: 1.6rem } .rem-mx60 { margin-right: 1.6rem } .rem-my60 { margin-bottom: 1.6rem; margin-top: 1.6rem } .rem-p60 { padding: 1.6rem } .rem-px60 { padding-left: 1.6rem; padding-right: 1.6rem } .rem-py60 { padding-bottom: 1.6rem } .rem-pt60, .rem-py60 { padding-top: 1.6rem } .rem-pr60 { padding-right: 1.6rem } .rem-pb60 { padding-bottom: 1.6rem } .rem-pl60 { padding-left: 1.6rem } .rem-fz60 { font-size: 1.6rem } .rem-lh60 { line-height: 1.6rem } .minh62 { min-height: 62px } .minw62 { min-width: 62px } .h62 { height: 62px } .w62 { width: 62px } .m62 { margin: 62px } .mt62 { margin-top: 62px } .mr62 { margin-inline-end: 62px } .mb62 { margin-bottom: 62px } .ml62, .mx62 { margin-left: 62px } .mx62 { margin-right: 62px } .my62 { margin-bottom: 62px; margin-top: 62px } .p62 { padding: 62px } .px62 { padding-left: 62px; padding-right: 62px } .py62 { padding-bottom: 62px } .pt62, .py62 { padding-top: 62px } .pr62 { padding-right: 62px } .pb62 { padding-bottom: 62px } .pl62 { padding-left: 62px } .fz62 { font-size: 62px } .lh62 { line-height: 62px } .rem-minh62 { min-height: 1.6533333333rem } .rem-h62 { height: 1.6533333333rem } .rem-w62 { width: 1.6533333333rem } .rem-m62 { margin: 1.6533333333rem } .rem-mt62 { margin-top: 1.6533333333rem } .rem-mr62 { margin-inline-end: 1.6533333333rem } .rem-mb62 { margin-bottom: 1.6533333333rem } .rem-ml62, .rem-mx62 { margin-left: 1.6533333333rem } .rem-mx62 { margin-right: 1.6533333333rem } .rem-my62 { margin-bottom: 1.6533333333rem; margin-top: 1.6533333333rem } .rem-p62 { padding: 1.6533333333rem } .rem-px62 { padding-left: 1.6533333333rem; padding-right: 1.6533333333rem } .rem-py62 { padding-bottom: 1.6533333333rem } .rem-pt62, .rem-py62 { padding-top: 1.6533333333rem } .rem-pr62 { padding-right: 1.6533333333rem } .rem-pb62 { padding-bottom: 1.6533333333rem } .rem-pl62 { padding-left: 1.6533333333rem } .rem-fz62 { font-size: 1.6533333333rem } .rem-lh62 { line-height: 1.6533333333rem } .minh64 { min-height: 64px } .minw64 { min-width: 64px } .h64 { height: 64px } .w64 { width: 64px } .m64 { margin: 64px } .mt64 { margin-top: 64px } .mr64 { margin-inline-end: 64px } .mb64 { margin-bottom: 64px } .ml64, .mx64 { margin-left: 64px } .mx64 { margin-right: 64px } .my64 { margin-bottom: 64px; margin-top: 64px } .p64 { padding: 64px } .px64 { padding-left: 64px; padding-right: 64px } .py64 { padding-bottom: 64px } .pt64, .py64 { padding-top: 64px } .pr64 { padding-right: 64px } .pb64 { padding-bottom: 64px } .pl64 { padding-left: 64px } .fz64 { font-size: 64px } .lh64 { line-height: 64px } .rem-minh64 { min-height: 1.7066666667rem } .rem-h64 { height: 1.7066666667rem } .rem-w64 { width: 1.7066666667rem } .rem-m64 { margin: 1.7066666667rem } .rem-mt64 { margin-top: 1.7066666667rem } .rem-mr64 { margin-inline-end: 1.7066666667rem } .rem-mb64 { margin-bottom: 1.7066666667rem } .rem-ml64, .rem-mx64 { margin-left: 1.7066666667rem } .rem-mx64 { margin-right: 1.7066666667rem } .rem-my64 { margin-bottom: 1.7066666667rem; margin-top: 1.7066666667rem } .rem-p64 { padding: 1.7066666667rem } .rem-px64 { padding-left: 1.7066666667rem; padding-right: 1.7066666667rem } .rem-py64 { padding-bottom: 1.7066666667rem } .rem-pt64, .rem-py64 { padding-top: 1.7066666667rem } .rem-pr64 { padding-right: 1.7066666667rem } .rem-pb64 { padding-bottom: 1.7066666667rem } .rem-pl64 { padding-left: 1.7066666667rem } .rem-fz64 { font-size: 1.7066666667rem } .rem-lh64 { line-height: 1.7066666667rem } .minh68 { min-height: 68px } .minw68 { min-width: 68px } .h68 { height: 68px } .w68 { width: 68px } .m68 { margin: 68px } .mt68 { margin-top: 68px } .mr68 { margin-inline-end: 68px } .mb68 { margin-bottom: 68px } .ml68, .mx68 { margin-left: 68px } .mx68 { margin-right: 68px } .my68 { margin-bottom: 68px; margin-top: 68px } .p68 { padding: 68px } .px68 { padding-left: 68px; padding-right: 68px } .py68 { padding-bottom: 68px } .pt68, .py68 { padding-top: 68px } .pr68 { padding-right: 68px } .pb68 { padding-bottom: 68px } .pl68 { padding-left: 68px } .fz68 { font-size: 68px } .lh68 { line-height: 68px } .rem-minh68 { min-height: 1.8133333333rem } .rem-h68 { height: 1.8133333333rem } .rem-w68 { width: 1.8133333333rem } .rem-m68 { margin: 1.8133333333rem } .rem-mt68 { margin-top: 1.8133333333rem } .rem-mr68 { margin-inline-end: 1.8133333333rem } .rem-mb68 { margin-bottom: 1.8133333333rem } .rem-ml68, .rem-mx68 { margin-left: 1.8133333333rem } .rem-mx68 { margin-right: 1.8133333333rem } .rem-my68 { margin-bottom: 1.8133333333rem; margin-top: 1.8133333333rem } .rem-p68 { padding: 1.8133333333rem } .rem-px68 { padding-left: 1.8133333333rem; padding-right: 1.8133333333rem } .rem-py68 { padding-bottom: 1.8133333333rem } .rem-pt68, .rem-py68 { padding-top: 1.8133333333rem } .rem-pr68 { padding-right: 1.8133333333rem } .rem-pb68 { padding-bottom: 1.8133333333rem } .rem-pl68 { padding-left: 1.8133333333rem } .rem-fz68 { font-size: 1.8133333333rem } .rem-lh68 { line-height: 1.8133333333rem } .minh70 { min-height: 70px } .minw70 { min-width: 70px } .h70 { height: 70px } .w70 { width: 70px } .m70 { margin: 70px } .mt70 { margin-top: 70px } .mr70 { margin-inline-end: 70px } .mb70 { margin-bottom: 70px } .ml70, .mx70 { margin-left: 70px } .mx70 { margin-right: 70px } .my70 { margin-bottom: 70px; margin-top: 70px } .p70 { padding: 70px } .px70 { padding-left: 70px; padding-right: 70px } .py70 { padding-bottom: 70px } .pt70, .py70 { padding-top: 70px } .pr70 { padding-right: 70px } .pb70 { padding-bottom: 70px } .pl70 { padding-left: 70px } .fz70 { font-size: 70px } .lh70 { line-height: 70px } .rem-minh70 { min-height: 1.8666666667rem } .rem-h70 { height: 1.8666666667rem } .rem-w70 { width: 1.8666666667rem } .rem-m70 { margin: 1.8666666667rem } .rem-mt70 { margin-top: 1.8666666667rem } .rem-mr70 { margin-inline-end: 1.8666666667rem } .rem-mb70 { margin-bottom: 1.8666666667rem } .rem-ml70, .rem-mx70 { margin-left: 1.8666666667rem } .rem-mx70 { margin-right: 1.8666666667rem } .rem-my70 { margin-bottom: 1.8666666667rem; margin-top: 1.8666666667rem } .rem-p70 { padding: 1.8666666667rem } .rem-px70 { padding-left: 1.8666666667rem; padding-right: 1.8666666667rem } .rem-py70 { padding-bottom: 1.8666666667rem } .rem-pt70, .rem-py70 { padding-top: 1.8666666667rem } .rem-pr70 { padding-right: 1.8666666667rem } .rem-pb70 { padding-bottom: 1.8666666667rem } .rem-pl70 { padding-left: 1.8666666667rem } .rem-fz70 { font-size: 1.8666666667rem } .rem-lh70 { line-height: 1.8666666667rem } .minh72 { min-height: 72px } .minw72 { min-width: 72px } .h72 { height: 72px } .w72 { width: 72px } .m72 { margin: 72px } .mt72 { margin-top: 72px } .mr72 { margin-inline-end: 72px } .mb72 { margin-bottom: 72px } .ml72, .mx72 { margin-left: 72px } .mx72 { margin-right: 72px } .my72 { margin-bottom: 72px; margin-top: 72px } .p72 { padding: 72px } .px72 { padding-left: 72px; padding-right: 72px } .py72 { padding-bottom: 72px } .pt72, .py72 { padding-top: 72px } .pr72 { padding-right: 72px } .pb72 { padding-bottom: 72px } .pl72 { padding-left: 72px } .fz72 { font-size: 72px } .lh72 { line-height: 72px } .rem-minh72 { min-height: 1.92rem } .rem-h72 { height: 1.92rem } .rem-w72 { width: 1.92rem } .rem-m72 { margin: 1.92rem } .rem-mt72 { margin-top: 1.92rem } .rem-mr72 { margin-inline-end: 1.92rem } .rem-mb72 { margin-bottom: 1.92rem } .rem-ml72, .rem-mx72 { margin-left: 1.92rem } .rem-mx72 { margin-right: 1.92rem } .rem-my72 { margin-bottom: 1.92rem; margin-top: 1.92rem } .rem-p72 { padding: 1.92rem } .rem-px72 { padding-left: 1.92rem; padding-right: 1.92rem } .rem-py72 { padding-bottom: 1.92rem } .rem-pt72, .rem-py72 { padding-top: 1.92rem } .rem-pr72 { padding-right: 1.92rem } .rem-pb72 { padding-bottom: 1.92rem } .rem-pl72 { padding-left: 1.92rem } .rem-fz72 { font-size: 1.92rem } .rem-lh72 { line-height: 1.92rem } .minh75 { min-height: 75px } .minw75 { min-width: 75px } .h75 { height: 75px } .w75 { width: 75px } .m75 { margin: 75px } .mt75 { margin-top: 75px } .mr75 { margin-inline-end: 75px } .mb75 { margin-bottom: 75px } .ml75, .mx75 { margin-left: 75px } .mx75 { margin-right: 75px } .my75 { margin-bottom: 75px; margin-top: 75px } .p75 { padding: 75px } .px75 { padding-left: 75px; padding-right: 75px } .py75 { padding-bottom: 75px } .pt75, .py75 { padding-top: 75px } .pr75 { padding-right: 75px } .pb75 { padding-bottom: 75px } .pl75 { padding-left: 75px } .fz75 { font-size: 75px } .lh75 { line-height: 75px } .rem-minh75 { min-height: 2rem } .rem-h75 { height: 2rem } .rem-w75 { width: 2rem } .rem-m75 { margin: 2rem } .rem-mt75 { margin-top: 2rem } .rem-mr75 { margin-inline-end: 2rem } .rem-mb75 { margin-bottom: 2rem } .rem-ml75, .rem-mx75 { margin-left: 2rem } .rem-mx75 { margin-right: 2rem } .rem-my75 { margin-bottom: 2rem; margin-top: 2rem } .rem-p75 { padding: 2rem } .rem-px75 { padding-left: 2rem; padding-right: 2rem } .rem-py75 { padding-bottom: 2rem } .rem-pt75, .rem-py75 { padding-top: 2rem } .rem-pr75 { padding-right: 2rem } .rem-pb75 { padding-bottom: 2rem } .rem-pl75 { padding-left: 2rem } .rem-fz75 { font-size: 2rem } .rem-lh75 { line-height: 2rem } .minh78 { min-height: 78px } .minw78 { min-width: 78px } .h78 { height: 78px } .w78 { width: 78px } .m78 { margin: 78px } .mt78 { margin-top: 78px } .mr78 { margin-inline-end: 78px } .mb78 { margin-bottom: 78px } .ml78, .mx78 { margin-left: 78px } .mx78 { margin-right: 78px } .my78 { margin-bottom: 78px; margin-top: 78px } .p78 { padding: 78px } .px78 { padding-left: 78px; padding-right: 78px } .py78 { padding-bottom: 78px } .pt78, .py78 { padding-top: 78px } .pr78 { padding-right: 78px } .pb78 { padding-bottom: 78px } .pl78 { padding-left: 78px } .fz78 { font-size: 78px } .lh78 { line-height: 78px } .rem-minh78 { min-height: 2.08rem } .rem-h78 { height: 2.08rem } .rem-w78 { width: 2.08rem } .rem-m78 { margin: 2.08rem } .rem-mt78 { margin-top: 2.08rem } .rem-mr78 { margin-inline-end: 2.08rem } .rem-mb78 { margin-bottom: 2.08rem } .rem-ml78, .rem-mx78 { margin-left: 2.08rem } .rem-mx78 { margin-right: 2.08rem } .rem-my78 { margin-bottom: 2.08rem; margin-top: 2.08rem } .rem-p78 { padding: 2.08rem } .rem-px78 { padding-left: 2.08rem; padding-right: 2.08rem } .rem-py78 { padding-bottom: 2.08rem } .rem-pt78, .rem-py78 { padding-top: 2.08rem } .rem-pr78 { padding-right: 2.08rem } .rem-pb78 { padding-bottom: 2.08rem } .rem-pl78 { padding-left: 2.08rem } .rem-fz78 { font-size: 2.08rem } .rem-lh78 { line-height: 2.08rem } .minh80 { min-height: 80px } .minw80 { min-width: 80px } .h80 { height: 80px } .w80 { width: 80px } .m80 { margin: 80px } .mt80 { margin-top: 80px } .mr80 { margin-inline-end: 80px } .mb80 { margin-bottom: 80px } .ml80, .mx80 { margin-left: 80px } .mx80 { margin-right: 80px } .my80 { margin-bottom: 80px; margin-top: 80px } .p80 { padding: 80px } .px80 { padding-left: 80px; padding-right: 80px } .py80 { padding-bottom: 80px } .pt80, .py80 { padding-top: 80px } .pr80 { padding-right: 80px } .pb80 { padding-bottom: 80px } .pl80 { padding-left: 80px } .fz80 { font-size: 80px } .lh80 { line-height: 80px } .rem-minh80 { min-height: 2.1333333333rem } .rem-h80 { height: 2.1333333333rem } .rem-w80 { width: 2.1333333333rem } .rem-m80 { margin: 2.1333333333rem } .rem-mt80 { margin-top: 2.1333333333rem } .rem-mr80 { margin-inline-end: 2.1333333333rem } .rem-mb80 { margin-bottom: 2.1333333333rem } .rem-ml80, .rem-mx80 { margin-left: 2.1333333333rem } .rem-mx80 { margin-right: 2.1333333333rem } .rem-my80 { margin-bottom: 2.1333333333rem; margin-top: 2.1333333333rem } .rem-p80 { padding: 2.1333333333rem } .rem-px80 { padding-left: 2.1333333333rem; padding-right: 2.1333333333rem } .rem-py80 { padding-bottom: 2.1333333333rem } .rem-pt80, .rem-py80 { padding-top: 2.1333333333rem } .rem-pr80 { padding-right: 2.1333333333rem } .rem-pb80 { padding-bottom: 2.1333333333rem } .rem-pl80 { padding-left: 2.1333333333rem } .rem-fz80 { font-size: 2.1333333333rem } .rem-lh80 { line-height: 2.1333333333rem } .minh84 { min-height: 84px } .minw84 { min-width: 84px } .h84 { height: 84px } .w84 { width: 84px } .m84 { margin: 84px } .mt84 { margin-top: 84px } .mr84 { margin-inline-end: 84px } .mb84 { margin-bottom: 84px } .ml84, .mx84 { margin-left: 84px } .mx84 { margin-right: 84px } .my84 { margin-bottom: 84px; margin-top: 84px } .p84 { padding: 84px } .px84 { padding-left: 84px; padding-right: 84px } .py84 { padding-bottom: 84px } .pt84, .py84 { padding-top: 84px } .pr84 { padding-right: 84px } .pb84 { padding-bottom: 84px } .pl84 { padding-left: 84px } .fz84 { font-size: 84px } .lh84 { line-height: 84px } .rem-minh84 { min-height: 2.24rem } .rem-h84 { height: 2.24rem } .rem-w84 { width: 2.24rem } .rem-m84 { margin: 2.24rem } .rem-mt84 { margin-top: 2.24rem } .rem-mr84 { margin-inline-end: 2.24rem } .rem-mb84 { margin-bottom: 2.24rem } .rem-ml84, .rem-mx84 { margin-left: 2.24rem } .rem-mx84 { margin-right: 2.24rem } .rem-my84 { margin-bottom: 2.24rem; margin-top: 2.24rem } .rem-p84 { padding: 2.24rem } .rem-px84 { padding-left: 2.24rem; padding-right: 2.24rem } .rem-py84 { padding-bottom: 2.24rem } .rem-pt84, .rem-py84 { padding-top: 2.24rem } .rem-pr84 { padding-right: 2.24rem } .rem-pb84 { padding-bottom: 2.24rem } .rem-pl84 { padding-left: 2.24rem } .rem-fz84 { font-size: 2.24rem } .rem-lh84 { line-height: 2.24rem } .minh85 { min-height: 85px } .minw85 { min-width: 85px } .h85 { height: 85px } .w85 { width: 85px } .m85 { margin: 85px } .mt85 { margin-top: 85px } .mr85 { margin-inline-end: 85px } .mb85 { margin-bottom: 85px } .ml85, .mx85 { margin-left: 85px } .mx85 { margin-right: 85px } .my85 { margin-bottom: 85px; margin-top: 85px } .p85 { padding: 85px } .px85 { padding-left: 85px; padding-right: 85px } .py85 { padding-bottom: 85px } .pt85, .py85 { padding-top: 85px } .pr85 { padding-right: 85px } .pb85 { padding-bottom: 85px } .pl85 { padding-left: 85px } .fz85 { font-size: 85px } .lh85 { line-height: 85px } .rem-minh85 { min-height: 2.2666666667rem } .rem-h85 { height: 2.2666666667rem } .rem-w85 { width: 2.2666666667rem } .rem-m85 { margin: 2.2666666667rem } .rem-mt85 { margin-top: 2.2666666667rem } .rem-mr85 { margin-inline-end: 2.2666666667rem } .rem-mb85 { margin-bottom: 2.2666666667rem } .rem-ml85, .rem-mx85 { margin-left: 2.2666666667rem } .rem-mx85 { margin-right: 2.2666666667rem } .rem-my85 { margin-bottom: 2.2666666667rem; margin-top: 2.2666666667rem } .rem-p85 { padding: 2.2666666667rem } .rem-px85 { padding-left: 2.2666666667rem; padding-right: 2.2666666667rem } .rem-py85 { padding-bottom: 2.2666666667rem } .rem-pt85, .rem-py85 { padding-top: 2.2666666667rem } .rem-pr85 { padding-right: 2.2666666667rem } .rem-pb85 { padding-bottom: 2.2666666667rem } .rem-pl85 { padding-left: 2.2666666667rem } .rem-fz85 { font-size: 2.2666666667rem } .rem-lh85 { line-height: 2.2666666667rem } .minh88 { min-height: 88px } .minw88 { min-width: 88px } .h88 { height: 88px } .w88 { width: 88px } .m88 { margin: 88px } .mt88 { margin-top: 88px } .mr88 { margin-inline-end: 88px } .mb88 { margin-bottom: 88px } .ml88, .mx88 { margin-left: 88px } .mx88 { margin-right: 88px } .my88 { margin-bottom: 88px; margin-top: 88px } .p88 { padding: 88px } .px88 { padding-left: 88px; padding-right: 88px } .py88 { padding-bottom: 88px } .pt88, .py88 { padding-top: 88px } .pr88 { padding-right: 88px } .pb88 { padding-bottom: 88px } .pl88 { padding-left: 88px } .fz88 { font-size: 88px } .lh88 { line-height: 88px } .rem-minh88 { min-height: 2.3466666667rem } .rem-h88 { height: 2.3466666667rem } .rem-w88 { width: 2.3466666667rem } .rem-m88 { margin: 2.3466666667rem } .rem-mt88 { margin-top: 2.3466666667rem } .rem-mr88 { margin-inline-end: 2.3466666667rem } .rem-mb88 { margin-bottom: 2.3466666667rem } .rem-ml88, .rem-mx88 { margin-left: 2.3466666667rem } .rem-mx88 { margin-right: 2.3466666667rem } .rem-my88 { margin-bottom: 2.3466666667rem; margin-top: 2.3466666667rem } .rem-p88 { padding: 2.3466666667rem } .rem-px88 { padding-left: 2.3466666667rem; padding-right: 2.3466666667rem } .rem-py88 { padding-bottom: 2.3466666667rem } .rem-pt88, .rem-py88 { padding-top: 2.3466666667rem } .rem-pr88 { padding-right: 2.3466666667rem } .rem-pb88 { padding-bottom: 2.3466666667rem } .rem-pl88 { padding-left: 2.3466666667rem } .rem-fz88 { font-size: 2.3466666667rem } .rem-lh88 { line-height: 2.3466666667rem } .minh90 { min-height: 90px } .minw90 { min-width: 90px } .h90 { height: 90px } .w90 { width: 90px } .m90 { margin: 90px } .mt90 { margin-top: 90px } .mr90 { margin-inline-end: 90px } .mb90 { margin-bottom: 90px } .ml90, .mx90 { margin-left: 90px } .mx90 { margin-right: 90px } .my90 { margin-bottom: 90px; margin-top: 90px } .p90 { padding: 90px } .px90 { padding-left: 90px; padding-right: 90px } .py90 { padding-bottom: 90px } .pt90, .py90 { padding-top: 90px } .pr90 { padding-right: 90px } .pb90 { padding-bottom: 90px } .pl90 { padding-left: 90px } .fz90 { font-size: 90px } .lh90 { line-height: 90px } .rem-minh90 { min-height: 2.4rem } .rem-h90 { height: 2.4rem } .rem-w90 { width: 2.4rem } .rem-m90 { margin: 2.4rem } .rem-mt90 { margin-top: 2.4rem } .rem-mr90 { margin-inline-end: 2.4rem } .rem-mb90 { margin-bottom: 2.4rem } .rem-ml90, .rem-mx90 { margin-left: 2.4rem } .rem-mx90 { margin-right: 2.4rem } .rem-my90 { margin-bottom: 2.4rem; margin-top: 2.4rem } .rem-p90 { padding: 2.4rem } .rem-px90 { padding-left: 2.4rem; padding-right: 2.4rem } .rem-py90 { padding-bottom: 2.4rem } .rem-pt90, .rem-py90 { padding-top: 2.4rem } .rem-pr90 { padding-right: 2.4rem } .rem-pb90 { padding-bottom: 2.4rem } .rem-pl90 { padding-left: 2.4rem } .rem-fz90 { font-size: 2.4rem } .rem-lh90 { line-height: 2.4rem } .minh92 { min-height: 92px } .minw92 { min-width: 92px } .h92 { height: 92px } .w92 { width: 92px } .m92 { margin: 92px } .mt92 { margin-top: 92px } .mr92 { margin-inline-end: 92px } .mb92 { margin-bottom: 92px } .ml92, .mx92 { margin-left: 92px } .mx92 { margin-right: 92px } .my92 { margin-bottom: 92px; margin-top: 92px } .p92 { padding: 92px } .px92 { padding-left: 92px; padding-right: 92px } .py92 { padding-bottom: 92px } .pt92, .py92 { padding-top: 92px } .pr92 { padding-right: 92px } .pb92 { padding-bottom: 92px } .pl92 { padding-left: 92px } .fz92 { font-size: 92px } .lh92 { line-height: 92px } .rem-minh92 { min-height: 2.4533333333rem } .rem-h92 { height: 2.4533333333rem } .rem-w92 { width: 2.4533333333rem } .rem-m92 { margin: 2.4533333333rem } .rem-mt92 { margin-top: 2.4533333333rem } .rem-mr92 { margin-inline-end: 2.4533333333rem } .rem-mb92 { margin-bottom: 2.4533333333rem } .rem-ml92, .rem-mx92 { margin-left: 2.4533333333rem } .rem-mx92 { margin-right: 2.4533333333rem } .rem-my92 { margin-bottom: 2.4533333333rem; margin-top: 2.4533333333rem } .rem-p92 { padding: 2.4533333333rem } .rem-px92 { padding-left: 2.4533333333rem; padding-right: 2.4533333333rem } .rem-py92 { padding-bottom: 2.4533333333rem } .rem-pt92, .rem-py92 { padding-top: 2.4533333333rem } .rem-pr92 { padding-right: 2.4533333333rem } .rem-pb92 { padding-bottom: 2.4533333333rem } .rem-pl92 { padding-left: 2.4533333333rem } .rem-fz92 { font-size: 2.4533333333rem } .rem-lh92 { line-height: 2.4533333333rem } .minh98 { min-height: 98px } .minw98 { min-width: 98px } .h98 { height: 98px } .w98 { width: 98px } .m98 { margin: 98px } .mt98 { margin-top: 98px } .mr98 { margin-inline-end: 98px } .mb98 { margin-bottom: 98px } .ml98, .mx98 { margin-left: 98px } .mx98 { margin-right: 98px } .my98 { margin-bottom: 98px; margin-top: 98px } .p98 { padding: 98px } .px98 { padding-left: 98px; padding-right: 98px } .py98 { padding-bottom: 98px } .pt98, .py98 { padding-top: 98px } .pr98 { padding-right: 98px } .pb98 { padding-bottom: 98px } .pl98 { padding-left: 98px } .fz98 { font-size: 98px } .lh98 { line-height: 98px } .rem-minh98 { min-height: 2.6133333333rem } .rem-h98 { height: 2.6133333333rem } .rem-w98 { width: 2.6133333333rem } .rem-m98 { margin: 2.6133333333rem } .rem-mt98 { margin-top: 2.6133333333rem } .rem-mr98 { margin-inline-end: 2.6133333333rem } .rem-mb98 { margin-bottom: 2.6133333333rem } .rem-ml98, .rem-mx98 { margin-left: 2.6133333333rem } .rem-mx98 { margin-right: 2.6133333333rem } .rem-my98 { margin-bottom: 2.6133333333rem; margin-top: 2.6133333333rem } .rem-p98 { padding: 2.6133333333rem } .rem-px98 { padding-left: 2.6133333333rem; padding-right: 2.6133333333rem } .rem-py98 { padding-bottom: 2.6133333333rem } .rem-pt98, .rem-py98 { padding-top: 2.6133333333rem } .rem-pr98 { padding-right: 2.6133333333rem } .rem-pb98 { padding-bottom: 2.6133333333rem } .rem-pl98 { padding-left: 2.6133333333rem } .rem-fz98 { font-size: 2.6133333333rem } .rem-lh98 { line-height: 2.6133333333rem } .minh100 { min-height: 100px } .minw100 { min-width: 100px } .h100 { height: 100px } .w100 { width: 100px } .m100 { margin: 100px } .mt100 { margin-top: 100px } .mr100 { margin-inline-end: 100px } .mb100 { margin-bottom: 100px } .ml100, .mx100 { margin-left: 100px } .mx100 { margin-right: 100px } .my100 { margin-bottom: 100px; margin-top: 100px } .p100 { padding: 100px } .px100 { padding-left: 100px; padding-right: 100px } .py100 { padding-bottom: 100px } .pt100, .py100 { padding-top: 100px } .pr100 { padding-right: 100px } .pb100 { padding-bottom: 100px } .pl100 { padding-left: 100px } .fz100 { font-size: 100px } .lh100 { line-height: 100px } .rem-minh100 { min-height: 2.6666666667rem } .rem-h100 { height: 2.6666666667rem } .rem-w100 { width: 2.6666666667rem } .rem-m100 { margin: 2.6666666667rem } .rem-mt100 { margin-top: 2.6666666667rem } .rem-mr100 { margin-inline-end: 2.6666666667rem } .rem-mb100 { margin-bottom: 2.6666666667rem } .rem-ml100, .rem-mx100 { margin-left: 2.6666666667rem } .rem-mx100 { margin-right: 2.6666666667rem } .rem-my100 { margin-bottom: 2.6666666667rem; margin-top: 2.6666666667rem } .rem-p100 { padding: 2.6666666667rem } .rem-px100 { padding-left: 2.6666666667rem; padding-right: 2.6666666667rem } .rem-py100 { padding-bottom: 2.6666666667rem } .rem-pt100, .rem-py100 { padding-top: 2.6666666667rem } .rem-pr100 { padding-right: 2.6666666667rem } .rem-pb100 { padding-bottom: 2.6666666667rem } .rem-pl100 { padding-left: 2.6666666667rem } .rem-fz100 { font-size: 2.6666666667rem } .rem-lh100 { line-height: 2.6666666667rem } .minh115 { min-height: 115px } .minw115 { min-width: 115px } .h115 { height: 115px } .w115 { width: 115px } .m115 { margin: 115px } .mt115 { margin-top: 115px } .mr115 { margin-inline-end: 115px } .mb115 { margin-bottom: 115px } .ml115, .mx115 { margin-left: 115px } .mx115 { margin-right: 115px } .my115 { margin-bottom: 115px; margin-top: 115px } .p115 { padding: 115px } .px115 { padding-left: 115px; padding-right: 115px } .py115 { padding-bottom: 115px } .pt115, .py115 { padding-top: 115px } .pr115 { padding-right: 115px } .pb115 { padding-bottom: 115px } .pl115 { padding-left: 115px } .fz115 { font-size: 115px } .lh115 { line-height: 115px } .rem-minh115 { min-height: 3.0666666667rem } .rem-h115 { height: 3.0666666667rem } .rem-w115 { width: 3.0666666667rem } .rem-m115 { margin: 3.0666666667rem } .rem-mt115 { margin-top: 3.0666666667rem } .rem-mr115 { margin-inline-end: 3.0666666667rem } .rem-mb115 { margin-bottom: 3.0666666667rem } .rem-ml115, .rem-mx115 { margin-left: 3.0666666667rem } .rem-mx115 { margin-right: 3.0666666667rem } .rem-my115 { margin-bottom: 3.0666666667rem; margin-top: 3.0666666667rem } .rem-p115 { padding: 3.0666666667rem } .rem-px115 { padding-left: 3.0666666667rem; padding-right: 3.0666666667rem } .rem-py115 { padding-bottom: 3.0666666667rem } .rem-pt115, .rem-py115 { padding-top: 3.0666666667rem } .rem-pr115 { padding-right: 3.0666666667rem } .rem-pb115 { padding-bottom: 3.0666666667rem } .rem-pl115 { padding-left: 3.0666666667rem } .rem-fz115 { font-size: 3.0666666667rem } .rem-lh115 { line-height: 3.0666666667rem } .minh102 { min-height: 102px } .minw102 { min-width: 102px } .h102 { height: 102px } .w102 { width: 102px } .m102 { margin: 102px } .mt102 { margin-top: 102px } .mr102 { margin-inline-end: 102px } .mb102 { margin-bottom: 102px } .ml102, .mx102 { margin-left: 102px } .mx102 { margin-right: 102px } .my102 { margin-bottom: 102px; margin-top: 102px } .p102 { padding: 102px } .px102 { padding-left: 102px; padding-right: 102px } .py102 { padding-bottom: 102px } .pt102, .py102 { padding-top: 102px } .pr102 { padding-right: 102px } .pb102 { padding-bottom: 102px } .pl102 { padding-left: 102px } .fz102 { font-size: 102px } .lh102 { line-height: 102px } .rem-minh102 { min-height: 2.72rem } .rem-h102 { height: 2.72rem } .rem-w102 { width: 2.72rem } .rem-m102 { margin: 2.72rem } .rem-mt102 { margin-top: 2.72rem } .rem-mr102 { margin-inline-end: 2.72rem } .rem-mb102 { margin-bottom: 2.72rem } .rem-ml102, .rem-mx102 { margin-left: 2.72rem } .rem-mx102 { margin-right: 2.72rem } .rem-my102 { margin-bottom: 2.72rem; margin-top: 2.72rem } .rem-p102 { padding: 2.72rem } .rem-px102 { padding-left: 2.72rem; padding-right: 2.72rem } .rem-py102 { padding-bottom: 2.72rem } .rem-pt102, .rem-py102 { padding-top: 2.72rem } .rem-pr102 { padding-right: 2.72rem } .rem-pb102 { padding-bottom: 2.72rem } .rem-pl102 { padding-left: 2.72rem } .rem-fz102 { font-size: 2.72rem } .rem-lh102 { line-height: 2.72rem } .minh120 { min-height: 120px } .minw120 { min-width: 120px } .h120 { height: 120px } .w120 { width: 120px } .m120 { margin: 120px } .mt120 { margin-top: 120px } .mr120 { margin-inline-end: 120px } .mb120 { margin-bottom: 120px } .ml120, .mx120 { margin-left: 120px } .mx120 { margin-right: 120px } .my120 { margin-bottom: 120px; margin-top: 120px } .p120 { padding: 120px } .px120 { padding-left: 120px; padding-right: 120px } .py120 { padding-bottom: 120px } .pt120, .py120 { padding-top: 120px } .pr120 { padding-right: 120px } .pb120 { padding-bottom: 120px } .pl120 { padding-left: 120px } .fz120 { font-size: 120px } .lh120 { line-height: 120px } .rem-minh120 { min-height: 3.2rem } .rem-h120 { height: 3.2rem } .rem-w120 { width: 3.2rem } .rem-m120 { margin: 3.2rem } .rem-mt120 { margin-top: 3.2rem } .rem-mr120 { margin-inline-end: 3.2rem } .rem-mb120 { margin-bottom: 3.2rem } .rem-ml120, .rem-mx120 { margin-left: 3.2rem } .rem-mx120 { margin-right: 3.2rem } .rem-my120 { margin-bottom: 3.2rem; margin-top: 3.2rem } .rem-p120 { padding: 3.2rem } .rem-px120 { padding-left: 3.2rem; padding-right: 3.2rem } .rem-py120 { padding-bottom: 3.2rem } .rem-pt120, .rem-py120 { padding-top: 3.2rem } .rem-pr120 { padding-right: 3.2rem } .rem-pb120 { padding-bottom: 3.2rem } .rem-pl120 { padding-left: 3.2rem } .rem-fz120 { font-size: 3.2rem } .rem-lh120 { line-height: 3.2rem } .minh125 { min-height: 125px } .minw125 { min-width: 125px } .h125 { height: 125px } .w125 { width: 125px } .m125 { margin: 125px } .mt125 { margin-top: 125px } .mr125 { margin-inline-end: 125px } .mb125 { margin-bottom: 125px } .ml125, .mx125 { margin-left: 125px } .mx125 { margin-right: 125px } .my125 { margin-bottom: 125px; margin-top: 125px } .p125 { padding: 125px } .px125 { padding-left: 125px; padding-right: 125px } .py125 { padding-bottom: 125px } .pt125, .py125 { padding-top: 125px } .pr125 { padding-right: 125px } .pb125 { padding-bottom: 125px } .pl125 { padding-left: 125px } .fz125 { font-size: 125px } .lh125 { line-height: 125px } .rem-minh125 { min-height: 3.3333333333rem } .rem-h125 { height: 3.3333333333rem } .rem-w125 { width: 3.3333333333rem } .rem-m125 { margin: 3.3333333333rem } .rem-mt125 { margin-top: 3.3333333333rem } .rem-mr125 { margin-inline-end: 3.3333333333rem } .rem-mb125 { margin-bottom: 3.3333333333rem } .rem-ml125, .rem-mx125 { margin-left: 3.3333333333rem } .rem-mx125 { margin-right: 3.3333333333rem } .rem-my125 { margin-bottom: 3.3333333333rem; margin-top: 3.3333333333rem } .rem-p125 { padding: 3.3333333333rem } .rem-px125 { padding-left: 3.3333333333rem; padding-right: 3.3333333333rem } .rem-py125 { padding-bottom: 3.3333333333rem } .rem-pt125, .rem-py125 { padding-top: 3.3333333333rem } .rem-pr125 { padding-right: 3.3333333333rem } .rem-pb125 { padding-bottom: 3.3333333333rem } .rem-pl125 { padding-left: 3.3333333333rem } .rem-fz125 { font-size: 3.3333333333rem } .rem-lh125 { line-height: 3.3333333333rem } .minh128 { min-height: 128px } .minw128 { min-width: 128px } .h128 { height: 128px } .w128 { width: 128px } .m128 { margin: 128px } .mt128 { margin-top: 128px } .mr128 { margin-inline-end: 128px } .mb128 { margin-bottom: 128px } .ml128, .mx128 { margin-left: 128px } .mx128 { margin-right: 128px } .my128 { margin-bottom: 128px; margin-top: 128px } .p128 { padding: 128px } .px128 { padding-left: 128px; padding-right: 128px } .py128 { padding-bottom: 128px } .pt128, .py128 { padding-top: 128px } .pr128 { padding-right: 128px } .pb128 { padding-bottom: 128px } .pl128 { padding-left: 128px } .fz128 { font-size: 128px } .lh128 { line-height: 128px } .rem-minh128 { min-height: 3.4133333333rem } .rem-h128 { height: 3.4133333333rem } .rem-w128 { width: 3.4133333333rem } .rem-m128 { margin: 3.4133333333rem } .rem-mt128 { margin-top: 3.4133333333rem } .rem-mr128 { margin-inline-end: 3.4133333333rem } .rem-mb128 { margin-bottom: 3.4133333333rem } .rem-ml128, .rem-mx128 { margin-left: 3.4133333333rem } .rem-mx128 { margin-right: 3.4133333333rem } .rem-my128 { margin-bottom: 3.4133333333rem; margin-top: 3.4133333333rem } .rem-p128 { padding: 3.4133333333rem } .rem-px128 { padding-left: 3.4133333333rem; padding-right: 3.4133333333rem } .rem-py128 { padding-bottom: 3.4133333333rem } .rem-pt128, .rem-py128 { padding-top: 3.4133333333rem } .rem-pr128 { padding-right: 3.4133333333rem } .rem-pb128 { padding-bottom: 3.4133333333rem } .rem-pl128 { padding-left: 3.4133333333rem } .rem-fz128 { font-size: 3.4133333333rem } .rem-lh128 { line-height: 3.4133333333rem } .minh170 { min-height: 170px } .minw170 { min-width: 170px } .h170 { height: 170px } .w170 { width: 170px } .m170 { margin: 170px } .mt170 { margin-top: 170px } .mr170 { margin-inline-end: 170px } .mb170 { margin-bottom: 170px } .ml170, .mx170 { margin-left: 170px } .mx170 { margin-right: 170px } .my170 { margin-bottom: 170px; margin-top: 170px } .p170 { padding: 170px } .px170 { padding-left: 170px; padding-right: 170px } .py170 { padding-bottom: 170px } .pt170, .py170 { padding-top: 170px } .pr170 { padding-right: 170px } .pb170 { padding-bottom: 170px } .pl170 { padding-left: 170px } .fz170 { font-size: 170px } .lh170 { line-height: 170px } .rem-minh170 { min-height: 4.5333333333rem } .rem-h170 { height: 4.5333333333rem } .rem-w170 { width: 4.5333333333rem } .rem-m170 { margin: 4.5333333333rem } .rem-mt170 { margin-top: 4.5333333333rem } .rem-mr170 { margin-inline-end: 4.5333333333rem } .rem-mb170 { margin-bottom: 4.5333333333rem } .rem-ml170, .rem-mx170 { margin-left: 4.5333333333rem } .rem-mx170 { margin-right: 4.5333333333rem } .rem-my170 { margin-bottom: 4.5333333333rem; margin-top: 4.5333333333rem } .rem-p170 { padding: 4.5333333333rem } .rem-px170 { padding-left: 4.5333333333rem; padding-right: 4.5333333333rem } .rem-py170 { padding-bottom: 4.5333333333rem } .rem-pt170, .rem-py170 { padding-top: 4.5333333333rem } .rem-pr170 { padding-right: 4.5333333333rem } .rem-pb170 { padding-bottom: 4.5333333333rem } .rem-pl170 { padding-left: 4.5333333333rem } .rem-fz170 { font-size: 4.5333333333rem } .rem-lh170 { line-height: 4.5333333333rem } .minh175 { min-height: 175px } .minw175 { min-width: 175px } .h175 { height: 175px } .w175 { width: 175px } .m175 { margin: 175px } .mt175 { margin-top: 175px } .mr175 { margin-inline-end: 175px } .mb175 { margin-bottom: 175px } .ml175, .mx175 { margin-left: 175px } .mx175 { margin-right: 175px } .my175 { margin-bottom: 175px; margin-top: 175px } .p175 { padding: 175px } .px175 { padding-left: 175px; padding-right: 175px } .py175 { padding-bottom: 175px } .pt175, .py175 { padding-top: 175px } .pr175 { padding-right: 175px } .pb175 { padding-bottom: 175px } .pl175 { padding-left: 175px } .fz175 { font-size: 175px } .lh175 { line-height: 175px } .rem-minh175 { min-height: 4.6666666667rem } .rem-h175 { height: 4.6666666667rem } .rem-w175 { width: 4.6666666667rem } .rem-m175 { margin: 4.6666666667rem } .rem-mt175 { margin-top: 4.6666666667rem } .rem-mr175 { margin-inline-end: 4.6666666667rem } .rem-mb175 { margin-bottom: 4.6666666667rem } .rem-ml175, .rem-mx175 { margin-left: 4.6666666667rem } .rem-mx175 { margin-right: 4.6666666667rem } .rem-my175 { margin-bottom: 4.6666666667rem; margin-top: 4.6666666667rem } .rem-p175 { padding: 4.6666666667rem } .rem-px175 { padding-left: 4.6666666667rem; padding-right: 4.6666666667rem } .rem-py175 { padding-bottom: 4.6666666667rem } .rem-pt175, .rem-py175 { padding-top: 4.6666666667rem } .rem-pr175 { padding-right: 4.6666666667rem } .rem-pb175 { padding-bottom: 4.6666666667rem } .rem-pl175 { padding-left: 4.6666666667rem } .rem-fz175 { font-size: 4.6666666667rem } .rem-lh175 { line-height: 4.6666666667rem } .minh206 { min-height: 206px } .minw206 { min-width: 206px } .h206 { height: 206px } .w206 { width: 206px } .m206 { margin: 206px } .mt206 { margin-top: 206px } .mr206 { margin-inline-end: 206px } .mb206 { margin-bottom: 206px } .ml206, .mx206 { margin-left: 206px } .mx206 { margin-right: 206px } .my206 { margin-bottom: 206px; margin-top: 206px } .p206 { padding: 206px } .px206 { padding-left: 206px; padding-right: 206px } .py206 { padding-bottom: 206px } .pt206, .py206 { padding-top: 206px } .pr206 { padding-right: 206px } .pb206 { padding-bottom: 206px } .pl206 { padding-left: 206px } .fz206 { font-size: 206px } .lh206 { line-height: 206px } .rem-minh206 { min-height: 5.4933333333rem } .rem-h206 { height: 5.4933333333rem } .rem-w206 { width: 5.4933333333rem } .rem-m206 { margin: 5.4933333333rem } .rem-mt206 { margin-top: 5.4933333333rem } .rem-mr206 { margin-inline-end: 5.4933333333rem } .rem-mb206 { margin-bottom: 5.4933333333rem } .rem-ml206, .rem-mx206 { margin-left: 5.4933333333rem } .rem-mx206 { margin-right: 5.4933333333rem } .rem-my206 { margin-bottom: 5.4933333333rem; margin-top: 5.4933333333rem } .rem-p206 { padding: 5.4933333333rem } .rem-px206 { padding-left: 5.4933333333rem; padding-right: 5.4933333333rem } .rem-py206 { padding-bottom: 5.4933333333rem } .rem-pt206, .rem-py206 { padding-top: 5.4933333333rem } .rem-pr206 { padding-right: 5.4933333333rem } .rem-pb206 { padding-bottom: 5.4933333333rem } .rem-pl206 { padding-left: 5.4933333333rem } .rem-fz206 { font-size: 5.4933333333rem } .rem-lh206 { line-height: 5.4933333333rem } .minh240 { min-height: 240px } .minw240 { min-width: 240px } .h240 { height: 240px } .w240 { width: 240px } .m240 { margin: 240px } .mt240 { margin-top: 240px } .mr240 { margin-inline-end: 240px } .mb240 { margin-bottom: 240px } .ml240, .mx240 { margin-left: 240px } .mx240 { margin-right: 240px } .my240 { margin-bottom: 240px; margin-top: 240px } .p240 { padding: 240px } .px240 { padding-left: 240px; padding-right: 240px } .py240 { padding-bottom: 240px } .pt240, .py240 { padding-top: 240px } .pr240 { padding-right: 240px } .pb240 { padding-bottom: 240px } .pl240 { padding-left: 240px } .fz240 { font-size: 240px } .lh240 { line-height: 240px } .rem-minh240 { min-height: 6.4rem } .rem-h240 { height: 6.4rem } .rem-w240 { width: 6.4rem } .rem-m240 { margin: 6.4rem } .rem-mt240 { margin-top: 6.4rem } .rem-mr240 { margin-inline-end: 6.4rem } .rem-mb240 { margin-bottom: 6.4rem } .rem-ml240, .rem-mx240 { margin-left: 6.4rem } .rem-mx240 { margin-right: 6.4rem } .rem-my240 { margin-bottom: 6.4rem; margin-top: 6.4rem } .rem-p240 { padding: 6.4rem } .rem-px240 { padding-left: 6.4rem; padding-right: 6.4rem } .rem-py240 { padding-bottom: 6.4rem } .rem-pt240, .rem-py240 { padding-top: 6.4rem } .rem-pr240 { padding-right: 6.4rem } .rem-pb240 { padding-bottom: 6.4rem } .rem-pl240 { padding-left: 6.4rem } .rem-fz240 { font-size: 6.4rem } .rem-lh240 { line-height: 6.4rem } .minh260 { min-height: 260px } .minw260 { min-width: 260px } .h260 { height: 260px } .w260 { width: 260px } .m260 { margin: 260px } .mt260 { margin-top: 260px } .mr260 { margin-inline-end: 260px } .mb260 { margin-bottom: 260px } .ml260, .mx260 { margin-left: 260px } .mx260 { margin-right: 260px } .my260 { margin-bottom: 260px; margin-top: 260px } .p260 { padding: 260px } .px260 { padding-left: 260px; padding-right: 260px } .py260 { padding-bottom: 260px } .pt260, .py260 { padding-top: 260px } .pr260 { padding-right: 260px } .pb260 { padding-bottom: 260px } .pl260 { padding-left: 260px } .fz260 { font-size: 260px } .lh260 { line-height: 260px } .rem-minh260 { min-height: 6.9333333333rem } .rem-h260 { height: 6.9333333333rem } .rem-w260 { width: 6.9333333333rem } .rem-m260 { margin: 6.9333333333rem } .rem-mt260 { margin-top: 6.9333333333rem } .rem-mr260 { margin-inline-end: 6.9333333333rem } .rem-mb260 { margin-bottom: 6.9333333333rem } .rem-ml260, .rem-mx260 { margin-left: 6.9333333333rem } .rem-mx260 { margin-right: 6.9333333333rem } .rem-my260 { margin-bottom: 6.9333333333rem; margin-top: 6.9333333333rem } .rem-p260 { padding: 6.9333333333rem } .rem-px260 { padding-left: 6.9333333333rem; padding-right: 6.9333333333rem } .rem-py260 { padding-bottom: 6.9333333333rem } .rem-pt260, .rem-py260 { padding-top: 6.9333333333rem } .rem-pr260 { padding-right: 6.9333333333rem } .rem-pb260 { padding-bottom: 6.9333333333rem } .rem-pl260 { padding-left: 6.9333333333rem } .rem-fz260 { font-size: 6.9333333333rem } .rem-lh260 { line-height: 6.9333333333rem } .overflow-scroll { overflow: scroll } .overflow-visible { overflow: visible } .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .text-capitalize { text-transform: capitalize } .text-uppercase { text-transform: uppercase } .text-lowercase { text-transform: lowercase } .text-none { text-transform: none } .break-word { word-break: break-word } .keep-all { word-break: keep-all } .max-content { width: -moz-max-content; width: max-content } .w-full { width: 100% } .h-full { height: 100% } .mirror { transform: scaleX(-1) } .mi-start-0 { margin-inline-start: 0 } .mi-end-0 { margin-inline-end: 0 } .mi-0 { margin-inline: 0 } .pi-start-0 { padding-inline-start: 0 } .pi-end-0 { padding-inline-end: 0 } .pi-0 { padding-inline: 0 } .gap-0 { gap: 0 } .rem-mi-start-0 { margin-inline-start: 0 } .rem-mi-end-0 { margin-inline-end: 0 } .rem-mi-0 { margin-inline: 0 } .rem-pi-start-0 { padding-inline-start: 0 } .rem-pi-end-0 { padding-inline-end: 0 } .rem-pi-0 { padding-inline: 0 } .rem-gap-0 { gap: 0 } .mi-start-2 { margin-inline-start: 2px } .mi-end-2 { margin-inline-end: 2px } .mi-2 { margin-inline: 2px } .pi-start-2 { padding-inline-start: 2px } .pi-end-2 { padding-inline-end: 2px } .pi-2 { padding-inline: 2px } .gap-2 { gap: 2px } .rem-mi-start-2 { margin-inline-start: .0533333333rem } .rem-mi-end-2 { margin-inline-end: .0533333333rem } .rem-mi-2 { margin-inline: .0533333333rem } .rem-pi-start-2 { padding-inline-start: .0533333333rem } .rem-pi-end-2 { padding-inline-end: .0533333333rem } .rem-pi-2 { padding-inline: .0533333333rem } .rem-gap-2 { gap: .0533333333rem } .mi-start-4 { margin-inline-start: 4px } .mi-end-4 { margin-inline-end: 4px } .mi-4 { margin-inline: 4px } .pi-start-4 { padding-inline-start: 4px } .pi-end-4 { padding-inline-end: 4px } .pi-4 { padding-inline: 4px } .gap-4 { gap: 4px } .rem-mi-start-4 { margin-inline-start: .1066666667rem } .rem-mi-end-4 { margin-inline-end: .1066666667rem } .rem-mi-4 { margin-inline: .1066666667rem } .rem-pi-start-4 { padding-inline-start: .1066666667rem } .rem-pi-end-4 { padding-inline-end: .1066666667rem } .rem-pi-4 { padding-inline: .1066666667rem } .rem-gap-4 { gap: .1066666667rem } .mi-start-6 { margin-inline-start: 6px } .mi-end-6 { margin-inline-end: 6px } .mi-6 { margin-inline: 6px } .pi-start-6 { padding-inline-start: 6px } .pi-end-6 { padding-inline-end: 6px } .pi-6 { padding-inline: 6px } .gap-6 { gap: 6px } .rem-mi-start-6 { margin-inline-start: .16rem } .rem-mi-end-6 { margin-inline-end: .16rem } .rem-mi-6 { margin-inline: .16rem } .rem-pi-start-6 { padding-inline-start: .16rem } .rem-pi-end-6 { padding-inline-end: .16rem } .rem-pi-6 { padding-inline: .16rem } .rem-gap-6 { gap: .16rem } .mi-start-8 { margin-inline-start: 8px } .mi-end-8 { margin-inline-end: 8px } .mi-8 { margin-inline: 8px } .pi-start-8 { padding-inline-start: 8px } .pi-end-8 { padding-inline-end: 8px } .pi-8 { padding-inline: 8px } .gap-8 { gap: 8px } .rem-mi-start-8 { margin-inline-start: .2133333333rem } .rem-mi-end-8 { margin-inline-end: .2133333333rem } .rem-mi-8 { margin-inline: .2133333333rem } .rem-pi-start-8 { padding-inline-start: .2133333333rem } .rem-pi-end-8 { padding-inline-end: .2133333333rem } .rem-pi-8 { padding-inline: .2133333333rem } .rem-gap-8 { gap: .2133333333rem } .mi-start-10 { margin-inline-start: 10px } .mi-end-10 { margin-inline-end: 10px } .mi-10 { margin-inline: 10px } .pi-start-10 { padding-inline-start: 10px } .pi-end-10 { padding-inline-end: 10px } .pi-10 { padding-inline: 10px } .gap-10 { gap: 10px } .rem-mi-start-10 { margin-inline-start: .2666666667rem } .rem-mi-end-10 { margin-inline-end: .2666666667rem } .rem-mi-10 { margin-inline: .2666666667rem } .rem-pi-start-10 { padding-inline-start: .2666666667rem } .rem-pi-end-10 { padding-inline-end: .2666666667rem } .rem-pi-10 { padding-inline: .2666666667rem } .rem-gap-10 { gap: .2666666667rem } .mi-start-12 { margin-inline-start: 12px } .mi-end-12 { margin-inline-end: 12px } .mi-12 { margin-inline: 12px } .pi-start-12 { padding-inline-start: 12px } .pi-end-12 { padding-inline-end: 12px } .pi-12 { padding-inline: 12px } .gap-12 { gap: 12px } .rem-mi-start-12 { margin-inline-start: .32rem } .rem-mi-end-12 { margin-inline-end: .32rem } .rem-mi-12 { margin-inline: .32rem } .rem-pi-start-12 { padding-inline-start: .32rem } .rem-pi-end-12 { padding-inline-end: .32rem } .rem-pi-12 { padding-inline: .32rem } .rem-gap-12 { gap: .32rem } .mi-start-13 { margin-inline-start: 13px } .mi-end-13 { margin-inline-end: 13px } .mi-13 { margin-inline: 13px } .pi-start-13 { padding-inline-start: 13px } .pi-end-13 { padding-inline-end: 13px } .pi-13 { padding-inline: 13px } .gap-13 { gap: 13px } .rem-mi-start-13 { margin-inline-start: .3466666667rem } .rem-mi-end-13 { margin-inline-end: .3466666667rem } .rem-mi-13 { margin-inline: .3466666667rem } .rem-pi-start-13 { padding-inline-start: .3466666667rem } .rem-pi-end-13 { padding-inline-end: .3466666667rem } .rem-pi-13 { padding-inline: .3466666667rem } .rem-gap-13 { gap: .3466666667rem } .mi-start-14 { margin-inline-start: 14px } .mi-end-14 { margin-inline-end: 14px } .mi-14 { margin-inline: 14px } .pi-start-14 { padding-inline-start: 14px } .pi-end-14 { padding-inline-end: 14px } .pi-14 { padding-inline: 14px } .gap-14 { gap: 14px } .rem-mi-start-14 { margin-inline-start: .3733333333rem } .rem-mi-end-14 { margin-inline-end: .3733333333rem } .rem-mi-14 { margin-inline: .3733333333rem } .rem-pi-start-14 { padding-inline-start: .3733333333rem } .rem-pi-end-14 { padding-inline-end: .3733333333rem } .rem-pi-14 { padding-inline: .3733333333rem } .rem-gap-14 { gap: .3733333333rem } .mi-start-16 { margin-inline-start: 16px } .mi-end-16 { margin-inline-end: 16px } .mi-16 { margin-inline: 16px } .pi-start-16 { padding-inline-start: 16px } .pi-end-16 { padding-inline-end: 16px } .pi-16 { padding-inline: 16px } .gap-16 { gap: 16px } .rem-mi-start-16 { margin-inline-start: .4266666667rem } .rem-mi-end-16 { margin-inline-end: .4266666667rem } .rem-mi-16 { margin-inline: .4266666667rem } .rem-pi-start-16 { padding-inline-start: .4266666667rem } .rem-pi-end-16 { padding-inline-end: .4266666667rem } .rem-pi-16 { padding-inline: .4266666667rem } .rem-gap-16 { gap: .4266666667rem } .mi-start-18 { margin-inline-start: 18px } .mi-end-18 { margin-inline-end: 18px } .mi-18 { margin-inline: 18px } .pi-start-18 { padding-inline-start: 18px } .pi-end-18 { padding-inline-end: 18px } .pi-18 { padding-inline: 18px } .gap-18 { gap: 18px } .rem-mi-start-18 { margin-inline-start: .48rem } .rem-mi-end-18 { margin-inline-end: .48rem } .rem-mi-18 { margin-inline: .48rem } .rem-pi-start-18 { padding-inline-start: .48rem } .rem-pi-end-18 { padding-inline-end: .48rem } .rem-pi-18 { padding-inline: .48rem } .rem-gap-18 { gap: .48rem } .mi-start-20 { margin-inline-start: 20px } .mi-end-20 { margin-inline-end: 20px } .mi-20 { margin-inline: 20px } .pi-start-20 { padding-inline-start: 20px } .pi-end-20 { padding-inline-end: 20px } .pi-20 { padding-inline: 20px } .gap-20 { gap: 20px } .rem-mi-start-20 { margin-inline-start: .5333333333rem } .rem-mi-end-20 { margin-inline-end: .5333333333rem } .rem-mi-20 { margin-inline: .5333333333rem } .rem-pi-start-20 { padding-inline-start: .5333333333rem } .rem-pi-end-20 { padding-inline-end: .5333333333rem } .rem-pi-20 { padding-inline: .5333333333rem } .rem-gap-20 { gap: .5333333333rem } .mi-start-22 { margin-inline-start: 22px } .mi-end-22 { margin-inline-end: 22px } .mi-22 { margin-inline: 22px } .pi-start-22 { padding-inline-start: 22px } .pi-end-22 { padding-inline-end: 22px } .pi-22 { padding-inline: 22px } .gap-22 { gap: 22px } .rem-mi-start-22 { margin-inline-start: .5866666667rem } .rem-mi-end-22 { margin-inline-end: .5866666667rem } .rem-mi-22 { margin-inline: .5866666667rem } .rem-pi-start-22 { padding-inline-start: .5866666667rem } .rem-pi-end-22 { padding-inline-end: .5866666667rem } .rem-pi-22 { padding-inline: .5866666667rem } .rem-gap-22 { gap: .5866666667rem } .mi-start-24 { margin-inline-start: 24px } .mi-end-24 { margin-inline-end: 24px } .mi-24 { margin-inline: 24px } .pi-start-24 { padding-inline-start: 24px } .pi-end-24 { padding-inline-end: 24px } .pi-24 { padding-inline: 24px } .gap-24 { gap: 24px } .rem-mi-start-24 { margin-inline-start: .64rem } .rem-mi-end-24 { margin-inline-end: .64rem } .rem-mi-24 { margin-inline: .64rem } .rem-pi-start-24 { padding-inline-start: .64rem } .rem-pi-end-24 { padding-inline-end: .64rem } .rem-pi-24 { padding-inline: .64rem } .rem-gap-24 { gap: .64rem } .mi-start-26 { margin-inline-start: 26px } .mi-end-26 { margin-inline-end: 26px } .mi-26 { margin-inline: 26px } .pi-start-26 { padding-inline-start: 26px } .pi-end-26 { padding-inline-end: 26px } .pi-26 { padding-inline: 26px } .gap-26 { gap: 26px } .rem-mi-start-26 { margin-inline-start: .6933333333rem } .rem-mi-end-26 { margin-inline-end: .6933333333rem } .rem-mi-26 { margin-inline: .6933333333rem } .rem-pi-start-26 { padding-inline-start: .6933333333rem } .rem-pi-end-26 { padding-inline-end: .6933333333rem } .rem-pi-26 { padding-inline: .6933333333rem } .rem-gap-26 { gap: .6933333333rem } .mi-start-28 { margin-inline-start: 28px } .mi-end-28 { margin-inline-end: 28px } .mi-28 { margin-inline: 28px } .pi-start-28 { padding-inline-start: 28px } .pi-end-28 { padding-inline-end: 28px } .pi-28 { padding-inline: 28px } .gap-28 { gap: 28px } .rem-mi-start-28 { margin-inline-start: .7466666667rem } .rem-mi-end-28 { margin-inline-end: .7466666667rem } .rem-mi-28 { margin-inline: .7466666667rem } .rem-pi-start-28 { padding-inline-start: .7466666667rem } .rem-pi-end-28 { padding-inline-end: .7466666667rem } .rem-pi-28 { padding-inline: .7466666667rem } .rem-gap-28 { gap: .7466666667rem } .mi-start-30 { margin-inline-start: 30px } .mi-end-30 { margin-inline-end: 30px } .mi-30 { margin-inline: 30px } .pi-start-30 { padding-inline-start: 30px } .pi-end-30 { padding-inline-end: 30px } .pi-30 { padding-inline: 30px } .gap-30 { gap: 30px } .rem-mi-start-30 { margin-inline-start: .8rem } .rem-mi-end-30 { margin-inline-end: .8rem } .rem-mi-30 { margin-inline: .8rem } .rem-pi-start-30 { padding-inline-start: .8rem } .rem-pi-end-30 { padding-inline-end: .8rem } .rem-pi-30 { padding-inline: .8rem } .rem-gap-30 { gap: .8rem } .mi-start-32 { margin-inline-start: 32px } .mi-end-32 { margin-inline-end: 32px } .mi-32 { margin-inline: 32px } .pi-start-32 { padding-inline-start: 32px } .pi-end-32 { padding-inline-end: 32px } .pi-32 { padding-inline: 32px } .gap-32 { gap: 32px } .rem-mi-start-32 { margin-inline-start: .8533333333rem } .rem-mi-end-32 { margin-inline-end: .8533333333rem } .rem-mi-32 { margin-inline: .8533333333rem } .rem-pi-start-32 { padding-inline-start: .8533333333rem } .rem-pi-end-32 { padding-inline-end: .8533333333rem } .rem-pi-32 { padding-inline: .8533333333rem } .rem-gap-32 { gap: .8533333333rem } .mi-start-36 { margin-inline-start: 36px } .mi-end-36 { margin-inline-end: 36px } .mi-36 { margin-inline: 36px } .pi-start-36 { padding-inline-start: 36px } .pi-end-36 { padding-inline-end: 36px } .pi-36 { padding-inline: 36px } .gap-36 { gap: 36px } .rem-mi-start-36 { margin-inline-start: .96rem } .rem-mi-end-36 { margin-inline-end: .96rem } .rem-mi-36 { margin-inline: .96rem } .rem-pi-start-36 { padding-inline-start: .96rem } .rem-pi-end-36 { padding-inline-end: .96rem } .rem-pi-36 { padding-inline: .96rem } .rem-gap-36 { gap: .96rem } .mi-start-40 { margin-inline-start: 40px } .mi-end-40 { margin-inline-end: 40px } .mi-40 { margin-inline: 40px } .pi-start-40 { padding-inline-start: 40px } .pi-end-40 { padding-inline-end: 40px } .pi-40 { padding-inline: 40px } .gap-40 { gap: 40px } .rem-mi-start-40 { margin-inline-start: 1.0666666667rem } .rem-mi-end-40 { margin-inline-end: 1.0666666667rem } .rem-mi-40 { margin-inline: 1.0666666667rem } .rem-pi-start-40 { padding-inline-start: 1.0666666667rem } .rem-pi-end-40 { padding-inline-end: 1.0666666667rem } .rem-pi-40 { padding-inline: 1.0666666667rem } .rem-gap-40 { gap: 1.0666666667rem } .mi-start-42 { margin-inline-start: 42px } .mi-end-42 { margin-inline-end: 42px } .mi-42 { margin-inline: 42px } .pi-start-42 { padding-inline-start: 42px } .pi-end-42 { padding-inline-end: 42px } .pi-42 { padding-inline: 42px } .gap-42 { gap: 42px } .rem-mi-start-42 { margin-inline-start: 1.12rem } .rem-mi-end-42 { margin-inline-end: 1.12rem } .rem-mi-42 { margin-inline: 1.12rem } .rem-pi-start-42 { padding-inline-start: 1.12rem } .rem-pi-end-42 { padding-inline-end: 1.12rem } .rem-pi-42 { padding-inline: 1.12rem } .rem-gap-42 { gap: 1.12rem } .mi-start-44 { margin-inline-start: 44px } .mi-end-44 { margin-inline-end: 44px } .mi-44 { margin-inline: 44px } .pi-start-44 { padding-inline-start: 44px } .pi-end-44 { padding-inline-end: 44px } .pi-44 { padding-inline: 44px } .gap-44 { gap: 44px } .rem-mi-start-44 { margin-inline-start: 1.1733333333rem } .rem-mi-end-44 { margin-inline-end: 1.1733333333rem } .rem-mi-44 { margin-inline: 1.1733333333rem } .rem-pi-start-44 { padding-inline-start: 1.1733333333rem } .rem-pi-end-44 { padding-inline-end: 1.1733333333rem } .rem-pi-44 { padding-inline: 1.1733333333rem } .rem-gap-44 { gap: 1.1733333333rem } .mi-start-48 { margin-inline-start: 48px } .mi-end-48 { margin-inline-end: 48px } .mi-48 { margin-inline: 48px } .pi-start-48 { padding-inline-start: 48px } .pi-end-48 { padding-inline-end: 48px } .pi-48 { padding-inline: 48px } .gap-48 { gap: 48px } .rem-mi-start-48 { margin-inline-start: 1.28rem } .rem-mi-end-48 { margin-inline-end: 1.28rem } .rem-mi-48 { margin-inline: 1.28rem } .rem-pi-start-48 { padding-inline-start: 1.28rem } .rem-pi-end-48 { padding-inline-end: 1.28rem } .rem-pi-48 { padding-inline: 1.28rem } .rem-gap-48 { gap: 1.28rem } .mi-start-56 { margin-inline-start: 56px } .mi-end-56 { margin-inline-end: 56px } .mi-56 { margin-inline: 56px } .pi-start-56 { padding-inline-start: 56px } .pi-end-56 { padding-inline-end: 56px } .pi-56 { padding-inline: 56px } .gap-56 { gap: 56px } .rem-mi-start-56 { margin-inline-start: 1.4933333333rem } .rem-mi-end-56 { margin-inline-end: 1.4933333333rem } .rem-mi-56 { margin-inline: 1.4933333333rem } .rem-pi-start-56 { padding-inline-start: 1.4933333333rem } .rem-pi-end-56 { padding-inline-end: 1.4933333333rem } .rem-pi-56 { padding-inline: 1.4933333333rem } .rem-gap-56 { gap: 1.4933333333rem } .align-end { text-align: end } .align-start { text-align: start } .inline-block { display: inline-block } .vw100 { width: 100vw } .vh100 { height: 100vh } .text-center { text-align: center } .noSelect { user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none } @font-face { font-display: swap; font-family: harmonyOS; font-style: normal; font-weight: 300; src: url(HarmonyOSSansSC-Light.Ct3OEg3V.woff2) format("woff2") } @font-face { font-display: swap; font-family: harmonyOS; font-style: normal; font-weight: 400; src: url(HarmonyOSSansSC-Regular.BsKfkLI9.woff2) format("woff2") } @font-face { font-display: swap; font-family: harmonyOS; font-style: normal; font-weight: 500; src: url(HarmonyOSSansSC-Medium.Cqv-6mEH.woff2) format("woff2") } @font-face { font-display: swap; font-family: harmonyOS; font-style: normal; font-weight: 700; src: url(HarmonyOSSansSC-Bold.BPdncS35.woff2) format("woff2") } @font-face { font-display: swap; font-family: harmonyOS; font-style: normal; font-weight: 800; src: url(HarmonyOSSansSC-ExtraBold.mE1-9HNY.woff2) format("woff2") } @font-face { font-display: swap; font-family: anjoman; font-style: normal; font-weight: 300; src: url(AnjomanMax-Light.CiqPdSCB.woff2) format("woff2") } @font-face { font-display: swap; font-family: anjoman; font-style: normal; font-weight: 400; src: url(AnjomanMax-Regular.CXWBno4H.woff2) format("woff2") } @font-face { font-display: swap; font-family: anjoman; font-style: normal; font-weight: 500; src: url(AnjomanMax-Medium.l91Ug2_R.woff2) format("woff2") } @font-face { font-display: swap; font-family: anjoman; font-style: normal; font-weight: 600; src: url(AnjomanMax-SemiBold.mhODXntU.woff2) format("woff2") } @font-face { font-display: swap; font-family: anjoman; font-style: normal; font-weight: 700; src: url(AnjomanMax-Bold.DyKnVEEm.woff2) format("woff2") } @font-face { font-display: swap; font-family: anjoman; font-style: normal; font-weight: 800; src: url(AnjomanMax-Black.B01ucJiy.woff2) format("woff2") } @font-face { font-display: swap; font-family: pluswoff; font-style: normal; font-weight: 300; src: url(PlusJakartaSans-Light.D9Q_WNRG.woff2) format("woff2") } @font-face { font-display: swap; font-family: pluswoff; font-style: normal; font-weight: 400; src: url(PlusJakartaSans-Regular.MGkC7OyV.woff2) format("woff2") } @font-face { font-display: swap; font-family: pluswoff; font-style: normal; font-weight: 500; src: url(PlusJakartaSans-Medium.B6R8-NAT.woff2) format("woff2") } @font-face { font-display: swap; font-family: pluswoff; font-style: normal; font-weight: 700; src: url(PlusJakartaSans-Bold.Cjg9rAju.woff2) format("woff2") } @font-face { font-display: swap; font-family: pluswoff; font-style: normal; font-weight: 800; src: url(PlusJakartaSans-ExtraBold.B9mJvdQV.woff2) format("woff2") } .family-gilroy-m { font-weight: 500 } .family-gilroy-b { font-weight: 700 } .family-gilroy-sb { font-weight: 600 } .family-coin { font-family: Coin-Font } .number-font, .number-font *, html[lang=zh-CN] .number-font, html[lang=zh-CN] .number-font * { font-family: Number-Font } [dir=rtl] #conversation-badge { left: 15px; right: auto } [dir=rtl] .symbol-group-tab .el-tabs__nav { float: right } [dir=rtl] .rtl-reversal-x { transform: scaleX(-1) } [data-theme=black-theme] .bg { background-color: #17181e } [data-theme=wh-theme] .bg { background-color: #fff } .layout-default, .layout-webNew { background-color: var(--base-base1); display: flex; flex-direction: column; min-height: 100vh; min-width: 1200px } .responsive-layout { min-width: auto !important } .header-transparent.c-layout-header { margin-bottom: -64px } .header-transparent.c-layout-header:not(.border-b) { background-color: transparent } .layout-agent { background-color: var(--bg-popper); height: 100%; min-width: 1200px } .layout-h5 { height: 100% } [data-theme=black-theme] .theneColor { color: #fff } [data-theme=wh-theme] .theneColor { color: var(--text-1) } [data-theme=black-theme] .selectColor, [data-theme=wh-theme] .selectColor { color: var(--primary) } .layout-exchange { background-color: var(--base-base1); min-width: 1200px } .min-width { width: 1200px } .min-height { min-height: calc(100vh - 540px) } .block-center-x { margin: 0 auto } .divider:after { background-color: var(--border-divider); content: ""; display: block; height: 1px } .border-b, .border-l, .border-r, .border-t { box-shadow: inset 0 -1px 0 var(--border-divider) } .border-xs { box-shadow: 0 0 0 .5px var(--border-divider) } .border-xs-b { box-shadow: inset 0 -.5px 0 var(--border-divider) } .border-xs-t { box-shadow: inset 0 .5px 0 var(--border-divider) } .border-xs-t-b { box-shadow: inset 0 .5px 0 var(--border-divider), inset 0 -.5px 0 var(--border-divider) } .border-xs-l, .border-xs-r { box-shadow: inset 0 .5px 0 var(--border-divider) } .shadow-popper { box-shadow: 0 0 1px #0000001a, 0 4px 8px #0000000d } .color-up { color: var(--success-success1) } .color-down { color: var(--danger-danger1) } .table-th { color: var(--text-text3); font-size: 12px; font-weight: 400; line-height: 18px } .table-td { color: var(--text-1); font-size: 14px; font-weight: 500; line-height: 22px } .overflow-hidden-y { overflow-y: hidden } .overflow-hidden-x { overflow-x: hidden } .overflow-hidden { overflow: hidden } .text-overflow-hidden { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .no-wrap { white-space: nowrap } .fit-content { width: -moz-fit-content; width: fit-content } .relative { position: relative } .absolute { position: absolute } .sticky { position: sticky } .h-1 { color: var(--h-1) } .text-1 { color: var(--text-1) } .text-2 { color: var(--text-2) } .text-3 { color: var(--text-3) } .text-4 { color: var(--text-4) } .text-5 { color: var(--text-5) } .text-btn-1 { color: var(--text-btn-1) } .text-icon { color: var(--text-icon) } .text-link, .text-link-hover { color: var(--text-link) } .text-link-hover:hover { color: var(--text-link-hover) } .text-up { color: var(--up) } .text-down { color: var(--down) } .text-white { color: #fff } .link { color: var(--text-link); cursor: pointer; font-size: 14px; font-weight: 400; line-height: 22px } .link:hover { color: var(--text-link-hover) } .h1 { color: var(--text-1); font-size: 32px; font-weight: 500; line-height: 40px } .disabled { color: var(--text-4); cursor: not-allowed } .block, .icon, .inline { display: inline-block } .wrapper { background-color: var(--bg-wrapper) } .base-wrapper { background-color: var(--base-base1) } .inline-flex { display: inline-flex } .icon-arrow-b { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYAgMAAACdGdVrAAAACVBMVEUAAABzfotzfo0GbYTXAAAAAnRSTlMAgJsrThgAAAAtSURBVAjXYyAbcK1atQCDYlu1agKQYly1ygGkJmslWKnUEjDFBpQCSTqQYRsAMkAMIm62nQIAAAAASUVORK5CYII=) 50%/100% 100% no-repeat; cursor: pointer; display: inline-block; height: 12px; width: 12px } .icon-arrow-b.active { transform: rotate(180deg) } #conversation-badge { background: url(customer-service.BCWBczHS.gif) 50% 50%/100% 100% no-repeat; bottom: 48px; box-sizing: border-box; cursor: pointer; display: none; height: 54px; position: fixed; right: 15px; width: 54px; z-index: 9999 } #conversation-badge #unread-indicator { background: #000; border-radius: 50%; color: #fff; display: none; font-size: 12px; font-weight: 600; height: 20px; line-height: 1.7; margin-left: 10px; min-width: 20px; position: absolute; right: 3px; text-align: center; top: -10px } .rounded-circle { border-radius: 50% } @keyframes tilt-shaking { 0% { transform: rotate(0) } 25% { transform: rotate(5deg) } 50% { transform: rotate(0) } 75% { transform: rotate(-5deg) } to { transform: rotate(0) } } .tilt-animation { animation: tilt-shaking .25s } .grecaptcha-badge { display: none !important } .text-btn { color: var(--text-1); cursor: pointer } .text-btn.active, .text-btn:hover { color: var(--text-link) } .c-button { border-radius: 6px; cursor: pointer; font-size: 16px; font-weight: 600; line-height: 24px; transition: background .3s linear } .c-button.plain { outline: 1px solid var(--bg-button) } .c-button.primary { background: var(--primary-primary3); color: var(--text-btn-1) } .c-button.white { background: var(--text-text0); color: var(--text-text1) } .c-button.disabled { background: var(--base-base3) } .c-button.plain:hover, .c-button.primary:hover { background: var(--bg-button-hover); outline: none } .c-button.plain:active, .c-button.primary:active { background: var(--bg-button-active); outline: none } .c-button.black { background: var(--gray-gray10); color: var(--text-text0) } .button-primary, a.button-primary { background-color: var(--primary-primary3); border-radius: 6px; color: var(--text-btn-1) } .button-primary:hover, a.button-primary:hover { background-color: var(--bg-button-hover) } .c-tooltip-text { display: inline-flex; flex-direction: column } .c-tooltip-text:after { border-bottom: 1px dashed var(--text-3); content: ""; display: inline-block; height: 1px; margin-top: -2px } .c-filter-input.el-input { height: 30px; width: 160px } .c-filter-input.el-input .el-input__wrapper { background-color: var(--bg-fill); box-shadow: none; padding: 1px 8px } .c-filter-input.el-input .el-input__inner { font-size: 14px; font-weight: 500; line-height: 18px } .c-filter-input.el-input .el-input__prefix-inner>:last-child { margin-inline-end: 4px } .c-filter-select { border-radius: 6px; width: 240px } .c-filter-select .el-input__wrapper { background: var(--bg-fill); box-shadow: none; height: 40px } .c-filter-select .el-input__inner { color: var(--text-1); font-size: 14px; font-weight: 500 } .c-search-input .icon-search { height: 16px; width: 16px } .z-index-100000 { z-index: 100000 !important } @media screen and (max-width:1000px) { .footer-left, .header-left, .register-l-ad, .register-left { display: none !important } } @media screen and (max-width:1250px) { .register-l-ad { display: none !important } } @media screen and (max-width:850px) { .scan { display: none !important } } .text-pre { white-space: pre-wrap; word-break: break-word } .text-underline { text-decoration: underline } .text-dotted { -webkit-text-decoration: underline dotted; text-decoration: underline dotted } .text-dashed { border-bottom: 1px dashed var(--text-text3); cursor: help } .tooltip-dashed { border-bottom-color: inherit; border-bottom-style: dashed; border-bottom-width: 1px } .timePopover.el-popover.el-popper { background: var(--base-base6) !important; padding: 16px !important; width: auto !important } .timePopover.el-popover.el-popper .dropdownTime .save { background: var(--gray-gray10); border-radius: 4px; color: var(--text-text6); font-size: 12px; line-height: 14px; padding: 4px 8px } .timePopover.el-popover.el-popper .dropdownTime .save.edit { background: var(--fill-fill2); color: var(--text-text1) } .timePopover.el-popover.el-popper .dropdownTime .title { color: var(--text-text4); width: 68px } .timePopover.el-popover.el-popper .dropdownTime .btnTime { align-items: center; background: var(--fill-fill2); border-radius: 4px; color: var(--text-text3); cursor: pointer; display: flex; font-size: 12px; font-weight: 500; gap: 5px; height: 28px; justify-content: center; line-height: 16px; margin-bottom: 8px; padding: 6px 8px; position: relative; width: 68px } .timePopover.el-popover.el-popper .dropdownTime .btnTime svg { position: absolute; right: -1px; top: -1px } .timePopover.el-popover.el-popper .dropdownTime .btnTime:last-child { margin-bottom: 0 } .timePopover.el-popover.el-popper .dropdownTime .btnTime img { position: absolute; right: -8px; top: -8px } .timePopover.el-popover.el-popper .dropdownTime .btnTime.editTime { background: none; border: 1px solid var(--gray-gray4) } .timePopover.el-popover.el-popper .dropdownTime .btnTime.active { background: none; border: 1px solid var(--text-text1); color: var(--text-text1) } .font-color-specifications .text-0 { color: var(--text-text0) } .font-color-specifications .text-1 { color: var(--text-text1) } .font-color-specifications .text-2 { color: var(--text-text2) } .font-color-specifications .text-3 { color: var(--text-text3) } .font-color-specifications .text-4 { color: var(--text-text4) } .font-color-specifications .text-5 { color: var(--text-text5) } .font-color-specifications .text-6 { color: var(--text-text6) } .activity-reward-center-bg, .activity-reward-center-bg.wrapper { background: #000 } .first-popover.el-popper.el-popover { background: var(--primary-primary3); border-radius: 8px; color: var(--text-text0) } .first-popover.el-popper.el-popover .first-popover-content { padding: 8px 4px } .first-popover.el-popper.el-popover .first-popover-btn { align-items: center; background: var(--text-text0); border-radius: 4px; color: var(--primary-primary3); cursor: pointer; display: flex; font-size: 14px; font-weight: 500; height: 32px; justify-content: center; line-height: 22px; padding: 0 16px } .first-popover.el-popper.el-popover .el-popper__arrow:before { background: var(--primary-primary3) !important; border: none } .style-btn.btn-full { border: 0; border-radius: 90px; font-size: 16px; font-weight: 500; height: 48px; line-height: 24px; margin-left: 0 !important; width: 100% } .style-btn.btn-primary { background: #23262f !important; color: #e3e5eb !important } .style-btn.btn-plain { background: var(--Light-Gray-Gray0, #fff) !important; border: 1px solid var(--Light-Border-Border2, #ccd0d8) !important; color: var(--Light-Text-Text1, #242425) !important } @keyframes move-right { 0% { transform: translate(0) } 50% { transform: translate(10px) } to { transform: translate(0) } } .animation-index { opacity: 0 } .animation-index-1 { opacity: .8; transform: translate3d(0, 90px, 0) } .animation-slide-in-title { animation-fill-mode: both; animation: slide-in 1s .2s forwards } .animation-slide-in { animation-fill-mode: both; animation: slide-in-content 1s .3s forwards } .animation-slide-in-o1 { animation-fill-mode: both; animation: slide-in-content-o 1s .2s forwards } .animation-slide-in-o2 { animation-fill-mode: both; animation: slide-in-content-o 1s .3s forwards } .animation-slide-in-d1 { animation-fill-mode: both; animation: slide-in-content 1s .4s forwards } .animation-slide-in-reverse1 { animation-fill-mode: both; animation: slide-in-reverse 1s 200 forwards } .animation-slide-in-reverse2 { animation-fill-mode: both; animation: slide-in-reverse 1s 300 forwards } @keyframes slide-in { 0% { opacity: 0; transform: translate3d(0, 50px, 0) } to { opacity: 1; transform: translateZ(0) } } @keyframes slide-in-content { 0% { opacity: 0; transform: translate3d(0, 90px, 0) } to { opacity: 1; transform: translateZ(0) } } @keyframes slide-in-content-o { 0% { opacity: .8; transform: translate3d(0, 90px, 0) } to { opacity: 1; transform: translateZ(0) } } @keyframes slide-in-reverse { 0% { opacity: 0; transform: translate3d(0, -50px, 0) } to { opacity: 1; transform: translateZ(0) } } .animation-fade-in { animation-fill-mode: both; animation: fade-in .8s .25s forwards } @keyframes fade-in { 0% { opacity: 0; transform: translate3d(0, 20px, 0) } to { opacity: 1; transform: translateZ(0) } } .cursor-badge-v1-right { position: relative } .cursor-badge-v1-right:after { background: var(--primary-primary3); border-radius: 4px; color: #fefefe; content: attr(data-content); display: block; font-size: 10px; font-weight: 500; left: calc(100% + 4px); line-height: 10px; padding: 4px; position: absolute; top: 50%; transform: translateY(-50%); white-space: nowrap } .cursor-badge-v1-topRight { position: relative } .cursor-badge-v1-topRight:after { background: var(--primary-primary3); border-radius: 4px; bottom: 100%; color: #fefefe; content: attr(data-content); display: block; font-size: 10px; font-weight: 500; left: calc(100% - 20px); line-height: 10px; padding: 4px; position: absolute; transform: translateY(50%); white-space: nowrap } [dir=rtl] .cursor-badge-v1-right:after { left: unset; right: calc(100% + 4px) } [dir=rtl] .cursor-badge-v1-topRight:after { left: unset; right: calc(100% - 20px) } .justify-between { justify-content: space-between } .justify-end { justify-content: flex-end } html[dir=rtl] .mirror-x { transform: scaleX(-1) } .hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none } .hide-scrollbar ::-webkit-scrollbar { display: none } .text-buy { color: var(--green-green2) !important } .text-sell { color: var(--red-red2) !important } .price-success-success1 { color: var(--success-success1) !important } .price-danger-danger2 { color: var(--danger-danger2) !important } #zc__sdk__sys__btn { height: 44px !important; width: 44px !important } .el-button { transition: all .3s linear } .el-button.block { font-size: 16px; font-weight: 500; height: 56px; width: 100% } .el-button.el-button--primary { background-color: var(--primary-primary3); border: none; color: var(--text-btn-1); font-size: 16px; font-weight: 600 } .el-button.el-button--primary:hover { background-color: var(--bg-button-hover) } .el-button.el-button--primary:active { background-color: var(--bg-button-active) } .el-button.is-disabled { background-color: var(--gray-gray2) !important; border: none } .el-popover.el-popper.new-popper { border: 1px solid var(--toasts-toasts1) !important; color: var(--toasts-toasts3); font-size: 12px; font-weight: 400; line-height: 18px; min-width: -moz-fit-content !important; min-width: fit-content !important; padding: 4px 8px; text-align: center; width: -moz-fit-content !important; width: fit-content !important } .el-popover.el-popper.new-popper, .el-popper.is-dark.new-popper .el-popper__arrow:before { background: var(--toasts-toasts1) !important } .buy-crypto-btn.el-button.is-disabled.el-button--primary { background: var(--bg-button) !important; border-radius: 4px; height: 48px; opacity: .16; width: 432px } .buy-crypto-btn.el-button.el-button--primary { border-radius: 4px; height: 48px; width: 432px } .el-button.create-account { border-color: var(--bg-button); color: var(--text-link) !important } .el-input .el-input__icon.el-input__clear { width: 18px } .el-input .el-input__icon.el-input__clear svg { display: none } .el-input .el-input__icon.el-input__clear:after { content: ""; display: inline-block; height: 18px; width: 18px } .el-input .el-input__icon.el-input__clear:after, .el-input.clear-small .el-input__icon.el-input__clear:after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOTSURBVHgBxZjPSxRRHMC/3/dmt4zdCizCDqkXT3raQEMMycAuXTt06l4X3VJWEAYUlzQVof6FAokuQhAEbQepQ3uyi0uQQimEG+raj5md917vja656+zOm91VP6fZnfdmPrz5/ngzCAEZGnoc5WdIs+PABSqwCSiEQcAp9ySCJRjuCMQcNdhaBM6smOb9nSDXR92Bg+Z0GzjQhiguQwAExyyEYGnGjGd0xvsKjYzMNlkG65WrEIVaQMgJgmk/sbJCpjkf3mHfYwJYB9QRFhJL53lz2jTv2KArZJrPItv8bz8K0QhHgVytKGlY8Iov9JLJ8T+3a35EVUoRKJKZDx+LjELeQz0FdU8oJ6Ri5lhk9lAhsUlWY+AlpNK63gGsA81jh8pkKBVCLmJwQrhlZQ9XyC16Go9KALdB0A3QRY7lIPwrtby361AQQiDtfnPUhfObp19Mjw+84jb54DfeEey9GnuO/nopKK6BP64QVWluM7vTb7SMr/TcVNy98MfFNz96u/tzjEBLOZm58eFldZxKpdi13n4ZwN5jC8jz0Z6uvgzZYrlW0EBQWlQkk8l4JuxgqpJMAQ5cq//lT4kWAjTcpDOYMmyLjz6JVZLyklFz1FzQgAraSAhgBPSJlZMqJ6PmgCay+Tbh4OjkPRnUYQhGenrsYbrSgKAyrpDMYlKFjOLQStUqo1AuBKonlkhMHNoNJBJPG6uRKUDcYlcFKmaSyZFs6f/J5IOsV/bpsPvIkFgQEK8ALpbyLgm+yC0JkT1sPcicctnkVxJ0oNzIEYYsqzvBJ7VrlnLQXichC1d0Bsu9S0ajznhKIdAl0EC5kMnJ4ZxO8ytdyQqpfUiKgeXb8QXyrHIx3F8WZMCAiv2GoNEuG/FXgIu2xtuIkoIovbJkWV+itpwrU6gy+d1V3N/kD4xO3Q3YRuqG2trMjj16ro73C2MDM97BCYEO+VQ43heamBhY1w2+eiJftT/PJP+/zRa1jgjdSssPBdploFbcXeh2qKhJ04M/1O6up7PvGzOwFQGrabqBZEIWX5idjf+GckKKxcW39vWumytHKcUE/Azb/LVK89Jz1GuCkrp1o3s5LxrkeXEJ6oiKGWc7nCpdmQK+n2MGE/IF0uBXay0J6hGpTFbJU2mc/gcrKYZUvi4huwABEEJ2AQaZg5lUF6EC7ic9gzQzIi4TCEUE5s8Wdp1qP4OcWAzFusFhgzh81StOKvEPECjb98D3Y+oAAAAASUVORK5CYII=) 0 0/100% 100% no-repeat } .el-input.clear-small .el-input__icon.el-input__clear:after { height: 12px; width: 12px } .el-input .el-input__prefix-inner>:last-child { margin-inline-end: 8px } .h5-input .el-input__icon.el-input__clear { width: 16px } .h5-input .el-input__icon.el-input__clear svg { display: none } .h5-input .el-input__icon.el-input__clear:after { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' fill='%239DA5B0'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='1.4' d='M10.121 10.121 5.878 5.878M5.879 10.121l4.243-4.243'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat; content: ""; display: inline-block; height: 16px; width: 16px } .spot-buy-btn.el-button { border-color: var(--success); border-radius: 10px; font-size: 14px; font-weight: 600; height: 40px; width: 100% } .spot-buy-btn.el-button:hover { background-color: var(--success-hover); border-color: var(--success-hover) } .spot-buy-btn.el-button:active, .spot-buy-btn.el-button:focus { background-color: var(--success); border-color: var(--success) } .spot-buy-btn.el-button--primary { background-color: var(--success) } .spot-sell-btn.el-button { border-color: var(--error); border-radius: 10px; font-size: 14px; font-weight: 600; height: 40px; width: 100% } .spot-sell-btn.el-button:hover { background-color: var(--error-hover); border-color: var(--error-hover) } .spot-sell-btn.el-button:active, .spot-sell-btn.el-button:focus { background-color: var(--error); border-color: var(--error) } .spot-sell-btn.el-button--primary { background-color: var(--error) } .el-form .el-form-item { margin-bottom: 24px } .el-form .el-form-item.is-error .el-input__wrapper, .el-form .el-form-item.is-error .el-input__wrapper:hover { box-shadow: 0 0 0 1px var(--error) inset } .el-form .el-form-item .el-form-item__error { color: #cf304c; font-size: 12px; font-weight: 500; line-height: 18px; margin-top: 8px } .kyc-form .el-form-item__label, .kyc-form .el-form-item__label span { font-size: 16px; font-weight: 500 } .kyc-form .el-form-item__label .label-icon, .kyc-form .el-form-item__label:before { color: #cf304c } .kyc-form .el-input__inner, .register-form .el-input__inner { color: var(--text-1); font-size: 16px; height: 24px; line-height: 24px } .kyc-form .el-form-item__label, .register-form .el-form-item__label { color: var(--text-1) } .kyc-form .el-input__wrapper, .register-form .el-input__wrapper { border: 1px solid var(--border-primary); border-radius: 6px; box-shadow: none; padding: 15px 19px 15px 24px } .kyc-form .el-input__wrapper.is-focus, .kyc-form .el-input__wrapper:hover, .register-form .el-input__wrapper.is-focus, .register-form .el-input__wrapper:hover { box-shadow: 0 0 0 1px var(--primary) inset } .kyc-form .el-button.el-button--primary, .register-form .el-button.el-button--primary { background-color: var(--primary) } .spot-slider .el-slider { height: 16px } .spot-slider .el-slider__runway { background-color: var(--bg-reverse); height: 4px } .spot-slider .el-slider__stop { background: var(--bg-wrapper); border: 2px solid var(--slider-stop-border); box-sizing: border-box; height: 10px; top: -3px; width: 10px } .spot-slider .el-slider__stop.grayscale { border: 2px solid var(--slider-button-border) } .spot-slider .el-slider__button { background: var(--bg-wrapper); border: 4px solid var(--slider-button-border); height: 16px; width: 16px } .spot-slider .el-slider__bar { background-color: var(--slider-button-border); height: 4px } .spot-slider .el-slider__button-wrapper { top: -16px } .spot-slider .el-slider__runway.is-disabled .el-slider__button { border-color: var(--slider-button-border) } .spot-slider .el-slider__runway.is-disabled .el-slider__button-wrapper.hover, .spot-slider .el-slider__runway.is-disabled .el-slider__button-wrapper:hover, .spot-slider .el-slider__runway.is-disabled .el-slider__button.hover { cursor: pointer } .spot-slider .el-slider__runway.is-disabled .el-slider__bar { background-color: var(--slider-button-border) } .el-select:not(.select-clear-hover) .el-input .el-select__caret.el-icon { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAYAAAAGuM1UAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABgSURBVHgBlYs9DoAgDIVf7bEcdPFC/qwEXY1eyEUXjyXCQKIEAn1Jk7bv+2hQm4EgFYSRC4RnLoWNZfm+jrNuOgKozcH7Mml2R07ysNvZP1PSF/4JMSmEkxnVqns7se4FXnUsn3e5uqoAAAAASUVORK5CYII=) 50%/6px 5px no-repeat; height: 14px; width: 14px } .el-select:not(.select-clear-hover) .el-input .el-select__caret.el-icon svg { display: none } .el-select .el-select-dropdown__item.selected { color: var(--text-link) } .el-select-dropdown__item.selected { color: var(--primary-primary3) !important } .el-popper[data-popper-placement^=bottom].el-popover .el-popper__arrow:before, .el-popper[data-popper-placement^=bottom].is-dark .el-popper__arrow:before { border-left-color: var(--toasts-toasts1) !important; border-top-color: var(--toasts-toasts1) !important } .el-popper[data-popper-placement^=top].el-popover .el-popper__arrow:before, .el-popper[data-popper-placement^=top].is-dark .el-popper__arrow:before { border-bottom-color: var(--toasts-toasts1) !important; border-right-color: var(--toasts-toasts1) !important } .el-popper[data-popper-placement^=left].is-dark .el-popper__arrow:before { border-bottom-color: transparent !important; border-left-color: transparent !important; border-right-color: var(--toasts-toasts1) !important; border-top-color: var(--toasts-toasts1) !important } .el-popper[data-popper-placement^=right].is-dark .el-popper__arrow:before { border-bottom-color: var(--toasts-toasts1) !important; border-left-color: var(--toasts-toasts1) !important; border-right-color: transparent !important; border-top-color: transparent !important } .el-select__popper .el-popper__arrow { display: none } .el-popper.is-dark.slider-tooltip { border: 1px solid var(--toasts-toasts1); color: var(--toasts-toasts3) } .el-popper.is-dark { background-color: var(--toasts-toasts1) !important } .el-popper.is-dark .el-popper__arrow:before { background: var(--toasts-toasts1) !important } .el-popover.el-popper.is-dark { background-color: var(--toasts-toasts1) !important; border: 1px solid var(--toasts-toasts1) } .el-popover.el-popper.is-dark .el-popper__arrow:before { background: var(--toasts-toasts1) !important } .el-popover.el-popper.futures-popper-class { width: 250px !important } .el-popover.el-popper.futures-popper-class .link-class { color: #5583fc } .el-popover.el-popper.futures-popper-class.popper-w320 { width: 320px !important } .el-popover.el-popper.futures-popper-class.popper-w210 { width: 210px !important } .el-popover.el-popper.futures-popper-class.small { width: 200px !important } .el-popover.el-popper.futures-popper-class.small .futures-popover-content { width: 184px } .el-popover.el-popper.futures-popper-class.strategt { width: 290px !important } .el-popover.el-popper.futures-popper-class.strategt .futures-popover-content { width: 274px } .el-popover.el-popper.futures-popper-class.strategt-small { width: 175px !important } .el-popover.el-popper.futures-popper-class.strategt-small .futures-popover-content { width: 160px } .el-popover.el-popper.futures-popper-class.order-small { width: 155px !important } .el-popover.el-popper.futures-popper-class.order-small .futures-popover-content { width: 140px } .el-select-dropdown.strategy-select-option .el-select-dropdown__item { color: var(--text-text3) !important } .el-select-dropdown.strategy-select-option .el-select-dropdown__item.selected, .el-select-dropdown.strategy-select-option .el-select-dropdown__item:hover { color: var(--text-text1) !important } .el-popover.el-popper.futures-popper-cash { max-width: 170px !important } .futures-popover-cash, .futures-popover-content { color: var(--text-text0); line-height: 22px; text-align: start; word-break: break-word } .futures-popover-content { width: 234px } .not-data { padding: 44px 0 42px; text-align: center } .not-data .not-data-empty-img { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' fill='none' viewBox='0 0 80 80'%3E%3Cpath fill='%231b1b1c' fill-rule='evenodd' d='M2.964 24.722a3.55 3.55 0 0 1 4.532-2.19l5.736 2.005a3.575 3.575 0 0 1 2.2 4.541 3.55 3.55 0 0 1-4.533 2.19l-5.735-2.005a3.575 3.575 0 0 1-2.2-4.541m1.18.412a2.306 2.306 0 0 1 2.943-1.42l5.736 2.004a2.32 2.32 0 0 1 1.428 2.948 2.306 2.306 0 0 1-2.942 1.42l-5.736-2.004a2.32 2.32 0 0 1-1.429-2.948M13.648 22.429l-3.398-5.042a3.56 3.56 0 0 1 .96-4.946 3.567 3.567 0 0 1 4.947.97l3.398 5.043a3.56 3.56 0 0 1-.96 4.946 3.567 3.567 0 0 1-4.947-.971m1.037-.698-3.398-5.042a2.31 2.31 0 0 1 .622-3.211 2.316 2.316 0 0 1 3.211.632l3.398 5.042a2.31 2.31 0 0 1-.622 3.211 2.316 2.316 0 0 1-3.211-.632' clip-rule='evenodd'/%3E%3Cpath fill='%231b1b1c' d='m17.179 17.164.842 1.25h53.328c.69 0 1.25.56 1.25 1.25V61.43c0 .69-.56 1.25-1.25 1.25H51.254a9.4 9.4 0 0 1-.678 1.25H71.35a2.5 2.5 0 0 0 2.5-2.5V19.664a2.5 2.5 0 0 0-2.5-2.5zM34.811 63.93a9.4 9.4 0 0 1-.677-1.25H14.04c-.69 0-1.25-.56-1.25-1.25V30.102a2.3 2.3 0 0 1-1.25.052V61.43a2.5 2.5 0 0 0 2.5 2.5zM11.54 19.664c0-.638.238-1.22.632-1.662l.746 1.108c-.082.167-.129.355-.129.554v6.042l-1.25-.437z'/%3E%3Cpath fill='%231b1b1c' fill-rule='evenodd' d='m17.747 41.372-.102.242-.042-.018v13.085h16.701q-.3.603-.514 1.25H17.603c-.69 0-1.25-.56-1.25-1.25V41.372c0-.38.169-.72.436-.949l3.635-8.665a.63.63 0 0 1 .576-.383h43.5c.252 0 .479.151.576.383l3.73 8.894c.145.203.229.452.229.72v13.31c0 .69-.56 1.25-1.25 1.25H51.598a9 9 0 0 0-.514-1.25h16.701V41.447l-.032-.076zm.524-1.25h48.958l-3.145-7.497h-3.698l1.585 4.444a.625.625 0 0 1-.589.835H24.386a.625.625 0 0 1-.598-.808l1.367-4.47h-3.74zm8.191-7.497H59.06l1.437 4.03H25.23z' clip-rule='evenodd'/%3E%3Cpath fill='%231b1b1c' fill-rule='evenodd' d='M42.694 68.231a9.37 9.37 0 1 0 0-18.742 9.37 9.37 0 0 0 0 18.742m4.099-13.676a1.324 1.324 0 0 0-1.872 0l-2.317 2.317-2.135-2.135a1.324 1.324 0 1 0-1.872 1.873l2.134 2.134-2.364 2.364a1.324 1.324 0 1 0 1.873 1.873l2.364-2.365 2.546 2.547a1.324 1.324 0 1 0 1.873-1.872l-2.547-2.547 2.317-2.317a1.324 1.324 0 0 0 0-1.872' clip-rule='evenodd'/%3E%3C/svg%3E") 50%/74px 74px no-repeat; height: 88px; margin: 0 auto; width: 88px } .dark .not-data .not-data-empty-img { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' fill='none' viewBox='0 0 80 80'%3E%3Cpath fill='%23fefefe' fill-rule='evenodd' d='M2.964 24.722a3.55 3.55 0 0 1 4.532-2.19l5.736 2.005a3.575 3.575 0 0 1 2.2 4.541 3.55 3.55 0 0 1-4.533 2.19l-5.735-2.005a3.575 3.575 0 0 1-2.2-4.541m1.18.412a2.306 2.306 0 0 1 2.943-1.42l5.736 2.004a2.32 2.32 0 0 1 1.428 2.948 2.306 2.306 0 0 1-2.942 1.42l-5.736-2.004a2.32 2.32 0 0 1-1.429-2.948M13.648 22.429l-3.398-5.042a3.56 3.56 0 0 1 .96-4.946 3.567 3.567 0 0 1 4.947.97l3.398 5.043a3.56 3.56 0 0 1-.96 4.946 3.567 3.567 0 0 1-4.947-.971m1.037-.698-3.398-5.042a2.31 2.31 0 0 1 .622-3.211 2.316 2.316 0 0 1 3.211.632l3.398 5.042a2.31 2.31 0 0 1-.622 3.211 2.316 2.316 0 0 1-3.211-.632' clip-rule='evenodd'/%3E%3Cpath fill='%23fefefe' d='m17.179 17.164.842 1.25h53.328c.69 0 1.25.56 1.25 1.25V61.43c0 .69-.56 1.25-1.25 1.25H51.254a9.4 9.4 0 0 1-.678 1.25H71.35a2.5 2.5 0 0 0 2.5-2.5V19.664a2.5 2.5 0 0 0-2.5-2.5zM34.811 63.93a9.4 9.4 0 0 1-.677-1.25H14.04c-.69 0-1.25-.56-1.25-1.25V30.102a2.3 2.3 0 0 1-1.25.052V61.43a2.5 2.5 0 0 0 2.5 2.5zM11.54 19.664c0-.638.238-1.22.632-1.662l.746 1.108c-.082.167-.129.355-.129.554v6.042l-1.25-.437z'/%3E%3Cpath fill='%23fefefe' fill-rule='evenodd' d='m17.747 41.372-.102.242-.042-.018v13.085h16.701q-.3.603-.514 1.25H17.603c-.69 0-1.25-.56-1.25-1.25V41.372c0-.38.169-.72.436-.949l3.635-8.665a.63.63 0 0 1 .576-.383h43.5c.252 0 .479.151.576.383l3.73 8.894c.145.203.229.452.229.72v13.31c0 .69-.56 1.25-1.25 1.25H51.598a9 9 0 0 0-.514-1.25h16.701V41.447l-.032-.076zm.524-1.25h48.958l-3.145-7.497h-3.698l1.585 4.444a.625.625 0 0 1-.589.835H24.386a.625.625 0 0 1-.598-.808l1.367-4.47h-3.74zm8.191-7.497H59.06l1.437 4.03H25.23z' clip-rule='evenodd'/%3E%3Cpath fill='%23fefefe' fill-rule='evenodd' d='M42.694 68.231a9.37 9.37 0 1 0 0-18.742 9.37 9.37 0 0 0 0 18.742m4.099-13.676a1.324 1.324 0 0 0-1.872 0l-2.317 2.317-2.135-2.135a1.324 1.324 0 1 0-1.872 1.873l2.134 2.134-2.364 2.364a1.324 1.324 0 1 0 1.873 1.873l2.364-2.365 2.546 2.547a1.324 1.324 0 1 0 1.873-1.872l-2.547-2.547 2.317-2.317a1.324 1.324 0 0 0 0-1.872' clip-rule='evenodd'/%3E%3C/svg%3E") 50%/74px 74px no-repeat } .order-not-line.el-table td.el-table__cell { border-bottom: none } .order-not-line.el-table .cell { padding: 0 6px } .order-not-line.el-table .el-table__inner-wrapper:before { height: 0 } .order-sub-table.order-table .el-table__body .el-table__cell, .order-sub-table.order-table .el-table__header .el-table__cell { background-color: var(--bg-fill) } .futures-order-table .el-table .el-table__cell, .order-table .el-table .el-table__cell, .strategy-order-table .el-table .el-table__cell { text-align: start } .futures-order-table .el-table .el-table__cell.is-right, .order-table .el-table .el-table__cell.is-right, .strategy-order-table .el-table .el-table__cell.is-right { text-align: end } .futures-order-content .new-order-table.order-table .el-table__body .el-table__cell { padding: 12px 0 } .order-table { width: 100% } .order-table .order-table { margin: 0 !important } .order-table .el-table__empty-text { line-height: 1 } .order-table .el-table__header thead { color: var(--text-text3); font-size: 12px; line-height: 18px } .order-table .el-table__header .el-table__cell { background-color: var(--base-base1); padding: 11px 0 10px } .order-table .el-table__header .el-table__cell .cell { font-weight: 400; line-height: 18px } .order-table .el-table__header .el-table__cell.is-leaf { border-bottom-color: var(--border-divider) } .order-table .el-table__body .el-table__cell { padding: 7px 0 } .order-table .el-table__body .el-table__cell .cell { color: var(--text-text1); font-size: 12px; font-weight: 500; line-height: 18px } .order-table .el-table__body .el-table__header .el-table__cell .cell { color: var(--text-text4) } .order-table .el-table__body .el-table__expanded-cell.el-table__cell { padding: 0 } .order-table.el-table { background-color: var(--base-base1) } .order-table.el-table .el-table__expand-icon { display: none } .order-table.el-table td.el-table__cell { border-color: var(--border-divider) } .order-table.el-table .sort-caret.descending { border-top-color: var(--text-icon-2) } .order-table.el-table .sort-caret.ascending { border-bottom-color: var(--text-icon-2) } .order-table.el-table .descending .sort-caret.descending { border-top-color: var(--text-link) } .order-table.el-table .ascending .sort-caret.ascending { border-bottom-color: var(--text-link) } .order-table a { color: var(--text-link) } .el-pagination.is-background.c-cover { display: flex; justify-content: flex-end; padding: 0; text-align: right } .el-pagination.is-background.c-cover .btn-next, .el-pagination.is-background.c-cover .btn-prev, .el-pagination.is-background.c-cover .el-pager li { background-color: var(--bg-wrapper); border: 1px solid var(--border-primary); border-radius: 4px; color: var(--text-text4); font-size: 14px; font-weight: 500; line-height: 22px } .el-pagination.is-background.c-cover .btn-next:not(.is-disabled).is-active, .el-pagination.is-background.c-cover .btn-prev:not(.is-disabled).is-active, .el-pagination.is-background.c-cover .el-pager li:not(.is-disabled).is-active { background-color: var(--primary); color: var(--text-btn-1) } .el-radio .el-radio__inner { height: 20px; width: 20px } .el-radio .el-radio__inner:after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAABB7B6eAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACqSURBVHgBtZBREYMwEERPQiUgAQl1Ugmtg1YCDoqDSqiE4CASkHDsMPkAJnfcJeHN7PCRzVsmRI1h5icyIxHpqSUQvnlPoFZk5CvUAkkOBqpFkY9UiyKfjsUOuZMDTY7cpGLYHcryh0meyvFQUkdc8nRhzpT/TnkUfwoHL+HS1yHv6ORNP9oIvn2x3DDy4/wz2uWGkXq5Y6Rcbhipl29Gxsvkm5EhyUOpfAE50oozoTPQ9gAAAABJRU5ErkJggg==) 0 0/9px 7px no-repeat; border-radius: 0; height: 7px; width: 9px } .el-radio .el-radio__label { color: var(--text-1); font-weight: 500 } .el-radio.is-checked .el-radio__label { color: var(--text-1) } .profit-loss-radio .el-radio .el-radio__inner { background: transparent; border: 1px solid #9da5b0; font-size: 12px; height: 16px; width: 16px } .profit-loss-radio .el-radio .el-radio__inner:after { background: var(--primary-primary3); border: 1px solid var(--primary-primary3); border-radius: 4px; height: 6px; width: 6px } .profit-loss-radio .el-radio.el-radio--large .el-radio__label { font-size: 12px } .profit-loss-radio .el-radio .el-radio__label { color: var(--text-text3); font-weight: 500 } .profit-loss-radio .el-radio.is-checked .el-radio__label { color: var(--text-text0) } .profit-loss-radio .el-radio.is-checked .el-radio__inner { background: transparent; border: 1px solid var(--primary-primary3) } .profit-loss-radio .el-radio.is-checked .futures-icon-m { background: var(--fill-fill2) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Crect width='14' height='14' fill='%2317181E' rx='2'/%3E%3Cpath fill='%23fff' d='M11.04 2.8v8.4H9.66V5.212L7.104 9.436h-.168L4.38 5.2v6H3V2.8h1.488L7.02 7l2.544-4.2z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat; border-radius: 2px; height: 14px; width: 14px } .profit-loss-radio .el-radio.is-checked .futures-icon-l { background: var(--fill-fill2) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Crect width='14' height='14' fill='%2317181E' rx='2'/%3E%3Cpath fill='%23fff' d='M5.98 9.88H9.4v1.32H4.6V2.8h1.38z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat; border-radius: 2px; height: 14px; width: 14px } .el-popper.c-cover-popper { background-color: var(--toasts-toasts1) !important; border-color: var(--toasts-toasts1) !important; border-radius: 4px; color: var(--toasts-toasts3); font-size: 12px; font-weight: 400; line-height: 18px; max-width: 240px; padding: 5px 8px; text-align: left } .el-popper.c-cover-popper.text-align-left { text-align: left } .el-popper.c-cover-popper .el-popper__arrow:before { background: var(--toasts-toasts1); border-color: var(--toasts-toasts1) } .el-dialog, .transfer-dialog { position: relative } .el-dialog .el-dialog__header, .transfer-dialog .el-dialog__header { display: none } .el-dialog .el-dialog__body, .transfer-dialog .el-dialog__body { padding: 24px } .el-dialog .el-dialog__body { background-color: var(--fill-fill8) } .el-date-editor.c-cover-filter { display: flex } .el-date-editor.c-cover-filter.el-input__wrapper { background-color: var(--bg-fill); box-shadow: none; width: 230px } .el-date-editor.c-cover-filter .el-icon { font-size: 12px } .el-date-editor.c-cover-filter .el-icon.el-input__icon.el-range__icon { order: 1 } .el-date-editor.c-cover-filter .el-icon.el-input__icon.el-range__icon:after { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath fill='%23737E8D' fill-rule='evenodd' d='M4 .5a.5.5 0 0 1 .5.5v.25h3V1a.5.5 0 0 1 1 0v.25h1.75a1 1 0 0 1 1 1V10a1 1 0 0 1-1 1h-8.5a1 1 0 0 1-1-1V2.25a1 1 0 0 1 1-1H3.5V1A.5.5 0 0 1 4 .5m3.5 1.75V3a.5.5 0 0 0 1 0v-.75h1.75v2h-8.5v-2H3.5V3a.5.5 0 0 0 1 0v-.75zm2.75 3h-8.5V10h8.5zM6.5 8.5A.5.5 0 0 1 7 8h1.5a.5.5 0 0 1 0 1H7a.5.5 0 0 1-.5-.5m-3-.5a.5.5 0 0 0 0 1H5a.5.5 0 0 0 0-1zm3-1.5A.5.5 0 0 1 7 6h1.5a.5.5 0 0 1 0 1H7a.5.5 0 0 1-.5-.5m-3-.5a.5.5 0 0 0 0 1H5a.5.5 0 0 0 0-1z' clip-rule='evenodd'/%3E%3C/svg%3E") 50%/100% 100% no-repeat; content: ""; display: inline-block; height: 12px; width: 12px } .el-date-editor.c-cover-filter .el-icon.el-input__icon.el-range__icon svg { display: none } .el-date-editor.c-cover-filter .el-range-separator { color: transparent; padding: 0; position: relative; width: 12px } .el-date-editor.c-cover-filter .el-range-separator:after { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23737E8D' fill-rule='evenodd' d='M11.054 6.23a.6.6 0 0 0-.13-.654l-3-3a.6.6 0 1 0-.849.848L9.051 5.4H1.5a.6.6 0 0 0 0 1.2H9.05L7.075 8.576a.6.6 0 0 0 .849.848l3-3a.6.6 0 0 0 .13-.194' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M12 0v12H0V0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 50%/100% 100% no-repeat; content: ""; display: inline-block; height: 12px; position: absolute; width: 12px } .el-popover.el-popper { padding: 4px 8px !important } .el-popover.el-popper.c-header-popper { background-color: var(--base-base1); border: none; border-radius: 12px; box-shadow: 0 0 1px #0000001a, 0 8px 16px #0000000d; margin-bottom: 5px !important; margin-top: -7px; padding: 0 } .el-popover.el-popper.c-header-popper .el-popper__arrow:before { border: none !important } .el-popover.el-popper.c-header-popper.c-header-popper-border { border: .5px solid var(--border-border1) } .el-popover.el-popper.c-cover-popper-pane { background-color: var(--gray-gray0); border: none; border-radius: 4px; box-shadow: 0 8px 16px #0000000d; box-shadow: 0 0 1px #0000001a } .el-message { --el-message-bg-color: var(--fill-fill8); --el-message-border-color: var(--fill-fill8); --el-message-padding: 10px 16px; border: 1px solid var(--el-message-border-color); border-radius: 10px } .el-message .el-message__icon { align-self: flex-start; height: 20px; margin-right: 0; margin-inline-end: 8px; width: 20px } .el-message .el-message__icon svg { display: none } .el-message.is-closable .el-message__content { margin-inline-end: 36px; padding-right: 0 } .el-message .el-message__content { color: var(--text-text1); flex: 1; font-size: 14px; font-weight: 500; line-height: 20px } .el-message .el-message__closeBtn { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%231D1D1F' fill-rule='evenodd' d='M3.725 3.16a.2.2 0 0 1 .283 0l8.565 8.565a.2.2 0 0 1 0 .283l-.565.566a.2.2 0 0 1-.283 0L3.159 4.008a.2.2 0 0 1 0-.283z' clip-rule='evenodd'/%3E%3Cpath fill='%231D1D1F' fill-rule='evenodd' d='M12.573 3.725a.2.2 0 0 1 0 .283l-8.565 8.566a.2.2 0 0 1-.283 0l-.566-.566a.2.2 0 0 1 0-.283l8.566-8.565a.2.2 0 0 1 .283 0z' clip-rule='evenodd'/%3E%3C/svg%3E") 0 0/100% no-repeat; height: 20px; right: 16px; top: 10px; transform: none; width: 20px } .el-message .el-message__closeBtn svg { display: none } .el-message.el-message--success .el-message__icon, .el-message.toast-success .el-message__icon { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%2319B473' d='M19 10a9 9 0 1 1-18 0 9 9 0 0 1 18 0'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M14.495 7.995 9 13.49 5.505 9.995l.99-.99L9 11.51l4.505-4.505z' clip-rule='evenodd'/%3E%3C/svg%3E") 0 0/100% no-repeat } .el-message.el-message--success .el-badge__content, .el-message.toast-success .el-badge__content { background-color: var(--success-success1); border-color: var(--success-success1) } .el-message.el-message--warning .el-message__icon, .el-message.toast-warning .el-message__icon { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23F6A609' d='M19 10a9 9 0 1 1-18 0 9 9 0 0 1 18 0'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M10 15a1 1 0 1 0 0-2 1 1 0 0 0 0 2' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' d='M9.1 5.35h1.8v6H9.1z'/%3E%3C/svg%3E") 0 0/100% no-repeat } .el-message.el-message--warning .el-badge__content, .el-message.toast-warning .el-badge__content { background-color: var(--warning-warning1); border-color: var(--warning-warning1) } .el-message.el-message--error .el-message__icon, .el-message.toast-error .el-message__icon { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23F53D55' d='M19 10a9 9 0 1 1-18 0 9 9 0 0 1 18 0'/%3E%3Cpath fill='%23fff' d='m10 10.99 2.505 2.505.99-.99L10.99 10l2.505-2.505-.99-.99L10 9.01 7.495 6.505l-.99.99L9.01 10l-2.505 2.505.99.99z'/%3E%3C/svg%3E") 0 0/100% no-repeat } .el-message.el-message--error .el-badge__content, .el-message.toast-error .el-badge__content { background-color: var(--danger-danger1); border-color: var(--danger-danger1) } @media only screen and (max-width:430px) { .el-message { max-width: calc(100vw - 32px); width: 100% } .el-message .el-message__content { font-size: 13px } } .light .el-message { box-shadow: 0 0 6px #0000000a, 0 8px 16px #0000000f } .dark .el-message, .light .el-message.dark { box-shadow: 0 0 6px #0006, 0 8px 16px #0009 } .dark .el-message.light { box-shadow: 0 0 6px #0000000a, 0 8px 16px #0000000f } .dark .el-message .el-message__closeBtn { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23FEFEFE' fill-rule='evenodd' d='M3.725 3.16a.2.2 0 0 1 .283 0l8.565 8.565a.2.2 0 0 1 0 .283l-.565.566a.2.2 0 0 1-.283 0L3.159 4.008a.2.2 0 0 1 0-.283z' clip-rule='evenodd'/%3E%3Cpath fill='%23FEFEFE' fill-rule='evenodd' d='M12.573 3.725a.2.2 0 0 1 0 .283l-8.565 8.566a.2.2 0 0 1-.283 0l-.566-.566a.2.2 0 0 1 0-.283l8.566-8.565a.2.2 0 0 1 .283 0z' clip-rule='evenodd'/%3E%3C/svg%3E") 0 0/100% no-repeat } [dir=rtl] .el-message .el-message__closeBtn { left: 16px; right: unset } .futures-profit-loss-select-item, .futures-unity-select-item { padding: 0 10px !important } .futures-profit-loss-select-popper .futures-profit-loss-select-item { color: var(--text-text3) } .futures-profit-loss-select-popper .futures-profit-loss-select-item.selected { color: var(--text-text1) !important } .futures-advanced-radio .el-radio { margin-inline-end: 16px } .futures-advanced-radio .el-radio .el-radio__label, .futures-advanced-radio .el-radio__input.is-checked+.el-radio__label { color: var(--text-2) } .futures-advanced-radio .el-radio__input.is-checked .el-radio__inner { background-color: var(--bg-button); border-color: var(--bg-button) } .futures-advanced-radio .el-radio.el-radio--large .el-radio__label { font-size: 12px } .senior-type-select .el-input__suffix-inner>:first-child, .senior-unity-select .el-input__suffix-inner>:first-child, .senior-unity-select2 .el-input__suffix-inner>:first-child { margin-left: 2px } .senior-type-select .el-input__wrapper, .senior-unity-select .el-input__wrapper, .senior-unity-select2 .el-input__wrapper { box-shadow: none; padding: 0 } .senior-type-select .el-input__wrapper.is-focus, .senior-type-select .el-input__wrapper:hover, .senior-unity-select .el-input__wrapper.is-focus, .senior-unity-select .el-input__wrapper:hover, .senior-unity-select2 .el-input__wrapper.is-focus, .senior-unity-select2 .el-input__wrapper:hover { box-shadow: none !important } .senior-type-select .el-input__inner, .senior-unity-select .el-input__inner, .senior-unity-select2 .el-input__inner { color: var(--text-2); font-weight: 500; height: 32px; text-align: right } .senior-type-select.el-select .el-input .el-input__wrapper.is-focus, .senior-type-select.el-select .el-input.is-focus .el-input__wrapper, .senior-unity-select.el-select .el-input .el-input__wrapper.is-focus, .senior-unity-select.el-select .el-input.is-focus .el-input__wrapper, .senior-unity-select2.el-select .el-input .el-input__wrapper.is-focus, .senior-unity-select2.el-select .el-input.is-focus .el-input__wrapper { box-shadow: none !important } .senior-type-select.el-select .el-select-dropdown__item.is-disabled, .senior-unity-select.el-select .el-select-dropdown__item.is-disabled, .senior-unity-select2.el-select .el-select-dropdown__item.is-disabled { color: var(--text-3); font-size: 12px } .senior-unity-select2 { width: 120px } .senior-unity-select2 .el-input__inner { font-size: 14px } .el-select.senior-unity-select.senior-unity-select4 { width: 260px } .el-select.senior-unity-select.senior-unity-select4 .el-input__inner { height: 32px } .senior-type-select { width: 64px } .senior-type-select .el-input__inner { font-size: 14px } .senior-unity-select { height: 32px } .senior-unity-select .el-input__inner { font-size: 12px } .senior-dialog { border-radius: 4px } .senior-dialog .el-dialog__footer, .senior-dialog .el-dialog__header { display: none } .senior-dialog .el-dialog__body { padding: 16px 24px } .senior-type-select-popper .el-select-dropdown__item.selected { color: var(--primary-primary3) !important } .el-drawer .el-drawer__header { display: none } .el-drawer .el-drawer__body { padding: 16px 26px 16px 24px } .el-switch.futures-switch { height: 20px } .el-switch.futures-switch.is-checked .el-switch__core { background-color: var(--primary-primary3) } .el-overlay { background: var(--bg-layer) !important } .dropdown-border-none.el-dropdown__popper.el-popper, .dropdown-border-none.el-dropdown__popper.el-popper .el-popper__arrow:before { border: none } .el-popper.is-customized { background: var(--toasts-toasts1); border-radius: 4px; color: var(--toasts-toasts3); font-size: 12px; line-height: 18px; padding: 5px 8px; width: 240px } .el-popper.is-customized .el-popper__arrow:before { background: var(--toasts-toasts1); right: 0 } .card-tips-180.el-popover.el-popper, .card-tips.el-popover.el-popper { background-color: var(--toasts-toasts1); border: none; border-radius: 4px; box-shadow: none; color: var(--toasts-toasts3); padding: 4px 8px } .card-tips-180.el-popover.el-popper .break-word, .card-tips.el-popover.el-popper .break-word { display: inline-block; overflow-wrap: break-word; text-align: left } .card-tips-120.el-popover.el-popper { min-width: 120px; width: 120px !important } .card-tips-130.el-popover.el-popper { min-width: 130px; width: 130px !important } .card-tips-180.el-popover.el-popper { min-width: 180px; width: 180px !important } .card-tips.el-popover.el-popper .el-popper__arrow:before, .common-tips.el-popover.el-popper { background-color: var(--toasts-toasts1) } .common-tips.el-popover.el-popper { border-radius: 4px; box-shadow: none; color: var(--toasts-toasts3); min-width: auto; padding: 4px 8px; width: -moz-fit-content !important; width: fit-content !important } .common-tips.el-popover.el-popper .el-popper__arrow:before { background-color: var(--toasts-toasts1) } .common-tooltip.el-popper { font-size: 12px; line-height: 18px; max-width: 250px; min-width: 40px; padding: 8px; text-align: left; word-break: break-word } .common-tooltip.el-popper, .common-tooltip.el-popper.is-dark { background: var(--toasts-toasts1); color: var(--toasts-toasts3) } .common-tooltip.el-popper.is-dark { border: 1px solid var(--toasts-toasts1) } .common-tooltip.el-popper.is-dark .el-popper__arrow:before { background: var(--toasts-toasts1) } .common-tooltip.el-popper.analysis-tooltip { background: var(--toasts-toasts1) !important; border: 1px solid var(--toasts-toasts1) !important; color: var(--toasts-toasts3) !important } .common-tooltip.el-popper.analysis-tooltip .el-popper__arrow:before { background: var(--toasts-toasts1) !important } .common-tooltip.el-popper.unrealised-tooltip { max-width: 350px; padding: 12px } .position-tooltip.el-popper { background: var(--toasts-toasts1); color: var(--toasts-toasts3); font-size: 12px; line-height: 18px; min-width: 50px; padding: 12px; text-align: left; width: 324px; word-break: break-word } .position-tooltip.el-popper.is-dark { background: var(--toasts-toasts1); border: 1px solid var(--toasts-toasts1); color: var(--toasts-toasts3) } .position-tooltip.el-popper.is-dark .el-popper__arrow:before { background: var(--toasts-toasts1) } .position-tooltip.el-popper .position-head { border-bottom: 1px solid #3f4249; padding-bottom: 12px } .common-popover.el-popover.el-popper { background: var(--toasts-toasts1); color: var(--toasts-toasts3); font-size: 12px; line-height: 18px; max-width: 234px; min-width: 50px; padding: 4px 8px; text-align: left; word-break: break-word } .common-popover.el-popover.el-popper .el-popper__arrow:before { background: var(--toasts-toasts1) } .common-popover.el-popover.el-popper.is-dark { background: var(--toasts-toasts1); color: var(--toasts-toasts3) } .common-popover.el-popover.el-popper.is-dark .el-popper__arrow:before { background: var(--toasts-toasts1) } .el-message { z-index: 20002 !important } .futures-preferences { background-color: var(--base-base1) !important } .futures-preferences .el-drawer__body { padding: 0 !important } .futures-preferences .preference-header { background-color: var(--base-base1); border-bottom: 1px solid var(--border-border1); margin: 0 16px; padding: 20px 0 } .futures-preferences .preference-item { padding: 12px 0 } .futures-preferences .closed-icon { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGCSURBVHgB7dfLUcNADAZgrU0BlEAbcIMLHOmApASSGa44BcSTDjBlwCm3XKGD0IELwCwrg8GJn9Jqc4m+mTw9tvWPPZYWQCmllFLqeBkgmi/SOyjsyn3NITbJ8nH2DB58jxcBVWET937qXmfue1YWwPRbfFY73gqI6AF+TvaPGaJW/B9rTA5E5AA2gvvGn8QQbcWXzOcCiGIg2qxf384vrz+MhdudDe73xdXNdrN+ee/bv6t4GxXTNHnIgIgcAHFDSBePWAEQNUSI4hE7ABobIlTxiNwH2syS5cR8wVNjQ2wm5Weg4pFIANQZooVU8cjrFqrrvJ32SBaPxAKgoRDSxSNOJ+5ljCu/c9uJBWGiV6Czw1ZGNjsKsQCDxVeEQ4jcQn3PeTc7TRs7eE6xdd5XYKhJ+c5OQ7wCjO2wIUOwA1DHg1AhWAG4s02IEOQAvoOZdAjumnj33MQOmybzrOPpdPg1MXc8aAtxsDWxO9HWDQa572xThaiOx1kTK6WUUkods29TbGZPplBEDQAAAABJRU5ErkJggg==) 0 0/24px 24px no-repeat; height: 24px; width: 24px } .futures-preferences.el-drawer.rtl { top: 0 } .futures-preferences .el-switch.is-checked .el-switch__core { border-color: var(--primary-primary3) } .el-table-fixed-column--right { box-shadow: -10px 0 10px #0000000d } .dark .el-table-fixed-column--right { box-shadow: -10px 0 10px #00000080, 0 0 0 transparent } .order-revoke-dialog { border: 1px solid var(--border-border1) } .order-revoke-dialog .el-dialog__body { background-color: var(--base-base6); border: none } .order-revoke-dialog .el-dialog__footer { background-color: var(--base-base6) } .el-dialog.dialog-open-anim { animation: anim-open .3s ease !important } @keyframes anim-open { 0% { transform: scale(0) } to { transform: scale(1) } } html.dark, html.light { --el-color-primary: var(--primary-primary3); --el-text-color-regular: var(--text-text1); --el-datepicker-off-text-color: var(--text-text4) } .el-pagination.futures-strategy-pagination, .is-background.el-pagination.futures-strategy-pagination { padding: 0; text-align: right } .el-pagination.futures-strategy-pagination .btn-next, .el-pagination.futures-strategy-pagination .btn-prev, .el-pagination.futures-strategy-pagination .el-pager li, .is-background.el-pagination.futures-strategy-pagination .btn-next, .is-background.el-pagination.futures-strategy-pagination .btn-prev, .is-background.el-pagination.futures-strategy-pagination .el-pager li { background: none; background: transparent; border: 1px solid var(--border-border1); border-radius: 4px; color: var(--text-text3); font-size: 14px; font-weight: 500; height: 32px; line-height: 22px; min-width: 32px; width: 32px } .el-pagination.futures-strategy-pagination .btn-next:not(.is-disabled).is-active, .el-pagination.futures-strategy-pagination .btn-prev:not(.is-disabled).is-active, .el-pagination.futures-strategy-pagination .el-pager li:not(.is-disabled).is-active, .is-background.el-pagination.futures-strategy-pagination .btn-next:not(.is-disabled).is-active, .is-background.el-pagination.futures-strategy-pagination .btn-prev:not(.is-disabled).is-active, .is-background.el-pagination.futures-strategy-pagination .el-pager li:not(.is-disabled).is-active { background-color: #2a64fb; border: none; color: #fff } .el-pagination.futures-strategy-pagination .btn-next, .el-pagination.futures-strategy-pagination .btn-next:disabled, .el-pagination.futures-strategy-pagination .btn-prev, .el-pagination.futures-strategy-pagination .btn-prev:disabled, .is-background.el-pagination.futures-strategy-pagination .btn-next, .is-background.el-pagination.futures-strategy-pagination .btn-next:disabled, .is-background.el-pagination.futures-strategy-pagination .btn-prev, .is-background.el-pagination.futures-strategy-pagination .btn-prev:disabled { background: none; border: 1px solid var(--border-border1) } .el-pagination.futures-strategy-pagination.dialog-pagination .btn-next, .el-pagination.futures-strategy-pagination.dialog-pagination .btn-prev, .el-pagination.futures-strategy-pagination.dialog-pagination .el-pager li, .is-background.el-pagination.futures-strategy-pagination.dialog-pagination .btn-next, .is-background.el-pagination.futures-strategy-pagination.dialog-pagination .btn-prev, .is-background.el-pagination.futures-strategy-pagination.dialog-pagination .el-pager li { color: var(--text-text4) } .el-pagination.futures-strategy-pagination.dialog-pagination .btn-next:not(.is-disabled).is-active, .el-pagination.futures-strategy-pagination.dialog-pagination .btn-prev:not(.is-disabled).is-active, .el-pagination.futures-strategy-pagination.dialog-pagination .el-pager li:not(.is-disabled).is-active, .is-background.el-pagination.futures-strategy-pagination.dialog-pagination .btn-next:not(.is-disabled).is-active, .is-background.el-pagination.futures-strategy-pagination.dialog-pagination .btn-prev:not(.is-disabled).is-active, .is-background.el-pagination.futures-strategy-pagination.dialog-pagination .el-pager li:not(.is-disabled).is-active { background-color: #fff; border: none; color: #000 } .el-checkbox__input.is-checked .el-checkbox__inner { background-color: var(--primary-primary3); border-color: var(--primary-primary3) } .el-date-table td.end-date { color: var(--primary-primary3) } .delayed-loss-checkbox .el-checkbox__input.is-checked .el-checkbox__inner { background-color: var(--primary-primary3); border-color: var(--primary-primary3) } .delayed-loss-checkbox .el-checkbox__input.is-checked+.el-checkbox__label { color: var(--text-text2) } .delayed-loss-checkbox.el-checkbox .el-checkbox__label { color: var(--text-text2); font-size: 12px } .el-notification { --el-notification-width: 400px; --el-notification-padding: 20px 16px 20px 16px; --el-notification-radius: 8px; --el-notification-border-color: var(--text-text5); background-color: var(--fill-fill11); box-shadow: var(--drop-shadow2) } .el-notification .el-notification__icon { font-size: 0; height: 20px; margin-inline-end: 8px; width: 20px } .el-notification .el-notification__icon svg { display: none } .el-notification .el-notification--success { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%2319B473' d='M19 10a9 9 0 1 1-18 0 9 9 0 0 1 18 0'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M14.495 7.995 9 13.49 5.505 9.995l.99-.99L9 11.51l4.505-4.505z' clip-rule='evenodd'/%3E%3C/svg%3E") 0 0/100% no-repeat } .el-notification .el-notification--warning { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23F6A609' d='M19 10a9 9 0 1 1-18 0 9 9 0 0 1 18 0'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M10 15a1 1 0 1 0 0-2 1 1 0 0 0 0 2' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' d='M9.1 5.35h1.8v6H9.1z'/%3E%3C/svg%3E") 0 0/100% no-repeat } .el-notification .el-notification--info { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%231D1D1F' fill-rule='evenodd' d='M1.125 10a8.875 8.875 0 1 1 17.75 0 8.875 8.875 0 0 1-17.75 0' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' d='M10.86 8.338a.25.25 0 0 0-.25-.238H9.42a.25.25 0 0 0-.25.238l-.282 5.984a.25.25 0 0 0 .25.261h1.766a.25.25 0 0 0 .25-.262zm.168-2.671a.25.25 0 0 0-.25-.25H9.25a.25.25 0 0 0-.25.25v1.297c0 .138.112.25.25.25h1.528a.25.25 0 0 0 .25-.25z'/%3E%3C/svg%3E") 0 0/100% no-repeat } .el-notification .el-notification--error { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23F53D55' d='M19 10a9 9 0 1 1-18 0 9 9 0 0 1 18 0'/%3E%3Cpath fill='%23fff' d='m10 10.99 2.505 2.505.99-.99L10.99 10l2.505-2.505-.99-.99L10 9.01 7.495 6.505l-.99.99L9.01 10l-2.505 2.505.99.99z'/%3E%3C/svg%3E") 0 0/100% no-repeat } .el-notification .el-notification__closeBtn { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%231D1D1F' fill-rule='evenodd' d='M3.725 3.16a.2.2 0 0 1 .283 0l8.565 8.565a.2.2 0 0 1 0 .283l-.565.566a.2.2 0 0 1-.283 0L3.159 4.008a.2.2 0 0 1 0-.283z' clip-rule='evenodd'/%3E%3Cpath fill='%231D1D1F' fill-rule='evenodd' d='M12.573 3.725a.2.2 0 0 1 0 .283l-8.565 8.566a.2.2 0 0 1-.283 0l-.566-.566a.2.2 0 0 1 0-.283l8.566-8.565a.2.2 0 0 1 .283 0z' clip-rule='evenodd'/%3E%3C/svg%3E") 0 0/100% no-repeat; font-size: 0; height: 20px; position: absolute; right: 16px; top: 20px; width: 20px } .el-notification .el-notification__closeBtn svg { display: none } .el-notification__group { flex: 1; margin-left: 0; margin-right: 0 } .el-notification__title { color: var(--text-text1); font-size: 16px; font-weight: 500; line-height: 22px; margin-inline-end: 32px } .el-notification__content { color: var(--text-text3); font-size: 14px; font-weight: 400; line-height: 20px; margin: 8px 0 0 } .el-dropdown__popper .el-popper__arrow:before { display: none } .el-dropdown__popper.el-popper[data-popper-placement^=bottom] { transform: translateY(-5px) } .el-dropdown__popper.el-popper[data-popper-placement^=top] { transform: translateY(5px) } .el-textarea .el-input__count { background-color: transparent; color: var(--text-text4) } .dark .el-notification .el-notification__closeBtn { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23FEFEFE' fill-rule='evenodd' d='M3.725 3.16a.2.2 0 0 1 .283 0l8.565 8.565a.2.2 0 0 1 0 .283l-.565.566a.2.2 0 0 1-.283 0L3.159 4.008a.2.2 0 0 1 0-.283z' clip-rule='evenodd'/%3E%3Cpath fill='%23FEFEFE' fill-rule='evenodd' d='M12.573 3.725a.2.2 0 0 1 0 .283l-8.565 8.566a.2.2 0 0 1-.283 0l-.566-.566a.2.2 0 0 1 0-.283l8.566-8.565a.2.2 0 0 1 .283 0z' clip-rule='evenodd'/%3E%3C/svg%3E") 0 0/100% no-repeat } [dir=rtl] .el-notification .el-notification__closeBtn { left: 16px; right: unset } .order-notification.order-notification { padding: 16px 8px 16px 16px } .order-notification.order-notification .el-notification__title { color: var(--text-text1); font-size: 16px; font-weight: 500; line-height: 24px } .order-notification.order-notification .el-notification__group { margin: 0 8px; width: 100% } .order-notification.order-notification .el-notification__group p { color: var(--text-text2) } .order-notification.order-notification .details-btn { background-color: var(--gray-gray10); border-radius: 16px; padding: 3px 16px } .order-notification.order-notification .el-icon svg { display: none } .order-notification.order-notification .el-icon.el-notification__icon.el-notification--success { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%2304BE85' fill-rule='evenodd' d='M12 1a10.97 10.97 0 0 0-7.778 3.222A10.97 10.97 0 0 0 1 12c0 3.037 1.232 5.789 3.222 7.778l.707-.707-.707.707A10.97 10.97 0 0 0 12 23c3.037 0 5.789-1.232 7.778-3.222A10.97 10.97 0 0 0 23 12c0-3.037-1.232-5.789-3.222-7.778l-.707.707.707-.707A10.97 10.97 0 0 0 12 1' clip-rule='evenodd'/%3E%3Cpath stroke='%23fff' stroke-linejoin='round' stroke-width='1.68' d='m7.2 11.4 3.6 3.6 6-6'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat; height: 24px; width: 24px } .order-notification.order-notification .el-icon.el-notification__icon.el-notification--error { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23F24E53' fill-rule='evenodd' d='M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1' clip-rule='evenodd'/%3E%3Cpath stroke='%23fff' stroke-width='1.68' d='m8.4 8.4 7.2 7.2M15.6 8.4l-7.2 7.2'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat; height: 24px; width: 24px } .insights-dropdown-menu .el-dropdown-menu { padding: 0 } .insights-dropdown-menu .el-dropdown-menu .el-dropdown-menu__item { color: var(--text-text1); height: 40px } .insights-dropdown-menu .el-dropdown-menu .el-dropdown-menu__item:hover { background: var(--fill-fill2); color: var(--text-text1) } .insights-dropdown-menu .el-dropdown-menu .el-dropdown-menu__item.active { color: var(--primary-primary3) } .insights-dropdown-menu .el-popper__arrow { display: none } .h5-base-dialog.el-dialog { border-radius: 16px 16px 0 0 !important; bottom: 0; box-sizing: border-box; left: 0; margin: 0; position: absolute; width: 100vw !important } .h5-base-dialog.el-dialog .el-dialog__body { border-radius: 16px 16px 0 0 !important; max-height: 85vh !important; overflow: auto; width: 100vw } html[dir=rtl] .h5-base-dialog { left: unset; right: 0 } .table-empty { align-items: center; display: flex; height: 300px; justify-content: center } .light { --h-1: #1d2129; --text-1: #23262f; --text-coin-1: #1c242c; --text-2: #495666; --text-coin-2: #495666; --text-3: #8b95a3; --text-4: #8b95a3; --text-5: #ccd2da; --text-6: #181a1f; --text-table-1: #1c242c; --text-link: #0048ff; --text-link-hover: #265ae2; --text-link-2: #2a64fb; --text-link-3: #2a64fb; --text-dialog-link: #2a64fb; --text-icon: #737e8d; --text-icon-2: rgba(115, 126, 141, .4); --text-btn-1: #fff; --text-btn-2: hsla(0, 0%, 100%, .64); --text-warning: #ff9f2e; --text-green: #00b464; --bg-warning: rgba(255, 159, 46, .1); --border-warning: rgba(255, 159, 46, .16); --border-divider: #ecf1f8; --border-primary: #e9ecef; --border-tips: rgba(255, 159, 46, .16); --border-underline: rgba(24, 26, 31, .1); --select-divider: #f0f0f0; --bg-fill: #f2f3f4; --bg-popper: #fff; --bg-popper-2: #fff; --bg-wrapper: #fff; --bg-large: #e5ebf5; --bg-button: #2a64fb; --bg-button-hover: #265ae2; --bg-button-active: #1e47b2; --bg-tips: rgba(255, 159, 46, .1); --bg-tips-2: #737e8d; --bg-btn-1: #f6465d; --bg-btn-2: #ff9f2e; --bg-layer: rgba(0, 0, 0, .6); --bg-icon: #e9eaed; --bg-grey: #fff; --bg-bbin: #e9eaed; --tab-guide-bg: #f7f9fc; --tab-guide-btn-bg: #fff; --tab-guide-btn-text: #2a64fb; --tab-guide-line: #2a64fb; --slider-stop-border: rgba(115, 126, 141, .4); --slider-button-border: #495666; --bg-order-book-sell: rgba(207, 48, 76, .1); --bg-order-book-buy: rgba(3, 166, 109, .12); --border-color-order-book: #ecedf0; --btn-bg-1: rgba(36, 131, 255, .08); --btn-bg-2: rgba(14, 203, 129, .08); --btn-bg-3: rgba(36, 131, 255, .1); --btn-border-1: rgba(14, 203, 129, .16); --btn-border-2: rgba(36, 131, 255, .16); --upload-color: #e6e8ea; --login-left-bg: #17181e; --exchange-num: #1c242c; --trades-time: #8b95a3; --sw-bg-h: #fff; --quick-bg1: #eef0f1; --quick-bg2: #f7f9fc; --quick-bg3: #f4f5f6; --card-border: #ececee; --tips-text: #f6a609; --border-color: #ececee; --bg-reverse: #f7f9fc; --bg-tips-3: #fff; --border-tips: rgba(0, 13, 29, .04); --bg-menu: #17181e; --bg-checkbox: #2a64fb; --border-link: #ecf1f8; --open-plate: #fff; --open-tips: #f2f3f4; --open-tips-shadow: 1px solid rgba(225, 232, 245, .08); --time-bg-btn: rgba(38, 91, 228, .08); --time-bg-select: #f7f9fc; --drop-shadow1: 0 0 6px 0 rgba(0, 0, 0, .04), 0 4px 8px 0 rgba(0, 0, 0, .06); --drop-shadow2: 0 0 6px 0 rgba(0, 0, 0, .04), 0 8px 16px 0 rgba(0, 0, 0, .06); --drop-shadow3: 0 0 6px 0 rgba(0, 0, 0, .04), 0 16px 32px 0 rgba(0, 0, 0, .06) } .dark { --h-1: #1d2129; --text-1: #f4f7ff; --text-coin-1: #d9d9d9; --text-2: #d9d9d9; --text-coin-2: #848e9c; --text-3: #b7bdc6; --text-4: #848e9c; --text-5: rgba(232, 238, 249, .3); --text-6: rgba(232, 238, 249, .3); --text-table-1: rgba(244, 249, 255, .64); --text-link: #225ef6; --text-link-3: #487bfc; --text-link-hover: #265ae2; --text-link-2: #fff; --text-dialog-link: #fff; --text-icon: #737e8d; --text-icon-2: rgba(115, 126, 141, .4); --text-btn-1: #fff; --text-btn-2: hsla(0, 0%, 100%, .64); --text-warning: #ff9f2e; --text-green: #00b464; --bg-warning: rgba(255, 159, 46, .1); --border-underline: rgba(24, 26, 31, .1); --border-warning: rgba(255, 159, 46, .16); --border-divider: rgba(244, 249, 255, .1); --border-primary: rgba(244, 249, 255, .1); --border-tips: rgba(255, 159, 46, .16); --select-divider: #0f0f0f; --bg-fill: rgba(225, 232, 245, .04); --bg-popper: #1c1e22; --bg-popper-2: #0a0b0d; --bg-wrapper: #17181e; --bg-large: #0a0a09; --bg-button: #2a64fb; --bg-button-hover: #265ae2; --bg-button-active: #1e47b2; --bg-tips: rgba(255, 159, 46, .1); --bg-tips-2: #45464b; --bg-btn-1: #f6465d; --bg-btn-2: #ff9f2e; --bg-layer: rgba(8, 8, 13, .7); --bg-icon: #e9eaed; --bg-grey: #2a2b2e; --bg-bbin: #737e8d; --tab-guide-line: #2a64fb; --slider-stop-border: #b5b9bf; --slider-button-border: #fff; --tab-guide-bg: rgba(225, 232, 245, .04); --tab-guide-btn-bg: #17181e; --tab-guide-btn-text: rgba(244, 249, 255, .64); --bg-order-book-sell: rgba(246, 70, 93, .12); --bg-order-book-buy: rgba(3, 166, 109, .12); --border-color-order-book: rgba(232, 238, 249, .1); --btn-bg-1: rgba(36, 131, 255, .08); --btn-bg-2: rgba(14, 203, 129, .08); --btn-bg-3: rgba(36, 131, 255, .1); --btn-border-1: rgba(14, 203, 129, .16); --btn-border-2: rgba(36, 131, 255, .16); --upload-color: #e6e8ea; --down: #f6465d; --up: #03a66d; --quick-bg1: #393b41; --quick-bg2: #2c2e32; --quick-bg3: #393b41; --card-border: #2a64fb; --exchange-num: #b7bdc6; --trades-time: #b7bdc6; --sw-bg-h: #17181e; --tips-text: #f6a609; --border-color: #4c4f56; --bg-reverse: #2d2f35; --bg-tips-3: #212631; --border-tips: rgba(225, 232, 245, .08); --bg-menu: #17181e; --bg-checkbox: #487bfc; --border-link: #393b41; --open-plate: #212229; --open-tips: #212631; --open-tips-shadow: 0px 0px 1px rgba(0, 0, 0, .1), 0px 8px 16px rgba(0, 0, 0, .05); --time-bg-btn: rgba(225, 232, 245, .08); --time-bg-select: #161a25; --drop-shadow1: 0 0 6px 0 rgba(0, 0, 0, .4), 0 4px 8px 0 rgba(0, 0, 0, .6); --drop-shadow2: 0 0 6px 0 rgba(0, 0, 0, .4), 0 8px 16px 0 rgba(0, 0, 0, .6); --drop-shadow3: 0 0 6px 0 rgba(0, 0, 0, .4), 0 16px 32px 0 rgba(0, 0, 0, .6) } .light { color-scheme: light; --primary-primary1: #153df4; --primary-primary2: #4267ff; --primary-primary3: #0048ff; --primary-primary4: #7fa2fd; --primary-primary5: #d4e0fe; --primary-primary6: #eaefff; --primary-primary7: #f4f6f8; --primary-primary8: #0048ff; --gray-gray0: #fff; --gray-gray1: #f6f6f6; --gray-gray2: #e1e2e3; --gray-gray3: #c3c5c7; --gray-gray4: #a2a7ae; --gray-gray5: #878d99; --gray-gray6: #6a7380; --gray-gray7: #707278; --gray-gray8: #4f5159; --gray-gray9: #3d4248; --gray-gray10: #1b1b1c; --gray-gray11: #000; --secondary-secondary0: #fcfcfc; --secondary-secondary1: #fbfbfb; --secondary-secondary2: #f8f8f8; --secondary-secondary3: #f4f4f4; --secondary-secondary4: #f0f0f0; --secondary-secondary5: #b4b4b4; --secondary-secondary6: #787878; --danger-danger1: #f53d55; --danger-danger2: #e52740; --danger-danger3: #fe5d72; --danger-danger4: #feedee; --success-success1: #19b473; --success-success2: #2ea56d; --success-success3: #24c682; --success-success4: #e6f9f3; --warning-warning1: #f6a609; --warning-warning2: #f8b83a; --warning-warning3: #dd9508; --warning-warning4: #fef6e6; --warning-warning5: #ac7406; --text-text0: #fff; --text-text1: #070708; --text-text2: #5d5e65; --text-text3: #8b8e92; --text-text4: #a6a7aa; --text-text5: #d5d5d5; --text-text6: #fefefe; --base-base1: #fff; --base-base2: #eee; --base-base3: #c8c8c8; --base-base4: #f4f6f8; --base-base5: #fff; --base-base6: #fefefe; --base-base7: #fff; --fill-fill1: #fafafa; --fill-fill2: #eee; --fill-fill3: #e1e1e1; --fill-fill4: #f4f6f8; --fill-fill5: #d4e0fe; --fill-fill6: #eee; --fill-fill7: #0048ff; --fill-fill8: #fff; --fill-fill9: #fff; --fill-fill10: #f4f6f8; --fill-fill11: #fff; --border-border1: #eee; --border-border2: #e1e1e1; --opacity-mask: #787878; --fill-deposit: #f4f4f4; --toasts-toasts1: #2e3035; --toasts-toasts2: #393f45; --toasts-toasts3: #fff; --text-text1-inverse: #fefefe; --active-orange1: #ff7900; --active-orange2: #ff612f; --active-violet1: #a3a0ff; --green-green1: #2ea56d; --green-green2: #19b473; --green-green3: #24d088; --green-green4: #e6f9f3; --orange-orange1: #dd9508; --orange-orange2: #f6a609; --orange-orange3: #f8b83a; --orange-orange4: #fef6e6; --red-red1: #e52740; --red-red2: #f53d55; --red-red3: #fe5d72; --red-red4: #feedee; --unified-unified1: #fff; --unified-unified2: #e9ecf0; --unified-unified3: #000; --unified-unified4: #2164ff; --colors-mask-mask1: rgba(0, 0, 0, .5) } .light .hover-primary-primary1:hover, .light .primary-primary1 { color: #153df4 } .light .hover-primary-primary2:hover, .light .primary-primary2 { color: #4267ff } .light .hover-primary-primary3:hover, .light .primary-primary3 { color: #0048ff } .light .hover-primary-primary4:hover, .light .primary-primary4 { color: #7fa2fd } .light .hover-primary-primary5:hover, .light .primary-primary5 { color: #d4e0fe } .light .hover-primary-primary6:hover, .light .primary-primary6 { color: #eaefff } .light .hover-primary-primary7:hover, .light .primary-primary7 { color: #f4f6f8 } .light .hover-primary-primary8:hover, .light .primary-primary8 { color: #0048ff } .light .gray-gray0, .light .hover-gray-gray0:hover { color: #fff } .light .gray-gray1, .light .hover-gray-gray1:hover { color: #f6f6f6 } .light .gray-gray2, .light .hover-gray-gray2:hover { color: #e1e2e3 } .light .gray-gray3, .light .hover-gray-gray3:hover { color: #c3c5c7 } .light .gray-gray4, .light .hover-gray-gray4:hover { color: #a2a7ae } .light .gray-gray5, .light .hover-gray-gray5:hover { color: #878d99 } .light .gray-gray6, .light .hover-gray-gray6:hover { color: #6a7380 } .light .gray-gray7, .light .hover-gray-gray7:hover { color: #707278 } .light .gray-gray8, .light .hover-gray-gray8:hover { color: #4f5159 } .light .gray-gray9, .light .hover-gray-gray9:hover { color: #3d4248 } .light .gray-gray10, .light .hover-gray-gray10:hover { color: #1b1b1c } .light .gray-gray11, .light .hover-gray-gray11:hover { color: #000 } .light .hover-secondary-secondary0:hover, .light .secondary-secondary0 { color: #fcfcfc } .light .hover-secondary-secondary1:hover, .light .secondary-secondary1 { color: #fbfbfb } .light .hover-secondary-secondary2:hover, .light .secondary-secondary2 { color: #f8f8f8 } .light .hover-secondary-secondary3:hover, .light .secondary-secondary3 { color: #f4f4f4 } .light .hover-secondary-secondary4:hover, .light .secondary-secondary4 { color: #f0f0f0 } .light .hover-secondary-secondary5:hover, .light .secondary-secondary5 { color: #b4b4b4 } .light .hover-secondary-secondary6:hover, .light .secondary-secondary6 { color: #787878 } .light .danger-danger1, .light .hover-danger-danger1:hover { color: #f53d55 } .light .danger-danger2, .light .hover-danger-danger2:hover { color: #e52740 } .light .danger-danger3, .light .hover-danger-danger3:hover { color: #fe5d72 } .light .danger-danger4, .light .hover-danger-danger4:hover { color: #feedee } .light .hover-success-success1:hover, .light .success-success1 { color: #19b473 } .light .hover-success-success2:hover, .light .success-success2 { color: #2ea56d } .light .hover-success-success3:hover, .light .success-success3 { color: #24c682 } .light .hover-success-success4:hover, .light .success-success4 { color: #e6f9f3 } .light .hover-warning-warning1:hover, .light .warning-warning1 { color: #f6a609 } .light .hover-warning-warning2:hover, .light .warning-warning2 { color: #f8b83a } .light .hover-warning-warning3:hover, .light .warning-warning3 { color: #dd9508 } .light .hover-warning-warning4:hover, .light .warning-warning4 { color: #fef6e6 } .light .hover-warning-warning5:hover, .light .warning-warning5 { color: #ac7406 } .light .hover-text-text0:hover, .light .text-text0 { color: #fff } .light .hover-text-text1:hover, .light .text-text1 { color: #070708 } .light .hover-text-text2:hover, .light .text-text2 { color: #5d5e65 } .light .hover-text-text3:hover, .light .text-text3 { color: #8b8e92 } .light .hover-text-text4:hover, .light .text-text4 { color: #a6a7aa } .light .hover-text-text5:hover, .light .text-text5 { color: #d5d5d5 } .light .hover-text-text6:hover, .light .text-text6 { color: #fefefe } .light .base-base1, .light .hover-base-base1:hover { color: #fff } .light .base-base2, .light .hover-base-base2:hover { color: #eee } .light .base-base3, .light .hover-base-base3:hover { color: #c8c8c8 } .light .base-base4, .light .hover-base-base4:hover { color: #f4f6f8 } .light .base-base5, .light .hover-base-base5:hover { color: #fff } .light .base-base6, .light .hover-base-base6:hover { color: #fefefe } .light .base-base7, .light .hover-base-base7:hover { color: #fff } .light .fill-fill1, .light .hover-fill-fill1:hover { color: #fafafa } .light .fill-fill2, .light .hover-fill-fill2:hover { color: #eee } .light .fill-fill3, .light .hover-fill-fill3:hover { color: #e1e1e1 } .light .fill-fill4, .light .hover-fill-fill4:hover { color: #f4f6f8 } .light .fill-fill5, .light .hover-fill-fill5:hover { color: #d4e0fe } .light .fill-fill6, .light .hover-fill-fill6:hover { color: #eee } .light .fill-fill7, .light .hover-fill-fill7:hover { color: #0048ff } .light .fill-fill8, .light .fill-fill9, .light .hover-fill-fill8:hover, .light .hover-fill-fill9:hover { color: #fff } .light .fill-fill10, .light .hover-fill-fill10:hover { color: #f4f6f8 } .light .fill-fill11, .light .hover-fill-fill11:hover { color: #fff } .light .border-border1, .light .hover-border-border1:hover { color: #eee } .light .border-border2, .light .hover-border-border2:hover { color: #e1e1e1 } .light .hover-opacity-mask:hover, .light .opacity-mask { color: #787878 } .light .fill-deposit, .light .hover-fill-deposit:hover { color: #f4f4f4 } .light .hover-toasts-toasts1:hover, .light .toasts-toasts1 { color: #2e3035 } .light .hover-toasts-toasts2:hover, .light .toasts-toasts2 { color: #393f45 } .light .hover-toasts-toasts3:hover, .light .toasts-toasts3 { color: #fff } .light .hover-text-text1-inverse:hover, .light .text-text1-inverse { color: #fefefe } .light .active-orange1, .light .hover-active-orange1:hover { color: #ff7900 } .light .active-orange2, .light .hover-active-orange2:hover { color: #ff612f } .light .active-violet1, .light .hover-active-violet1:hover { color: #a3a0ff } .light .green-green1, .light .hover-green-green1:hover { color: #2ea56d } .light .green-green2, .light .hover-green-green2:hover { color: #19b473 } .light .green-green3, .light .hover-green-green3:hover { color: #24d088 } .light .green-green4, .light .hover-green-green4:hover { color: #e6f9f3 } .light .hover-orange-orange1:hover, .light .orange-orange1 { color: #dd9508 } .light .hover-orange-orange2:hover, .light .orange-orange2 { color: #f6a609 } .light .hover-orange-orange3:hover, .light .orange-orange3 { color: #f8b83a } .light .hover-orange-orange4:hover, .light .orange-orange4 { color: #fef6e6 } .light .hover-red-red1:hover, .light .red-red1 { color: #e52740 } .light .hover-red-red2:hover, .light .red-red2 { color: #f53d55 } .light .hover-red-red3:hover, .light .red-red3 { color: #fe5d72 } .light .hover-red-red4:hover, .light .red-red4 { color: #feedee } .light .hover-unified-unified1:hover, .light .unified-unified1 { color: #fff } .light .hover-unified-unified2:hover, .light .unified-unified2 { color: #e9ecf0 } .light .hover-unified-unified3:hover, .light .unified-unified3 { color: #000 } .light .hover-unified-unified4:hover, .light .unified-unified4 { color: #2164ff } .light .colors-mask-mask1, .light .hover-colors-mask-mask1:hover { color: #00000080 } .dark { color-scheme: dark; --primary-primary1: #0040e2; --primary-primary2: #1b67ff; --primary-primary3: #0f5efc; --primary-primary4: #39559e; --primary-primary5: #1e2841; --primary-primary6: #171c29; --primary-primary7: #161a25; --primary-primary8: #247cff; --gray-gray0: #000; --gray-gray1: #131415; --gray-gray2: #26282a; --gray-gray3: #393c3f; --gray-gray4: #4b4f54; --gray-gray5: #5e6369; --gray-gray6: #858d97; --gray-gray7: #ced2d7; --gray-gray8: #e6e8eb; --gray-gray9: #e4e6e8; --gray-gray10: #fefefe; --gray-gray11: #fff; --secondary-secondary0: #030405; --secondary-secondary1: #080a0c; --secondary-secondary2: #212631; --secondary-secondary3: #2b2d34; --secondary-secondary4: #3f4249; --secondary-secondary5: #54565f; --secondary-secondary6: #686b74; --danger-danger1: #f53d55; --danger-danger2: #e52740; --danger-danger3: #fe5d72; --danger-danger4: #44212b; --success-success1: #19b473; --success-success2: #2ea56d; --success-success3: #24c682; --success-success4: #163d36; --warning-warning1: #f6a609; --warning-warning2: #f8b83a; --warning-warning3: #dd9508; --warning-warning4: #44341a; --warning-warning5: #ac7406; --text-text0: #fff; --text-text1: #f4f7ff; --text-text2: #ced3dd; --text-text3: #838a97; --text-text4: #677080; --text-text5: #383e48; --text-text6: #1e2127; --base-base1: #101112; --base-base2: #1b1c1f; --base-base3: #2e3035; --base-base4: #000; --base-base5: #000; --base-base6: #151617; --base-base7: #0b0c0d; --fill-fill1: #1b1c1f; --fill-fill2: #2e3035; --fill-fill3: #67686a; --fill-fill4: #232529; --fill-fill5: #2455d3; --fill-fill6: #26282a; --fill-fill7: #3b71ff; --fill-fill8: #17191d; --fill-fill9: #3d4046; --fill-fill10: #121417; --fill-fill11: #2e3035; --border-border1: #26282a; --border-border2: #2e3035; --opacity-mask: #060608; --fill-deposit: rgba(225, 232, 245, .08); --toasts-toasts1: #2e3035; --toasts-toasts2: #393f45; --toasts-toasts3: #fff; --text-text1-inverse: #1e2127; --active-orange1: #ff7900; --active-orange2: #ff612f; --active-violet1: #a3a0ff; --green-green1: #2ea56d; --green-green2: #19b473; --green-green3: #24d088; --green-green4: #163d36; --orange-orange1: #dd9508; --orange-orange2: #f6a609; --orange-orange3: #f8b83a; --orange-orange4: #281f15; --red-red1: #e52740; --red-red2: #f53d55; --red-red3: #fe5d72; --red-red4: #44212b; --unified-unified1: #fff; --unified-unified2: #e9ecf0; --unified-unified3: #000; --unified-unified4: #2164f4; --colors-mask-mask1: rgba(0, 0, 0, .7) } .dark .hover-primary-primary1:hover, .dark .primary-primary1 { color: #0040e2 } .dark .hover-primary-primary2:hover, .dark .primary-primary2 { color: #1b67ff } .dark .hover-primary-primary3:hover, .dark .primary-primary3 { color: #0f5efc } .dark .hover-primary-primary4:hover, .dark .primary-primary4 { color: #39559e } .dark .hover-primary-primary5:hover, .dark .primary-primary5 { color: #1e2841 } .dark .hover-primary-primary6:hover, .dark .primary-primary6 { color: #171c29 } .dark .hover-primary-primary7:hover, .dark .primary-primary7 { color: #161a25 } .dark .hover-primary-primary8:hover, .dark .primary-primary8 { color: #247cff } .dark .gray-gray0, .dark .hover-gray-gray0:hover { color: #000 } .dark .gray-gray1, .dark .hover-gray-gray1:hover { color: #131415 } .dark .gray-gray2, .dark .hover-gray-gray2:hover { color: #26282a } .dark .gray-gray3, .dark .hover-gray-gray3:hover { color: #393c3f } .dark .gray-gray4, .dark .hover-gray-gray4:hover { color: #4b4f54 } .dark .gray-gray5, .dark .hover-gray-gray5:hover { color: #5e6369 } .dark .gray-gray6, .dark .hover-gray-gray6:hover { color: #858d97 } .dark .gray-gray7, .dark .hover-gray-gray7:hover { color: #ced2d7 } .dark .gray-gray8, .dark .hover-gray-gray8:hover { color: #e6e8eb } .dark .gray-gray9, .dark .hover-gray-gray9:hover { color: #e4e6e8 } .dark .gray-gray10, .dark .hover-gray-gray10:hover { color: #fefefe } .dark .gray-gray11, .dark .hover-gray-gray11:hover { color: #fff } .dark .hover-secondary-secondary0:hover, .dark .secondary-secondary0 { color: #030405 } .dark .hover-secondary-secondary1:hover, .dark .secondary-secondary1 { color: #080a0c } .dark .hover-secondary-secondary2:hover, .dark .secondary-secondary2 { color: #212631 } .dark .hover-secondary-secondary3:hover, .dark .secondary-secondary3 { color: #2b2d34 } .dark .hover-secondary-secondary4:hover, .dark .secondary-secondary4 { color: #3f4249 } .dark .hover-secondary-secondary5:hover, .dark .secondary-secondary5 { color: #54565f } .dark .hover-secondary-secondary6:hover, .dark .secondary-secondary6 { color: #686b74 } .dark .danger-danger1, .dark .hover-danger-danger1:hover { color: #f53d55 } .dark .danger-danger2, .dark .hover-danger-danger2:hover { color: #e52740 } .dark .danger-danger3, .dark .hover-danger-danger3:hover { color: #fe5d72 } .dark .danger-danger4, .dark .hover-danger-danger4:hover { color: #44212b } .dark .hover-success-success1:hover, .dark .success-success1 { color: #19b473 } .dark .hover-success-success2:hover, .dark .success-success2 { color: #2ea56d } .dark .hover-success-success3:hover, .dark .success-success3 { color: #24c682 } .dark .hover-success-success4:hover, .dark .success-success4 { color: #163d36 } .dark .hover-warning-warning1:hover, .dark .warning-warning1 { color: #f6a609 } .dark .hover-warning-warning2:hover, .dark .warning-warning2 { color: #f8b83a } .dark .hover-warning-warning3:hover, .dark .warning-warning3 { color: #dd9508 } .dark .hover-warning-warning4:hover, .dark .warning-warning4 { color: #44341a } .dark .hover-warning-warning5:hover, .dark .warning-warning5 { color: #ac7406 } .dark .hover-text-text0:hover, .dark .text-text0 { color: #fff } .dark .hover-text-text1:hover, .dark .text-text1 { color: #f4f7ff } .dark .hover-text-text2:hover, .dark .text-text2 { color: #ced3dd } .dark .hover-text-text3:hover, .dark .text-text3 { color: #838a97 } .dark .hover-text-text4:hover, .dark .text-text4 { color: #677080 } .dark .hover-text-text5:hover, .dark .text-text5 { color: #383e48 } .dark .hover-text-text6:hover, .dark .text-text6 { color: #1e2127 } .dark .base-base1, .dark .hover-base-base1:hover { color: #101112 } .dark .base-base2, .dark .hover-base-base2:hover { color: #1b1c1f } .dark .base-base3, .dark .hover-base-base3:hover { color: #2e3035 } .dark .base-base4, .dark .base-base5, .dark .hover-base-base4:hover, .dark .hover-base-base5:hover { color: #000 } .dark .base-base6, .dark .hover-base-base6:hover { color: #151617 } .dark .base-base7, .dark .hover-base-base7:hover { color: #0b0c0d } .dark .fill-fill1, .dark .hover-fill-fill1:hover { color: #1b1c1f } .dark .fill-fill2, .dark .hover-fill-fill2:hover { color: #2e3035 } .dark .fill-fill3, .dark .hover-fill-fill3:hover { color: #67686a } .dark .fill-fill4, .dark .hover-fill-fill4:hover { color: #232529 } .dark .fill-fill5, .dark .hover-fill-fill5:hover { color: #2455d3 } .dark .fill-fill6, .dark .hover-fill-fill6:hover { color: #26282a } .dark .fill-fill7, .dark .hover-fill-fill7:hover { color: #3b71ff } .dark .fill-fill8, .dark .hover-fill-fill8:hover { color: #17191d } .dark .fill-fill9, .dark .hover-fill-fill9:hover { color: #3d4046 } .dark .fill-fill10, .dark .hover-fill-fill10:hover { color: #121417 } .dark .fill-fill11, .dark .hover-fill-fill11:hover { color: #2e3035 } .dark .border-border1, .dark .hover-border-border1:hover { color: #26282a } .dark .border-border2, .dark .hover-border-border2:hover { color: #2e3035 } .dark .hover-opacity-mask:hover, .dark .opacity-mask { color: #060608 } .dark .fill-deposit, .dark .hover-fill-deposit:hover { color: #e1e8f514 } .dark .hover-toasts-toasts1:hover, .dark .toasts-toasts1 { color: #2e3035 } .dark .hover-toasts-toasts2:hover, .dark .toasts-toasts2 { color: #393f45 } .dark .hover-toasts-toasts3:hover, .dark .toasts-toasts3 { color: #fff } .dark .hover-text-text1-inverse:hover, .dark .text-text1-inverse { color: #1e2127 } .dark .active-orange1, .dark .hover-active-orange1:hover { color: #ff7900 } .dark .active-orange2, .dark .hover-active-orange2:hover { color: #ff612f } .dark .active-violet1, .dark .hover-active-violet1:hover { color: #a3a0ff } .dark .green-green1, .dark .hover-green-green1:hover { color: #2ea56d } .dark .green-green2, .dark .hover-green-green2:hover { color: #19b473 } .dark .green-green3, .dark .hover-green-green3:hover { color: #24d088 } .dark .green-green4, .dark .hover-green-green4:hover { color: #163d36 } .dark .hover-orange-orange1:hover, .dark .orange-orange1 { color: #dd9508 } .dark .hover-orange-orange2:hover, .dark .orange-orange2 { color: #f6a609 } .dark .hover-orange-orange3:hover, .dark .orange-orange3 { color: #f8b83a } .dark .hover-orange-orange4:hover, .dark .orange-orange4 { color: #281f15 } .dark .hover-red-red1:hover, .dark .red-red1 { color: #e52740 } .dark .hover-red-red2:hover, .dark .red-red2 { color: #f53d55 } .dark .hover-red-red3:hover, .dark .red-red3 { color: #fe5d72 } .dark .hover-red-red4:hover, .dark .red-red4 { color: #44212b } .dark .hover-unified-unified1:hover, .dark .unified-unified1 { color: #fff } .dark .hover-unified-unified2:hover, .dark .unified-unified2 { color: #e9ecf0 } .dark .hover-unified-unified3:hover, .dark .unified-unified3 { color: #000 } .dark .hover-unified-unified4:hover, .dark .unified-unified4 { color: #2164f4 } .dark .colors-mask-mask1, .dark .hover-colors-mask-mask1:hover { color: #000000b3 } .icon { height: 20px; width: 20px } .icon, .icon-s { align-items: center; display: inline-flex } .icon-s { height: 14px; width: 14px } .icon-xs { height: 12px; width: 12px } .icon-l, .icon-xs { align-items: center; display: inline-flex } .icon-l { height: 24px; width: 24px } .icon-l:before, .icon-s:before, .icon-xs:before, .icon:before { content: ""; display: inline-block; height: 100%; width: 100% } .light .icon-logo { display: inline-block; height: 26px; min-width: 104px; width: 104px } .light .icon-logo:before { background: url(icon-logo-normal.Bea3GeTe.svg) no-repeat 50%/100% 100% } .light .icon-logo-h5 { display: inline-block; height: 26px; width: 104px } .light .icon-logo-h5:before { background: url(toobit-logo.C4PYMrGJ.svg) no-repeat 50%/100% 100% } .light .icon-no-data { height: 88px; width: 88px } .light .icon-no-data:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' fill='none' viewBox='0 0 80 80'%3E%3Cpath fill='%231b1b1c' fill-rule='evenodd' d='M2.964 24.722a3.55 3.55 0 0 1 4.532-2.19l5.736 2.005a3.575 3.575 0 0 1 2.2 4.541 3.55 3.55 0 0 1-4.533 2.19l-5.735-2.005a3.575 3.575 0 0 1-2.2-4.541m1.18.412a2.306 2.306 0 0 1 2.943-1.42l5.736 2.004a2.32 2.32 0 0 1 1.428 2.948 2.306 2.306 0 0 1-2.942 1.42l-5.736-2.004a2.32 2.32 0 0 1-1.429-2.948M13.648 22.429l-3.398-5.042a3.56 3.56 0 0 1 .96-4.946 3.567 3.567 0 0 1 4.947.97l3.398 5.043a3.56 3.56 0 0 1-.96 4.946 3.567 3.567 0 0 1-4.947-.971m1.037-.698-3.398-5.042a2.31 2.31 0 0 1 .622-3.211 2.316 2.316 0 0 1 3.211.632l3.398 5.042a2.31 2.31 0 0 1-.622 3.211 2.316 2.316 0 0 1-3.211-.632' clip-rule='evenodd'/%3E%3Cpath fill='%231b1b1c' d='m17.179 17.164.842 1.25h53.328c.69 0 1.25.56 1.25 1.25V61.43c0 .69-.56 1.25-1.25 1.25H51.254a9.4 9.4 0 0 1-.678 1.25H71.35a2.5 2.5 0 0 0 2.5-2.5V19.664a2.5 2.5 0 0 0-2.5-2.5zM34.811 63.93a9.4 9.4 0 0 1-.677-1.25H14.04c-.69 0-1.25-.56-1.25-1.25V30.102a2.3 2.3 0 0 1-1.25.052V61.43a2.5 2.5 0 0 0 2.5 2.5zM11.54 19.664c0-.638.238-1.22.632-1.662l.746 1.108c-.082.167-.129.355-.129.554v6.042l-1.25-.437z'/%3E%3Cpath fill='%231b1b1c' fill-rule='evenodd' d='m17.747 41.372-.102.242-.042-.018v13.085h16.701q-.3.603-.514 1.25H17.603c-.69 0-1.25-.56-1.25-1.25V41.372c0-.38.169-.72.436-.949l3.635-8.665a.63.63 0 0 1 .576-.383h43.5c.252 0 .479.151.576.383l3.73 8.894c.145.203.229.452.229.72v13.31c0 .69-.56 1.25-1.25 1.25H51.598a9 9 0 0 0-.514-1.25h16.701V41.447l-.032-.076zm.524-1.25h48.958l-3.145-7.497h-3.698l1.585 4.444a.625.625 0 0 1-.589.835H24.386a.625.625 0 0 1-.598-.808l1.367-4.47h-3.74zm8.191-7.497H59.06l1.437 4.03H25.23z' clip-rule='evenodd'/%3E%3Cpath fill='%231b1b1c' fill-rule='evenodd' d='M42.694 68.231a9.37 9.37 0 1 0 0-18.742 9.37 9.37 0 0 0 0 18.742m4.099-13.676a1.324 1.324 0 0 0-1.872 0l-2.317 2.317-2.135-2.135a1.324 1.324 0 1 0-1.872 1.873l2.134 2.134-2.364 2.364a1.324 1.324 0 1 0 1.873 1.873l2.364-2.365 2.546 2.547a1.324 1.324 0 1 0 1.873-1.872l-2.547-2.547 2.317-2.317a1.324 1.324 0 0 0 0-1.872' clip-rule='evenodd'/%3E%3C/svg%3E") 50%/74px 74px no-repeat } .light .icon-spot:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Ccircle cx='5' cy='5' r='2.5' stroke='%231C242C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2'/%3E%3Cpath stroke='%231C242C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M10 5.5h6.5v4'/%3E%3Cpath stroke='%231C242C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='m13 2.5-3 3 3 3'/%3E%3Ccircle cx='15' cy='15' r='2.5' stroke='%231C242C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2'/%3E%3Cpath stroke='%231C242C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M10 14.5H3.5v-4'/%3E%3Cpath stroke='%231C242C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='m7 17.5 3-3-3-3'/%3E%3C/svg%3E") no-repeat 50%/100% 100% } .light .icon-futures:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%231C242C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M2.5 2.5v15L10 16l7.5 1.5v-15zM6.25 6.25h7.5'/%3E%3Cpath stroke='%231C242C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='m11.406 9.063 2.344 1.874-2.344 1.876M6.25 10.938h2.813'/%3E%3C/svg%3E") no-repeat 50%/100% 100% } .light .icon-sub-account:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%231C242C' d='M9.562 2.1a.89.89 0 0 1 .89 0l3.086 1.781a.89.89 0 0 1 .445.771v3.562a.89.89 0 0 1-.445.772l-3.085 1.78a.89.89 0 0 1-.89 0l-3.085-1.78a.89.89 0 0 1-.446-.772V4.652a.89.89 0 0 1 .446-.77zM7.21 5.167V7.7l2.798 1.871 2.792-1.87V5.166L10.008 3.3z'/%3E%3Cpath stroke='%231C242C' stroke-linecap='round' stroke-width='1.2' d='M10 1.2v1.2'/%3E%3Cpath fill='%231C242C' d='M13.86 9.12a.89.89 0 0 1 .89 0l3.085 1.78a.89.89 0 0 1 .445.771v3.563a.89.89 0 0 1-.445.77l-3.085 1.782a.89.89 0 0 1-.89 0l-3.085-1.781a.89.89 0 0 1-.445-.771v-3.562a.89.89 0 0 1 .445-.772zm-2.35 3.066v2.533l2.795 1.868L17.1 14.72v-2.533l-2.795-1.869z'/%3E%3Cpath stroke='%231C242C' stroke-linecap='round' stroke-width='1.2' d='m19.4 16.5-1.844-1.361'/%3E%3Cpath fill='%231C242C' d='M5.33 9.12a.89.89 0 0 1 .89 0l3.085 1.78a.89.89 0 0 1 .445.771v3.563a.89.89 0 0 1-.445.77l-3.084 1.782a.89.89 0 0 1-.891 0l-3.085-1.781a.89.89 0 0 1-.445-.771v-3.562a.89.89 0 0 1 .445-.772zm-2.346 3.066v2.533l2.791 1.868 2.8-1.868v-2.533l-2.8-1.869z'/%3E%3Cpath stroke='%231C242C' stroke-linecap='round' stroke-width='1.2' d='m.8 16 1.428-.861'/%3E%3C/svg%3E") no-repeat 50%/100% 100% } .light .icon-history:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cpath fill='%23737E8D' fill-rule='evenodd' d='M12.8 7A5.8 5.8 0 1 1 1.2 7a5.8 5.8 0 0 1 11.6 0M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0M7.6 4a.6.6 0 0 0-1.2 0v3.5c0 .2.1.388.267.5l2.5 1.666a.6.6 0 0 0 .666-.999L7.6 7.18z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat 50%/100% 100% } .dark .icon-logo { display: inline-block; height: 26px; width: 104px } .dark .icon-logo:before { background: url(icon-logo-dark.BxrnKizC.svg) no-repeat 50%/100% 100% } .dark .icon-logo-h5 { display: inline-block; height: 26px; width: 104px } .dark .icon-logo-h5:before { background: url(header-logo.DWJI2x1n.svg) no-repeat 50%/100% 100% } .dark .icon-no-data { height: 88px; width: 88px } .dark .icon-no-data:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' fill='none' viewBox='0 0 80 80'%3E%3Cpath fill='%23fefefe' fill-rule='evenodd' d='M2.964 24.722a3.55 3.55 0 0 1 4.532-2.19l5.736 2.005a3.575 3.575 0 0 1 2.2 4.541 3.55 3.55 0 0 1-4.533 2.19l-5.735-2.005a3.575 3.575 0 0 1-2.2-4.541m1.18.412a2.306 2.306 0 0 1 2.943-1.42l5.736 2.004a2.32 2.32 0 0 1 1.428 2.948 2.306 2.306 0 0 1-2.942 1.42l-5.736-2.004a2.32 2.32 0 0 1-1.429-2.948M13.648 22.429l-3.398-5.042a3.56 3.56 0 0 1 .96-4.946 3.567 3.567 0 0 1 4.947.97l3.398 5.043a3.56 3.56 0 0 1-.96 4.946 3.567 3.567 0 0 1-4.947-.971m1.037-.698-3.398-5.042a2.31 2.31 0 0 1 .622-3.211 2.316 2.316 0 0 1 3.211.632l3.398 5.042a2.31 2.31 0 0 1-.622 3.211 2.316 2.316 0 0 1-3.211-.632' clip-rule='evenodd'/%3E%3Cpath fill='%23fefefe' d='m17.179 17.164.842 1.25h53.328c.69 0 1.25.56 1.25 1.25V61.43c0 .69-.56 1.25-1.25 1.25H51.254a9.4 9.4 0 0 1-.678 1.25H71.35a2.5 2.5 0 0 0 2.5-2.5V19.664a2.5 2.5 0 0 0-2.5-2.5zM34.811 63.93a9.4 9.4 0 0 1-.677-1.25H14.04c-.69 0-1.25-.56-1.25-1.25V30.102a2.3 2.3 0 0 1-1.25.052V61.43a2.5 2.5 0 0 0 2.5 2.5zM11.54 19.664c0-.638.238-1.22.632-1.662l.746 1.108c-.082.167-.129.355-.129.554v6.042l-1.25-.437z'/%3E%3Cpath fill='%23fefefe' fill-rule='evenodd' d='m17.747 41.372-.102.242-.042-.018v13.085h16.701q-.3.603-.514 1.25H17.603c-.69 0-1.25-.56-1.25-1.25V41.372c0-.38.169-.72.436-.949l3.635-8.665a.63.63 0 0 1 .576-.383h43.5c.252 0 .479.151.576.383l3.73 8.894c.145.203.229.452.229.72v13.31c0 .69-.56 1.25-1.25 1.25H51.598a9 9 0 0 0-.514-1.25h16.701V41.447l-.032-.076zm.524-1.25h48.958l-3.145-7.497h-3.698l1.585 4.444a.625.625 0 0 1-.589.835H24.386a.625.625 0 0 1-.598-.808l1.367-4.47h-3.74zm8.191-7.497H59.06l1.437 4.03H25.23z' clip-rule='evenodd'/%3E%3Cpath fill='%23fefefe' fill-rule='evenodd' d='M42.694 68.231a9.37 9.37 0 1 0 0-18.742 9.37 9.37 0 0 0 0 18.742m4.099-13.676a1.324 1.324 0 0 0-1.872 0l-2.317 2.317-2.135-2.135a1.324 1.324 0 1 0-1.872 1.873l2.134 2.134-2.364 2.364a1.324 1.324 0 1 0 1.873 1.873l2.364-2.365 2.546 2.547a1.324 1.324 0 1 0 1.873-1.872l-2.547-2.547 2.317-2.317a1.324 1.324 0 0 0 0-1.872' clip-rule='evenodd'/%3E%3C/svg%3E") 50%/74px 74px no-repeat } .dark .icon-spot:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Ccircle cx='5' cy='5' r='2.5' stroke='%23F4F9FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2'/%3E%3Cpath stroke='%23F4F9FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M10 5.5h6.5v4'/%3E%3Cpath stroke='%23F4F9FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='m13 2.5-3 3 3 3'/%3E%3Ccircle cx='15' cy='15' r='2.5' stroke='%23F4F9FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2'/%3E%3Cpath stroke='%23F4F9FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M10 14.5H3.5v-4'/%3E%3Cpath stroke='%23F4F9FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='m7 17.5 3-3-3-3'/%3E%3C/svg%3E") no-repeat 50%/100% 100% } .dark .icon-futures:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23F4F9FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M2.5 2.5v15L10 16l7.5 1.5v-15zM6.25 6.25h7.5'/%3E%3Cpath stroke='%23F4F9FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='m11.406 9.063 2.344 1.874-2.344 1.876M6.25 10.938h2.813'/%3E%3C/svg%3E") no-repeat 50%/100% 100% } .dark .icon-sub-account:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23F4F9FF' d='M9.562 2.1a.89.89 0 0 1 .89 0l3.086 1.781a.89.89 0 0 1 .445.772v3.562a.89.89 0 0 1-.445.77l-3.085 1.782a.89.89 0 0 1-.89 0L6.477 8.986a.89.89 0 0 1-.445-.771V4.653a.89.89 0 0 1 .445-.772zM7.21 5.167V7.7l2.797 1.871 2.793-1.87V5.166L10.007 3.3z'/%3E%3Cpath stroke='%23F4F9FF' stroke-linecap='round' stroke-width='1.2' d='M10 1.2v1.2'/%3E%3Cpath fill='%23F4F9FF' d='M13.86 9.12a.89.89 0 0 1 .89 0l3.085 1.78a.89.89 0 0 1 .445.771v3.563a.89.89 0 0 1-.445.77l-3.085 1.782a.89.89 0 0 1-.89 0l-3.085-1.781a.89.89 0 0 1-.445-.771v-3.562a.89.89 0 0 1 .445-.772zm-2.35 3.066v2.533l2.795 1.868L17.1 14.72v-2.533l-2.795-1.869z'/%3E%3Cpath stroke='%23F4F9FF' stroke-linecap='round' stroke-width='1.2' d='m19.4 16.5-1.844-1.361'/%3E%3Cpath fill='%23F4F9FF' d='M5.33 9.12a.89.89 0 0 1 .89 0l3.085 1.78a.89.89 0 0 1 .445.771v3.563a.89.89 0 0 1-.445.77L6.22 17.787a.89.89 0 0 1-.89 0l-3.085-1.781a.89.89 0 0 1-.445-.771v-3.562a.89.89 0 0 1 .445-.772zm-2.346 3.066v2.533l2.791 1.868 2.8-1.868v-2.533l-2.8-1.869z'/%3E%3Cpath stroke='%23F4F9FF' stroke-linecap='round' stroke-width='1.2' d='m.8 16 1.428-.861'/%3E%3C/svg%3E") no-repeat 50%/100% 100% } .dark .icon-history:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cpath fill='%23737E8D' fill-rule='evenodd' d='M12.8 7A5.8 5.8 0 1 1 1.2 7a5.8 5.8 0 0 1 11.6 0M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0M7.6 4a.6.6 0 0 0-1.2 0v3.5c0 .2.1.388.267.5l2.5 1.666a.6.6 0 0 0 .666-.999L7.6 7.18z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat 50%/100% 100% } .icon-search:before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKGSURBVHgB7VZNbtpAFH5vYihLjsANSk5QWJIKhS6TiiZeQNQVyQkKJwisKkElB9Gky6SiKd3BEegNOIK3Jfa8vqE2uJbBHmdTqXzSyDNv5nm+efN+BmCP/x0ImrCsScExoIAHlCcXbRLSbr59PYeUSETAsu7zTi7XAilrBFCMWLJAxAfjF/ZMs7IADcQSGIwmJSnIQqACxGPBrcMWuYGE2Emgf/ujBeB2AyKb25DbHKVcSIA8ClEiwOMgQZa1GyeVDjyHwKe7cU2SuN9IZC+zdNqm+caOWj/4/O2SEK/9MfevLk6PupCGwEd2NJGl6fpULpjNd/Fm7d8+Kv+YcstzszNLcRjnEyJKaOTgzN+cpOwk2VzBi4Yrb5hfvqDrOJ1IAlLSudddXNSrbdDAygERZ6qPRDUVQaBDoG89FgMO9RVSwCUa+v2nbLYGOgTIkAW/z57+AGkgxGz9PwmFnUvDAinE2mQkhA0p8P5k43goQO8KgmAL7FTehuC9swVsLQIGJxi/L/GgCCngGLmNHqImAcdRobRSYvMdQwpIdM83+9MMdAisMh3in+pGVBqMxiXQgEpiXJjOvOE8rlJG+gC67jqPsyNaqgRDAqi7Vxk0IOrF6UQSaNSrM85GvnLhKSuncSTUyZeZzGydQzgZJamKu6vh3fepuoaA6AalGDbqlZkvUOUaDHjFKfsS4O+QS1IVY98D/dG4y4mlFTFlhzdc/ZBPTkRFfy6OxM48oNCsV9XJTK75i9BUeHM1bzZOj8r8LXsEVTFrD75MPmz7v9abUJVbIixxaL30ZTz+Kcidr/wmtBY2pXnr+0D7UapLOEBCheRheE3sFTwHXg4oe34xhD32+BfxG566AuAYtJnIAAAAAElFTkSuQmCC) no-repeat 50%/100% 100% } .futures-icon-m { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Crect width='14' height='14' fill='%232B2D34' fill-opacity='.2' rx='2'/%3E%3Cpath fill='%23707278' d='M11.04 2.8v8.4H9.66V5.212L7.104 9.436h-.168L4.38 5.2v6H3V2.8h1.488L7.02 7l2.544-4.2z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat; height: 14px; width: 14px } .futures-icon-l { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Crect width='14' height='14' fill='%232B2D34' fill-opacity='.2' rx='2'/%3E%3Cpath fill='%23707278' d='M5.98 9.88H9.4v1.32H4.6V2.8h1.38z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat; height: 14px; width: 14px } .icon-login-ga { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cmask id='a' width='16' height='16' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M0 0h16v16H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Crect width='2.5' height='15.252' x='2.914' y='2.197' fill='%23FBBC07' rx='1.25' transform='rotate(-29.358 2.914 2.197)'/%3E%3Crect width='2.5' height='15.252' x='10.477' y='.799' fill='%23EA4334' rx='1.25' transform='rotate(30 10.477 .799)'/%3E%3Crect width='2.5' height='15.252' x='2.914' y='2.197' fill='%23EA4334' rx='1.25' transform='rotate(-29.358 2.914 2.197)'/%3E%3Crect width='2.5' height='7.919' x='2.914' y='2.197' fill='%23FBBC07' rx='1.25' transform='rotate(-29.358 2.914 2.197)'/%3E%3Crect width='2.5' height='7.766' x='10.477' y='.799' fill='%231973E8' rx='1.25' transform='rotate(30 10.477 .799)'/%3E%3Crect width='2.5' height='15.252' x='15.547' y='6.635' fill='%231973E8' rx='1.25' transform='rotate(90 15.547 6.635)'/%3E%3Crect width='2.5' height='8' x='8.297' y='6.635' fill='%2335A953' rx='1.25' transform='rotate(90 8.297 6.635)'/%3E%3Cpath fill='%230F50A9' d='m5.664 9.135 2-3.5 2.031 3.5z'/%3E%3C/g%3E%3C/svg%3E") 0 0/100% 100% no-repeat } .icon-login-ga, .icon-login-phone { display: inline-block; height: 16px; width: 16px } .icon-login-phone { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%235D5E65' d='M7.889 11.111q.889 0 .889.89 0 .888-.89.888Q7 12.89 7 12t.889-.889'/%3E%3Cpath stroke='%235D5E65' stroke-width='1.2' d='M3 3.6A1.6 1.6 0 0 1 4.6 2h6.3a1.6 1.6 0 0 1 1.6 1.6v8.8a1.6 1.6 0 0 1-1.6 1.6H4.6A1.6 1.6 0 0 1 3 12.4z'/%3E%3Cpath fill='%235D5E65' fill-rule='evenodd' d='M10 4.443a.2.2 0 0 1-.2.2H6.2a.2.2 0 0 1-.2-.2V3.7c0-.11.09-.2.2-.2h3.6c.11 0 .2.09.2.2z' clip-rule='evenodd'/%3E%3C/svg%3E") 0/100% 100% no-repeat } .icon-login-email { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%235D5E65' d='M7.298 1.08c.425-.283.98-.283 1.405 0l4.798 3.2.132.1c.159.139.273.309.345.492.134.11.221.275.221.462v6.4a2.2 2.2 0 0 1-2.2 2.2h-8a2.2 2.2 0 0 1-2.2-2.2v-6.4c0-.188.088-.354.223-.464.09-.23.249-.438.477-.59zM2.999 11.735a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V6.721L8.703 9.587a1.27 1.27 0 0 1-1.24.092l-.165-.092L2.999 6.72zM7.963 2.08 3.165 5.278a.067.067 0 0 0 0 .111l4.798 3.199a.07.07 0 0 0 .074 0l4.798-3.199a.07.07 0 0 0 .022-.086l-.022-.025L8.037 2.08a.07.07 0 0 0-.074 0'/%3E%3C/svg%3E") 0/100% 100% no-repeat; display: inline-block; height: 16px; width: 16px } .affiliates-text { color: #222224 } .affiliates-text-1 { color: #838384 } .affiliates-text-2 { color: #23262f } .affiliates-text-3 { color: #f6a609 } .affiliates-gold-2 { color: #c7a056 } .affiliates-green-2 { color: var(--green-green2) } .affiliates-red-2 { color: var(--red-red2) } .affiliates-text-5 { color: #d49f38 } .affiliates-text-6 { color: #d9ab51 } .affiliates-text-7 { color: #cf304c } .affiliates-text-8 { color: #ccd2da } .affiliates-label-18 { line-height: 18px } .affiliates-label-17, .affiliates-label-18 { color: var(--text-text3); font-size: 12px; font-weight: 400; word-break: break-word } .affiliates-label-17 { line-height: 17px } .affiliates-label-15 { color: var(--text-text3); font-size: 11px; font-weight: 400; line-height: 15px; word-break: break-word } .affiliates-val-20 { font-size: 14px; font-weight: 500; line-height: 20px } .affiliates-val-19, .affiliates-val-20 { color: var(--text-text1); word-break: break-word } .affiliates-val-19 { font-size: 13px; font-weight: 700; line-height: 19px } .affiliates-val-18 { font-size: 13px; line-height: 18px } .affiliates-val-17, .affiliates-val-18 { color: var(--text-text1); font-weight: 500; word-break: break-word } .affiliates-val-17 { font-size: 12px; line-height: 17px } .affiliates-green-17 { color: var(--green-green2) } .affiliates-green-17, .affiliates-red-17 { font-size: 12px; font-weight: 500; line-height: 17px; word-break: break-word } .affiliates-red-17 { color: var(--red-red2) } .affiliates-search-label { color: var(--text-text1); font-size: 13px; font-weight: 400; line-height: 18px; margin-bottom: 4px; word-break: break-word } .affiliates-text-end { text-align: end } .affiliates-divider-1 { border-bottom: .5px solid var(--border-border1); font-size: 0; height: 0 } .affiliates-divider-1-1 { border-bottom: 1px solid var(--border-border1); font-size: 0; height: 0 } .affiliates-divider-2 { border-bottom: .5px solid var(--border-border2); font-size: 0; height: 0 } .affiliates-divider-4 { border-bottom: 4px solid var(--base-base4); font-size: 0; height: 0 } .affiliates-list-item-16-12-6-12 { border: .5px solid var(--border-border1); border-radius: 6px; margin-bottom: 12px; padding: 16px 12px } .affiliates-list-item-16-12-6-12:last-child { margin-bottom: 0 } .affiliates-list-item-16-12-fill4 { background-color: var(--fill-fill4); border-radius: 8px; margin-bottom: 12px; padding: 16px 12px } .affiliates-list-item-16-12-fill4:last-child { margin-bottom: 0 } .affiliates-copy-icon-24 { background: var(--fill-fill4) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' fill='none' viewBox='0 0 15 14'%3E%3Cpath fill='%238B8E92' fill-rule='evenodd' d='M5.238 2.275a.25.25 0 0 0-.252.252v1.498a.175.175 0 0 1-.175.175h-.7a.175.175 0 0 1-.175-.175V2.527c0-.719.583-1.302 1.302-1.302h6.735c.72 0 1.303.583 1.303 1.302v6.735c0 .72-.583 1.303-1.303 1.303h-1.497a.175.175 0 0 1-.175-.175v-.7c0-.097.078-.176.175-.176h1.497c.14 0 .253-.112.253-.252V2.527a.25.25 0 0 0-.253-.252z' clip-rule='evenodd'/%3E%3Cpath fill='%238B8E92' fill-rule='evenodd' d='M1.726 4.738c0-.72.583-1.302 1.302-1.302h6.735c.72 0 1.302.583 1.302 1.302v6.735c0 .719-.583 1.302-1.302 1.302H3.028c-.72 0-1.302-.583-1.302-1.302zm1.302-.252a.25.25 0 0 0-.252.252v6.735c0 .14.112.252.252.252h6.735c.14 0 .252-.113.252-.252V4.738a.25.25 0 0 0-.252-.252z' clip-rule='evenodd'/%3E%3C/svg%3E") 50% 50%/14px 14px no-repeat; border-radius: 4px; height: 24px; width: 24px } [dir=rtl] .affiliates-mirror { transform: scaleX(-1) } .affiliates-tag { align-items: center; display: inline-flex } .affiliates-tag.type-green { background-color: var(--green-green2) } .affiliates-tag.type-green, .affiliates-tag.type-red { border-radius: 3px; color: var(--text-text0); font-size: 10px; font-weight: 500; line-height: 12px; padding: 2px 4px } .affiliates-tag.type-red { background-color: var(--red-red2) } .affiliates-tag.type-green-4 { background-color: var(--green-green4); color: var(--green-green2) } .affiliates-tag.type-green-4, .affiliates-tag.type-red-4 { border-radius: 4px; font-size: 10px; font-weight: 500; line-height: 14px; padding: 1px 4px } .affiliates-tag.type-red-4 { background-color: var(--red-red4); color: var(--red-red2) } .affiliates-tag.type-gray { background-color: var(--fill-fill2); border-radius: 2px; color: var(--text-text1); font-size: 10px; font-weight: 400; line-height: 14px; padding: 1px 4px } .affiliates-border-4 { border: 1px solid #c7a056 } .affiliates-border-8 { border: 1px solid #ccd2da } .affiliates-link-text-4, .affiliates-link-text-4:hover { color: #c7a056 } .affiliates-content-h5 { padding: 16px } .affiliates-bg { background: #32323a; height: 100% } .affiliates-bg .min-100 { min-height: 100% } .affiliates-content-container { background: #f4f4f4; flex: 1; min-width: 1028px } .affiliates-content { margin: 24px 24px 80px } .affiliates-content, .affiliates-content-one { background-color: #fff; border-radius: 12px; padding: 24px 32px } .affiliates-content-one { margin: 24px } .affiliates-order-paging { justify-content: flex-start } .affiliates-gap-10-16 { gap: 10px 16px } .affiliates-common .order-paging { justify-content: flex-start } .affiliates-common .line-dashed { border-bottom: 1px dashed var(--gray-gray4) } .affiliates-common .icon-sort { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAALVBMVEUAAABzfYxyfYx7e49yfYtzfYtxfIx5eaFyfI1zfI5zfYxxfYh6eo9yfo15eYYoJh2wAAAAD3RSTlMAZlkMYEAmBkw5My0ZUxMznz9uAAAAUElEQVQY02MgBZSGI9g8ikIGcM5EQUEpGNtCEAguQ9jcjiCOUAKYwygIBgKoHDIAAdPYwJaKJEDUGYE4zTBdCwUFpeFG8CkKHUAYaDqdFOsBdDgK2Uzid7gAAAAASUVORK5CYII=) 50%/100% 100% no-repeat; cursor: pointer; display: inline-block; height: 12px; min-width: 12px } .affiliates-common .icon-sort.desc { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAPFBMVEUAAABzfYxzfoxxgI57gJNyf45yf4xzfoxzfo5yfY1wf4mAgKpzf4xzfoxzfox0fot0fYtzfYx6eo9zfo2CFZ73AAAAE3RSTlMAZj4hDd9gWe9PLga/oJCAcDMZjatlNQAAAFlJREFUKM+9y0kOgCAQRNFqGhmdvf9dNU7YARM3+Ja/UqgiKhVLfbZEVudd0W6CpD2dvDgFQzfLSEh4H/61CF8G41J2Bg/cXL1lSMPRR2TCdmoUCrjrNWpYAZ+CBUhfPFYeAAAAAElFTkSuQmCC) 50%/100% 100% no-repeat } .affiliates-common .icon-sort.asc { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAP1BMVEUAAABzfYx3eohzfo1yfYtxfYtyfYxxe4pwgIdzf45zfo10fo5zf45yf49yf49zgY5yfI1zfYx6eo9tbZJzfo1BBcOzAAAAFHRSTlMAZg/fYFo+KCCf78+/j39vTDMZB7/iiD0AAABbSURBVCjPY6AJYOLkZMImzsYsIsLMgSnOKwIGfGjCHDwiUMCNoomfSwQOmFmQJERQAG4J+gJGFECMBDsLQpiFHSVkWWHiAughLAgRhypH18QqhDWi2NiEGWgBABd4BYEilBWtAAAAAElFTkSuQmCC) 50%/100% 100% no-repeat } .affiliates-common .icon-search { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%2323262F' fill-rule='evenodd' d='M16.467 11.01a5.54 5.54 0 1 1-11.08 0 5.54 5.54 0 0 1 11.08 0m-.88 5.878a7.5 7.5 0 1 1 1.363-1.407q.015.012.028.027l2.902 2.902a.98.98 0 0 1-1.386 1.386l-2.902-2.902z' clip-rule='evenodd'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat; height: 24px; width: 24px } .affiliates-common .icon-add { align-items: center; display: flex } .affiliates-common .icon-add:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23222224' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M6.313 2.5h7.353c1.06.013 2.07.517 2.793 1.394s1.097 2.05 1.034 3.246v5.72c.063 1.197-.311 2.37-1.034 3.246-.723.877-1.732 1.38-2.793 1.394H6.313c-2.278 0-3.813-2.082-3.813-4.64V7.14c0-2.558 1.535-4.64 3.813-4.64' clip-rule='evenodd'/%3E%3Cpath stroke='%23222224' stroke-linecap='round' stroke-width='1.667' d='M6.667 10h6.667M10 6.667v6.666'/%3E%3C/svg%3E") 50% no-repeat; background-size: 20px 20px; content: ""; display: inline-block; height: 20px; margin-inline-end: 8px; width: 20px } .affiliates-common .activity-btn { height: 40px; padding: 8px 40px } .affiliates-common .icon-affiliates-data { display: flex } .affiliates-common .icon-affiliates-data:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%2323262F' d='M8.25 4.5c0-.414-.337-.755-.748-.703a6 6 0 1 0 6.701 6.701c.052-.41-.289-.748-.703-.748H9.375A1.125 1.125 0 0 1 8.25 8.625z'/%3E%3Cpath fill='%2323262F' d='M10.5 3c0-.414.338-.755.748-.697a5.25 5.25 0 0 1 4.449 4.45c.059.41-.283.747-.697.747h-3.75a.75.75 0 0 1-.75-.75z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat; content: ""; display: inline-block; height: 18px; margin-inline-end: 8px; width: 18px } .affiliates-input.el-input .el-input__suffix-inner>:first-child { margin-left: unset; margin-inline-start: 8px } .affiliates-input.el-input.type-filled-h40-w200 { height: 40px; width: 200px } .affiliates-input.el-input.type-filled-h40-w200 .el-input__wrapper { background: var(--bg-fill); box-shadow: none } .affiliates-input.el-input.type-filled-h40-w200 .el-input__inner { color: var(--text-3); font-size: 14px; font-weight: 500; line-height: 24px } .affiliates-input.el-input.type-bordered-32 { height: 32px; width: 200px } .affiliates-input.el-input.type-bordered-32 .el-input__inner { color: var(--text-text1); font-size: 12px; font-weight: 500; height: 30px; line-height: 30px } .affiliates-input.el-input.type-bordered-32 .el-input__wrapper { background: transparent; border-radius: 6px; box-shadow: 0 0 0 1px var(--border-border1) inset } .affiliates-input.el-input.type-filled-h40-r8 { height: 40px } .affiliates-input.el-input.type-filled-h40-r8 .el-input__wrapper { background: var(--fill-fill4); border-radius: 8px; box-shadow: none !important } .affiliates-input.el-input.type-filled-h40-r8 .el-input__inner { color: var(--text-text1); font-size: 13px; font-weight: 500; height: 18px; line-height: 18px } .affiliates-input.el-input.type-filled-h40-r8 .el-input__inner::-moz-placeholder { color: var(--text-text3) } .affiliates-input.el-input.type-filled-h40-r8 .el-input__inner::placeholder { color: var(--text-text3) } .affiliates-input.el-input.type-filled-h40-r8.is-disabled .el-input__inner { color: var(--el-disabled-text-color); -webkit-text-fill-color: var(--el-disabled-text-color); cursor: not-allowed } .affiliates-input-view.type-filled-h40-r8 { align-items: center; background: var(--fill-fill4); border-radius: 8px; box-shadow: none; color: var(--text-text1); display: flex; font-size: 13px; font-weight: 500; height: 40px; line-height: 18px; padding: 1px 11px; width: 100% } .affiliates-input-view.type-filled-h40-r8.bordered { border: 1px solid var(--border-border2) } .affiliates-input-view.type-filled-h40-r8.readonly3 { color: var(--text-text3) } .affiliates-input-view.type-filled-h40-r8.readonly4 { color: var(--text-text4) } .affiliates-textarea-filled.el-textarea .el-textarea__inner { background-color: var(--fill-fill4); border-radius: 8px; box-shadow: none; color: var(--text-text1); font-size: 13px; font-weight: 500; line-height: 18px; padding: 10px } .affiliates-textarea-filled.el-textarea .el-textarea__inner::-moz-placeholder { color: var(--text-text3) } .affiliates-textarea-filled.el-textarea .el-textarea__inner::placeholder { color: var(--text-text3) } .affiliates-textarea-filled.el-textarea .el-textarea__inner:focus, .affiliates-textarea-filled.el-textarea .el-textarea__inner:hover { box-shadow: none } .affiliates-radio.el-radio { margin-right: unset; margin-inline-end: 32px } .affiliates-radio.el-radio .el-radio__label { color: var(--text-text1); font-size: 13px; font-weight: 400; line-height: 18px; padding-left: unset; padding-inline-start: 6px } .affiliates-radio.el-radio:last-child { margin-inline-end: 0 } .affiliates-radio.el-radio .el-radio__inner { border: 1px solid #b2bbc6; height: 16px; width: 16px } .affiliates-radio.el-radio.is-checked .el-radio__inner { background: transparent; border: 1px solid #d49f38 } .affiliates-radio.el-radio.is-checked .el-radio__inner:after { background: #d49f38; border-radius: 10px; height: 8px; width: 8px } .affiliates-checkbox.el-checkbox { --el-checkbox-input-border: 1px solid var(--gray-gray6); --primary-primary3: var(--gray-gray10); --el-checkbox-disabled-checked-input-fill: var(--gray-gray2); --el-checkbox-disabled-checked-input-border-color: var(--gray-gray2); --el-checkbox-disabled-checked-icon-color: var(--gray-gray0); --el-checkbox-disabled-input-fill: none; --el-checkbox-disabled-border-color: var(--gray-gray2); --el-checkbox-checked-icon-color: var(--gray-gray0); --el-checkbox-input-border-color-hover: var(--gray-gray10) } .affiliates-checkbox.el-checkbox .el-input__inner::-moz-placeholder { color: var(--text-text4) } .affiliates-checkbox.el-checkbox .el-input__inner::placeholder { color: var(--text-text4) } .affiliates-checkbox.el-checkbox .el-checkbox__label { color: var(--text-text2); font-size: var(--el-checkbox-font-size); padding-inline-start: 4px } .affiliates-checkbox.el-checkbox .el-checkbox__inner:after { border-width: 1.5px } .affiliates-checkbox.el-checkbox--max { --el-checkbox-font-size: var(--font-size-max); --el-checkbox-font-weight: var(--font-weight-max) } .affiliates-checkbox.el-checkbox--large { --el-checkbox-font-size: var(--font-size-large); --el-checkbox-font-weight: var(--font-weight-large) } .affiliates-checkbox.el-checkbox--default { --el-checkbox-font-size: var(--font-size-default); --el-checkbox-font-weight: var(--font-weight-default) } .affiliates-checkbox.el-checkbox--small { --el-checkbox-font-size: var(--font-size-small); --el-checkbox-font-weight: var(--font-weight-small) } .affiliates-checkbox.el-checkbox--small .el-checkbox__inner:after { border-width: 1px } .affiliates-checkbox.el-checkbox--mini { --el-checkbox-font-size: var(--font-size-mini); --el-checkbox-font-weight: var(--font-weight-mini) } .affiliates-checkbox.el-checkbox--mini .el-checkbox__inner:after { border-width: 1px } .affiliates-checkbox.el-checkbox.type-gold { --el-checkbox-input-border: 1px solid #c7a056; --el-checkbox-input-border-color-hover: #c7a056 } .affiliates-checkbox.el-checkbox.type-gold .el-checkbox__label { color: #c7a056 } .affiliates-checkbox.el-checkbox.type-gold .el-checkbox__input.is-checked .el-checkbox__inner { background-color: #c7a056; border-color: #c7a056 } .affiliates-checkbox.el-checkbox.type-gold .el-checkbox__input.is-checked+.el-checkbox__label { color: #c7a056 } .affiliates-select.el-select.type-filled-40 { height: 40px } .affiliates-select.el-select.type-filled-40 .el-input__inner { color: var(--text-3); font-size: 14px; font-weight: 500; height: 38px; line-height: 38px } .affiliates-select.el-select.type-filled-40 .el-input__wrapper { background: var(--bg-fill); box-shadow: none !important } .affiliates-select.el-select.type-bordered-32 { height: 32px } .affiliates-select.el-select.type-bordered-32 .el-input__inner { color: var(--text-text1); font-size: 12px; font-weight: 500; height: 30px; line-height: 30px } .affiliates-select.el-select.type-bordered-32 .el-input__wrapper { background: transparent; border-radius: 6px; box-shadow: 0 0 0 1px var(--border-border1) inset } .affiliates-select.el-select.type-bordered-24 { height: 24px } .affiliates-select.el-select.type-bordered-24 .el-input__inner { color: var(--text-text1); font-size: 12px; font-weight: 500; height: 22px; line-height: 22px } .affiliates-select.el-select.type-bordered-24 .el-input__wrapper { background: transparent; border-radius: 4px; box-shadow: 0 0 0 1px var(--border-border1) inset } .affiliates-select.el-select.type-filled-h40-r8 { height: 40px } .affiliates-select.el-select.type-filled-h40-r8 .el-input__wrapper { background: var(--fill-fill4); border-radius: 8px; box-shadow: none !important } .affiliates-select.el-select.type-filled-h40-r8 .el-input__inner { color: var(--text-text1); font-size: 13px; font-weight: 500; height: 38px; line-height: 38px } .affiliates-select.el-select.type-filled-h40-r8 .el-input__inner::-moz-placeholder { color: var(--text-text3) } .affiliates-select.el-select.type-filled-h40-r8 .el-input__inner::placeholder { color: var(--text-text3) } .affiliates-select.el-select.type-filled-h40-r8.is-disabled .el-input__inner { color: var(--el-disabled-text-color); -webkit-text-fill-color: var(--el-disabled-text-color); cursor: not-allowed } .affiliates-select.el-select.type-filled-h40-r8.type-filterable-multiple { height: auto } .affiliates-select.el-select.type-filled-h40-r8.type-filterable-multiple .el-input__wrapper { min-height: 40px; padding: 4px 16px } .affiliates-select.el-select.type-filled-h40-r8.type-filterable-multiple.el-select .el-select-tags-wrapper.has-prefix { margin-left: unset; margin-inline-start: 6px } .affiliates-select.el-select.type-filled-h40-r8.type-filterable-multiple.el-select .el-select__tags .el-tag { background-color: var(--fill-fill2); margin-right: unset; margin-inline-end: 6px } .affiliates-select.el-select.type-filled-h40-r8.type-filterable-multiple.el-select .el-tag.is-closable { padding-right: unset; padding-inline-end: 5px } .affiliates-date-picker.el-date-editor.type-40 { height: 40px; width: 230px } .affiliates-date-picker.el-date-editor.type-40 .el-range-input { height: 40px } .affiliates-date-picker.el-date-editor.type-32 { border-radius: 6px; height: 32px; width: 230px } .affiliates-date-picker.el-date-editor.type-32 .el-range-input { height: 32px } .affiliates-date-picker.el-date-editor.el-input__wrapper { box-shadow: none; flex-grow: unset } .affiliates-date-picker.el-date-editor.is-filled.el-input__wrapper { background: var(--bg-fill); box-shadow: none } .affiliates-date-picker.el-date-editor.is-bordered.el-input__wrapper { background: transparent; box-shadow: 0 0 0 1px var(--border-border1) inset } .affiliates-date-picker.el-date-editor .el-icon { font-size: 12px } .affiliates-date-picker.el-date-editor .el-range__icon { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath fill='%23737E8D' fill-rule='evenodd' d='M4 .5a.5.5 0 0 1 .5.5v.25h3V1a.5.5 0 0 1 1 0v.25h1.75a1 1 0 0 1 1 1V10a1 1 0 0 1-1 1h-8.5a1 1 0 0 1-1-1V2.25a1 1 0 0 1 1-1H3.5V1A.5.5 0 0 1 4 .5m3.5 1.75V3a.5.5 0 0 0 1 0v-.75h1.75v2h-8.5v-2H3.5V3a.5.5 0 0 0 1 0v-.75zm2.75 3h-8.5V10h8.5zM6.5 8.5A.5.5 0 0 1 7 8h1.5a.5.5 0 0 1 0 1H7a.5.5 0 0 1-.5-.5m-3-.5a.5.5 0 0 0 0 1H5a.5.5 0 0 0 0-1zm3-1.5A.5.5 0 0 1 7 6h1.5a.5.5 0 0 1 0 1H7a.5.5 0 0 1-.5-.5m-3-.5a.5.5 0 0 0 0 1H5a.5.5 0 0 0 0-1z' clip-rule='evenodd'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat; display: inline-block; height: 12px; order: 1; visibility: visible; width: 12px } .affiliates-date-picker.el-date-editor .el-range__icon svg { display: none } .affiliates-date-picker.el-date-editor .el-range-separator { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23737E8D' fill-rule='evenodd' d='M11.054 6.23a.6.6 0 0 0-.13-.654l-3-3a.6.6 0 1 0-.849.849L9.051 5.4H1.5a.6.6 0 0 0 0 1.2H9.05L7.075 8.576a.6.6 0 0 0 .849.849l3-3m.13-.195a.6.6 0 0 1-.129.193z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M12 0v12H0V0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 0 0/100% 100% no-repeat; display: inline-block; height: 12px; width: 12px } .affiliates-button.el-button { border: none; border-radius: 6px; font-size: 14px; font-weight: 500; height: 40px; padding: 10px 16px } .affiliates-button.el-button, .affiliates-button.el-button:hover { background-color: #f2f2f2; color: #242425 } .affiliates-button.el-button.el-button--large { font-size: 16px; height: 48px } .affiliates-button.el-button.el-button--primary, .affiliates-button.el-button.el-button--primary:hover { background-color: #f9d99f } .affiliates-button.el-button+.el-button { margin-left: unset; margin-inline-start: 12px } .affiliates-button.el-button.type-radius4 { border-radius: 4px } .affiliates-button2.el-button { border: none; border-radius: 8px; font-size: 14px; font-weight: 500; height: 40px; padding: 10px 16px } .affiliates-button2.el-button, .affiliates-button2.el-button:hover { background-color: var(--fill-fill2); color: var(--text-text1) } .affiliates-button2.el-button.el-button--large { font-size: 16px; height: 48px } .affiliates-button2.el-button.type-gray, .affiliates-button2.el-button.type-gray:hover { background-color: var(--fill-fill2) } .affiliates-button2.el-button.type-gold, .affiliates-button2.el-button.type-gold:hover { background-color: #e5c991 } .affiliates-button-left-unset.el-button+.el-button, .affiliates-button2.el-button+.el-button { margin-left: unset } .affiliates-search-btn.el-button { border: none; border-radius: 6px; font-size: 14px; font-weight: 500; height: 32px; outline: none; padding: 2px 12px } .affiliates-search-btn.el-button, .affiliates-search-btn.el-button:hover { background-color: #e5c991; color: #070708 } .affiliates-search-btn.el-button .icon-search { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23070708' d='M11.313 3.52a7.5 7.5 0 0 1 7.114 7.49l-.01.387a7.46 7.46 0 0 1-1.47 4.084q.016.013.03.027l2.903 2.902a.98.98 0 0 1-1.386 1.386l-2.902-2.901-.006-.007a7.47 7.47 0 0 1-4.659 1.623l-.386-.01a7.5 7.5 0 0 1-7.104-7.104l-.01-.386a7.5 7.5 0 0 1 7.5-7.5zm-.386 1.95a5.54 5.54 0 1 0 0 11.081 5.54 5.54 0 0 0 0-11.08'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat; display: inline-block; height: 24px; width: 24px } .affiliates-table-h5.el-table .el-table-fixed-column--right { box-shadow: none } .affiliates-table-h5.el-table.is-scrolling-left .el-table-fixed-column--right.is-first-column:before, .affiliates-table-h5.el-table.is-scrolling-middle .el-table-fixed-column--right.is-first-column:before { box-shadow: inset -10px 0 10px -10px #878a9c1a } .affiliates-table-h5.el-table.is-scrolling-right th.el-table-fixed-column--right { background-color: var(--fill-fill4) } .affiliates-table-h5.el-table .el-table__inner-wrapper:before { display: none } .affiliates-table-h5.el-table .el-table__cell { text-align: start } .affiliates-table-h5.el-table .el-table__cell.is-right { text-align: end } .affiliates-table-h5.el-table .el-table__cell.is-center { text-align: center } .affiliates-table-h5.el-table th.el-table__cell.is-leaf { border: none } .affiliates-table-h5.el-table td.el-table__cell { border-bottom: 1px solid transparent } .affiliates-table-h5.el-table .el-table__cell .cell { padding: 0 8px; word-break: break-word } .affiliates-table-h5.el-table th.el-table__cell { background-color: var(--fill-fill4); height: 32px; padding: 6px 0 } .affiliates-table-h5.el-table th.el-table__cell .cell { color: var(--text-text3); font-size: 12px; font-weight: 400; line-height: 18px } .affiliates-table-h5.el-table td.el-table__cell { height: 44px; padding: 6px 0 } .affiliates-table-h5.el-table td.el-table__cell .cell { color: var(--text-text1); font-size: 12px; font-weight: 500; line-height: 18px } .affiliates-table-h5.el-table .el-scrollbar__bar.is-horizontal { display: block !important } html[dir=rtl] .affiliates-table-h5.el-table .el-table__header-wrapper tr th.el-table-fixed-column--right { left: 0; right: auto !important } html[dir=rtl] .affiliates-table-h5.el-table .el-table__body-wrapper tr td.el-table-fixed-column--right { left: 0; right: unset !important } html[dir=rtl] .affiliates-table-h5.el-table.is-scrolling-middle .el-table-fixed-column--right.is-first-column:before { box-shadow: inset 10px 0 10px -10px #878a9c1a; left: unset; right: 0 } .affiliates-table-striped.el-table .el-table__inner-wrapper:before { display: none } .affiliates-table-striped.el-table.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell { background: var(--base-base1) } .affiliates-table-striped.el-table.el-table--striped .el-table__body tr td.el-table__cell { background: #f6f7f8 } .affiliates-table-striped.el-table th.el-table__cell.is-leaf { border-bottom: none; border-top: .5px solid var(--border-border1) } .affiliates-table-striped.el-table th.el-table__cell { height: 40px; padding: 6px 0 } .affiliates-table-striped.el-table td.el-table__cell { border-bottom: none; height: 64px; padding: 6px 0 } .affiliates-table-striped.el-table .el-table__cell { text-align: start } .affiliates-table-striped.el-table .el-table__cell.is-right { text-align: end } .affiliates-table-striped.el-table .cell { color: var(--text-text1); font-size: 14px; font-weight: 500; line-height: 18px; padding: 0 16px } .affiliates-table-striped.el-table .el-table__header .cell { color: var(--text-text3); font-size: 12px } .affiliates-table-web2.el-table .el-table__inner-wrapper:before { display: none } .affiliates-table-web2.el-table th.el-table__cell { height: 40px; padding: 6px 0 } .affiliates-table-web2.el-table td.el-table__cell { border-bottom: none; height: 64px; padding: 6px 0 } .affiliates-table-web2.el-table .el-table__cell { text-align: start } .affiliates-table-web2.el-table .el-table__cell.is-right { text-align: end } .affiliates-table-web2.el-table .cell { color: var(--text-text1); font-size: 14px; font-weight: 500; line-height: 18px; padding: 0 16px; word-break: break-word } .affiliates-table-web2.el-table .el-table__header .cell { color: var(--text-text2); font-size: 12px } .affiliates-table-web2.el-table th.el-table__cell { background-color: var(--fill-fill4); border-bottom: 1px solid transparent } .affiliates-table-web2.el-table th.el-table__cell:first-child { border-bottom-left-radius: 4px; border-top-left-radius: 4px } .affiliates-table-web2.el-table th.el-table__cell:last-child { border-bottom-right-radius: 4px; border-top-right-radius: 4px } .affiliates-table-web2.el-table.type-stripe.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell { background: var(--base-base1) } .affiliates-table-web2.el-table.type-stripe.el-table--striped .el-table__body tr td.el-table__cell { background: #f6f7f8 } .affiliates-table-web2.el-table.type-stripe th.el-table__cell.is-leaf { border-bottom: none; border-top: .5px solid var(--border-border1) } [dir=rtl] .affiliates-table-web2.el-table.type-th-fill4 th.el-table__cell:first-child { border-bottom-left-radius: unset; border-bottom-right-radius: 4px; border-top-left-radius: unset; border-top-right-radius: 4px } [dir=rtl] .affiliates-table-web2.el-table.type-th-fill4 th.el-table__cell:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: unset; border-top-left-radius: 4px; border-top-right-radius: unset } .affiliates-table-web.el-table .el-table__inner-wrapper:before { display: none } .affiliates-table-web.el-table th.el-table__cell { background-color: var(--bg-fill) } .affiliates-table-web.el-table td.el-table__cell { border-bottom: none; height: 64px } .affiliates-table-web.el-table .el-table__header .cell { color: var(--text-text3); font-size: 12px } .affiliates-table-web.el-table .el-table__cell { text-align: start } .affiliates-table-web.el-table .el-table__cell.is-right { text-align: end } .affiliates-table-web.el-table .cell { color: #23262f; font-size: 14px; font-weight: 500 } .affiliates-table-scrolling-shadow.el-table.is-scrolling-left:before, .affiliates-table-scrolling-shadow.el-table.is-scrolling-middle:before { box-shadow: inset -10px 0 10px -10px #878a9c66; content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 6px; z-index: 100 } [dir=rtl] .affiliates-table-scrolling-shadow.el-table.is-scrolling-left:before, [dir=rtl] .affiliates-table-scrolling-shadow.el-table.is-scrolling-middle:before { box-shadow: inset 10px 0 10px -10px #878a9c66; left: 0; right: unset } .affiliates-tab li, .affiliates-tab-swiper li { height: 30px; margin-inline-end: 40px; position: relative } .affiliates-tab li.tips:before, .affiliates-tab-swiper li.tips:before { background-color: var(--danger-danger1); border-radius: 4px; content: ""; height: 6px; position: absolute; right: -6px; top: 0; width: 6px } .affiliates-tab li.active:after, .affiliates-tab-swiper li.active:after { background-color: #f9d99f; bottom: 0; content: ""; height: 4px; left: 0; position: absolute; right: 0 } .affiliates-tab-swiper .swiper { margin-inline-end: 0; margin-inline-start: 0; padding-left: 0; padding-right: 0; width: 100% } .affiliates-tab-swiper .swiper .swiper-slide { width: auto !important } .affiliates-tab-swiper .swiper .swiper-button-prev { background: var(--base-base1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAIVBMVEUAAACMlaOKlqKPl6eHl5+MlaSMlaOIn6eLlaOLlqOLlaOd9uncAAAACnRSTlMA34AgIM9QEO+/HWK9FgAAADpJREFUKM9joBMoM0AXYZaagC5kuGoBhqJVChiKFg06RaxARYSFWDA1MjgOamUNmMoEMKLWrYCBPgAAQ9oc87BoP10AAAAASUVORK5CYII=) center/18px 18px no-repeat; left: 0; width: 30px } .affiliates-tab-swiper .swiper .swiper-button-prev:hover { background: var(--base-base1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAIVBMVEUAAAAogP8lhP8kg/8kg/8khP8jg/8ggP8kg/8kg/8kg/8O0uavAAAACnRSTlMAIN+Af89QEO+/Ylg5ewAAADxJREFUKM9joBMoE0AXYdSagC4ktGoBhqJVBhiKFg86RawIRQihJQyYGh0wvDyolTVgKlPAiFqxAgb6AAAYthzOhJysGgAAAABJRU5ErkJggg==) center/18px 18px no-repeat } .affiliates-tab-swiper .swiper .swiper-button-prev:after { content: "" } .affiliates-tab-swiper .swiper .swiper-button-next { background: var(--base-base1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAIVBMVEUAAACMlaOKlqKPl6eHl5+MlaSMlaOIn6eLlaOLlqOLlaOd9uncAAAACnRSTlMA34AgIM9QEO+/HWK9FgAAADpJREFUKM9joBMoM0AXYZaagC5kuGoBhqJVChiKFg06RaxARYSFWDA1MjgOamUNmMoEMKLWrYCBPgAAQ9oc87BoP10AAAAASUVORK5CYII=) center/18px 18px no-repeat; right: 0; transform: scaleX(-1); width: 30px } .affiliates-tab-swiper .swiper .swiper-button-next:hover { background: var(--base-base1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAIVBMVEUAAAAogP8lhP8kg/8kg/8khP8jg/8ggP8kg/8kg/8kg/8O0uavAAAACnRSTlMAIN+Af89QEO+/Ylg5ewAAADxJREFUKM9joBMoE0AXYdSagC4ktGoBhqJVBhiKFg86RawIRQihJQyYGh0wvDyolTVgKlPAiFqxAgb6AAAYthzOhJysGgAAAABJRU5ErkJggg==) center/18px 18px no-repeat; transform: scaleX(-1) } .affiliates-tab-swiper .swiper .swiper-button-next:after { content: "" } .affiliates-tab-swiper .swiper.swiper-rtl .swiper-button-next { left: 0 !important; right: unset !important; transform: unset !important } .affiliates-tab-swiper .swiper.swiper-rtl .swiper-button-next:hover { transform: unset !important } .affiliates-tab-swiper .swiper.swiper-rtl .swiper-button-prev { left: unset !important; right: 0 !important; transform: scaleX(-1) !important } .affiliates-tab-swiper .swiper.swiper-rtl .swiper-button-prev:hover { transform: scaleX(-1) !important } .affiliates-form .el-form-item .el-form-item__error { margin-top: 0 } .affiliates-form .el-form-item__label { color: #23262f; font-weight: 500; padding: 0 } .affiliates-form .is-error .el-input .el-input__wrapper { box-shadow: inset 0 0 0 1px #f56c6c } .affiliates-form .form-input-40 { height: 40px } .affiliates-form .form-input-46 { height: 46px } .affiliates-form .form-input-48 { height: 48px } .affiliates-form .el-input .el-input__wrapper { border-radius: 8px; box-shadow: 0 0 0 1px var(--card-border) inset; padding: 1px 16px } .affiliates-form .el-input .el-input__wrapper .el-input__inner { color: var(--text-3); font-size: 14px; line-height: 22px } .affiliates-form .el-input .el-input__wrapper.is-focus { box-shadow: inset 0 0 0 1px #f9d99f } .affiliates-form .el-textarea .el-textarea__inner { border-radius: 8px; padding: 12px 16px } .affiliates-form .el-textarea .el-textarea__inner:focus, .affiliates-form .el-textarea .el-textarea__inner:hover { box-shadow: inset 0 0 0 1px #f9d99f } .affiliates-form .form-select-48 .el-input__wrapper { min-height: 48px; padding: 4px 16px } .affiliates-form .form-select-46 .el-input__wrapper { min-height: 46px; padding: 4px 16px } .affiliates-form .el-select .el-input.is-focus .el-input__wrapper { box-shadow: inset 0 0 0 1px #f9d99f !important } .affiliates-form .el-select .el-select-tags-wrapper.has-prefix { margin-left: unset; margin-inline-start: 6px } .affiliates-form .el-select .el-select__tags .el-tag { margin-right: unset; margin-inline-end: 6px } .affiliates-form .el-select .el-tag.is-closable { padding-right: unset; padding-inline-end: 5px } .affiliates-form .el-radio { margin-inline-end: 0 } .affiliates-form .el-radio .el-radio__label { color: var(--text-coin-2) !important; font-size: 12px !important; padding: 0 12px } .affiliates-form .el-radio .el-radio__inner { border: 2px solid #b2bbc6; height: 18px; width: 18px } .affiliates-form .el-radio.is-checked .el-radio__inner { background: transparent; border: 2px solid #141720 } .affiliates-form .el-radio.is-checked .el-radio__inner:after { background: #141720; border-radius: 4px; height: 8px; width: 8px } html[dir=rtl] .affiliates-form .el-form-item__label { text-align: right } html[dir=rtl] .affiliates-form .el-input__wrapper { border-radius: 8px 0 0 8px !important } .affiliates-form-filled .el-form-item { margin-bottom: 24px } .affiliates-form-filled .el-form-item .el-form-item__error { margin-top: 0 } .affiliates-form-filled.el-form--default.el-form--label-top .el-form-item .el-form-item__label { color: var(--text-text1); font-size: 13px; font-weight: 400; line-height: 18px; margin-bottom: 4px; padding: 0; text-align: start } .affiliates-dialog-h5.el-dialog { border-radius: 12px 12px 0 0; bottom: 0; margin: 0; max-height: calc(100vh - 80px); position: absolute; width: 100vw } .affiliates-dialog-h5.el-dialog .el-dialog__body { border-radius: 12px 12px 0 0; padding-bottom: 40px } .dialog-fade-enter-active .el-overlay-dialog { overflow: hidden } .dialog-fade-enter-active .affiliates-dialog-h5 { animation: dialog-open .4s } @keyframes dialog-open { 0% { opacity: 0; transform: translate3d(0, 140px, 0) } to { opacity: 1; transform: translateZ(0) } } .affiliates-scroll-dialog .el-scrollbar, .affiliates-scroll-dialog .el-scrollbar__wrap { height: auto; max-height: calc(100vh - 300px) } .affiliates-button-tabs { align-items: center; display: flex; gap: 8px } .affiliates-button-tabs>.tab-item { background-color: var(--fill-fill4); border-radius: 6px; color: var(--text-text1); cursor: pointer; flex-shrink: 0; font-size: 12px; font-weight: 500; line-height: 18px; padding: 7px 12px } .affiliates-button-tabs>.tab-item.active { background-color: #e5c991 } .affiliates-button-tabs.type-h-24 { gap: 8px } .affiliates-button-tabs.type-h-24>.tab-item-gray { background-color: #f4f5f7; border-radius: 4px; color: var(--text-text3); cursor: pointer; flex-shrink: 0; font-size: 12px; font-weight: 500; line-height: 16px; padding: 4px 8px } .affiliates-button-tabs.type-h-24>.tab-item-gray.active { color: var(--text-text1) } .affiliates-button-tabs.type-h24-text { gap: 8px } .affiliates-button-tabs.type-h24-text>.btn-tab-item { border-radius: 4px; color: var(--text-text3); cursor: pointer; flex-shrink: 0; font-size: 12px; font-weight: 500; line-height: 16px; padding: 4px 8px } .affiliates-button-tabs.type-h24-text>.btn-tab-item.active { background-color: var(--fill-fill4); color: var(--text-text1) } .affiliates-button-tabs.type-h24-text.filled>.btn-tab-item { background-color: var(--fill-fill4) } .affiliates-nav-tabs { align-items: center; display: flex; gap: 12px 32px } .affiliates-nav-tabs>.tab-item { color: var(--text-text3); cursor: pointer; flex-shrink: 0; font-size: 18px; font-weight: 600; line-height: 24px; padding: 0 0 7px; position: relative } .affiliates-nav-tabs>.tab-item.active { color: var(--text-text1); font-weight: 700 } .affiliates-nav-tabs>.tab-item.active:after { background: #c7a056; bottom: 0; content: ""; height: 3px; left: 0; position: absolute; right: 0 } .affiliates-tabs.el-tabs .el-tabs__header { margin-bottom: 0 } .affiliates-tabs.el-tabs .el-tabs__nav-wrap:after { display: none } .affiliates-tabs.el-tabs .el-tabs__item { padding: 0 10px } .affiliates-tabs.el-tabs .el-tabs__item.is-active, .affiliates-tabs.el-tabs .el-tabs__item:hover { color: #c7a056 } .affiliates-tabs.el-tabs .el-tabs__active-bar { background-color: #c7a056 } .affiliates-tabs.el-tabs .el-tabs__nav-next, .affiliates-tabs.el-tabs .el-tabs__nav-prev { color: #c7a056 } .affiliates-tabs.el-tabs .el-tabs__nav-next.is-disabled, .affiliates-tabs.el-tabs .el-tabs__nav-prev.is-disabled { color: #909399 } [dir=rtl] .affiliates-tabs.el-tabs .el-tabs__item.is-top:nth-child(2) { padding-left: 10px; padding-right: 0 } [dir=rtl] .affiliates-tabs.el-tabs .el-tabs__item.is-top:last-child { padding-left: 0; padding-right: 10px } .affiliates-popup-select-picker { padding: 16px 0 } .affiliates-popup-select-picker>ul { text-align: center } .affiliates-popup-select-picker>ul>li { color: #707278; font-size: 14px; font-weight: 500; height: 40px; line-height: 18px; padding: 11px 0 } .affiliates-popup-select-picker>ul>li.active { color: var(--primary-primary3) } .affiliates-popup-select-picker>.picker-cancel { padding: 12px 16px } .affiliates-popup-select-picker>.picker-cancel>div { background: #f4f6f8; border-radius: 20px; font-size: 14px; font-weight: 500; line-height: 40px; text-align: center } .affiliates-scroll { margin-left: -12px; margin-right: -12px } .affiliates-scroll .affiliates-scroll-content { padding-left: 12px; padding-right: 12px } .affiliates-dialog-close { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23070708' d='m19.065 5.666-5.934 5.935 5.934 5.934-1.13 1.131L12 12.731l-5.935 5.935-1.13-1.13 5.934-5.935-5.934-5.935 1.13-1.132L12 10.47l5.935-5.936z'/%3E%3C/svg%3E") 50%/100% 100% no-repeat; cursor: pointer; height: 24px; width: 24px } .affiliates-dialog.el-dialog { border-radius: 12px } .affiliates-dialog.el-dialog .el-dialog__header { display: none } .affiliates-dialog.el-dialog .el-dialog__body { border-radius: 12px; padding: 24px 32px 32px; word-break: break-word } .affiliates-dialog.el-dialog.type-padding-24 .el-dialog__body { padding: 24px } .affiliates-dialog-h5-middle.el-dialog { border-radius: 12px; margin-top: 30vh; max-height: calc(100vh - 80px); width: calc(100vw - 36px) } .affiliates-dialog-h5-middle.el-dialog .el-dialog__header { display: none } .affiliates-dialog-h5-middle.el-dialog .el-dialog__body { border-radius: 12px; padding: 20px 16px; word-break: break-word } .affiliates-dialog-h5-middle.el-dialog .dialog-h5-middle-header { color: var(--text-text1); display: flex; font-size: 16px; font-weight: 500; gap: 8px; line-height: 22px; margin-bottom: 0; padding: 0 } .affiliates-dialog-h5-middle.el-dialog .dialog-h5-middle-header .dialog-h5-middle-close { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23A6A7AA' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='m5 5 10 10M5 15 15 5'/%3E%3C/svg%3E") 50% no-repeat; background-size: 20px 20px; font-size: 0; height: 20px; width: 20px } .affiliates-dialog-h5-middle.el-dialog .dialog-h5-middle-header.text-center { justify-content: center; text-align: center } .affiliates-drawer-h5 { width: 100% } .affiliates-drawer-h5 .el-drawer { background-color: var(--fill-fill8) !important; border-radius: 16px 16px 0 0; height: auto !important; max-height: 92%; padding-bottom: 42px } .affiliates-drawer-h5 .el-drawer__header { color: var(--text-text1); display: flex !important; font-size: 16px; font-weight: 500; gap: 8px; line-height: 22px; margin-bottom: 0; padding: 12px 16px } .affiliates-drawer-h5 .el-drawer__header .el-drawer__close { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23A6A7AA' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='m5 5 10 10M5 15 15 5'/%3E%3C/svg%3E") 50% no-repeat; background-size: 20px auto } .affiliates-drawer-h5 .el-drawer__header .el-drawer__close svg { display: none } .affiliates-drawer-h5 .el-drawer__body { padding: 0 16px } .affiliates-drawer-h5 .el-drawer__footer { padding: 8px 16px 0 } .affiliates-drawer-h5-select { width: 100% } .affiliates-drawer-h5-select .el-drawer { background-color: var(--fill-fill8) !important; border-radius: 16px 16px 0 0; height: auto !important; padding-bottom: 42px } .affiliates-drawer-h5-select .el-drawer__body, .affiliates-drawer-h5-select .el-drawer__footer { padding: 8px 16px 0 } .affiliates-drawer-h5-select .drawer-h5-select-header { color: var(--text-text1); font-size: 16px; font-weight: 700; line-height: 22px; padding-bottom: 12px; padding-top: 20px; position: relative; text-align: center } .affiliates-drawer-h5-select .drawer-h5-select-header:before { background-color: var(--border-border2); border-radius: 6px; content: ""; height: 4px; left: 50%; position: absolute; top: 0; transform: translate(-50%); width: 40px } .affiliates-drawer-h5-share { width: 100% } .affiliates-drawer-h5-share .el-drawer { background-color: transparent !important; height: 100% !important } .affiliates-drawer-h5-share .el-drawer__body { display: flex; flex-direction: column; justify-content: flex-end; padding: 0 !important } .affiliates-app-share-content { background-color: var(--fill-fill8); left: 100000px; position: fixed; top: 10px; width: 100%; z-index: 10000 } .affiliates-share-box-wrapper { flex: 1; height: 0; overflow: hidden } .affiliates-share-box-wrapper .el-scrollbar__wrap { position: relative } .affiliates-share-box-wrapper .el-scrollbar__wrap .el-scrollbar__view { padding: 10px 0; position: relative; top: 50%; transform: translateY(-50%) } .affiliates-drawer-h5-share-action { background-color: var(--fill-fill8); border-radius: 16px 16px 0 0; flex-shrink: 0; padding-bottom: 42px; padding-top: 8px } .affiliates-drawer-h5-share-action .drawer-h5-share-btn { margin-top: 20px; padding: 0 16px } .affiliates-drawer-h5-share-action .drawer-h5-share-header { border-bottom: .5px solid var(--border-border1); color: var(--text-text1); font-size: 16px; font-weight: 700; line-height: 22px; margin: 0 16px; padding-bottom: 12px; padding-top: 20px; position: relative } .affiliates-drawer-h5-share-action .drawer-h5-share-header:before { background-color: var(--border-border2); border-radius: 6px; content: ""; height: 4px; left: 50%; position: absolute; top: 0; transform: translate(-50%); width: 40px } .affiliates-drawer-h5-share-action .drawer-h5-share-icon-list { display: flex; gap: 6px; padding-inline-start: 16px } .affiliates-drawer-h5-share-action .drawer-h5-share-icon-item { align-items: center; display: flex; flex-direction: column; flex-shrink: 0; gap: 8px; width: 64px } .affiliates-drawer-h5-share-action .drawer-h5-share-icon-name { color: var(--text-text1); font-size: 12px; font-weight: 400; line-height: 14px; text-align: center } .affiliates-drawer-h5-share-action .drawer-h5-share-icon { align-items: center; border: .5px solid var(--gray-gray3); border-radius: 50%; color: var(--text-text1); display: flex; height: 38px; justify-content: center; width: 38px } .affiliates-filter-search-icon { align-items: center; background-color: #fff; cursor: pointer; display: flex; height: 40px; padding: 0 16px; position: fixed; right: 0; top: 0; z-index: 900 } .affiliates-filter-search-icon.filter-icon-absolute { position: absolute } [dir=rtl] .affiliates-filter-search-icon { left: 0; right: auto } .affiliates-date-picker-group .van-tabs__wrap { display: none } .affiliates-date-picker-group .van-picker-column .van-picker-column__item { color: var(--text-text3); font-size: 20px; font-weight: 400; line-height: 28px } .affiliates-date-picker-group .van-picker-column .van-picker-column__item--selected { color: var(--text-text1); font-size: 22px; font-weight: 500; line-height: 31px } .affiliates-alert.notice-warning { border-radius: 6px; display: flex } .affiliates-alert.notice-warning .el-alert__icon { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none' viewBox='0 0 16 17'%3E%3Cpath fill='%23F6A609' fill-rule='evenodd' d='M8 3.008a4.2 4.2 0 0 1 4.2 4.2v3.466h1.333v1.067h-3.002a2.532 2.532 0 0 1-5.062 0H2.467v-1.067H3.8V7.207a4.2 4.2 0 0 1 4.2-4.2M6.536 11.74a1.466 1.466 0 0 0 2.928 0zM8 4.074a3.134 3.134 0 0 0-3.133 3.133v3.467h6.267V7.207A3.134 3.134 0 0 0 8 4.074' clip-rule='evenodd'/%3E%3C/svg%3E") 50%/16px 16px no-repeat !important } .affiliates-alert.notice-warning .el-alert__title { font-size: 12px; font-weight: 400; line-height: 16px } .affiliates-alert.notice-warning-h5 { border-radius: 6px; display: flex; padding: 4px 8px } .affiliates-alert.notice-warning-h5 .el-alert__icon { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none' viewBox='0 0 16 17'%3E%3Cpath fill='%23F6A609' fill-rule='evenodd' d='M8 3.008a4.2 4.2 0 0 1 4.2 4.2v3.466h1.333v1.067h-3.002a2.532 2.532 0 0 1-5.062 0H2.467v-1.067H3.8V7.207a4.2 4.2 0 0 1 4.2-4.2M6.536 11.74a1.466 1.466 0 0 0 2.928 0zM8 4.074a3.134 3.134 0 0 0-3.133 3.133v3.467h6.267V7.207A3.134 3.134 0 0 0 8 4.074' clip-rule='evenodd'/%3E%3C/svg%3E") 50%/16px 16px no-repeat !important } .affiliates-alert.notice-warning-h5 .el-alert__close-btn { top: 6px } .affiliates-alert.notice-warning-h5 .el-alert__title { font-size: 12px; font-weight: 400; line-height: 16px } .in-tg-mini-app .b-header { display: none } .in-tg-mini-app .reset-password-pane { border-radius: 0 !important; padding: 48px 15px 60px !important } .in-tg-mini-app .reset-password-pane .form-wrapper { width: unset !important } .in-tg-mini-app .login-content { border-radius: 0 !important; filter: none !important; padding: 48px 25px 60px !important } .in-tg-mini-app .login-content .login-form { flex: unset !important; max-width: unset !important; min-width: unset !important } .in-tg-mini-app .login-content * { filter: none !important } .in-tg-mini-app .register-content { border-radius: 0 !important; width: unset !important } .in-tg-mini-app .register-content .login-form { flex: unset !important; max-width: unset !important } .in-tg-mini-app .send-code { padding: 48px 15px; width: unset !important } .in-tg-mini-app .send-code .pinInput { height: 45px !important; width: 45px !important } .in-tg-mini-app .register-verify { border-radius: 0 !important; padding: 48px 15px !important; width: unset !important } .in-tg-mini-app .register-verify .pinInput { height: 45px !important; width: 45px !important } .ssg-content-hidden { display: none }