@font-face { font-family: Pulse; font-weight: 400; src: url("./530d590be03b5cb1.woff2") format("woff2"); font-display: swap; } @font-face { font-family: Pulse; font-weight: 500; src: url("./c23715a3136bf511.woff2") format("woff2"); font-display: swap; } @font-face { font-family: Pulse; font-weight: 600; src: url("./211b6cd77d1420c4.woff2") format("woff2"); font-display: swap; } @font-face { font-family: Pulse; font-weight: 700; src: url("./cc9a1eca08ddfd45.woff2") format("woff2"); font-display: swap; } .number_medium { font-family: proxima-nova; } .default_font_family .headline_module__title { font-family: Pulse, Arial, sans-serif; } .anticon { display: inline-flex; align-items: center; color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; } .anticon > * { line-height: 1; } .anticon svg { display: inline-block; } .anticon .anticon .anticon-icon { display: block; } :where(.css-2llk6s) a { text-decoration: none; } :where(.css-2llk6s)[class^="bit-popover"], :where(.css-2llk6s)[class*=" bit-popover"] { font-family: Pulse, Arial, sans-serif; font-size: 14px; box-sizing: border-box; } :where(.css-2llk6s)[class^="bit-popover"]::before, :where(.css-2llk6s)[class*=" bit-popover"]::before, :where(.css-2llk6s)[class^="bit-popover"]::after, :where(.css-2llk6s)[class*=" bit-popover"]::after { box-sizing: border-box; } :where(.css-2llk6s)[class^="bit-popover"] [class^="bit-popover"], :where(.css-2llk6s)[class*=" bit-popover"] [class^="bit-popover"], :where(.css-2llk6s)[class^="bit-popover"] [class*=" bit-popover"], :where(.css-2llk6s)[class*=" bit-popover"] [class*=" bit-popover"] { box-sizing: border-box; } :where(.css-2llk6s)[class^="bit-popover"] [class^="bit-popover"]::before, :where(.css-2llk6s)[class*=" bit-popover"] [class^="bit-popover"]::before, :where(.css-2llk6s)[class^="bit-popover"] [class*=" bit-popover"]::before, :where(.css-2llk6s)[class*=" bit-popover"] [class*=" bit-popover"]::before, :where(.css-2llk6s)[class^="bit-popover"] [class^="bit-popover"]::after, :where(.css-2llk6s)[class*=" bit-popover"] [class^="bit-popover"]::after, :where(.css-2llk6s)[class^="bit-popover"] [class*=" bit-popover"]::after, :where(.css-2llk6s)[class*=" bit-popover"] [class*=" bit-popover"]::after { box-sizing: border-box; } :where(.css-2llk6s).bit-popover { box-sizing: border-box; margin: 0px; color: rgb(244, 245, 247); font-size: 14px; line-height: 1.57143; list-style: none; font-family: Pulse, Arial, sans-serif; position: absolute; top: 0px; left: 0px; z-index: 1030; font-weight: normal; white-space: normal; text-align: start; cursor: auto; user-select: text; transform-origin: var(--arrow-x, 50%) var(--arrow-y, 50%); --bit-arrow-background-color: #17181A; } :where(.css-2llk6s).bit-popover-rtl { direction: rtl; } :where(.css-2llk6s).bit-popover-hidden { display: none; } :where(.css-2llk6s).bit-popover .bit-popover-content { position: relative; } :where(.css-2llk6s).bit-popover .bit-popover-inner { background-color: rgb(23, 24, 26); background-clip: padding-box; border-radius: 8px; box-shadow: none; padding: 12px 16px; border: 1px solid rgb(39, 40, 43); } :where(.css-2llk6s).bit-popover .bit-popover-title { min-width: 177px; margin-bottom: 8px; color: rgb(244, 245, 247); font-weight: 500; } :where(.css-2llk6s).bit-popover .bit-popover-inner-content { color: rgb(244, 245, 247); } :where(.css-2llk6s).bit-popover .bit-popover-arrow { position: absolute; z-index: 1; display: block; pointer-events: none; width: 16px; height: 16px; overflow: hidden; } :where(.css-2llk6s).bit-popover .bit-popover-arrow::before { position: absolute; bottom: 0px; inset-inline-start: 0px; width: 16px; height: 8px; background: var(--bit-arrow-background-color); clip-path: path("M 0 8 A 4 4 0 0 0 2.82843 6.82843 L 7.29289 2.36396 A 1 1 0 0 1 8.70711 2.36396 L 13.1716 6.82843 A 4 4 0 0 0 16 8 Z"); content: ""; } :where(.css-2llk6s).bit-popover .bit-popover-arrow::after { content: ""; position: absolute; width: 8.97056px; height: 8.97056px; bottom: 0px; inset-inline: 0px; margin: auto; border-radius: 0px 0px 1px; transform: translateY(50%) rotate(-135deg); box-shadow: unset; z-index: 0; background: transparent; border: 1px solid rgb(39, 40, 43); } :where(.css-2llk6s).bit-popover .bit-popover-arrow::before { background: var(--bit-arrow-background-color); } :where(.css-2llk6s).bit-popover-placement-top .bit-popover-arrow, :where(.css-2llk6s).bit-popover-placement-topLeft .bit-popover-arrow, :where(.css-2llk6s).bit-popover-placement-topRight .bit-popover-arrow { bottom: 1px !important; transform: translateY(100%) rotate(180deg); } :where(.css-2llk6s).bit-popover-placement-top .bit-popover-arrow { left: 50%; transform: translateX(-50%) translateY(100%) rotate(180deg); } :where(.css-2llk6s).bit-popover-placement-topLeft .bit-popover-arrow { left: 18px; } :where(.css-2llk6s).bit-popover-placement-topRight .bit-popover-arrow { right: 18px; } :where(.css-2llk6s).bit-popover-placement-bottom .bit-popover-arrow, :where(.css-2llk6s).bit-popover-placement-bottomLeft .bit-popover-arrow, :where(.css-2llk6s).bit-popover-placement-bottomRight .bit-popover-arrow { top: 1px !important; transform: translateY(-100%); } :where(.css-2llk6s).bit-popover-placement-bottom .bit-popover-arrow { left: 50%; transform: translateX(-50%) translateY(-100%); } :where(.css-2llk6s).bit-popover-placement-bottomLeft .bit-popover-arrow { left: 18px; } :where(.css-2llk6s).bit-popover-placement-bottomRight .bit-popover-arrow { right: 18px; } :where(.css-2llk6s).bit-popover-placement-left .bit-popover-arrow, :where(.css-2llk6s).bit-popover-placement-leftTop .bit-popover-arrow, :where(.css-2llk6s).bit-popover-placement-leftBottom .bit-popover-arrow { right: 1px !important; transform: translateX(100%) rotate(90deg); } :where(.css-2llk6s).bit-popover-placement-left .bit-popover-arrow { top: 50%; transform: translateY(-50%) translateX(100%) rotate(90deg); } :where(.css-2llk6s).bit-popover-placement-leftTop .bit-popover-arrow { top: 18px; } :where(.css-2llk6s).bit-popover-placement-leftBottom .bit-popover-arrow { bottom: 18px; } :where(.css-2llk6s).bit-popover-placement-right .bit-popover-arrow, :where(.css-2llk6s).bit-popover-placement-rightTop .bit-popover-arrow, :where(.css-2llk6s).bit-popover-placement-rightBottom .bit-popover-arrow { left: 1px !important; transform: translateX(-100%) rotate(-90deg); } :where(.css-2llk6s).bit-popover-placement-right .bit-popover-arrow { top: 50%; transform: translateY(-50%) translateX(-100%) rotate(-90deg); } :where(.css-2llk6s).bit-popover-placement-rightTop .bit-popover-arrow { top: 18px; } :where(.css-2llk6s).bit-popover-placement-rightBottom .bit-popover-arrow { bottom: 18px; } :where(.css-2llk6s).bit-popover-pure { position: relative; max-width: none; margin: 16px; display: inline-block; } :where(.css-2llk6s).bit-popover-pure .bit-popover-content { display: inline-block; } :where(.css-2llk6s).bit-popover.bit-popover-blue { --bit-arrow-background-color: #17181A; } :where(.css-2llk6s).bit-popover.bit-popover-blue .bit-popover-inner { background-color: rgb(23, 24, 26); } :where(.css-2llk6s).bit-popover.bit-popover-blue .bit-popover-arrow { background: transparent; } :where(.css-2llk6s).bit-popover.bit-popover-purple { --bit-arrow-background-color: #17181A; } :where(.css-2llk6s).bit-popover.bit-popover-purple .bit-popover-inner { background-color: rgb(23, 24, 26); } :where(.css-2llk6s).bit-popover.bit-popover-purple .bit-popover-arrow { background: transparent; } :where(.css-2llk6s).bit-popover.bit-popover-cyan { --bit-arrow-background-color: #17181A; } :where(.css-2llk6s).bit-popover.bit-popover-cyan .bit-popover-inner { background-color: rgb(23, 24, 26); } :where(.css-2llk6s).bit-popover.bit-popover-cyan .bit-popover-arrow { background: transparent; } :where(.css-2llk6s).bit-popover.bit-popover-green { --bit-arrow-background-color: #17181A; } :where(.css-2llk6s).bit-popover.bit-popover-green .bit-popover-inner { background-color: rgb(23, 24, 26); } :where(.css-2llk6s).bit-popover.bit-popover-green .bit-popover-arrow { background: transparent; } :where(.css-2llk6s).bit-popover.bit-popover-magenta { --bit-arrow-background-color: #17181A; } :where(.css-2llk6s).bit-popover.bit-popover-magenta .bit-popover-inner { background-color: rgb(23, 24, 26); } :where(.css-2llk6s).bit-popover.bit-popover-magenta .bit-popover-arrow { background: transparent; } :where(.css-2llk6s).bit-popover.bit-popover-pink { --bit-arrow-background-color: #17181A; } :where(.css-2llk6s).bit-popover.bit-popover-pink .bit-popover-inner { background-color: rgb(23, 24, 26); } :where(.css-2llk6s).bit-popover.bit-popover-pink .bit-popover-arrow { background: transparent; } :where(.css-2llk6s).bit-popover.bit-popover-red { --bit-arrow-background-color: #17181A; } :where(.css-2llk6s).bit-popover.bit-popover-red .bit-popover-inner { background-color: rgb(23, 24, 26); } :where(.css-2llk6s).bit-popover.bit-popover-red .bit-popover-arrow { background: transparent; } :where(.css-2llk6s).bit-popover.bit-popover-orange { --bit-arrow-background-color: #17181A; } :where(.css-2llk6s).bit-popover.bit-popover-orange .bit-popover-inner { background-color: rgb(23, 24, 26); } :where(.css-2llk6s).bit-popover.bit-popover-orange .bit-popover-arrow { background: transparent; } :where(.css-2llk6s).bit-popover.bit-popover-yellow { --bit-arrow-background-color: #17181A; } :where(.css-2llk6s).bit-popover.bit-popover-yellow .bit-popover-inner { background-color: rgb(23, 24, 26); } :where(.css-2llk6s).bit-popover.bit-popover-yellow .bit-popover-arrow { background: transparent; } :where(.css-2llk6s).bit-popover.bit-popover-volcano { --bit-arrow-background-color: #17181A; } :where(.css-2llk6s).bit-popover.bit-popover-volcano .bit-popover-inner { background-color: rgb(23, 24, 26); } :where(.css-2llk6s).bit-popover.bit-popover-volcano .bit-popover-arrow { background: transparent; } :where(.css-2llk6s).bit-popover.bit-popover-geekblue { --bit-arrow-background-color: #17181A; } :where(.css-2llk6s).bit-popover.bit-popover-geekblue .bit-popover-inner { background-color: rgb(23, 24, 26); } :where(.css-2llk6s).bit-popover.bit-popover-geekblue .bit-popover-arrow { background: transparent; } :where(.css-2llk6s).bit-popover.bit-popover-lime { --bit-arrow-background-color: #17181A; } :where(.css-2llk6s).bit-popover.bit-popover-lime .bit-popover-inner { background-color: rgb(23, 24, 26); } :where(.css-2llk6s).bit-popover.bit-popover-lime .bit-popover-arrow { background: transparent; } :where(.css-2llk6s).bit-popover.bit-popover-gold { --bit-arrow-background-color: #17181A; } :where(.css-2llk6s).bit-popover.bit-popover-gold .bit-popover-inner { background-color: rgb(23, 24, 26); } :where(.css-2llk6s).bit-popover.bit-popover-gold .bit-popover-arrow { background: transparent; } :where(.css-2llk6s).bit-zoom-big-enter, :where(.css-2llk6s).bit-zoom-big-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } :where(.css-2llk6s).bit-zoom-big-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } :where(.css-2llk6s).bit-zoom-big-enter.bit-zoom-big-enter-active, :where(.css-2llk6s).bit-zoom-big-appear.bit-zoom-big-appear-active { animation-name: css-2llk6s-antZoomBigIn; animation-play-state: running; } :where(.css-2llk6s).bit-zoom-big-leave.bit-zoom-big-leave-active { animation-name: css-2llk6s-antZoomBigOut; animation-play-state: running; pointer-events: none; } :where(.css-2llk6s).bit-zoom-big-enter, :where(.css-2llk6s).bit-zoom-big-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } :where(.css-2llk6s).bit-zoom-big-enter-prepare, :where(.css-2llk6s).bit-zoom-big-appear-prepare { transform: none; } :where(.css-2llk6s).bit-zoom-big-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } @keyframes css-2llk6s-antZoomBigIn { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes css-2llk6s-antZoomBigOut { 0% { transform: scale(1); } 100% { transform: scale(0.8); opacity: 0; } } :where(.css-2llk6s)[class^="bit-btn"], :where(.css-2llk6s)[class*=" bit-btn"] { font-family: Pulse, Arial, sans-serif; font-size: 14px; box-sizing: border-box; } :where(.css-2llk6s)[class^="bit-btn"]::before, :where(.css-2llk6s)[class*=" bit-btn"]::before, :where(.css-2llk6s)[class^="bit-btn"]::after, :where(.css-2llk6s)[class*=" bit-btn"]::after { box-sizing: border-box; } :where(.css-2llk6s)[class^="bit-btn"] [class^="bit-btn"], :where(.css-2llk6s)[class*=" bit-btn"] [class^="bit-btn"], :where(.css-2llk6s)[class^="bit-btn"] [class*=" bit-btn"], :where(.css-2llk6s)[class*=" bit-btn"] [class*=" bit-btn"] { box-sizing: border-box; } :where(.css-2llk6s)[class^="bit-btn"] [class^="bit-btn"]::before, :where(.css-2llk6s)[class*=" bit-btn"] [class^="bit-btn"]::before, :where(.css-2llk6s)[class^="bit-btn"] [class*=" bit-btn"]::before, :where(.css-2llk6s)[class*=" bit-btn"] [class*=" bit-btn"]::before, :where(.css-2llk6s)[class^="bit-btn"] [class^="bit-btn"]::after, :where(.css-2llk6s)[class*=" bit-btn"] [class^="bit-btn"]::after, :where(.css-2llk6s)[class^="bit-btn"] [class*=" bit-btn"]::after, :where(.css-2llk6s)[class*=" bit-btn"] [class*=" bit-btn"]::after { box-sizing: border-box; } :where(.css-2llk6s).bit-btn { outline: none; position: relative; display: inline-flex; align-items: center; justify-content: center; font-weight: 400; white-space: nowrap; text-align: center; background-image: none; background-color: transparent; border: 1px solid transparent; cursor: pointer; transition: 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); user-select: none; touch-action: manipulation; line-height: 1.57143; color: rgb(244, 245, 247); } :where(.css-2llk6s).bit-btn svg { width: 1em; height: 1em; } :where(.css-2llk6s).bit-btn:disabled > * { pointer-events: none; } :where(.css-2llk6s).bit-btn > span { display: inline-block; } :where(.css-2llk6s).bit-btn .bit-btn-icon { line-height: 0; } :where(.css-2llk6s).bit-btn .bit-btn-icon svg { width: 1em; height: 1em; } :where(.css-2llk6s).bit-btn > .anticon + span, :where(.css-2llk6s).bit-btn > span + .anticon { margin-inline-start: 8px; } :where(.css-2llk6s).bit-btn > .anticon + span, :where(.css-2llk6s).bit-btn > span + svg { margin-inline-start: 8px; } :where(.css-2llk6s).bit-btn:not(.bit-btn-icon-only) > .bit-btn-icon.bit-btn-loading-icon, :where(.css-2llk6s).bit-btn:not(.bit-btn-icon-only) > .bit-btn-icon:not(:last-child) { margin-inline-end: 8px; } :where(.css-2llk6s).bit-btn > a { color: currentcolor; } :where(.css-2llk6s).bit-btn-icon-only.bit-btn-compact-item { flex: 0 0 auto; } :where(.css-2llk6s).bit-btn-compact-item.bit-btn-primary:not([disabled]) + .bit-btn-compact-item.bit-btn-primary:not([disabled]) { position: relative; } :where(.css-2llk6s).bit-btn-compact-item.bit-btn-primary:not([disabled]) + .bit-btn-compact-item.bit-btn-primary:not([disabled])::before { position: absolute; top: -1px; inset-inline-start: -1px; display: inline-block; width: 1px; height: calc(100% + 2px); background-color: rgb(38, 191, 212); content: ""; } :where(.css-2llk6s).bit-btn-compact-vertical-item.bit-btn-primary:not([disabled]) + .bit-btn-compact-vertical-item.bit-btn-primary:not([disabled]) { position: relative; } :where(.css-2llk6s).bit-btn-compact-vertical-item.bit-btn-primary:not([disabled]) + .bit-btn-compact-vertical-item.bit-btn-primary:not([disabled])::before { position: absolute; top: -1px; inset-inline-start: -1px; display: inline-block; width: calc(100% + 2px); height: 1px; background-color: rgb(38, 191, 212); content: ""; } :where(.css-2llk6s).bit-btn.bit-btn-sm { font-size: 12px; height: 24px; padding: 1.57143px 7px; border-radius: 6px; } :where(.css-2llk6s).bit-btn.bit-btn-sm.bit-btn-icon-only { width: 24px; padding-inline: 0px; } :where(.css-2llk6s).bit-btn.bit-btn-sm.bit-btn-icon-only.bit-btn-round { width: auto; } :where(.css-2llk6s).bit-btn.bit-btn-sm.bit-btn-icon-only .anticon { font-size: 14px; } :where(.css-2llk6s).bit-btn.bit-btn-sm.bit-btn-loading { opacity: 0.6; cursor: default; } :where(.css-2llk6s).bit-btn.bit-btn-sm .bit-btn-loading-icon { transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } :where(.css-2llk6s).bit-btn.bit-btn-circle.bit-btn-sm { min-width: 24px; padding-inline: 0px; border-radius: 12px; } :where(.css-2llk6s).bit-btn.bit-btn-round.bit-btn-sm { border-radius: 8px; padding-inline: 12px; } :where(.css-2llk6s).bit-btn { font-size: 14px; height: 32px; padding: 4px 15px; border-radius: 8px; } :where(.css-2llk6s).bit-btn.bit-btn-icon-only { width: 32px; padding-inline: 0px; } :where(.css-2llk6s).bit-btn.bit-btn-icon-only.bit-btn-round { width: auto; } :where(.css-2llk6s).bit-btn.bit-btn-icon-only .anticon { font-size: 16px; } :where(.css-2llk6s).bit-btn.bit-btn-loading { opacity: 0.6; cursor: default; } :where(.css-2llk6s).bit-btn .bit-btn-loading-icon { transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } :where(.css-2llk6s).bit-btn.bit-btn-circle { min-width: 32px; padding-inline: 0px; border-radius: 12px; } :where(.css-2llk6s).bit-btn.bit-btn-round { border-radius: 8px; padding-inline: 16px; } :where(.css-2llk6s).bit-btn.bit-btn-md { font-size: 14px; height: 40px; padding: 8px 15px; border-radius: 8px; } :where(.css-2llk6s).bit-btn.bit-btn-md.bit-btn-icon-only { width: 40px; padding-inline: 0px; } :where(.css-2llk6s).bit-btn.bit-btn-md.bit-btn-icon-only.bit-btn-round { width: auto; } :where(.css-2llk6s).bit-btn.bit-btn-md.bit-btn-icon-only .anticon { font-size: 16px; } :where(.css-2llk6s).bit-btn.bit-btn-md.bit-btn-loading { opacity: 0.6; cursor: default; } :where(.css-2llk6s).bit-btn.bit-btn-md .bit-btn-loading-icon { transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } :where(.css-2llk6s).bit-btn.bit-btn-circle.bit-btn-md { min-width: 40px; padding-inline: 0px; border-radius: 12px; } :where(.css-2llk6s).bit-btn.bit-btn-round.bit-btn-md { border-radius: 8px; padding-inline: 20px; } :where(.css-2llk6s).bit-btn.bit-btn-lg { font-size: 16px; height: 48px; padding: 10.4286px 15px; border-radius: 12px; } :where(.css-2llk6s).bit-btn.bit-btn-lg.bit-btn-icon-only { width: 48px; padding-inline: 0px; } :where(.css-2llk6s).bit-btn.bit-btn-lg.bit-btn-icon-only.bit-btn-round { width: auto; } :where(.css-2llk6s).bit-btn.bit-btn-lg.bit-btn-icon-only .anticon { font-size: 18px; } :where(.css-2llk6s).bit-btn.bit-btn-lg.bit-btn-loading { opacity: 0.6; cursor: default; } :where(.css-2llk6s).bit-btn.bit-btn-lg .bit-btn-loading-icon { transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } :where(.css-2llk6s).bit-btn.bit-btn-circle.bit-btn-lg { min-width: 48px; padding-inline: 0px; border-radius: 12px; } :where(.css-2llk6s).bit-btn.bit-btn-round.bit-btn-lg { border-radius: 8px; padding-inline: 24px; } :where(.css-2llk6s).bit-btn.bit-btn-block { width: 100%; } :where(.css-2llk6s).bit-btn-default { background-color: rgb(37, 38, 41); } :where(.css-2llk6s).bit-btn-default:disabled, :where(.css-2llk6s).bit-btn-default.bit-btn-disabled { cursor: not-allowed; border-color: rgb(56, 57, 61); color: rgb(87, 88, 92); background-color: rgb(56, 57, 61); box-shadow: none; } :where(.css-2llk6s).bit-btn-default:not(:disabled):not(.bit-btn-disabled):hover { background: linear-gradient(0deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.12) 100%), rgb(7, 8, 8); } :where(.css-2llk6s).bit-btn-default:not(:disabled):not(.bit-btn-disabled):active { background: linear-gradient(0deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.18) 100%), rgb(7, 8, 8); } :where(.css-2llk6s).bit-btn-default.bit-btn-background-ghost { color: rgb(7, 8, 8); background-color: transparent; border-color: rgb(7, 8, 8); box-shadow: none; } :where(.css-2llk6s).bit-btn-default.bit-btn-background-ghost:not(:disabled):not(.bit-btn-disabled):hover { background-color: transparent; } :where(.css-2llk6s).bit-btn-default.bit-btn-background-ghost:not(:disabled):not(.bit-btn-disabled):active { background-color: transparent; } :where(.css-2llk6s).bit-btn-default.bit-btn-background-ghost:disabled { cursor: not-allowed; color: rgb(87, 88, 92); border-color: rgb(39, 40, 43); } :where(.css-2llk6s).bit-btn-default.bit-btn-dangerous { color: rgb(247, 100, 126); border-color: rgb(247, 100, 126); } :where(.css-2llk6s).bit-btn-default.bit-btn-dangerous:not(:disabled):not(.bit-btn-disabled):hover { color: rgb(247, 100, 126); border-color: rgb(122, 56, 68); } :where(.css-2llk6s).bit-btn-default.bit-btn-dangerous:not(:disabled):not(.bit-btn-disabled):active { color: rgb(250, 151, 163); border-color: rgb(250, 151, 163); } :where(.css-2llk6s).bit-btn-default.bit-btn-dangerous.bit-btn-background-ghost { color: rgb(247, 100, 126); background-color: transparent; border-color: rgb(247, 100, 126); box-shadow: none; } :where(.css-2llk6s).bit-btn-default.bit-btn-dangerous.bit-btn-background-ghost:not(:disabled):not(.bit-btn-disabled):hover { background-color: transparent; } :where(.css-2llk6s).bit-btn-default.bit-btn-dangerous.bit-btn-background-ghost:not(:disabled):not(.bit-btn-disabled):active { background-color: transparent; } :where(.css-2llk6s).bit-btn-default.bit-btn-dangerous.bit-btn-background-ghost:disabled { cursor: not-allowed; color: rgb(87, 88, 92); border-color: rgb(39, 40, 43); } :where(.css-2llk6s).bit-btn-default.bit-btn-dangerous:disabled, :where(.css-2llk6s).bit-btn-default.bit-btn-dangerous.bit-btn-disabled { cursor: not-allowed; border-color: rgb(56, 57, 61); color: rgb(87, 88, 92); background-color: rgb(56, 57, 61); box-shadow: none; } :where(.css-2llk6s).bit-btn-primary { color: rgb(255, 255, 255); background-color: rgb(3, 170, 199); } :where(.css-2llk6s).bit-btn-primary:disabled, :where(.css-2llk6s).bit-btn-primary.bit-btn-disabled { cursor: not-allowed; border-color: rgb(56, 57, 61); color: rgb(87, 88, 92); background-color: rgb(56, 57, 61); box-shadow: none; } :where(.css-2llk6s).bit-btn-primary:not(:disabled):not(.bit-btn-disabled):hover { color: rgb(255, 255, 255); background-color: rgb(38, 191, 212); } :where(.css-2llk6s).bit-btn-primary:not(:disabled):not(.bit-btn-disabled):active { color: rgb(255, 255, 255); background-color: rgb(3, 170, 199); } :where(.css-2llk6s).bit-btn-primary.bit-btn-background-ghost { color: rgb(3, 170, 199); background-color: transparent; border-color: rgb(3, 170, 199); box-shadow: none; } :where(.css-2llk6s).bit-btn-primary.bit-btn-background-ghost:not(:disabled):not(.bit-btn-disabled):hover { background-color: transparent; color: rgb(38, 191, 212); border-color: rgb(38, 191, 212); } :where(.css-2llk6s).bit-btn-primary.bit-btn-background-ghost:not(:disabled):not(.bit-btn-disabled):active { background-color: transparent; color: rgb(0, 131, 161); border-color: rgb(0, 131, 161); } :where(.css-2llk6s).bit-btn-primary.bit-btn-background-ghost:disabled { cursor: not-allowed; color: rgb(87, 88, 92); border-color: rgb(39, 40, 43); } :where(.css-2llk6s).bit-btn-primary.bit-btn-dangerous { background-color: rgb(247, 100, 126); } :where(.css-2llk6s).bit-btn-primary.bit-btn-dangerous:not(:disabled):not(.bit-btn-disabled):hover { background-color: rgb(247, 100, 126); } :where(.css-2llk6s).bit-btn-primary.bit-btn-dangerous:not(:disabled):not(.bit-btn-disabled):active { background-color: rgb(250, 151, 163); } :where(.css-2llk6s).bit-btn-primary.bit-btn-dangerous.bit-btn-background-ghost { color: rgb(247, 100, 126); background-color: transparent; border-color: rgb(247, 100, 126); box-shadow: none; } :where(.css-2llk6s).bit-btn-primary.bit-btn-dangerous.bit-btn-background-ghost:not(:disabled):not(.bit-btn-disabled):hover { background-color: transparent; color: rgb(247, 100, 126); border-color: rgb(247, 100, 126); } :where(.css-2llk6s).bit-btn-primary.bit-btn-dangerous.bit-btn-background-ghost:not(:disabled):not(.bit-btn-disabled):active { background-color: transparent; color: rgb(250, 151, 163); border-color: rgb(250, 151, 163); } :where(.css-2llk6s).bit-btn-primary.bit-btn-dangerous.bit-btn-background-ghost:disabled { cursor: not-allowed; color: rgb(87, 88, 92); border-color: rgb(39, 40, 43); } :where(.css-2llk6s).bit-btn-primary.bit-btn-dangerous:disabled, :where(.css-2llk6s).bit-btn-primary.bit-btn-dangerous.bit-btn-disabled { cursor: not-allowed; border-color: rgb(56, 57, 61); color: rgb(87, 88, 92); background-color: rgb(56, 57, 61); box-shadow: none; } :where(.css-2llk6s).bit-btn-dashed { background-color: transparent; border: 1px dashed rgb(56, 57, 61); } :where(.css-2llk6s).bit-btn-dashed:disabled, :where(.css-2llk6s).bit-btn-dashed.bit-btn-disabled { cursor: not-allowed; border-color: rgb(56, 57, 61); color: rgb(87, 88, 92); background-color: rgb(56, 57, 61); box-shadow: none; } :where(.css-2llk6s).bit-btn-dashed:not(:disabled):not(.bit-btn-disabled):hover { background: linear-gradient(0deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.12) 100%), rgb(7, 8, 8); } :where(.css-2llk6s).bit-btn-dashed:not(:disabled):not(.bit-btn-disabled):active { background: linear-gradient(0deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.18) 100%), rgb(7, 8, 8); } :where(.css-2llk6s).bit-btn-dashed.bit-btn-background-ghost { color: rgb(7, 8, 8); background-color: transparent; border-color: rgb(7, 8, 8); box-shadow: none; } :where(.css-2llk6s).bit-btn-dashed.bit-btn-background-ghost:not(:disabled):not(.bit-btn-disabled):hover { background-color: transparent; } :where(.css-2llk6s).bit-btn-dashed.bit-btn-background-ghost:not(:disabled):not(.bit-btn-disabled):active { background-color: transparent; } :where(.css-2llk6s).bit-btn-dashed.bit-btn-background-ghost:disabled { cursor: not-allowed; color: rgb(87, 88, 92); border-color: rgb(39, 40, 43); } :where(.css-2llk6s).bit-btn-dashed.bit-btn-dangerous { color: rgb(247, 100, 126); border-color: rgb(247, 100, 126); } :where(.css-2llk6s).bit-btn-dashed.bit-btn-dangerous:not(:disabled):not(.bit-btn-disabled):hover { color: rgb(247, 100, 126); border-color: rgb(122, 56, 68); } :where(.css-2llk6s).bit-btn-dashed.bit-btn-dangerous:not(:disabled):not(.bit-btn-disabled):active { color: rgb(250, 151, 163); border-color: rgb(250, 151, 163); } :where(.css-2llk6s).bit-btn-dashed.bit-btn-dangerous.bit-btn-background-ghost { color: rgb(247, 100, 126); background-color: transparent; border-color: rgb(247, 100, 126); box-shadow: none; } :where(.css-2llk6s).bit-btn-dashed.bit-btn-dangerous.bit-btn-background-ghost:not(:disabled):not(.bit-btn-disabled):hover { background-color: transparent; } :where(.css-2llk6s).bit-btn-dashed.bit-btn-dangerous.bit-btn-background-ghost:not(:disabled):not(.bit-btn-disabled):active { background-color: transparent; } :where(.css-2llk6s).bit-btn-dashed.bit-btn-dangerous.bit-btn-background-ghost:disabled { cursor: not-allowed; color: rgb(87, 88, 92); border-color: rgb(39, 40, 43); } :where(.css-2llk6s).bit-btn-dashed.bit-btn-dangerous:disabled, :where(.css-2llk6s).bit-btn-dashed.bit-btn-dangerous.bit-btn-disabled { cursor: not-allowed; border-color: rgb(56, 57, 61); color: rgb(87, 88, 92); background-color: rgb(56, 57, 61); box-shadow: none; } :where(.css-2llk6s).bit-btn-link { color: rgb(3, 170, 199); } :where(.css-2llk6s).bit-btn-link:not(:disabled):not(.bit-btn-disabled):hover { color: rgb(38, 191, 212); } :where(.css-2llk6s).bit-btn-link:not(:disabled):not(.bit-btn-disabled):active { color: rgb(0, 131, 161); } :where(.css-2llk6s).bit-btn-link:disabled, :where(.css-2llk6s).bit-btn-link.bit-btn-disabled { cursor: not-allowed; color: rgb(87, 88, 92); } :where(.css-2llk6s).bit-btn-link.bit-btn-dangerous { color: rgb(247, 100, 126); } :where(.css-2llk6s).bit-btn-link.bit-btn-dangerous:not(:disabled):not(.bit-btn-disabled):hover { color: rgb(247, 100, 126); } :where(.css-2llk6s).bit-btn-link.bit-btn-dangerous:not(:disabled):not(.bit-btn-disabled):active { color: rgb(250, 151, 163); } :where(.css-2llk6s).bit-btn-link.bit-btn-dangerous:disabled, :where(.css-2llk6s).bit-btn-link.bit-btn-dangerous.bit-btn-disabled { cursor: not-allowed; color: rgb(87, 88, 92); } :where(.css-2llk6s).bit-btn-text:not(:disabled):not(.bit-btn-disabled):hover { color: rgb(244, 245, 247); background-color: rgb(31, 32, 35); } :where(.css-2llk6s).bit-btn-text:not(:disabled):not(.bit-btn-disabled):active { color: rgb(244, 245, 247); background-color: rgb(37, 38, 41); } :where(.css-2llk6s).bit-btn-text:disabled, :where(.css-2llk6s).bit-btn-text.bit-btn-disabled { cursor: not-allowed; color: rgb(87, 88, 92); } :where(.css-2llk6s).bit-btn-text.bit-btn-dangerous { color: rgb(247, 100, 126); } :where(.css-2llk6s).bit-btn-text.bit-btn-dangerous:disabled, :where(.css-2llk6s).bit-btn-text.bit-btn-dangerous.bit-btn-disabled { cursor: not-allowed; color: rgb(87, 88, 92); } :where(.css-2llk6s).bit-btn-text.bit-btn-dangerous:not(:disabled):not(.bit-btn-disabled):hover { color: rgb(247, 100, 126); background-color: rgb(43, 25, 29); } :where(.css-2llk6s).bit-btn-text.bit-btn-dangerous:not(:disabled):not(.bit-btn-disabled):active { color: rgb(247, 100, 126); background-color: rgb(43, 25, 29); } :where(.css-2llk6s).bit-btn-chunky { background-color: rgb(7, 8, 8); border: 1px solid rgb(255, 255, 255); box-shadow: rgb(255, 255, 255) 0px 4px 0px 0px; } :where(.css-2llk6s).bit-btn-chunky:disabled, :where(.css-2llk6s).bit-btn-chunky.bit-btn-disabled { cursor: not-allowed; border-color: rgb(56, 57, 61); color: rgb(87, 88, 92); background-color: rgb(56, 57, 61); box-shadow: none; } :where(.css-2llk6s).bit-btn-chunky:not(:disabled):not(.bit-btn-disabled):hover { color: rgb(244, 245, 247); background: linear-gradient(0deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.12) 100%), rgb(7, 8, 8); } :where(.css-2llk6s).bit-btn-chunky:not(:disabled):not(.bit-btn-disabled):active { box-shadow: none; transform: translateY(3px); background: linear-gradient(0deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.18) 100%), rgb(7, 8, 8); } :where(.css-2llk6s).bit-btn-chunky.bit-btn-background-ghost { color: rgb(3, 170, 199); background-color: transparent; border-color: rgb(3, 170, 199); box-shadow: none; } :where(.css-2llk6s).bit-btn-chunky.bit-btn-background-ghost:not(:disabled):not(.bit-btn-disabled):hover { background-color: transparent; color: rgb(38, 191, 212); border-color: rgb(38, 191, 212); } :where(.css-2llk6s).bit-btn-chunky.bit-btn-background-ghost:not(:disabled):not(.bit-btn-disabled):active { background-color: transparent; color: rgb(0, 131, 161); border-color: rgb(0, 131, 161); } :where(.css-2llk6s).bit-btn-chunky.bit-btn-background-ghost:disabled { cursor: not-allowed; color: rgb(87, 88, 92); border-color: rgb(39, 40, 43); } :where(.css-2llk6s).bit-btn-chunky.bit-btn-dangerous { background-color: rgb(247, 100, 126); } :where(.css-2llk6s).bit-btn-chunky.bit-btn-dangerous:not(:disabled):not(.bit-btn-disabled):hover { background-color: rgb(247, 100, 126); } :where(.css-2llk6s).bit-btn-chunky.bit-btn-dangerous:not(:disabled):not(.bit-btn-disabled):active { background-color: rgb(250, 151, 163); } :where(.css-2llk6s).bit-btn-chunky.bit-btn-dangerous.bit-btn-background-ghost { color: rgb(247, 100, 126); background-color: transparent; border-color: rgb(247, 100, 126); box-shadow: none; } :where(.css-2llk6s).bit-btn-chunky.bit-btn-dangerous.bit-btn-background-ghost:not(:disabled):not(.bit-btn-disabled):hover { background-color: transparent; color: rgb(247, 100, 126); border-color: rgb(247, 100, 126); } :where(.css-2llk6s).bit-btn-chunky.bit-btn-dangerous.bit-btn-background-ghost:not(:disabled):not(.bit-btn-disabled):active { background-color: transparent; color: rgb(250, 151, 163); border-color: rgb(250, 151, 163); } :where(.css-2llk6s).bit-btn-chunky.bit-btn-dangerous.bit-btn-background-ghost:disabled { cursor: not-allowed; color: rgb(87, 88, 92); border-color: rgb(39, 40, 43); } :where(.css-2llk6s).bit-btn-chunky.bit-btn-dangerous:disabled, :where(.css-2llk6s).bit-btn-chunky.bit-btn-dangerous.bit-btn-disabled { cursor: not-allowed; border-color: rgb(56, 57, 61); color: rgb(87, 88, 92); background-color: rgb(56, 57, 61); box-shadow: none; } :where(.css-2llk6s).bit-btn-chunky.bit-btn-loading { opacity: 0.6; cursor: default; box-shadow: none; transform: translateY(3px); } :where(.css-2llk6s).bit-btn-main { color: rgb(21, 21, 23); background-color: rgb(255, 255, 255); } :where(.css-2llk6s).bit-btn-main:disabled, :where(.css-2llk6s).bit-btn-main.bit-btn-disabled { cursor: not-allowed; border-color: rgb(56, 57, 61); color: rgb(87, 88, 92); background-color: rgb(56, 57, 61); box-shadow: none; } :where(.css-2llk6s).bit-btn-main:not(:disabled):not(.bit-btn-disabled):hover { color: rgb(21, 21, 23); background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%), rgb(255, 255, 255); } :where(.css-2llk6s).bit-btn-main:not(:disabled):not(.bit-btn-disabled):active { color: rgb(21, 21, 23); background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%), rgb(255, 255, 255); } :where(.css-2llk6s).bit-btn-main.bit-btn-background-ghost { color: rgb(3, 170, 199); background-color: transparent; border-color: rgb(3, 170, 199); box-shadow: none; } :where(.css-2llk6s).bit-btn-main.bit-btn-background-ghost:not(:disabled):not(.bit-btn-disabled):hover { background-color: transparent; color: rgb(38, 191, 212); border-color: rgb(38, 191, 212); } :where(.css-2llk6s).bit-btn-main.bit-btn-background-ghost:not(:disabled):not(.bit-btn-disabled):active { background-color: transparent; color: rgb(0, 131, 161); border-color: rgb(0, 131, 161); } :where(.css-2llk6s).bit-btn-main.bit-btn-background-ghost:disabled { cursor: not-allowed; color: rgb(87, 88, 92); border-color: rgb(39, 40, 43); } :where(.css-2llk6s).bit-btn-main.bit-btn-dangerous { background-color: rgb(247, 100, 126); } :where(.css-2llk6s).bit-btn-main.bit-btn-dangerous:not(:disabled):not(.bit-btn-disabled):hover { background-color: rgb(247, 100, 126); } :where(.css-2llk6s).bit-btn-main.bit-btn-dangerous:not(:disabled):not(.bit-btn-disabled):active { background-color: rgb(250, 151, 163); } :where(.css-2llk6s).bit-btn-main.bit-btn-dangerous.bit-btn-background-ghost { color: rgb(247, 100, 126); background-color: transparent; border-color: rgb(247, 100, 126); box-shadow: none; } :where(.css-2llk6s).bit-btn-main.bit-btn-dangerous.bit-btn-background-ghost:not(:disabled):not(.bit-btn-disabled):hover { background-color: transparent; color: rgb(247, 100, 126); border-color: rgb(247, 100, 126); } :where(.css-2llk6s).bit-btn-main.bit-btn-dangerous.bit-btn-background-ghost:not(:disabled):not(.bit-btn-disabled):active { background-color: transparent; color: rgb(250, 151, 163); border-color: rgb(250, 151, 163); } :where(.css-2llk6s).bit-btn-main.bit-btn-dangerous.bit-btn-background-ghost:disabled { cursor: not-allowed; color: rgb(87, 88, 92); border-color: rgb(39, 40, 43); } :where(.css-2llk6s).bit-btn-main.bit-btn-dangerous:disabled, :where(.css-2llk6s).bit-btn-main.bit-btn-dangerous.bit-btn-disabled { cursor: not-allowed; border-color: rgb(56, 57, 61); color: rgb(87, 88, 92); background-color: rgb(56, 57, 61); box-shadow: none; } :where(.css-2llk6s).bit-btn-inverse { background-color: rgb(7, 8, 8); border: 1px solid rgb(56, 57, 61); } :where(.css-2llk6s).bit-btn-inverse:disabled, :where(.css-2llk6s).bit-btn-inverse.bit-btn-disabled { cursor: not-allowed; border-color: rgb(56, 57, 61); color: rgb(87, 88, 92); background-color: rgb(56, 57, 61); box-shadow: none; } :where(.css-2llk6s).bit-btn-inverse:not(:disabled):not(.bit-btn-disabled):hover { color: rgb(21, 21, 23); background: rgb(255, 255, 255); border-color: transparent; } :where(.css-2llk6s).bit-btn-inverse:not(:disabled):not(.bit-btn-disabled):active { color: rgb(21, 21, 23); background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%), rgb(255, 255, 255); } :where(.css-2llk6s).bit-btn-inverse.bit-btn-background-ghost { color: rgb(3, 170, 199); background-color: transparent; border-color: rgb(3, 170, 199); box-shadow: none; } :where(.css-2llk6s).bit-btn-inverse.bit-btn-background-ghost:not(:disabled):not(.bit-btn-disabled):hover { background-color: transparent; color: rgb(38, 191, 212); border-color: rgb(38, 191, 212); } :where(.css-2llk6s).bit-btn-inverse.bit-btn-background-ghost:not(:disabled):not(.bit-btn-disabled):active { background-color: transparent; color: rgb(0, 131, 161); border-color: rgb(0, 131, 161); } :where(.css-2llk6s).bit-btn-inverse.bit-btn-background-ghost:disabled { cursor: not-allowed; color: rgb(87, 88, 92); border-color: rgb(39, 40, 43); } :where(.css-2llk6s).bit-btn-inverse.bit-btn-dangerous { background-color: rgb(247, 100, 126); } :where(.css-2llk6s).bit-btn-inverse.bit-btn-dangerous:not(:disabled):not(.bit-btn-disabled):hover { background-color: rgb(247, 100, 126); } :where(.css-2llk6s).bit-btn-inverse.bit-btn-dangerous:not(:disabled):not(.bit-btn-disabled):active { background-color: rgb(250, 151, 163); } :where(.css-2llk6s).bit-btn-inverse.bit-btn-dangerous.bit-btn-background-ghost { color: rgb(247, 100, 126); background-color: transparent; border-color: rgb(247, 100, 126); box-shadow: none; } :where(.css-2llk6s).bit-btn-inverse.bit-btn-dangerous.bit-btn-background-ghost:not(:disabled):not(.bit-btn-disabled):hover { background-color: transparent; color: rgb(247, 100, 126); border-color: rgb(247, 100, 126); } :where(.css-2llk6s).bit-btn-inverse.bit-btn-dangerous.bit-btn-background-ghost:not(:disabled):not(.bit-btn-disabled):active { background-color: transparent; color: rgb(250, 151, 163); border-color: rgb(250, 151, 163); } :where(.css-2llk6s).bit-btn-inverse.bit-btn-dangerous.bit-btn-background-ghost:disabled { cursor: not-allowed; color: rgb(87, 88, 92); border-color: rgb(39, 40, 43); } :where(.css-2llk6s).bit-btn-inverse.bit-btn-dangerous:disabled, :where(.css-2llk6s).bit-btn-inverse.bit-btn-dangerous.bit-btn-disabled { cursor: not-allowed; border-color: rgb(56, 57, 61); color: rgb(87, 88, 92); background-color: rgb(56, 57, 61); box-shadow: none; } :where(.css-2llk6s).bit-btn-outline { background-color: rgb(7, 8, 8); border: 1px solid rgb(255, 255, 255); } :where(.css-2llk6s).bit-btn-outline:disabled, :where(.css-2llk6s).bit-btn-outline.bit-btn-disabled { cursor: not-allowed; border-color: rgb(56, 57, 61); color: rgb(87, 88, 92); background-color: rgb(56, 57, 61); box-shadow: none; } :where(.css-2llk6s).bit-btn-outline:not(:disabled):not(.bit-btn-disabled):hover { color: rgb(244, 245, 247); background: linear-gradient(0deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.12) 100%), rgb(7, 8, 8); } :where(.css-2llk6s).bit-btn-outline:not(:disabled):not(.bit-btn-disabled):active { background: linear-gradient(0deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.18) 100%), rgb(7, 8, 8); } :where(.css-2llk6s).bit-btn-outline.bit-btn-background-ghost { color: rgb(3, 170, 199); background-color: transparent; border-color: rgb(3, 170, 199); box-shadow: none; } :where(.css-2llk6s).bit-btn-outline.bit-btn-background-ghost:not(:disabled):not(.bit-btn-disabled):hover { background-color: transparent; color: rgb(38, 191, 212); border-color: rgb(38, 191, 212); } :where(.css-2llk6s).bit-btn-outline.bit-btn-background-ghost:not(:disabled):not(.bit-btn-disabled):active { background-color: transparent; color: rgb(0, 131, 161); border-color: rgb(0, 131, 161); } :where(.css-2llk6s).bit-btn-outline.bit-btn-background-ghost:disabled { cursor: not-allowed; color: rgb(87, 88, 92); border-color: rgb(39, 40, 43); } :where(.css-2llk6s).bit-btn-outline.bit-btn-dangerous { background-color: rgb(247, 100, 126); } :where(.css-2llk6s).bit-btn-outline.bit-btn-dangerous:not(:disabled):not(.bit-btn-disabled):hover { background-color: rgb(247, 100, 126); } :where(.css-2llk6s).bit-btn-outline.bit-btn-dangerous:not(:disabled):not(.bit-btn-disabled):active { background-color: rgb(250, 151, 163); } :where(.css-2llk6s).bit-btn-outline.bit-btn-dangerous.bit-btn-background-ghost { color: rgb(247, 100, 126); background-color: transparent; border-color: rgb(247, 100, 126); box-shadow: none; } :where(.css-2llk6s).bit-btn-outline.bit-btn-dangerous.bit-btn-background-ghost:not(:disabled):not(.bit-btn-disabled):hover { background-color: transparent; color: rgb(247, 100, 126); border-color: rgb(247, 100, 126); } :where(.css-2llk6s).bit-btn-outline.bit-btn-dangerous.bit-btn-background-ghost:not(:disabled):not(.bit-btn-disabled):active { background-color: transparent; color: rgb(250, 151, 163); border-color: rgb(250, 151, 163); } :where(.css-2llk6s).bit-btn-outline.bit-btn-dangerous.bit-btn-background-ghost:disabled { cursor: not-allowed; color: rgb(87, 88, 92); border-color: rgb(39, 40, 43); } :where(.css-2llk6s).bit-btn-outline.bit-btn-dangerous:disabled, :where(.css-2llk6s).bit-btn-outline.bit-btn-dangerous.bit-btn-disabled { cursor: not-allowed; border-color: rgb(56, 57, 61); color: rgb(87, 88, 92); background-color: rgb(56, 57, 61); box-shadow: none; } :where(.css-2llk6s).bit-btn-outline.bit-btn-loading { opacity: 0.6; cursor: default; } :where(.css-2llk6s).bit-btn-buy { color: rgb(255, 255, 255); background-color: rgb(38, 201, 155); } :where(.css-2llk6s).bit-btn-buy:disabled, :where(.css-2llk6s).bit-btn-buy.bit-btn-disabled { cursor: not-allowed; border-color: rgb(0, 132, 108); color: rgb(255, 255, 255); background-color: rgb(0, 132, 108); box-shadow: none; } :where(.css-2llk6s).bit-btn-buy:not(:disabled):not(.bit-btn-disabled):hover { background: rgb(1, 188, 141); } :where(.css-2llk6s).bit-btn-buy:not(:disabled):not(.bit-btn-disabled):active { background: rgb(79, 215, 172); } :where(.css-2llk6s).bit-btn-sell { color: rgb(255, 255, 255); background-color: rgb(244, 95, 79); } :where(.css-2llk6s).bit-btn-sell:disabled, :where(.css-2llk6s).bit-btn-sell.bit-btn-disabled { cursor: not-allowed; border-color: rgb(200, 42, 39); color: rgb(255, 255, 255); background-color: rgb(200, 42, 39); box-shadow: none; } :where(.css-2llk6s).bit-btn-sell:not(:disabled):not(.bit-btn-disabled):hover { background: rgb(241, 73, 63); } :where(.css-2llk6s).bit-btn-sell:not(:disabled):not(.bit-btn-disabled):active { background: rgb(255, 160, 148); } :where(.css-2llk6s).bit-btn-ghost.bit-btn-background-ghost { color: rgb(7, 8, 8); background-color: transparent; border-color: rgb(7, 8, 8); box-shadow: none; } :where(.css-2llk6s).bit-btn-ghost.bit-btn-background-ghost:not(:disabled):not(.bit-btn-disabled):hover { background-color: transparent; } :where(.css-2llk6s).bit-btn-ghost.bit-btn-background-ghost:not(:disabled):not(.bit-btn-disabled):active { background-color: transparent; } :where(.css-2llk6s).bit-btn-ghost.bit-btn-background-ghost:disabled { cursor: not-allowed; color: rgb(87, 88, 92); border-color: rgb(39, 40, 43); } :where(.css-2llk6s).bit-btn-group { position: relative; display: inline-flex; } :where(.css-2llk6s).bit-btn-group > span:not(:last-child), :where(.css-2llk6s).bit-btn-group > .bit-btn:not(:last-child), :where(.css-2llk6s).bit-btn-group > span:not(:last-child) > .bit-btn, :where(.css-2llk6s).bit-btn-group > .bit-btn:not(:last-child) > .bit-btn { border-start-end-radius: 0px; border-end-end-radius: 0px; } :where(.css-2llk6s).bit-btn-group > span:not(:first-child), :where(.css-2llk6s).bit-btn-group > .bit-btn:not(:first-child) { margin-inline-start: -1px; } :where(.css-2llk6s).bit-btn-group > span:not(:first-child), :where(.css-2llk6s).bit-btn-group > .bit-btn:not(:first-child), :where(.css-2llk6s).bit-btn-group > span:not(:first-child) > .bit-btn, :where(.css-2llk6s).bit-btn-group > .bit-btn:not(:first-child) > .bit-btn { border-start-start-radius: 0px; border-end-start-radius: 0px; } :where(.css-2llk6s).bit-btn-group .bit-btn { position: relative; z-index: 1; } :where(.css-2llk6s).bit-btn-group .bit-btn:hover, :where(.css-2llk6s).bit-btn-group .bit-btn:focus, :where(.css-2llk6s).bit-btn-group .bit-btn:active { z-index: 2; } :where(.css-2llk6s).bit-btn-group .bit-btn[disabled] { z-index: 0; } :where(.css-2llk6s).bit-btn-group .bit-btn-icon-only { font-size: 14px; } :where(.css-2llk6s).bit-btn-group > span:not(:last-child):not(:disabled), :where(.css-2llk6s).bit-btn-group > .bit-btn-primary:not(:last-child):not(:disabled), :where(.css-2llk6s).bit-btn-group > span:not(:last-child) > .bit-btn-primary:not(:disabled), :where(.css-2llk6s).bit-btn-group > .bit-btn-primary:not(:last-child) > .bit-btn-primary:not(:disabled) { border-inline-end-color: rgb(38, 191, 212); } :where(.css-2llk6s).bit-btn-group > span:not(:first-child):not(:disabled), :where(.css-2llk6s).bit-btn-group > .bit-btn-primary:not(:first-child):not(:disabled), :where(.css-2llk6s).bit-btn-group > span:not(:first-child) > .bit-btn-primary:not(:disabled), :where(.css-2llk6s).bit-btn-group > .bit-btn-primary:not(:first-child) > .bit-btn-primary:not(:disabled) { border-inline-start-color: rgb(38, 191, 212); } :where(.css-2llk6s).bit-btn-group > span:not(:last-child):not(:disabled), :where(.css-2llk6s).bit-btn-group > .bit-btn-danger:not(:last-child):not(:disabled), :where(.css-2llk6s).bit-btn-group > span:not(:last-child) > .bit-btn-danger:not(:disabled), :where(.css-2llk6s).bit-btn-group > .bit-btn-danger:not(:last-child) > .bit-btn-danger:not(:disabled) { border-inline-end-color: rgb(247, 100, 126); } :where(.css-2llk6s).bit-btn-group > span:not(:first-child):not(:disabled), :where(.css-2llk6s).bit-btn-group > .bit-btn-danger:not(:first-child):not(:disabled), :where(.css-2llk6s).bit-btn-group > span:not(:first-child) > .bit-btn-danger:not(:disabled), :where(.css-2llk6s).bit-btn-group > .bit-btn-danger:not(:first-child) > .bit-btn-danger:not(:disabled) { border-inline-start-color: rgb(247, 100, 126); } :where(.css-2llk6s).bit-btn-compact-item:not(.bit-btn-compact-last-item) { margin-inline-end: -1px; } :where(.css-2llk6s).bit-btn-compact-item:hover, :where(.css-2llk6s).bit-btn-compact-item:focus, :where(.css-2llk6s).bit-btn-compact-item:active { z-index: 1; } :where(.css-2llk6s).bit-btn-compact-item[disabled] { z-index: 0; } :where(.css-2llk6s).bit-btn-compact-item:not(.bit-btn-compact-first-item):not(.bit-btn-compact-last-item) { border-radius: 0px; } :where(.css-2llk6s).bit-btn-compact-item:not(.bit-btn-compact-last-item).bit-btn-compact-first-item, :where(.css-2llk6s).bit-btn-compact-item:not(.bit-btn-compact-last-item).bit-btn-compact-first-item.bit-btn-sm, :where(.css-2llk6s).bit-btn-compact-item:not(.bit-btn-compact-last-item).bit-btn-compact-first-item.bit-btn-lg { border-start-end-radius: 0px; border-end-end-radius: 0px; } :where(.css-2llk6s).bit-btn-compact-item:not(.bit-btn-compact-first-item).bit-btn-compact-last-item, :where(.css-2llk6s).bit-btn-compact-item:not(.bit-btn-compact-first-item).bit-btn-compact-last-item.bit-btn-sm, :where(.css-2llk6s).bit-btn-compact-item:not(.bit-btn-compact-first-item).bit-btn-compact-last-item.bit-btn-lg { border-start-start-radius: 0px; border-end-start-radius: 0px; } :where(.css-2llk6s).bit-btn-compact-vertical-item:not(.bit-btn-compact-vertical-last-item) { margin-bottom: -1px; } :where(.css-2llk6s).bit-btn-compact-vertical-item:hover, :where(.css-2llk6s).bit-btn-compact-vertical-item:focus, :where(.css-2llk6s).bit-btn-compact-vertical-item:active { z-index: 2; } :where(.css-2llk6s).bit-btn-compact-vertical-item[disabled] { z-index: 0; } :where(.css-2llk6s).bit-btn-compact-vertical-item:not(.bit-btn-compact-vertical-first-item):not(.bit-btn-compact-vertical-last-item) { border-radius: 0px; } :where(.css-2llk6s).bit-btn-compact-vertical-item.bit-btn-compact-vertical-first-item:not(.bit-btn-compact-vertical-last-item), :where(.css-2llk6s).bit-btn-compact-vertical-item.bit-btn-compact-vertical-first-item:not(.bit-btn-compact-vertical-last-item).bit-btn-sm, :where(.css-2llk6s).bit-btn-compact-vertical-item.bit-btn-compact-vertical-first-item:not(.bit-btn-compact-vertical-last-item).bit-btn-lg { border-end-end-radius: 0px; border-end-start-radius: 0px; } :where(.css-2llk6s).bit-btn-compact-vertical-item.bit-btn-compact-vertical-last-item:not(.bit-btn-compact-vertical-first-item), :where(.css-2llk6s).bit-btn-compact-vertical-item.bit-btn-compact-vertical-last-item:not(.bit-btn-compact-vertical-first-item).bit-btn-sm, :where(.css-2llk6s).bit-btn-compact-vertical-item.bit-btn-compact-vertical-last-item:not(.bit-btn-compact-vertical-first-item).bit-btn-lg { border-start-start-radius: 0px; border-start-end-radius: 0px; } :where(.css-2llk6s)[class^="bit-wave"], :where(.css-2llk6s)[class*=" bit-wave"] { font-family: Pulse, Arial, sans-serif; font-size: 14px; box-sizing: border-box; } :where(.css-2llk6s)[class^="bit-wave"]::before, :where(.css-2llk6s)[class*=" bit-wave"]::before, :where(.css-2llk6s)[class^="bit-wave"]::after, :where(.css-2llk6s)[class*=" bit-wave"]::after { box-sizing: border-box; } :where(.css-2llk6s)[class^="bit-wave"] [class^="bit-wave"], :where(.css-2llk6s)[class*=" bit-wave"] [class^="bit-wave"], :where(.css-2llk6s)[class^="bit-wave"] [class*=" bit-wave"], :where(.css-2llk6s)[class*=" bit-wave"] [class*=" bit-wave"] { box-sizing: border-box; } :where(.css-2llk6s)[class^="bit-wave"] [class^="bit-wave"]::before, :where(.css-2llk6s)[class*=" bit-wave"] [class^="bit-wave"]::before, :where(.css-2llk6s)[class^="bit-wave"] [class*=" bit-wave"]::before, :where(.css-2llk6s)[class*=" bit-wave"] [class*=" bit-wave"]::before, :where(.css-2llk6s)[class^="bit-wave"] [class^="bit-wave"]::after, :where(.css-2llk6s)[class*=" bit-wave"] [class^="bit-wave"]::after, :where(.css-2llk6s)[class^="bit-wave"] [class*=" bit-wave"]::after, :where(.css-2llk6s)[class*=" bit-wave"] [class*=" bit-wave"]::after { box-sizing: border-box; } :where(.css-2llk6s).bit-wave { position: absolute; background: transparent; pointer-events: none; box-sizing: border-box; color: var(--wave-color, #03aac7); box-shadow: currentcolor 0px 0px 0px 0px; opacity: 0.2; } :where(.css-2llk6s).bit-wave.wave-motion-appear { transition: box-shadow 0.4s cubic-bezier(0.08, 0.82, 0.17, 1), opacity 2s cubic-bezier(0.08, 0.82, 0.17, 1); } :where(.css-2llk6s).bit-wave.wave-motion-appear-active { box-shadow: currentcolor 0px 0px 0px 6px; opacity: 0; } :where(.css-2llk6s)[class^="bit-modal"], :where(.css-2llk6s)[class*=" bit-modal"] { font-family: Pulse, Arial, sans-serif; font-size: 14px; box-sizing: border-box; } :where(.css-2llk6s)[class^="bit-modal"]::before, :where(.css-2llk6s)[class*=" bit-modal"]::before, :where(.css-2llk6s)[class^="bit-modal"]::after, :where(.css-2llk6s)[class*=" bit-modal"]::after { box-sizing: border-box; } :where(.css-2llk6s)[class^="bit-modal"] [class^="bit-modal"], :where(.css-2llk6s)[class*=" bit-modal"] [class^="bit-modal"], :where(.css-2llk6s)[class^="bit-modal"] [class*=" bit-modal"], :where(.css-2llk6s)[class*=" bit-modal"] [class*=" bit-modal"] { box-sizing: border-box; } :where(.css-2llk6s)[class^="bit-modal"] [class^="bit-modal"]::before, :where(.css-2llk6s)[class*=" bit-modal"] [class^="bit-modal"]::before, :where(.css-2llk6s)[class^="bit-modal"] [class*=" bit-modal"]::before, :where(.css-2llk6s)[class*=" bit-modal"] [class*=" bit-modal"]::before, :where(.css-2llk6s)[class^="bit-modal"] [class^="bit-modal"]::after, :where(.css-2llk6s)[class*=" bit-modal"] [class^="bit-modal"]::after, :where(.css-2llk6s)[class^="bit-modal"] [class*=" bit-modal"]::after, :where(.css-2llk6s)[class*=" bit-modal"] [class*=" bit-modal"]::after { box-sizing: border-box; } :where(.css-2llk6s).bit-modal-root .bit-modal-wrap { z-index: 1000; position: fixed; inset: 0px; overflow: auto; outline: 0px; } :where(.css-2llk6s).bit-modal-root .bit-modal-wrap.bit-modal-no-close .bit-modal-title { width: 100%; } :where(.css-2llk6s).bit-modal-root .bit-modal-wrap-rtl { direction: rtl; } :where(.css-2llk6s).bit-modal-root .bit-modal-centered { text-align: center; } :where(.css-2llk6s).bit-modal-root .bit-modal-centered::before { display: inline-block; width: 0px; height: 100%; vertical-align: middle; content: ""; } :where(.css-2llk6s).bit-modal-root .bit-modal-centered .bit-modal { top: 0px; display: inline-block; padding-bottom: 0px; text-align: start; vertical-align: middle; } @media (max-width: 767) { :where(.css-2llk6s).bit-modal-root .bit-modal { max-width: calc(-16px + 100vw); } :where(.css-2llk6s).bit-modal-root .bit-modal-centered .bit-modal { flex: 1 1 0%; } } :where(.css-2llk6s).bit-modal { box-sizing: border-box; margin: 0px auto; color: rgb(244, 245, 247); font-size: 14px; line-height: 1.57143; list-style: none; font-family: Pulse, Arial, sans-serif; pointer-events: none; position: relative; top: 100px; width: auto; max-width: calc(-32px + 100vw); padding-bottom: 24px; } :where(.css-2llk6s).bit-modal .bit-modal-title { margin: 0px; color: rgb(244, 245, 247); font-weight: 600; font-size: 20px; line-height: 1.4; overflow-wrap: break-word; width: calc(100% - 28px); } :where(.css-2llk6s).bit-modal-close-icon-hidden .bit-modal-title { width: 100% !important; } :where(.css-2llk6s).bit-modal .bit-modal-content { position: relative; background-color: rgb(23, 24, 26); background-clip: padding-box; border: 0px; border-radius: 16px; box-shadow: none; pointer-events: auto; padding: 32px; } :where(.css-2llk6s).bit-modal .bit-modal-close { position: absolute; top: 32px; right: 32px; z-index: 1010; padding: 0px; color: rgb(142, 142, 146); font-weight: 600; line-height: 1; text-decoration: none; background: transparent; width: 28px; height: 28px; border-radius: 6px; border: 0px; outline: 0px; cursor: pointer; transition: color 0.2s, background-color 0.2s; } :where(.css-2llk6s).bit-modal .bit-modal-close-x { display: flex; font-size: 20px; font-style: normal; justify-content: center; align-items: center; text-transform: none; text-rendering: auto; } :where(.css-2llk6s).bit-modal .bit-modal-close-x > span { height: 20px; width: 20px; font-size: 20px; } :where(.css-2llk6s).bit-modal .bit-modal-close:hover { color: rgb(244, 245, 247); background-color: rgb(31, 32, 35); text-decoration: none; } :where(.css-2llk6s).bit-modal .bit-modal-close:active { background-color: rgba(255, 255, 255, 0.18); } :where(.css-2llk6s).bit-modal .bit-modal-header { color: rgb(244, 245, 247); background: rgb(23, 24, 26); border-radius: 16px 16px 0px 0px; margin-bottom: 8px; } :where(.css-2llk6s).bit-modal .bit-modal-header-indicator { width: 100%; padding: 6px 0px; display: flex; justify-content: center; align-items: center; cursor: grab; touch-action: none; user-select: none; } :where(.css-2llk6s).bit-modal .bit-modal-header-indicator:active { cursor: grabbing; } :where(.css-2llk6s).bit-modal .bit-modal-header-indicator-line { width: 40px; height: 4px; border-radius: 12px; background-color: rgb(87, 88, 92); transition: background-color 0.2s; } :where(.css-2llk6s).bit-modal .bit-modal-body { font-size: 14px; line-height: 1.4; color: rgb(234, 234, 237); overflow-wrap: break-word; padding-top: 8px; padding-bottom: 8px; } :where(.css-2llk6s).bit-modal .bit-modal-footer { text-align: end; background: transparent; margin-top: 8px; } :where(.css-2llk6s).bit-modal .bit-modal-footer .bit-btn + .bit-btn:not(.bit-dropdown-trigger) { margin-bottom: 0px; margin-inline-start: 12px; } :where(.css-2llk6s).bit-modal-footer-inline .bit-modal-footer { text-align: center; display: flex; } :where(.css-2llk6s).bit-modal-footer-inline .bit-modal-footer .bit-btn { flex: 1 1 0%; } :where(.css-2llk6s).bit-modal .bit-modal-open { overflow: hidden; } :where(.css-2llk6s).bit-modal-pure-panel { top: auto; padding: 0px; display: flex; flex-direction: column; } :where(.css-2llk6s).bit-modal-pure-panel .bit-modal-content, :where(.css-2llk6s).bit-modal-pure-panel .bit-modal-body, :where(.css-2llk6s).bit-modal-pure-panel .bit-modal-confirm-body-wrapper { display: flex; flex-direction: column; flex: 1 1 auto; } :where(.css-2llk6s).bit-modal-pure-panel .bit-modal-confirm-body { margin-bottom: auto; } :where(.css-2llk6s).bit-modal-confirm-rtl { direction: rtl; } :where(.css-2llk6s).bit-modal-confirm .bit-modal-header { display: none; } :where(.css-2llk6s).bit-modal-confirm .bit-modal-body { padding: unset; } :where(.css-2llk6s).bit-modal-confirm .bit-modal-confirm-body-wrapper::before { display: table; content: ""; } :where(.css-2llk6s).bit-modal-confirm .bit-modal-confirm-body-wrapper::after { display: table; clear: both; content: ""; } :where(.css-2llk6s).bit-modal-confirm .bit-modal-confirm-body { display: flex; flex-flow: column wrap; } :where(.css-2llk6s).bit-modal-confirm .bit-modal-confirm-body .bit-modal-confirm-title { flex: 0 0 100%; display: block; overflow: hidden; color: rgb(244, 245, 247); font-weight: 600; font-size: 20px; line-height: 1.4; } :where(.css-2llk6s).bit-modal-confirm .bit-modal-confirm-body .bit-modal-confirm-title + .bit-modal-confirm-content { margin-block: 8px; flex-basis: 100%; max-width: calc(100% - 40px); } :where(.css-2llk6s).bit-modal-confirm .bit-modal-confirm-body .bit-modal-confirm-content { margin-block: 8px; } :where(.css-2llk6s).bit-modal-confirm .bit-modal-confirm-body .bit-modal-confirm-header { display: flex; align-items: center; margin-block-end: 8px; } :where(.css-2llk6s).bit-modal-confirm .bit-modal-confirm-body .bit-modal-confirm-header > .bit-icon { flex: 0 0 auto; margin-inline-end: 8px; font-size: 28px; line-height: 28px; } :where(.css-2llk6s).bit-modal-confirm .bit-modal-confirm-body .bit-modal-confirm-header > .bit-icon + .bit-modal-confirm-title { flex: 1 1 0%; } :where(.css-2llk6s).bit-modal-confirm .bit-modal-confirm-btns { text-align: end; margin-top: 8px; } :where(.css-2llk6s).bit-modal-confirm .bit-modal-confirm-btns .bit-btn + .bit-btn { margin-bottom: 0px; margin-inline-start: 12px; } :where(.css-2llk6s).bit-modal-confirm .bit-modal-confirm-btns-footer-inline { text-align: center; display: flex; } :where(.css-2llk6s).bit-modal-confirm .bit-modal-confirm-btns-footer-inline .bit-btn { flex: 1 1 0%; } :where(.css-2llk6s).bit-modal-confirm-error .bit-modal-confirm-body .bit-icon { color: rgb(247, 100, 126); } :where(.css-2llk6s).bit-modal-confirm-warning .bit-modal-confirm-body .bit-icon, :where(.css-2llk6s).bit-modal-confirm-confirm .bit-modal-confirm-body .bit-icon { color: rgb(255, 169, 99); } :where(.css-2llk6s).bit-modal-confirm-info .bit-modal-confirm-body .bit-icon { color: rgb(6, 148, 172); } :where(.css-2llk6s).bit-modal-confirm-success .bit-modal-confirm-body .bit-icon { color: rgb(38, 201, 155); } :where(.css-2llk6s).bit-modal-root .bit-modal-wrap-rtl { direction: rtl; } :where(.css-2llk6s).bit-modal-root .bit-modal-wrap-rtl .bit-modal-close { right: unset !important; left: 12px; } :where(.css-2llk6s).bit-modal-root .bit-modal-wrap-rtl .bit-modal-confirm-body { direction: rtl; } :where(.css-2llk6s).bit-modal-root .bit-modal.bit-zoom-enter, :where(.css-2llk6s).bit-modal-root .bit-modal.bit-zoom-appear { transform: none; opacity: 0; animation-duration: 0.3s; user-select: none; } :where(.css-2llk6s).bit-modal-root .bit-modal.bit-zoom-leave .bit-modal-content { pointer-events: none; } :where(.css-2llk6s).bit-modal-root .bit-modal-mask { position: fixed; inset: 0px; z-index: 1000; height: 100%; background-color: rgba(0, 0, 0, 0.698); touch-action: none; } :where(.css-2llk6s).bit-modal-root .bit-modal-mask .bit-modal-hidden { display: none; } :where(.css-2llk6s).bit-modal-root .bit-modal-wrap { position: fixed; inset: 0px; overflow: auto; outline: 0px; } :where(.css-2llk6s).bit-modal-root .bit-modal-wrap.bit-modal-centered.bit-modal-is-mobile { text-align: unset; } :where(.css-2llk6s).bit-modal-root .bit-modal-is-mobile .bit-modal { position: absolute; bottom: 0px; margin: unset; max-width: unset; max-height: 80vh; padding-bottom: env(safe-area-inset-bottom); top: unset !important; width: 100vw !important; } :where(.css-2llk6s).bit-modal-root .bit-modal-is-mobile .bit-modal .bit-modal-content { width: 100%; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; padding-inline: 0px; padding-block: 0px 20px; will-change: transform; touch-action: pan-y; } :where(.css-2llk6s).bit-modal-root .bit-modal-is-mobile .bit-modal .bit-modal-content .bit-modal-close { top: 28px; right: 12px; width: 20px; height: 20px; } :where(.css-2llk6s).bit-modal-root .bit-modal-is-mobile .bit-modal .bit-modal-content .bit-modal-close:hover { color: rgb(142, 142, 146); background-color: transparent; } :where(.css-2llk6s).bit-modal-root .bit-modal-is-mobile .bit-modal .bit-modal-content .bit-modal-header { padding-inline: 16px; padding-top: 12px; padding-bottom: 12px; height: 48px; margin-bottom: unset; } :where(.css-2llk6s).bit-modal-root .bit-modal-is-mobile .bit-modal .bit-modal-content .bit-modal-header .bit-modal-title { font-size: 16px; width: calc(100% - 20px); } :where(.css-2llk6s).bit-modal-root .bit-modal-is-mobile .bit-modal .bit-modal-content .bit-modal-body { padding-inline: 16px; padding-top: 12px; padding-bottom: 12px; } :where(.css-2llk6s).bit-modal-root .bit-modal-is-mobile .bit-modal .bit-modal-content .bit-modal-footer { padding-inline: 16px; margin-top: 12px; display: flex; } :where(.css-2llk6s).bit-modal-root .bit-modal-is-mobile .bit-modal .bit-modal-content .bit-modal-footer .bit-btn { flex: 1 1 0%; } :where(.css-2llk6s).bit-modal-root .bit-modal-is-mobile .bit-modal.bit-modal-confirm .bit-modal-content .bit-modal-body { padding: unset !important; } :where(.css-2llk6s).bit-modal-root .bit-modal-is-mobile .bit-modal.bit-modal-confirm .bit-modal-content .bit-modal-body .bit-modal-confirm-body { display: block; } :where(.css-2llk6s).bit-modal-root .bit-modal-is-mobile .bit-modal.bit-modal-confirm .bit-modal-content .bit-modal-body .bit-modal-confirm-body .bit-modal-confirm-header { display: flex; padding-inline: 16px; padding-top: 16px; padding-bottom: 12px; margin-bottom: unset; border-bottom: 1px solid rgb(39, 40, 43); } :where(.css-2llk6s).bit-modal-root .bit-modal-is-mobile .bit-modal.bit-modal-confirm .bit-modal-content .bit-modal-body .bit-modal-confirm-body .bit-modal-confirm-header .bit-icon { font-size: 20px; margin-block-end: 0px; } :where(.css-2llk6s).bit-modal-root .bit-modal-is-mobile .bit-modal.bit-modal-confirm .bit-modal-content .bit-modal-body .bit-modal-confirm-body .bit-modal-confirm-header .bit-modal-confirm-title { font-size: 16px; margin-block-end: 0px; } :where(.css-2llk6s).bit-modal-root .bit-modal-is-mobile .bit-modal.bit-modal-confirm .bit-modal-content .bit-modal-body .bit-modal-confirm-body .bit-modal-confirm-content { padding-inline: 16px; padding-top: 12px; padding-bottom: 12px; margin-block: 0px; } :where(.css-2llk6s).bit-modal-root .bit-modal-is-mobile .bit-modal.bit-modal-confirm .bit-modal-content .bit-modal-body .bit-modal-confirm-btns { display: flex; padding-inline: 16px; margin-top: 12px; } :where(.css-2llk6s).bit-modal-root .bit-modal-is-mobile .bit-modal.bit-modal-confirm .bit-modal-content .bit-modal-body .bit-modal-confirm-btns .bit-btn { flex: 1 1 0%; } :where(.css-2llk6s).bit-modal-root .bit-modal-fullscreen .bit-modal { width: 100%; height: 100%; top: 0px; margin: 0px; padding: 0px; max-height: 100vh; max-width: 100%; } :where(.css-2llk6s).bit-modal-root .bit-modal-fullscreen .bit-modal .bit-modal-content { height: 100%; overflow: auto; border-radius: 0px; } :where(.css-2llk6s).bit-modal-root .bit-modal-horizontal-center .bit-modal .bit-modal-content .bit-modal-header { text-align: center; } :where(.css-2llk6s).bit-modal-root .bit-modal-horizontal-center .bit-modal .bit-modal-content .bit-modal-footer { text-align: center; } :where(.css-2llk6s).bit-modal-root .bit-modal-confirm-horizontal-center .bit-modal-confirm-body-wrapper .bit-modal-confirm-body .bit-modal-confirm-header { justify-content: center; flex-direction: column; } :where(.css-2llk6s).bit-modal-root .bit-modal-confirm-horizontal-center .bit-modal-confirm-body-wrapper .bit-modal-confirm-body .bit-modal-confirm-header > .bit-icon { font-size: 60px; margin-bottom: 8px; } :where(.css-2llk6s).bit-modal-root .bit-modal-confirm-horizontal-center .bit-modal-confirm-body-wrapper .bit-modal-confirm-body .bit-modal-confirm-header > .bit-icon svg { height: 1em; width: 1em; } :where(.css-2llk6s).bit-modal-root .bit-modal-confirm-horizontal-center .bit-modal-confirm-body-wrapper .bit-modal-confirm-body .bit-modal-confirm-content { margin-top: 12px; margin-bottom: 12px; text-align: center; } :where(.css-2llk6s).bit-modal-root .bit-modal-confirm-horizontal-center .bit-modal-confirm-body-wrapper .bit-modal-confirm-body .bit-modal-confirm-title { flex: unset; } :where(.css-2llk6s).bit-modal-root .bit-modal-confirm-horizontal-center .bit-modal-confirm-body-wrapper .bit-modal-confirm-btns { text-align: center; } :where(.css-2llk6s).bit-modal-root .bit-fade-enter, :where(.css-2llk6s).bit-modal-root .bit-fade-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } :where(.css-2llk6s).bit-modal-root .bit-fade-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } :where(.css-2llk6s).bit-modal-root .bit-fade-enter.bit-fade-enter-active, :where(.css-2llk6s).bit-modal-root .bit-fade-appear.bit-fade-appear-active { animation-name: css-2llk6s-antFadeIn; animation-play-state: running; } :where(.css-2llk6s).bit-modal-root .bit-fade-leave.bit-fade-leave-active { animation-name: css-2llk6s-antFadeOut; animation-play-state: running; pointer-events: none; } :where(.css-2llk6s).bit-modal-root .bit-fade-enter, :where(.css-2llk6s).bit-modal-root .bit-fade-appear { opacity: 0; animation-timing-function: linear; } :where(.css-2llk6s).bit-modal-root .bit-fade-leave { animation-timing-function: linear; } :where(.css-2llk6s).bit-zoom-enter, :where(.css-2llk6s).bit-zoom-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } :where(.css-2llk6s).bit-zoom-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } :where(.css-2llk6s).bit-zoom-enter.bit-zoom-enter-active, :where(.css-2llk6s).bit-zoom-appear.bit-zoom-appear-active { animation-name: css-2llk6s-antZoomIn; animation-play-state: running; } :where(.css-2llk6s).bit-zoom-leave.bit-zoom-leave-active { animation-name: css-2llk6s-antZoomOut; animation-play-state: running; pointer-events: none; } :where(.css-2llk6s).bit-zoom-enter, :where(.css-2llk6s).bit-zoom-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } :where(.css-2llk6s).bit-zoom-enter-prepare, :where(.css-2llk6s).bit-zoom-appear-prepare { transform: none; } :where(.css-2llk6s).bit-zoom-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } :where(.css-2llk6s).bit-move-down-enter, :where(.css-2llk6s).bit-move-down-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } :where(.css-2llk6s).bit-move-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } :where(.css-2llk6s).bit-move-down-enter.bit-move-down-enter-active, :where(.css-2llk6s).bit-move-down-appear.bit-move-down-appear-active { animation-name: css-2llk6s-antMoveDownIn; animation-play-state: running; } :where(.css-2llk6s).bit-move-down-leave.bit-move-down-leave-active { animation-name: css-2llk6s-antMoveDownOut; animation-play-state: running; pointer-events: none; } :where(.css-2llk6s).bit-move-down-enter, :where(.css-2llk6s).bit-move-down-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } :where(.css-2llk6s).bit-move-down-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } @keyframes css-2llk6s-antFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes css-2llk6s-antFadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes css-2llk6s-antZoomIn { 0% { transform: scale(0.2); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes css-2llk6s-antZoomOut { 0% { transform: scale(1); } 100% { transform: scale(0.2); opacity: 0; } } @keyframes css-2llk6s-antMoveDownIn { 0% { transform: translate3d(0px, 100%, 0px); transform-origin: 0px 0px; opacity: 0; } 100% { transform: translate3d(0px, 0px, 0px); transform-origin: 0px 0px; opacity: 1; } } @keyframes css-2llk6s-antMoveDownOut { 0% { transform: translate3d(0px, 0px, 0px); transform-origin: 0px 0px; opacity: 1; } 100% { transform: translate3d(0px, 100%, 0px); transform-origin: 0px 0px; opacity: 0; } } :root { --ds-color-black-alpha-10: #0000001a; --ds-color-black-alpha-20: #00000033; --ds-color-black-alpha-25: #00000040; --ds-color-black-alpha-30: #0000004d; --ds-color-black-alpha-40: #00000066; --ds-color-black-alpha-50: #00000080; --ds-color-black-alpha-60: #00000099; --ds-color-black-alpha-65: #000000a6; --ds-color-black-alpha-70: #000000b2; --ds-color-black-alpha-80: #000000cc; --ds-color-black-alpha-90: #000000e5; --ds-color-black-alpha-100: #000; --ds-color-brand-1: #e6f6f9; --ds-color-brand-2: #a5f8fa; --ds-color-brand-3: #77e7ed; --ds-color-brand-4: #4cd4e0; --ds-color-brand-5: #26bfd4; --ds-color-brand-6: #03aac7; --ds-color-brand-7: #0083a1; --ds-color-brand-8: #00607a; --ds-color-brand-9: #003f54; --ds-color-brand-9_1: #07303f; --ds-color-brand-10: #00212e; --ds-color-green-1: #e5f9f0; --ds-color-green-2: #c5f5e3; --ds-color-green-3: #7de4c0; --ds-color-green-4: #4fd7ac; --ds-color-green-5: #26c99b; --ds-color-green-6: #01bc8d; --ds-color-green-7: #01a07e; --ds-color-green-8: #00846c; --ds-color-green-9: #006859; --ds-color-green-10: #002420; --ds-color-neutral-1: #f4f5f7; --ds-color-neutral-2: #eaeaed; --ds-color-neutral-3: #dedfe0; --ds-color-neutral-4: #c3c3c7; --ds-color-neutral-5: #8e8e92; --ds-color-neutral-6: #57585c; --ds-color-neutral-7: #38393d; --ds-color-neutral-8: #252629; --ds-color-neutral-9: #17181a; --ds-color-neutral-10: #151517; --ds-color-neutral-black: #070808; --ds-color-neutral-white: #fff; --ds-color-orange-1: #fff5e8; --ds-color-orange-2: #ffe6c7; --ds-color-orange-3: #ffd4a6; --ds-color-orange-4: #ffc084; --ds-color-orange-5: #ffa963; --ds-color-orange-6: #ff9142; --ds-color-orange-7: #d26a29; --ds-color-orange-8: #a64815; --ds-color-orange-9: #792c08; --ds-color-orange-9_1: #3e1d11; --ds-color-orange-10: #2e1f16; --ds-color-purple-1: #f6f0fe; --ds-color-purple-2: #e5d3f7; --ds-color-purple-3: #d5bfef; --ds-color-purple-4: #c5ace6; --ds-color-purple-5: #b599de; --ds-color-purple-6: #a588d6; --ds-color-purple-7: #7556b4; --ds-color-purple-8: #4c2e91; --ds-color-purple-9: #2a126f; --ds-color-purple-10: #251d3d; --ds-color-red-1: #feedec; --ds-color-red-2: #ffeae6; --ds-color-red-3: #ffc7bd; --ds-color-red-4: #ffa094; --ds-color-red-5: #f45f4f; --ds-color-red-6: #f1493f; --ds-color-red-7: #c82a27; --ds-color-red-8: #a61b1d; --ds-color-red-9: #800e14; --ds-color-red-10: #2c1516; --ds-color-rose-1: #fee9ed; --ds-color-rose-2: #fdcdcf; --ds-color-rose-3: #fcb2b8; --ds-color-rose-4: #fa97a3; --ds-color-rose-5: #f97d90; --ds-color-rose-6: #f7647e; --ds-color-rose-7: #cc3d5c; --ds-color-rose-8: #a22041; --ds-color-rose-9: #770c2a; --ds-color-rose-10: #352025; --ds-color-white-alpha-10: #ffffff1a; --ds-color-white-alpha-20: #ffffff33; --ds-color-white-alpha-25: #ffffff40; --ds-color-white-alpha-30: #ffffff4d; --ds-color-white-alpha-40: #ffffff66; --ds-color-white-alpha-50: #ffffff80; --ds-color-white-alpha-60: #ffffff99; --ds-color-white-alpha-70: #ffffffb2; --ds-color-white-alpha-80: #ffffffcc; --ds-color-white-alpha-90: #ffffffe5; --ds-color-white-alpha-95: #fffffff2; --ds-color-white-alpha-100: #fff; --ds-color-yellow-1: #fef9e7; --ds-color-yellow-2: #fdf3cd; --ds-color-yellow-3: #fce79c; --ds-color-yellow-4: #fbda67; --ds-color-yellow-5: #ffcc32; --ds-color-yellow-6: #ffb904; --ds-color-yellow-7: #d29102; --ds-color-yellow-8: #a67401; --ds-color-yellow-9: #795e1b; --ds-color-yellow-10: #663c00; --ds-color-yellow-vip-1: #f5d79d; --ds-color-yellow-vip-2: #ffd583; --ds-color-yellow-vip-3: #be903a; --ds-color-yellow-vip-4: #4d4027; --ds-color-always-black: var(--ds-color-neutral-black); --ds-color-always-white: var(--ds-color-neutral-white); --ds-color-tag-background-neutral-solid: var(--ds-color-neutral-2); --ds-color-tag-background-brand-subtle: var(--ds-color-brand-1); --ds-color-tag-background-warning-subtle: var(--ds-color-orange-1); --ds-color-background-disabled: var(--ds-color-neutral-2); --ds-color-background-input: var(--ds-color-neutral-1); --ds-color-background-input-grey: var(--ds-color-neutral-1); --ds-color-background-inverse-disabled: var(--ds-color-neutral-7); --ds-color-background-inverse-primary: var(--ds-color-neutral-10); --ds-color-background-inverse-base: var(--ds-color-neutral-black); --ds-color-background-inverse-secondary: var(--ds-color-neutral-8); --ds-color-background-inverse-tertiary: var(--ds-color-neutral-6); --ds-color-background-mask: var(--ds-color-black-alpha-70); --ds-color-background-primary: var(--ds-color-neutral-white); --ds-color-background-base: var(--ds-color-neutral-white); --ds-color-background-secondary: var(--ds-color-neutral-1); --ds-color-background-tertiary: var(--ds-color-neutral-1); --ds-color-background-tooltip: var(--ds-color-neutral-7); --ds-color-background-popover: var(--ds-color-neutral-white); --ds-color-background-mask-alt: var(--ds-color-black-alpha-70); --ds-color-background-mask-themed: var(--ds-color-white-alpha-90); --ds-color-border-black: var(--ds-color-neutral-8); --ds-color-border-strong: var(--ds-color-neutral-3); --ds-color-border-subtle: var(--ds-color-neutral-2); --ds-color-border-gutter: var(--ds-color-neutral-1); --ds-color-border-disabled: var(--ds-color-neutral-3); --ds-color-function-brand: var(--ds-color-brand-6); --ds-color-function-brand-active: var(--ds-color-brand-7); --ds-color-function-brand-disabled: var(--ds-color-brand-3); --ds-color-function-brand-hover: var(--ds-color-brand-5); --ds-color-function-brand-soft: var(--ds-color-brand-1); --ds-color-function-error: var(--ds-color-rose-6); --ds-color-function-error-active: var(--ds-color-rose-7); --ds-color-function-error-disabled: var(--ds-color-rose-3); --ds-color-function-error-hover: var(--ds-color-rose-5); --ds-color-function-error-soft: var(--ds-color-rose-1); --ds-color-function-success: var(--ds-color-green-6); --ds-color-function-success-active: var(--ds-color-green-7); --ds-color-function-success-disabled: var(--ds-color-green-3); --ds-color-function-success-hover: var(--ds-color-green-5); --ds-color-function-success-soft: var(--ds-color-green-1); --ds-color-function-trade-buy: #01bc8d; --ds-color-function-trade-buy-active: #01a07e; --ds-color-function-trade-buy-disabled: #7de4c0; --ds-color-function-trade-buy-hover: #26c99b; --ds-color-function-trade-buy-soft: var(--ds-color-green-1); --ds-color-function-trade-sell: var(--ds-color-red-6); --ds-color-function-trade-sell-active: var(--ds-color-red-7); --ds-color-function-trade-sell-disabled: var(--ds-color-red-3); --ds-color-function-trade-sell-hover: var(--ds-color-red-5); --ds-color-function-trade-sell-soft: var(--ds-color-red-1); --ds-color-function-warning: var(--ds-color-orange-6); --ds-color-function-warning-active: var(--ds-color-orange-7); --ds-color-function-warning-disabled: var(--ds-color-orange-3); --ds-color-function-warning-hover: var(--ds-color-orange-5); --ds-color-function-warning-soft: var(--ds-color-orange-1); --ds-color-function-discovery: var(--ds-color-purple-7); --ds-color-function-discovery-soft: var(--ds-color-purple-1); --ds-color-function-discovery-disabled: var(--ds-color-neutral-2); --ds-color-function-vip-gutter: var(--ds-color-yellow-vip-1); --ds-color-function-vip-text: var(--ds-color-yellow-vip-3); --ds-color-function-fund: var(--ds-color-yellow-7); --ds-color-function-fund-soft: var(--ds-color-yellow-1); --ds-color-layer-0: var(--ds-color-neutral-white); --ds-color-layer-1: #f9f9fa; --ds-color-layer-2: var(--ds-color-neutral-2); --ds-color-layer-3: var(--ds-color-neutral-3); --ds-color-layer-active: var(--ds-color-neutral-white); --ds-color-link-default: var(--ds-color-brand-6); --ds-color-link-disabled: var(--ds-color-brand-3); --ds-color-link-hover: var(--ds-color-brand-5); --ds-color-link-pressed: var(--ds-color-brand-7); --ds-color-text-error: var(--ds-color-rose-6); --ds-color-text-inverse-primary: var(--ds-color-neutral-1); --ds-color-text-inverse-secondary: var(--ds-color-neutral-4); --ds-color-text-inverse-tertiary: var(--ds-color-neutral-5); --ds-color-text-primary: var(--ds-color-neutral-10); --ds-color-text-secondary: var(--ds-color-neutral-6); --ds-color-text-tertiary: var(--ds-color-neutral-5); --ds-color-text-disabled: var(--ds-color-neutral-4); --ds-color-text-success: var(--ds-color-green-6); --ds-color-text-warning: var(--ds-color-orange-6); --ds-color-card-discovery: rgba(213,191,239,.5); --ds-font-size-h1: 56px; --ds-font-size-h2: 48px; --ds-font-size-h3: 40px; --ds-font-size-h4: 32px; --ds-font-size-title1: 28px; --ds-font-size-title2: 24px; --ds-font-size-title3: 20px; --ds-font-size-title4: 17px; --ds-font-size-body1: 16px; --ds-font-size-body2: 14px; --ds-font-size-body3: 12px; --ds-font-size-body4: 11px; --ds-font-size-extra-large: 24px; --ds-font-size-large: 20px; --ds-font-size-medium: 16px; --ds-font-size-base: 14px; --ds-font-size-small: 12px; --ds-font-size-extra-small: 11px; --ds-font-weight-extrabold: 800; --ds-font-weight-bold: 700; --ds-font-weight-semibold: 600; --ds-font-weight-medium: 500; --ds-font-weight-normal: 400; --ds-font-weight-light: 300; --ds-border-radius-circle: 100%; --ds-border-radius-full: 100000000px; --ds-border-radius-large: 16px; --ds-border-radius-medium: 12px; --ds-border-radius-base: 8px; --ds-border-radius-small: 6px; --ds-border-radius-tiny: 4px; --ds-border-radius-extra-small: 2px; --ds-border-radius-none: 0; --ds-button-primary-font-color: var(--ds-color-always-white); --ds-tabs-ink-bar-color: var(--ds-color-neutral-8); } body.black, body.dark, html.black, html.dark { --ds-color-tag-background-neutral-solid: var(--ds-color-neutral-8); --ds-color-tag-background-brand-subtle: var(--ds-color-brand-9_1); --ds-color-tag-background-warning-subtle: var(--ds-color-orange-9_1); --ds-color-background-disabled: var(--ds-color-neutral-7); --ds-color-background-input: var(--ds-color-neutral-8); --ds-color-background-input-grey: #1f2023; --ds-color-background-inverse-disabled: var(--ds-color-neutral-2); --ds-color-background-inverse-primary: var(--ds-color-neutral-white); --ds-color-background-inverse-base: var(--ds-color-neutral-white); --ds-color-background-inverse-secondary: var(--ds-color-neutral-1); --ds-color-background-inverse-tertiary: var(--ds-color-neutral-2); --ds-color-background-mask: var(--ds-color-black-alpha-70); --ds-color-background-primary: var(--ds-color-neutral-10); --ds-color-background-base: var(--ds-color-neutral-black); --ds-color-background-secondary: #1f2023; --ds-color-background-tertiary: var(--ds-color-neutral-8); --ds-color-background-tooltip: var(--ds-color-neutral-7); --ds-color-background-popover: var(--ds-color-neutral-7); --ds-color-background-mask-alt: var(--ds-color-black-alpha-80); --ds-color-background-mask-themed: var(--ds-color-black-alpha-80); --ds-color-border-black: var(--ds-color-neutral-white); --ds-color-border-strong: var(--ds-color-neutral-7); --ds-color-border-subtle: #27282b; --ds-color-border-gutter: #0e0f11; --ds-color-border-disabled: var(--ds-color-neutral-6); --ds-color-function-brand: var(--ds-color-brand-6); --ds-color-function-brand-active: var(--ds-color-brand-7); --ds-color-function-brand-disabled: var(--ds-color-brand-8); --ds-color-function-brand-hover: var(--ds-color-brand-5); --ds-color-function-brand-soft: var(--ds-color-brand-10); --ds-color-function-error: var(--ds-color-rose-6); --ds-color-function-error-active: var(--ds-color-rose-4); --ds-color-function-error-disabled: var(--ds-color-rose-8); --ds-color-function-error-hover: var(--ds-color-rose-6); --ds-color-function-error-soft: var(--ds-color-rose-10); --ds-color-function-success: var(--ds-color-green-5); --ds-color-function-success-active: var(--ds-color-green-4); --ds-color-function-success-disabled: var(--ds-color-green-8); --ds-color-function-success-hover: var(--ds-color-green-6); --ds-color-function-success-soft: var(--ds-color-green-10); --ds-color-function-trade-buy: #26c99b; --ds-color-function-trade-buy-active: #4fd7ac; --ds-color-function-trade-buy-disabled: #00846c; --ds-color-function-trade-buy-hover: #01bc8d; --ds-color-function-trade-buy-soft: var(--ds-color-green-10); --ds-color-function-trade-sell: var(--ds-color-red-6); --ds-color-function-trade-sell-active: var(--ds-color-red-7); --ds-color-function-trade-sell-disabled: var(--ds-color-red-7); --ds-color-function-trade-sell-hover: var(--ds-color-red-5); --ds-color-function-trade-sell-soft: var(--ds-color-red-10); --ds-color-function-warning: var(--ds-color-orange-5); --ds-color-function-warning-active: var(--ds-color-orange-4); --ds-color-function-warning-disabled: var(--ds-color-orange-8); --ds-color-function-warning-hover: var(--ds-color-orange-6); --ds-color-function-warning-soft: var(--ds-color-orange-10); --ds-color-function-discovery: var(--ds-color-purple-5); --ds-color-function-discovery-soft: var(--ds-color-purple-10); --ds-color-function-discovery-disabled: var(--ds-color-neutral-7); --ds-color-function-vip-gutter: var(--ds-color-yellow-vip-4); --ds-color-function-vip-text: var(--ds-color-yellow-vip-2); --ds-color-function-fund: var(--ds-color-yellow-5); --ds-color-function-fund-soft: var(--ds-color-yellow-10); --ds-color-layer-0: var(--ds-color-neutral-9); --ds-color-layer-1: #1b1b1d; --ds-color-layer-2: var(--ds-color-neutral-8); --ds-color-layer-3: var(--ds-color-neutral-7); --ds-color-layer-active: var(--ds-color-neutral-7); --ds-color-link-default: var(--ds-color-brand-5); --ds-color-link-disabled: var(--ds-color-brand-8); --ds-color-link-hover: var(--ds-color-brand-6); --ds-color-link-pressed: var(--ds-color-brand-4); --ds-color-text-error: var(--ds-color-rose-5); --ds-color-text-inverse-primary: var(--ds-color-neutral-10); --ds-color-text-inverse-secondary: var(--ds-color-neutral-6); --ds-color-text-inverse-tertiary: var(--ds-color-neutral-5); --ds-color-text-primary: var(--ds-color-neutral-1); --ds-color-text-secondary: var(--ds-color-neutral-2); --ds-color-text-tertiary: var(--ds-color-neutral-5); --ds-color-text-disabled: var(--ds-color-neutral-6); --ds-color-text-success: var(--ds-color-green-5); --ds-color-text-warning: var(--ds-color-orange-5); --ds-color-card-discovery: rgba(213,191,239,.5); --ds-button-primary-font-color: var(--ds-color-always-white); --ds-tabs-ink-bar-color: var(--ds-color-neutral-white); } [data-theme="light"] { --ds-color-tag-background-neutral-solid: var(--ds-color-neutral-2); --ds-color-tag-background-brand-subtle: var(--ds-color-brand-1); --ds-color-tag-background-warning-subtle: var(--ds-color-orange-1); --ds-color-background-disabled: var(--ds-color-neutral-2); --ds-color-background-input: var(--ds-color-neutral-1); --ds-color-background-input-grey: var(--ds-color-neutral-1); --ds-color-background-inverse-disabled: var(--ds-color-neutral-7); --ds-color-background-inverse-primary: var(--ds-color-neutral-10); --ds-color-background-inverse-base: var(--ds-color-neutral-black); --ds-color-background-inverse-secondary: var(--ds-color-neutral-8); --ds-color-background-inverse-tertiary: var(--ds-color-neutral-6); --ds-color-background-mask: var(--ds-color-black-alpha-70); --ds-color-background-primary: var(--ds-color-neutral-white); --ds-color-background-base: var(--ds-color-neutral-white); --ds-color-background-secondary: var(--ds-color-neutral-1); --ds-color-background-tertiary: var(--ds-color-neutral-1); --ds-color-background-tooltip: var(--ds-color-neutral-7); --ds-color-background-popover: var(--ds-color-neutral-white); --ds-color-background-mask-alt: var(--ds-color-black-alpha-70); --ds-color-background-mask-themed: var(--ds-color-white-alpha-90); --ds-color-border-black: var(--ds-color-neutral-8); --ds-color-border-strong: var(--ds-color-neutral-3); --ds-color-border-subtle: var(--ds-color-neutral-2); --ds-color-border-gutter: var(--ds-color-neutral-1); --ds-color-border-disabled: var(--ds-color-neutral-3); --ds-color-function-brand: var(--ds-color-brand-6); --ds-color-function-brand-active: var(--ds-color-brand-7); --ds-color-function-brand-disabled: var(--ds-color-brand-3); --ds-color-function-brand-hover: var(--ds-color-brand-5); --ds-color-function-brand-soft: var(--ds-color-brand-1); --ds-color-function-error: var(--ds-color-rose-6); --ds-color-function-error-active: var(--ds-color-rose-7); --ds-color-function-error-disabled: var(--ds-color-rose-3); --ds-color-function-error-hover: var(--ds-color-rose-5); --ds-color-function-error-soft: var(--ds-color-rose-1); --ds-color-function-success: var(--ds-color-green-6); --ds-color-function-success-active: var(--ds-color-green-7); --ds-color-function-success-disabled: var(--ds-color-green-3); --ds-color-function-success-hover: var(--ds-color-green-5); --ds-color-function-success-soft: var(--ds-color-green-1); --ds-color-function-trade-buy: #01bc8d; --ds-color-function-trade-buy-active: #01a07e; --ds-color-function-trade-buy-disabled: #7de4c0; --ds-color-function-trade-buy-hover: #26c99b; --ds-color-function-trade-buy-soft: var(--ds-color-green-1); --ds-color-function-trade-sell: var(--ds-color-red-6); --ds-color-function-trade-sell-active: var(--ds-color-red-7); --ds-color-function-trade-sell-disabled: var(--ds-color-red-3); --ds-color-function-trade-sell-hover: var(--ds-color-red-5); --ds-color-function-trade-sell-soft: var(--ds-color-red-1); --ds-color-function-warning: var(--ds-color-orange-6); --ds-color-function-warning-active: var(--ds-color-orange-7); --ds-color-function-warning-disabled: var(--ds-color-orange-3); --ds-color-function-warning-hover: var(--ds-color-orange-5); --ds-color-function-warning-soft: var(--ds-color-orange-1); --ds-color-function-discovery: var(--ds-color-purple-7); --ds-color-function-discovery-soft: var(--ds-color-purple-1); --ds-color-function-discovery-disabled: var(--ds-color-neutral-2); --ds-color-function-vip-gutter: var(--ds-color-yellow-vip-1); --ds-color-function-vip-text: var(--ds-color-yellow-vip-3); --ds-color-function-fund: var(--ds-color-yellow-7); --ds-color-function-fund-soft: var(--ds-color-yellow-1); --ds-color-layer-0: var(--ds-color-neutral-white); --ds-color-layer-1: #f9f9fa; --ds-color-layer-2: var(--ds-color-neutral-2); --ds-color-layer-3: var(--ds-color-neutral-3); --ds-color-layer-active: var(--ds-color-neutral-white); --ds-color-link-default: var(--ds-color-brand-6); --ds-color-link-disabled: var(--ds-color-brand-3); --ds-color-link-hover: var(--ds-color-brand-5); --ds-color-link-pressed: var(--ds-color-brand-7); --ds-color-text-error: var(--ds-color-rose-6); --ds-color-text-inverse-primary: var(--ds-color-neutral-1); --ds-color-text-inverse-secondary: var(--ds-color-neutral-4); --ds-color-text-inverse-tertiary: var(--ds-color-neutral-5); --ds-color-text-primary: var(--ds-color-neutral-10); --ds-color-text-secondary: var(--ds-color-neutral-6); --ds-color-text-tertiary: var(--ds-color-neutral-5); --ds-color-text-disabled: var(--ds-color-neutral-4); --ds-color-text-success: var(--ds-color-green-6); --ds-color-text-warning: var(--ds-color-orange-6); --ds-color-card-discovery: rgba(213,191,239,.5); --ds-button-primary-font-color: var(--ds-color-always-white); --ds-tabs-ink-bar-color: var(--ds-color-neutral-8); } [data-theme="dark"] { --ds-color-tag-background-neutral-solid: var(--ds-color-neutral-8); --ds-color-tag-background-brand-subtle: var(--ds-color-brand-9_1); --ds-color-tag-background-warning-subtle: var(--ds-color-orange-9_1); --ds-color-background-disabled: var(--ds-color-neutral-7); --ds-color-background-input: var(--ds-color-neutral-8); --ds-color-background-input-grey: #1f2023; --ds-color-background-inverse-disabled: var(--ds-color-neutral-2); --ds-color-background-inverse-primary: var(--ds-color-neutral-white); --ds-color-background-inverse-base: var(--ds-color-neutral-white); --ds-color-background-inverse-secondary: var(--ds-color-neutral-1); --ds-color-background-inverse-tertiary: var(--ds-color-neutral-2); --ds-color-background-mask: var(--ds-color-black-alpha-70); --ds-color-background-primary: var(--ds-color-neutral-10); --ds-color-background-base: var(--ds-color-neutral-black); --ds-color-background-secondary: #1f2023; --ds-color-background-tertiary: var(--ds-color-neutral-8); --ds-color-background-tooltip: var(--ds-color-neutral-7); --ds-color-background-popover: var(--ds-color-neutral-7); --ds-color-background-mask-alt: var(--ds-color-black-alpha-80); --ds-color-background-mask-themed: var(--ds-color-black-alpha-80); --ds-color-border-black: var(--ds-color-neutral-white); --ds-color-border-strong: var(--ds-color-neutral-7); --ds-color-border-subtle: #27282b; --ds-color-border-gutter: #0e0f11; --ds-color-border-disabled: var(--ds-color-neutral-6); --ds-color-function-brand: var(--ds-color-brand-6); --ds-color-function-brand-active: var(--ds-color-brand-7); --ds-color-function-brand-disabled: var(--ds-color-brand-8); --ds-color-function-brand-hover: var(--ds-color-brand-5); --ds-color-function-brand-soft: var(--ds-color-brand-10); --ds-color-function-error: var(--ds-color-rose-6); --ds-color-function-error-active: var(--ds-color-rose-4); --ds-color-function-error-disabled: var(--ds-color-rose-8); --ds-color-function-error-hover: var(--ds-color-rose-6); --ds-color-function-error-soft: var(--ds-color-rose-10); --ds-color-function-success: var(--ds-color-green-5); --ds-color-function-success-active: var(--ds-color-green-4); --ds-color-function-success-disabled: var(--ds-color-green-8); --ds-color-function-success-hover: var(--ds-color-green-6); --ds-color-function-success-soft: var(--ds-color-green-10); --ds-color-function-trade-buy: #26c99b; --ds-color-function-trade-buy-active: #4fd7ac; --ds-color-function-trade-buy-disabled: #00846c; --ds-color-function-trade-buy-hover: #01bc8d; --ds-color-function-trade-buy-soft: var(--ds-color-green-10); --ds-color-function-trade-sell: var(--ds-color-red-6); --ds-color-function-trade-sell-active: var(--ds-color-red-7); --ds-color-function-trade-sell-disabled: var(--ds-color-red-7); --ds-color-function-trade-sell-hover: var(--ds-color-red-5); --ds-color-function-trade-sell-soft: var(--ds-color-red-10); --ds-color-function-warning: var(--ds-color-orange-5); --ds-color-function-warning-active: var(--ds-color-orange-4); --ds-color-function-warning-disabled: var(--ds-color-orange-8); --ds-color-function-warning-hover: var(--ds-color-orange-6); --ds-color-function-warning-soft: var(--ds-color-orange-10); --ds-color-function-discovery: var(--ds-color-purple-5); --ds-color-function-discovery-soft: var(--ds-color-purple-10); --ds-color-function-discovery-disabled: var(--ds-color-neutral-7); --ds-color-function-vip-gutter: var(--ds-color-yellow-vip-4); --ds-color-function-vip-text: var(--ds-color-yellow-vip-2); --ds-color-function-fund: var(--ds-color-yellow-5); --ds-color-function-fund-soft: var(--ds-color-yellow-10); --ds-color-layer-0: var(--ds-color-neutral-9); --ds-color-layer-1: #1b1b1d; --ds-color-layer-2: var(--ds-color-neutral-8); --ds-color-layer-3: var(--ds-color-neutral-7); --ds-color-layer-active: var(--ds-color-neutral-7); --ds-color-link-default: var(--ds-color-brand-5); --ds-color-link-disabled: var(--ds-color-brand-8); --ds-color-link-hover: var(--ds-color-brand-6); --ds-color-link-pressed: var(--ds-color-brand-4); --ds-color-text-error: var(--ds-color-rose-5); --ds-color-text-inverse-primary: var(--ds-color-neutral-10); --ds-color-text-inverse-secondary: var(--ds-color-neutral-6); --ds-color-text-inverse-tertiary: var(--ds-color-neutral-5); --ds-color-text-primary: var(--ds-color-neutral-1); --ds-color-text-secondary: var(--ds-color-neutral-2); --ds-color-text-tertiary: var(--ds-color-neutral-5); --ds-color-text-disabled: var(--ds-color-neutral-6); --ds-color-text-success: var(--ds-color-green-5); --ds-color-text-warning: var(--ds-color-orange-5); --ds-color-card-discovery: rgba(213,191,239,.5); --ds-button-primary-font-color: var(--ds-color-always-white); --ds-tabs-ink-bar-color: var(--ds-color-neutral-white); } :root { --color-primary: var(--ds-color-function-brand); --color-buy: var(--ds-color-function-trade-buy); --color-sell: var(--ds-color-function-trade-sell); --color-green: var(--ds-color-green-6); --color-red: var(--ds-color-red-6); } * { box-sizing: border-box; margin: 0px; padding: 0px; } body.black, body.dark, html.black, html.dark { --content-primary: var(--ds-color-text-primary); --content-secondary: var(--ds-color-text-secondary); --content-tertiary: var(--ds-color-text-tertiary); --content-disabled: var(--ds-color-text-disabled); --content-link-default: var(--ds-color-link-default); --content-link-hover: var(--ds-color-link-hover); --content-always-black: var(--ds-color-always-black); --content-always-white: var(--ds-color-always-white); --content-success: var(--ds-color-function-success); --content-error: var(--ds-color-function-error); --content-warning: var(--ds-color-function-warning); --content-trade-buy: var(--ds-color-function-trade-buy); --content-trade-sell: var(--ds-color-function-trade-sell); --content-trade-buy-text: var(--ds-color-function-trade-buy); --content-trade-sell-text: var(--ds-color-function-trade-sell); --content-inverse-primary: var(--ds-color-text-inverse-primary); --content-inverse-secondary: var(--ds-color-text-inverse-secondary); --content-inverse-tertiary: var(--ds-color-text-inverse-tertiary); --content-highlight-blue-text-on-info: var(--ds-color-brand-3); --border-strength-100: var(--ds-color-border-subtle); --border-strength-200: var(--ds-color-border-strong); --border-strength-800: var(--ds-color-border-black); --border-blue: var(--ds-color-function-brand); --border-orange: var(--ds-color-orange-6); --border-grey: var(--ds-color-neutral-7); --border-yellow: var(--ds-color-yellow-6); --border-red: var(--ds-color-rose-6); --background-primary: var(--ds-color-background-primary); --background-secondary: var(--ds-color-background-secondary); --background-tertiary: var(--ds-color-background-tertiary); --background-disabled: var(--ds-color-background-disabled); --background-always-black: var(--ds-color-always-black); --background-blue-soft: var(--ds-color-function-brand-soft); --background-blue-sharp: var(--ds-color-function-brand); --background-purple-soft: var(--ds-color-purple-3); --background-purple-sharp: var(--ds-color-purple-6); --background-orange-soft: var(--ds-color-orange-2); --background-orange-sharp: var(--ds-color-orange-6); --background-inverse-primary: var(--ds-color-background-inverse-primary); --background-inverse-secondary: var(--ds-color-background-inverse-secondary); --background-inverse-tertiary: var(--ds-color-background-inverse-tertiary); --background-popup: var(--ds-color-background-tooltip); --background-mask: var(--ds-color-background-mask); background-color: var(--ds-color-background-primary); --color-buy: var(--ds-color-function-trade-buy); --color-sell: var(--ds-color-function-trade-sell); --color-error: var(--ds-color-function-error); --color-success: var(--ds-color-function-success); --color-warning: var(--ds-color-function-warning); --color-green: var(--ds-color-brand-6); --color-red: var(--ds-color-red-6); --color-primary-text: var(--content-primary); --color-secondary-text: var(--content-secondary); --color-third-text: var(--content-tertiary); --color-disabled-text: var(--content-disabled); --color-placeholder-text: var(--content-disabled); --color-white-text: var(--content-always-white); --color-warning-text: var(--content-warning); --color-black-text: var(--content-always-black); --color-text-btn: var(--content-link-default); --color-unhover-text: var(--ds-color-text-tertiary); --color-line: var(--border-strength-100); --color-input-border: var(--border-strength-100); --color-bg: var(--background-primary); --color-error-bg: var(--ds-color-function-error-soft); --color-success-bg: var(--ds-color-function-success-soft); --color-warning-bg: var(--ds-color-function-warning-soft); --color-green-bg: var(--ds-color-brand-9); --color-card-bg: var(--ds-color-layer-1); --color-special-bg: var(--ds-color-brand-1); --color-secondary-btn-bg: var(--ds-color-background-tertiary); --color-popup-bg: var(--ds-color-background-tooltip); --color-popup-bg-opa: var(--ds-color-background-tooltip); --color-primary-btn-bg: var(--ds-color-function-brand); --color-primary-pressed-bg: var(--ds-color-function-brand-active); --color-primary-hover-bg: var(--ds-color-function-brand-hover); --color-dialog-bg: var(--ds-color-layer-0); --color-modal-bg: var(--ds-color-background-inverse-tertiary); --color-input-bg: var(--ds-color-background-input); --shoadow-sl1: 0px 1px 7px rgba(0,0,0,.3); --shoadow-sl2: 0px 6px 18px rgba(0,0,0,.4); --shoadow-sl3: 0px 10px 32px rgba(0,0,0,.5); --shoadow-sl4: 0px 12px 42px rgba(0,0,0,.7); --color-bg-card: linear-gradient(180deg,#191a1a,rgba(25,26,26,.5)); } body.light, body.white, html.light, html.white { --content-primary: var(--ds-color-text-primary); --content-secondary: var(--ds-color-text-secondary); --content-tertiary: var(--ds-color-text-tertiary); --content-disabled: var(--ds-color-text-disabled); --content-link-default: var(--ds-color-link-default); --content-link-hover: var(--ds-color-link-hover); --content-always-black: var(--ds-color-always-black); --content-always-white: var(--ds-color-always-white); --content-success: var(--ds-color-function-success); --content-error: var(--ds-color-function-error); --content-warning: var(--ds-color-function-warning); --content-trade-buy-text: var(--ds-color-function-trade-buy); --content-trade-sell-text: var(--ds-color-function-trade-sell); --content-trade-buy: var(--ds-color-function-trade-buy); --content-trade-sell: var(--ds-color-function-trade-sell); --content-inverse-primary: var(--ds-color-text-inverse-primary); --content-inverse-secondary: var(--ds-color-text-inverse-secondary); --content-inverse-tertiary: var(--ds-color-text-inverse-secondary); --content-highlight-blue: var(--ds-color-brand-6); --border-strength-100: var(--ds-color-border-subtle); --border-strength-200: var(--ds-color-border-strong); --border-strength-800: var(--ds-color-border-black); --border-blue: var(--ds-color-brand-6); --border-orange: var(--ds-color-orange-6); --border-grey: var(--ds-color-neutral-7); --border-yellow: var(--ds-color-yellow-6); --border-red: var(--ds-color-rose-6); --background-primary: var(--ds-color-background-primary); --background-secondary: var(--ds-color-background-secondary); --background-tertiary: var(--ds-color-background-tertiary); --background-disabled: var(--ds-color-background-disabled); --background-always-black: var(--ds-color-always-black); --background-blue-soft: var(--ds-color-function-brand-soft); --background-blue-sharp: var(--ds-color-function-brand); --background-purple-soft: var(--ds-color-purple-3); --background-purple-sharp: var(--ds-color-purple-6); --background-orange-soft: var(--ds-color-orange-2); --background-orange-sharp: var(--ds-color-orange-3); --background-inverse-primary: var(--ds-color-background-inverse-primary); --background-inverse-secondary: var(--ds-color-background-inverse-secondary); --background-inverse-tertiary: var(--ds-color-background-inverse-tertiary); --background-popup: var(--ds-color-background-tooltip); --background-mask: var(--ds-color-background-mask); background-color: var(--ds-color-background-primary); --color-buy: var(--ds-color-function-trade-buy); --color-sell: var(--ds-color-function-trade-sell); --color-error: var(--ds-color-function-error); --color-success: var(--ds-color-function-success); --color-warning: var(--ds-color-function-warning); --color-green: var(--ds-color-function-brand); --color-red: var(--ds-color-red-6); --color-primary-text: var(--content-primary); --color-secondary-text: var(--content-secondary); --color-third-text: var(--content-tertiary); --color-disabled-text: var(--content-disabled); --color-placeholder-text: var(--content-disabled); --color-white-text: var(--content-always-white); --color-warning-text: var(--content-warning); --color-black-text: var(--content-always-black); --color-text-btn: var(--content-link-default); --color-line: var(--border-strength-100); --color-input-border: var(--border-strength-100); --color-bg: var(--ds-color-background-primary); --color-error-bg: var(--ds-color-function-error-soft); --color-success-bg: var(--ds-color-function-success-soft); --color-warning-bg: var(--ds-color-function-warning-soft); --color-green-bg: var(--ds-color-function-brand-soft); --color-card-bg: var(--ds-color-layer-1); --color-special-bg: var(--ds-color-brand-1); --color-secondary-btn-bg: var(--ds-color-background-tertiary); --color-popup-bg: var(--ds-color-background-tooltip); --color-popup-bg-opa: var(--ds-color-background-tooltip); --color-primary-btn-bg: var(--ds-color-function-brand); --color-primary-pressed-bg: var(--ds-color-function-brand-active); --color-primary-hover-bg: var(--ds-color-function-brand-hover); --color-dialog-bg: var(--ds-color-layer-0); --color-modal-bg: var(--ds-color-background-inverse-tertiary); --color-input-bg: var(--ds-color-background-input); --shoadow-sl1: 0px 1px 5px rgba(146,160,171,.1); --shoadow-sl2: 0px 6px 18px rgba(146,160,171,.14); --shoadow-sl3: 0px 10px 32px rgba(146,160,171,.18); --shoadow-sl4: 0px 12px 40px rgba(146,160,171,.36); --color-bg-card: linear-gradient(180deg,#f9fbfb,rgba(249,251,251,.5)); } .ant-alert { align-items: center; box-sizing: border-box; color: rgba(0, 0, 0, 0.85); display: flex; font-feature-settings: "tnum"; font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; margin: 0px; padding: 8px 15px; position: relative; overflow-wrap: break-word; border-radius: 2px; } .ant-alert-content { flex: 1 1 0%; min-width: 0px; } .ant-alert-icon { margin-right: 8px; } .ant-alert-description { display: none; font-size: 14px; line-height: 22px; } .ant-alert-success { background-color: rgb(246, 255, 237); border: 1px solid rgb(183, 235, 143); } .ant-alert-success .ant-alert-icon { color: rgb(82, 196, 26); } .ant-alert-info { background-color: rgb(230, 247, 255); border: 1px solid rgb(145, 213, 255); } .ant-alert-info .ant-alert-icon { color: rgb(24, 144, 255); } .ant-alert-warning { background-color: rgb(255, 251, 230); border: 1px solid rgb(255, 229, 143); } .ant-alert-warning .ant-alert-icon { color: rgb(250, 173, 20); } .ant-alert-error { background-color: rgb(255, 242, 240); border: 1px solid rgb(255, 204, 199); } .ant-alert-error .ant-alert-icon { color: rgb(255, 77, 79); } .ant-alert-error .ant-alert-description > pre { margin: 0px; padding: 0px; } .ant-alert-action { margin-left: 8px; } .ant-alert-close-icon { background-color: initial; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; font-size: 12px; line-height: 12px; margin-left: 8px; outline: none; overflow: hidden; padding: 0px; } .ant-alert-close-icon .anticon-close { color: rgba(0, 0, 0, 0.45); transition: color 0.3s; } .ant-alert-close-icon .anticon-close:hover { color: rgba(0, 0, 0, 0.75); } .ant-alert-close-text { color: rgba(0, 0, 0, 0.45); transition: color 0.3s; } .ant-alert-close-text:hover { color: rgba(0, 0, 0, 0.75); } .ant-alert-with-description { align-items: flex-start; padding: 15px 15px 15px 24px; } .ant-alert-with-description.ant-alert-no-icon { padding: 15px; } .ant-alert-with-description .ant-alert-icon { font-size: 24px; margin-right: 15px; } .ant-alert-with-description .ant-alert-message { color: rgba(0, 0, 0, 0.85); display: block; font-size: 16px; margin-bottom: 4px; } .ant-alert-message { color: rgba(0, 0, 0, 0.85); } .ant-alert-with-description .ant-alert-description { display: block; } .ant-alert.ant-alert-motion-leave { opacity: 1; overflow: hidden; transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-alert.ant-alert-motion-leave-active { max-height: 0px; opacity: 0; padding-bottom: 0px; padding-top: 0px; margin-bottom: 0px !important; } .ant-alert-banner { border: 0px; border-radius: 0px; margin-bottom: 0px; } .ant-alert.ant-alert-rtl { direction: rtl; } .ant-alert-rtl .ant-alert-icon { margin-left: 8px; margin-right: auto; } .ant-alert-rtl .ant-alert-action, .ant-alert-rtl .ant-alert-close-icon { margin-left: auto; margin-right: 8px; } .ant-alert-rtl.ant-alert-with-description { padding-left: 15px; padding-right: 24px; } .ant-alert-rtl.ant-alert-with-description .ant-alert-icon { margin-left: 15px; margin-right: auto; } .ant-btn { background: rgb(255, 255, 255); border: 1px solid rgb(217, 217, 217); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.016) 0px 2px 0px; color: rgba(0, 0, 0, 0.85); cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; height: 32px; line-height: 1.5715; padding: 4px 15px; position: relative; text-align: center; touch-action: manipulation; transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); user-select: none; white-space: nowrap; } .ant-btn > .anticon { line-height: 1; } .ant-btn, .ant-btn:active, .ant-btn:focus { outline: 0px; } .ant-btn:not([disabled]):hover { text-decoration: none; } .ant-btn:not([disabled]):active { box-shadow: none; outline: 0px; } .ant-btn[disabled] { cursor: not-allowed; } .ant-btn[disabled] > * { pointer-events: none; } .ant-btn-lg { border-radius: 2px; font-size: 16px; height: 40px; padding: 6.4px 15px; } .ant-btn-sm { border-radius: 2px; font-size: 14px; height: 24px; padding: 0px 7px; } .ant-btn > a:only-child { color: currentcolor; } .ant-btn > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn:focus, .ant-btn:hover { background: rgb(255, 255, 255); border-color: rgb(64, 169, 255); color: rgb(64, 169, 255); } .ant-btn:focus > a:only-child, .ant-btn:hover > a:only-child { color: currentcolor; } .ant-btn:focus > a:only-child::after, .ant-btn:hover > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn:active { background: rgb(255, 255, 255); border-color: rgb(9, 109, 217); color: rgb(9, 109, 217); } .ant-btn:active > a:only-child { color: currentcolor; } .ant-btn:active > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn[disabled], .ant-btn[disabled]:active, .ant-btn[disabled]:focus, .ant-btn[disabled]:hover { background: rgb(245, 245, 245); border-color: rgb(217, 217, 217); box-shadow: none; color: rgba(0, 0, 0, 0.25); text-shadow: none; } .ant-btn[disabled]:active > a:only-child, .ant-btn[disabled]:focus > a:only-child, .ant-btn[disabled]:hover > a:only-child, .ant-btn[disabled] > a:only-child { color: currentcolor; } .ant-btn[disabled]:active > a:only-child::after, .ant-btn[disabled]:focus > a:only-child::after, .ant-btn[disabled]:hover > a:only-child::after, .ant-btn[disabled] > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn:active, .ant-btn:focus, .ant-btn:hover { background: rgb(255, 255, 255); text-decoration: none; } .ant-btn > span { display: inline-block; } .ant-btn-primary { background: rgb(24, 144, 255); border-color: rgb(24, 144, 255); box-shadow: rgba(0, 0, 0, 0.043) 0px 2px 0px; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.12) 0px -1px 0px; } .ant-btn-primary > a:only-child { color: currentcolor; } .ant-btn-primary > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-primary:focus, .ant-btn-primary:hover { background: rgb(64, 169, 255); border-color: rgb(64, 169, 255); color: rgb(255, 255, 255); } .ant-btn-primary:focus > a:only-child, .ant-btn-primary:hover > a:only-child { color: currentcolor; } .ant-btn-primary:focus > a:only-child::after, .ant-btn-primary:hover > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-primary:active { background: rgb(9, 109, 217); border-color: rgb(9, 109, 217); color: rgb(255, 255, 255); } .ant-btn-primary:active > a:only-child { color: currentcolor; } .ant-btn-primary:active > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-primary[disabled], .ant-btn-primary[disabled]:active, .ant-btn-primary[disabled]:focus, .ant-btn-primary[disabled]:hover { background: rgb(245, 245, 245); border-color: rgb(217, 217, 217); box-shadow: none; color: rgba(0, 0, 0, 0.25); text-shadow: none; } .ant-btn-primary[disabled]:active > a:only-child, .ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-primary[disabled] > a:only-child { color: currentcolor; } .ant-btn-primary[disabled]:active > a:only-child::after, .ant-btn-primary[disabled]:focus > a:only-child::after, .ant-btn-primary[disabled]:hover > a:only-child::after, .ant-btn-primary[disabled] > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) { border-left-color: rgb(64, 169, 255); border-right-color: rgb(64, 169, 255); } .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled { border-color: rgb(217, 217, 217); } .ant-btn-group .ant-btn-primary:first-child:not(:last-child) { border-right-color: rgb(64, 169, 255); } .ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] { border-right-color: rgb(217, 217, 217); } .ant-btn-group .ant-btn-primary + .ant-btn-primary, .ant-btn-group .ant-btn-primary:last-child:not(:first-child) { border-left-color: rgb(64, 169, 255); } .ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled], .ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled] { border-left-color: rgb(217, 217, 217); } .ant-btn-ghost { background: transparent; border-color: rgb(217, 217, 217); color: rgba(0, 0, 0, 0.85); } .ant-btn-ghost > a:only-child { color: currentcolor; } .ant-btn-ghost > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-ghost:focus, .ant-btn-ghost:hover { background: transparent; border-color: rgb(64, 169, 255); color: rgb(64, 169, 255); } .ant-btn-ghost:focus > a:only-child, .ant-btn-ghost:hover > a:only-child { color: currentcolor; } .ant-btn-ghost:focus > a:only-child::after, .ant-btn-ghost:hover > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-ghost:active { background: transparent; border-color: rgb(9, 109, 217); color: rgb(9, 109, 217); } .ant-btn-ghost:active > a:only-child { color: currentcolor; } .ant-btn-ghost:active > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-ghost[disabled], .ant-btn-ghost[disabled]:active, .ant-btn-ghost[disabled]:focus, .ant-btn-ghost[disabled]:hover { background: rgb(245, 245, 245); border-color: rgb(217, 217, 217); box-shadow: none; color: rgba(0, 0, 0, 0.25); text-shadow: none; } .ant-btn-ghost[disabled]:active > a:only-child, .ant-btn-ghost[disabled]:focus > a:only-child, .ant-btn-ghost[disabled]:hover > a:only-child, .ant-btn-ghost[disabled] > a:only-child { color: currentcolor; } .ant-btn-ghost[disabled]:active > a:only-child::after, .ant-btn-ghost[disabled]:focus > a:only-child::after, .ant-btn-ghost[disabled]:hover > a:only-child::after, .ant-btn-ghost[disabled] > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-dashed { background: rgb(255, 255, 255); border-color: rgb(217, 217, 217); border-style: dashed; color: rgba(0, 0, 0, 0.85); } .ant-btn-dashed > a:only-child { color: currentcolor; } .ant-btn-dashed > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-dashed:focus, .ant-btn-dashed:hover { background: rgb(255, 255, 255); border-color: rgb(64, 169, 255); color: rgb(64, 169, 255); } .ant-btn-dashed:focus > a:only-child, .ant-btn-dashed:hover > a:only-child { color: currentcolor; } .ant-btn-dashed:focus > a:only-child::after, .ant-btn-dashed:hover > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-dashed:active { background: rgb(255, 255, 255); border-color: rgb(9, 109, 217); color: rgb(9, 109, 217); } .ant-btn-dashed:active > a:only-child { color: currentcolor; } .ant-btn-dashed:active > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-dashed[disabled], .ant-btn-dashed[disabled]:active, .ant-btn-dashed[disabled]:focus, .ant-btn-dashed[disabled]:hover { background: rgb(245, 245, 245); border-color: rgb(217, 217, 217); box-shadow: none; color: rgba(0, 0, 0, 0.25); text-shadow: none; } .ant-btn-dashed[disabled]:active > a:only-child, .ant-btn-dashed[disabled]:focus > a:only-child, .ant-btn-dashed[disabled]:hover > a:only-child, .ant-btn-dashed[disabled] > a:only-child { color: currentcolor; } .ant-btn-dashed[disabled]:active > a:only-child::after, .ant-btn-dashed[disabled]:focus > a:only-child::after, .ant-btn-dashed[disabled]:hover > a:only-child::after, .ant-btn-dashed[disabled] > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-danger { background: rgb(255, 77, 79); border-color: rgb(255, 77, 79); box-shadow: rgba(0, 0, 0, 0.043) 0px 2px 0px; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.12) 0px -1px 0px; } .ant-btn-danger > a:only-child { color: currentcolor; } .ant-btn-danger > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-danger:focus, .ant-btn-danger:hover { background: rgb(255, 120, 117); border-color: rgb(255, 120, 117); color: rgb(255, 255, 255); } .ant-btn-danger:focus > a:only-child, .ant-btn-danger:hover > a:only-child { color: currentcolor; } .ant-btn-danger:focus > a:only-child::after, .ant-btn-danger:hover > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-danger:active { background: rgb(217, 54, 62); border-color: rgb(217, 54, 62); color: rgb(255, 255, 255); } .ant-btn-danger:active > a:only-child { color: currentcolor; } .ant-btn-danger:active > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-danger[disabled], .ant-btn-danger[disabled]:active, .ant-btn-danger[disabled]:focus, .ant-btn-danger[disabled]:hover { background: rgb(245, 245, 245); border-color: rgb(217, 217, 217); box-shadow: none; color: rgba(0, 0, 0, 0.25); text-shadow: none; } .ant-btn-danger[disabled]:active > a:only-child, .ant-btn-danger[disabled]:focus > a:only-child, .ant-btn-danger[disabled]:hover > a:only-child, .ant-btn-danger[disabled] > a:only-child { color: currentcolor; } .ant-btn-danger[disabled]:active > a:only-child::after, .ant-btn-danger[disabled]:focus > a:only-child::after, .ant-btn-danger[disabled]:hover > a:only-child::after, .ant-btn-danger[disabled] > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-link { background: transparent; border-color: transparent; box-shadow: none; color: rgb(24, 144, 255); } .ant-btn-link > a:only-child { color: currentcolor; } .ant-btn-link > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-link:focus, .ant-btn-link:hover { background: transparent; border-color: rgb(64, 169, 255); color: rgb(64, 169, 255); } .ant-btn-link:focus > a:only-child, .ant-btn-link:hover > a:only-child { color: currentcolor; } .ant-btn-link:focus > a:only-child::after, .ant-btn-link:hover > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-link:active { background: transparent; border-color: rgb(9, 109, 217); color: rgb(9, 109, 217); } .ant-btn-link:active > a:only-child { color: currentcolor; } .ant-btn-link:active > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-link[disabled], .ant-btn-link[disabled]:active, .ant-btn-link[disabled]:focus, .ant-btn-link[disabled]:hover { background: rgb(245, 245, 245); border-color: rgb(217, 217, 217); } .ant-btn-link:hover { background: transparent; } .ant-btn-link:active, .ant-btn-link:focus, .ant-btn-link:hover { border-color: transparent; } .ant-btn-link[disabled], .ant-btn-link[disabled]:active, .ant-btn-link[disabled]:focus, .ant-btn-link[disabled]:hover { background: transparent; border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.25); text-shadow: none; } .ant-btn-link[disabled]:active > a:only-child, .ant-btn-link[disabled]:focus > a:only-child, .ant-btn-link[disabled]:hover > a:only-child, .ant-btn-link[disabled] > a:only-child { color: currentcolor; } .ant-btn-link[disabled]:active > a:only-child::after, .ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-link[disabled] > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-text { background: transparent; border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.85); } .ant-btn-text > a:only-child { color: currentcolor; } .ant-btn-text > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-text:focus, .ant-btn-text:hover { background: transparent; border-color: rgb(64, 169, 255); color: rgb(64, 169, 255); } .ant-btn-text:focus > a:only-child, .ant-btn-text:hover > a:only-child { color: currentcolor; } .ant-btn-text:focus > a:only-child::after, .ant-btn-text:hover > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-text:active { background: transparent; border-color: rgb(9, 109, 217); color: rgb(9, 109, 217); } .ant-btn-text:active > a:only-child { color: currentcolor; } .ant-btn-text:active > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-text[disabled], .ant-btn-text[disabled]:active, .ant-btn-text[disabled]:focus, .ant-btn-text[disabled]:hover { background: rgb(245, 245, 245); border-color: rgb(217, 217, 217); } .ant-btn-text:focus, .ant-btn-text:hover { background: rgba(0, 0, 0, 0.02); border-color: transparent; color: rgba(0, 0, 0, 0.85); } .ant-btn-text:active { background: rgba(0, 0, 0, 0.027); border-color: transparent; color: rgba(0, 0, 0, 0.85); } .ant-btn-text[disabled], .ant-btn-text[disabled]:active, .ant-btn-text[disabled]:focus, .ant-btn-text[disabled]:hover { background: transparent; border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.25); text-shadow: none; } .ant-btn-text[disabled]:active > a:only-child, .ant-btn-text[disabled]:focus > a:only-child, .ant-btn-text[disabled]:hover > a:only-child, .ant-btn-text[disabled] > a:only-child { color: currentcolor; } .ant-btn-text[disabled]:active > a:only-child::after, .ant-btn-text[disabled]:focus > a:only-child::after, .ant-btn-text[disabled]:hover > a:only-child::after, .ant-btn-text[disabled] > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-dangerous { background: rgb(255, 255, 255); border-color: rgb(255, 77, 79); color: rgb(255, 77, 79); } .ant-btn-dangerous > a:only-child { color: currentcolor; } .ant-btn-dangerous > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-dangerous:focus, .ant-btn-dangerous:hover { background: rgb(255, 255, 255); border-color: rgb(255, 120, 117); color: rgb(255, 120, 117); } .ant-btn-dangerous:focus > a:only-child, .ant-btn-dangerous:hover > a:only-child { color: currentcolor; } .ant-btn-dangerous:focus > a:only-child::after, .ant-btn-dangerous:hover > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-dangerous:active { background: rgb(255, 255, 255); border-color: rgb(217, 54, 62); color: rgb(217, 54, 62); } .ant-btn-dangerous:active > a:only-child { color: currentcolor; } .ant-btn-dangerous:active > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-dangerous[disabled], .ant-btn-dangerous[disabled]:active, .ant-btn-dangerous[disabled]:focus, .ant-btn-dangerous[disabled]:hover { background: rgb(245, 245, 245); border-color: rgb(217, 217, 217); box-shadow: none; color: rgba(0, 0, 0, 0.25); text-shadow: none; } .ant-btn-dangerous[disabled]:active > a:only-child, .ant-btn-dangerous[disabled]:focus > a:only-child, .ant-btn-dangerous[disabled]:hover > a:only-child, .ant-btn-dangerous[disabled] > a:only-child { color: currentcolor; } .ant-btn-dangerous[disabled]:active > a:only-child::after, .ant-btn-dangerous[disabled]:focus > a:only-child::after, .ant-btn-dangerous[disabled]:hover > a:only-child::after, .ant-btn-dangerous[disabled] > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-dangerous.ant-btn-primary { background: rgb(255, 77, 79); border-color: rgb(255, 77, 79); box-shadow: rgba(0, 0, 0, 0.043) 0px 2px 0px; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.12) 0px -1px 0px; } .ant-btn-dangerous.ant-btn-primary > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-primary > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-dangerous.ant-btn-primary:focus, .ant-btn-dangerous.ant-btn-primary:hover { background: rgb(255, 120, 117); border-color: rgb(255, 120, 117); color: rgb(255, 255, 255); } .ant-btn-dangerous.ant-btn-primary:focus > a:only-child, .ant-btn-dangerous.ant-btn-primary:hover > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-primary:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-primary:hover > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-dangerous.ant-btn-primary:active { background: rgb(217, 54, 62); border-color: rgb(217, 54, 62); color: rgb(255, 255, 255); } .ant-btn-dangerous.ant-btn-primary:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-primary:active > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-dangerous.ant-btn-primary[disabled], .ant-btn-dangerous.ant-btn-primary[disabled]:active, .ant-btn-dangerous.ant-btn-primary[disabled]:focus, .ant-btn-dangerous.ant-btn-primary[disabled]:hover { background: rgb(245, 245, 245); border-color: rgb(217, 217, 217); box-shadow: none; color: rgba(0, 0, 0, 0.25); text-shadow: none; } .ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child, .ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child::after, .ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-dangerous.ant-btn-link { background: transparent; border-color: transparent; box-shadow: none; color: rgb(255, 77, 79); } .ant-btn-dangerous.ant-btn-link > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-dangerous.ant-btn-link:focus, .ant-btn-dangerous.ant-btn-link:hover { border-color: rgb(64, 169, 255); color: rgb(64, 169, 255); } .ant-btn-dangerous.ant-btn-link:active { border-color: rgb(9, 109, 217); color: rgb(9, 109, 217); } .ant-btn-dangerous.ant-btn-link[disabled], .ant-btn-dangerous.ant-btn-link[disabled]:active, .ant-btn-dangerous.ant-btn-link[disabled]:focus, .ant-btn-dangerous.ant-btn-link[disabled]:hover { background: rgb(245, 245, 245); border-color: rgb(217, 217, 217); } .ant-btn-dangerous.ant-btn-link:focus, .ant-btn-dangerous.ant-btn-link:hover { background: transparent; border-color: transparent; color: rgb(255, 120, 117); } .ant-btn-dangerous.ant-btn-link:focus > a:only-child, .ant-btn-dangerous.ant-btn-link:hover > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-link:hover > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-dangerous.ant-btn-link:active { background: transparent; border-color: transparent; color: rgb(217, 54, 62); } .ant-btn-dangerous.ant-btn-link:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link:active > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-dangerous.ant-btn-link[disabled], .ant-btn-dangerous.ant-btn-link[disabled]:active, .ant-btn-dangerous.ant-btn-link[disabled]:focus, .ant-btn-dangerous.ant-btn-link[disabled]:hover { background: transparent; border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.25); text-shadow: none; } .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-dangerous.ant-btn-text { background: transparent; border-color: transparent; box-shadow: none; color: rgb(255, 77, 79); } .ant-btn-dangerous.ant-btn-text > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-dangerous.ant-btn-text:focus, .ant-btn-dangerous.ant-btn-text:hover { background: transparent; border-color: rgb(64, 169, 255); color: rgb(64, 169, 255); } .ant-btn-dangerous.ant-btn-text:active { background: transparent; border-color: rgb(9, 109, 217); color: rgb(9, 109, 217); } .ant-btn-dangerous.ant-btn-text[disabled], .ant-btn-dangerous.ant-btn-text[disabled]:active, .ant-btn-dangerous.ant-btn-text[disabled]:focus, .ant-btn-dangerous.ant-btn-text[disabled]:hover { background: rgb(245, 245, 245); border-color: rgb(217, 217, 217); } .ant-btn-dangerous.ant-btn-text:focus, .ant-btn-dangerous.ant-btn-text:hover { background: rgba(0, 0, 0, 0.02); border-color: transparent; color: rgb(255, 120, 117); } .ant-btn-dangerous.ant-btn-text:focus > a:only-child, .ant-btn-dangerous.ant-btn-text:hover > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-text:hover > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-dangerous.ant-btn-text:active { background: rgba(0, 0, 0, 0.027); border-color: transparent; color: rgb(217, 54, 62); } .ant-btn-dangerous.ant-btn-text:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text:active > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-dangerous.ant-btn-text[disabled], .ant-btn-dangerous.ant-btn-text[disabled]:active, .ant-btn-dangerous.ant-btn-text[disabled]:focus, .ant-btn-dangerous.ant-btn-text[disabled]:hover { background: transparent; border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.25); text-shadow: none; } .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-icon-only { border-radius: 2px; font-size: 16px; height: 32px; padding: 2.4px 0px; vertical-align: -3px; width: 32px; } .ant-btn-icon-only > * { font-size: 16px; } .ant-btn-icon-only.ant-btn-lg { border-radius: 2px; font-size: 18px; height: 40px; padding: 4.9px 0px; width: 40px; } .ant-btn-icon-only.ant-btn-lg > * { font-size: 18px; } .ant-btn-icon-only.ant-btn-sm { border-radius: 2px; font-size: 14px; height: 24px; padding: 0px; width: 24px; } .ant-btn-icon-only.ant-btn-sm > * { font-size: 14px; } .ant-btn-icon-only > .anticon { display: flex; justify-content: center; } .ant-btn-icon-only .anticon-loading { padding: 0px !important; } a.ant-btn-icon-only { vertical-align: -1px; } a.ant-btn-icon-only > .anticon { display: inline; } .ant-btn-round { border-radius: 32px; font-size: 14px; height: 32px; padding: 4px 16px; } .ant-btn-round.ant-btn-lg { border-radius: 40px; font-size: 16px; height: 40px; padding: 6.4px 20px; } .ant-btn-round.ant-btn-sm { border-radius: 24px; font-size: 14px; height: 24px; padding: 0px 12px; } .ant-btn-round.ant-btn-icon-only { width: auto; } .ant-btn-circle { border-radius: 50%; min-width: 32px; padding-left: 0px; padding-right: 0px; text-align: center; } .ant-btn-circle.ant-btn-lg { border-radius: 50%; min-width: 40px; } .ant-btn-circle.ant-btn-sm { border-radius: 50%; min-width: 24px; } .ant-btn::before { background: rgb(255, 255, 255); border-radius: inherit; inset: -1px; content: ""; display: none; opacity: 0.35; pointer-events: none; position: absolute; transition: opacity 0.2s; z-index: 1; } .ant-btn .anticon { transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-btn .anticon.anticon-minus > svg, .ant-btn .anticon.anticon-plus > svg { shape-rendering: optimizespeed; } .ant-btn.ant-btn-loading { cursor: default; position: relative; } .ant-btn.ant-btn-loading::before { display: block; } .ant-btn > .ant-btn-loading-icon { transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-btn > .ant-btn-loading-icon .anticon { animation: auto ease 0s 1 normal none running none; padding-right: 8px; } .ant-btn > .ant-btn-loading-icon .anticon svg { animation: 1s linear 0s infinite normal none running loadingCircle; } .ant-btn-group { display: inline-flex; } .ant-btn-group, .ant-btn-group > .ant-btn, .ant-btn-group > span > .ant-btn { position: relative; } .ant-btn-group > .ant-btn:active, .ant-btn-group > .ant-btn:focus, .ant-btn-group > .ant-btn:hover, .ant-btn-group > span > .ant-btn:active, .ant-btn-group > span > .ant-btn:focus, .ant-btn-group > span > .ant-btn:hover { z-index: 2; } .ant-btn-group > .ant-btn[disabled], .ant-btn-group > span > .ant-btn[disabled] { z-index: 0; } .ant-btn-group .ant-btn-icon-only { font-size: 14px; } .ant-btn + .ant-btn-group, .ant-btn-group .ant-btn + .ant-btn, .ant-btn-group .ant-btn + span, .ant-btn-group span + .ant-btn, .ant-btn-group + .ant-btn, .ant-btn-group + .ant-btn-group, .ant-btn-group > span + span { margin-left: -1px; } .ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) { border-left-color: transparent; } .ant-btn-group .ant-btn { border-radius: 0px; } .ant-btn-group > .ant-btn:first-child, .ant-btn-group > span:first-child > .ant-btn { margin-left: 0px; } .ant-btn-group > .ant-btn:only-child, .ant-btn-group > span:only-child > .ant-btn { border-radius: 2px; } .ant-btn-group > .ant-btn:first-child:not(:last-child), .ant-btn-group > span:first-child:not(:last-child) > .ant-btn { border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .ant-btn-group > .ant-btn:last-child:not(:first-child), .ant-btn-group > span:last-child:not(:first-child) > .ant-btn { border-bottom-right-radius: 2px; border-top-right-radius: 2px; } .ant-btn-group-sm > .ant-btn:only-child, .ant-btn-group-sm > span:only-child > .ant-btn { border-radius: 2px; } .ant-btn-group-sm > .ant-btn:first-child:not(:last-child), .ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn { border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .ant-btn-group-sm > .ant-btn:last-child:not(:first-child), .ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn { border-bottom-right-radius: 2px; border-top-right-radius: 2px; } .ant-btn-group > .ant-btn-group { float: left; } .ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn { border-radius: 0px; } .ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child { border-bottom-right-radius: 0px; border-top-right-radius: 0px; padding-right: 8px; } .ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child { border-bottom-left-radius: 0px; border-top-left-radius: 0px; padding-left: 8px; } .ant-btn-group-rtl.ant-btn + .ant-btn-group, .ant-btn-group-rtl.ant-btn-group .ant-btn + .ant-btn, .ant-btn-group-rtl.ant-btn-group .ant-btn + span, .ant-btn-group-rtl.ant-btn-group span + .ant-btn, .ant-btn-group-rtl.ant-btn-group + .ant-btn, .ant-btn-group-rtl.ant-btn-group + .ant-btn-group, .ant-btn-group-rtl.ant-btn-group > span + span, .ant-btn-rtl.ant-btn + .ant-btn-group, .ant-btn-rtl.ant-btn-group .ant-btn + .ant-btn, .ant-btn-rtl.ant-btn-group .ant-btn + span, .ant-btn-rtl.ant-btn-group span + .ant-btn, .ant-btn-rtl.ant-btn-group + .ant-btn, .ant-btn-rtl.ant-btn-group + .ant-btn-group, .ant-btn-rtl.ant-btn-group > span + span { margin-left: auto; margin-right: -1px; } .ant-btn-group.ant-btn-group-rtl { direction: rtl; } .ant-btn-group-rtl.ant-btn-group > .ant-btn:first-child:not(:last-child), .ant-btn-group-rtl.ant-btn-group > span:first-child:not(:last-child) > .ant-btn { border-radius: 0px 2px 2px 0px; } .ant-btn-group-rtl.ant-btn-group > .ant-btn:last-child:not(:first-child), .ant-btn-group-rtl.ant-btn-group > span:last-child:not(:first-child) > .ant-btn { border-radius: 2px 0px 0px 2px; } .ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:first-child:not(:last-child), .ant-btn-group-rtl.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn { border-radius: 0px 2px 2px 0px; } .ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:last-child:not(:first-child), .ant-btn-group-rtl.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn { border-radius: 2px 0px 0px 2px; } .ant-btn:active > span, .ant-btn:focus > span { position: relative; } .ant-btn > .anticon + span, .ant-btn > span + .anticon { margin-left: 8px; } .ant-btn.ant-btn-background-ghost { border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); } .ant-btn.ant-btn-background-ghost, .ant-btn.ant-btn-background-ghost:active, .ant-btn.ant-btn-background-ghost:focus, .ant-btn.ant-btn-background-ghost:hover { background: transparent; } .ant-btn.ant-btn-background-ghost:focus, .ant-btn.ant-btn-background-ghost:hover { border-color: rgb(64, 169, 255); color: rgb(64, 169, 255); } .ant-btn.ant-btn-background-ghost:active { border-color: rgb(9, 109, 217); color: rgb(9, 109, 217); } .ant-btn.ant-btn-background-ghost[disabled] { background: transparent; border-color: rgb(217, 217, 217); color: rgba(0, 0, 0, 0.25); } .ant-btn-background-ghost.ant-btn-primary { border-color: rgb(24, 144, 255); color: rgb(24, 144, 255); text-shadow: none; } .ant-btn-background-ghost.ant-btn-primary > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-primary > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-background-ghost.ant-btn-primary:focus, .ant-btn-background-ghost.ant-btn-primary:hover { border-color: rgb(64, 169, 255); color: rgb(64, 169, 255); } .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child, .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-background-ghost.ant-btn-primary:active { border-color: rgb(9, 109, 217); color: rgb(9, 109, 217); } .ant-btn-background-ghost.ant-btn-primary:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-background-ghost.ant-btn-primary[disabled], .ant-btn-background-ghost.ant-btn-primary[disabled]:active, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus, .ant-btn-background-ghost.ant-btn-primary[disabled]:hover { background: rgb(245, 245, 245); border-color: rgb(217, 217, 217); box-shadow: none; color: rgba(0, 0, 0, 0.25); text-shadow: none; } .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-background-ghost.ant-btn-danger { border-color: rgb(255, 77, 79); color: rgb(255, 77, 79); text-shadow: none; } .ant-btn-background-ghost.ant-btn-danger > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-danger > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-background-ghost.ant-btn-danger:focus, .ant-btn-background-ghost.ant-btn-danger:hover { border-color: rgb(255, 120, 117); color: rgb(255, 120, 117); } .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child, .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-background-ghost.ant-btn-danger:active { border-color: rgb(217, 54, 62); color: rgb(217, 54, 62); } .ant-btn-background-ghost.ant-btn-danger:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-background-ghost.ant-btn-danger[disabled], .ant-btn-background-ghost.ant-btn-danger[disabled]:active, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus, .ant-btn-background-ghost.ant-btn-danger[disabled]:hover { background: rgb(245, 245, 245); border-color: rgb(217, 217, 217); box-shadow: none; color: rgba(0, 0, 0, 0.25); text-shadow: none; } .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-background-ghost.ant-btn-dangerous { border-color: rgb(255, 77, 79); color: rgb(255, 77, 79); text-shadow: none; } .ant-btn-background-ghost.ant-btn-dangerous > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-background-ghost.ant-btn-dangerous:focus, .ant-btn-background-ghost.ant-btn-dangerous:hover { border-color: rgb(255, 120, 117); color: rgb(255, 120, 117); } .ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-background-ghost.ant-btn-dangerous:active { border-color: rgb(217, 54, 62); color: rgb(217, 54, 62); } .ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-background-ghost.ant-btn-dangerous[disabled], .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover { background: rgb(245, 245, 245); border-color: rgb(217, 217, 217); box-shadow: none; color: rgba(0, 0, 0, 0.25); text-shadow: none; } .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link { border-color: transparent; color: rgb(255, 77, 79); text-shadow: none; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover { border-color: transparent; color: rgb(255, 120, 117); } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active { border-color: transparent; color: rgb(217, 54, 62); } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled], .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover { background: rgb(245, 245, 245); border-color: rgb(217, 217, 217); box-shadow: none; color: rgba(0, 0, 0, 0.25); text-shadow: none; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } .ant-btn-two-chinese-chars::first-letter { letter-spacing: 0.34em; } .ant-btn-two-chinese-chars > :not(.anticon) { letter-spacing: 0.34em; margin-right: -0.34em; } .ant-btn.ant-btn-block { width: 100%; } .ant-btn:empty { content: " "; display: inline-block; visibility: hidden; width: 0px; } a.ant-btn { line-height: 30px; padding-top: 0.01px !important; } a.ant-btn-disabled { cursor: not-allowed; } a.ant-btn-disabled > * { pointer-events: none; } a.ant-btn-disabled, a.ant-btn-disabled:active, a.ant-btn-disabled:focus, a.ant-btn-disabled:hover { background: transparent; border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.25); text-shadow: none; } a.ant-btn-disabled:active > a:only-child, a.ant-btn-disabled:focus > a:only-child, a.ant-btn-disabled:hover > a:only-child, a.ant-btn-disabled > a:only-child { color: currentcolor; } a.ant-btn-disabled:active > a:only-child::after, a.ant-btn-disabled:focus > a:only-child::after, a.ant-btn-disabled:hover > a:only-child::after, a.ant-btn-disabled > a:only-child::after { background: transparent; inset: 0px; content: ""; position: absolute; } a.ant-btn-lg { line-height: 38px; } a.ant-btn-sm { line-height: 22px; } .ant-btn-compact-item:not(.ant-btn-compact-last-item):not(.ant-btn-compact-item-rtl) { margin-right: -1px; } .ant-btn-compact-item:not(.ant-btn-compact-last-item).ant-btn-compact-item-rtl { margin-left: -1px; } .ant-btn-compact-item:active, .ant-btn-compact-item:focus, .ant-btn-compact-item:hover { z-index: 2; } .ant-btn-compact-item[disabled] { z-index: 0; } .ant-btn-compact-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-last-item).ant-btn { border-radius: 0px; } .ant-btn-compact-item.ant-btn.ant-btn-compact-first-item:not(.ant-btn-compact-last-item):not(.ant-btn-compact-item-rtl) { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .ant-btn-compact-item.ant-btn.ant-btn-compact-item-rtl.ant-btn-compact-first-item:not(.ant-btn-compact-last-item), .ant-btn-compact-item.ant-btn.ant-btn-compact-last-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-item-rtl) { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .ant-btn-compact-item.ant-btn.ant-btn-compact-item-rtl.ant-btn-compact-last-item:not(.ant-btn-compact-first-item) { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .ant-btn-icon-only.ant-btn-compact-item { flex: 0 0 auto; } .ant-btn-compact-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-item.ant-btn-primary:not([disabled]) { position: relative; } .ant-btn-compact-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-item.ant-btn-primary:not([disabled])::after { background-color: rgb(64, 169, 255); content: " "; display: inline-block; height: calc(100% + 2px); left: -1px; position: absolute; top: -1px; width: 1px; } .ant-btn-compact-item-rtl.ant-btn-compact-first-item.ant-btn-compact-item-rtl:not(.ant-btn-compact-last-item) { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .ant-btn-compact-item-rtl.ant-btn-compact-last-item.ant-btn-compact-item-rtl:not(.ant-btn-compact-first-item) { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .ant-btn-compact-item-rtl.ant-btn-sm.ant-btn-compact-first-item.ant-btn-compact-item-rtl.ant-btn-sm:not(.ant-btn-compact-last-item) { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .ant-btn-compact-item-rtl.ant-btn-sm.ant-btn-compact-last-item.ant-btn-compact-item-rtl.ant-btn-sm:not(.ant-btn-compact-first-item) { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .ant-btn-compact-item-rtl.ant-btn-primary:not([disabled]) + .ant-btn-compact-item-rtl.ant-btn-primary:not([disabled])::after { right: -1px; } .ant-btn-compact-vertical-item:not(.ant-btn-compact-vertical-last-item) { margin-bottom: -1px; } .ant-btn-compact-vertical-item:active, .ant-btn-compact-vertical-item:focus, .ant-btn-compact-vertical-item:hover { z-index: 2; } .ant-btn-compact-vertical-item[disabled] { z-index: 0; } .ant-btn-compact-vertical-item:not(.ant-btn-compact-vertical-first-item):not(.ant-btn-compact-vertical-last-item) { border-radius: 0px; } .ant-btn-compact-vertical-item.ant-btn-compact-vertical-first-item:not(.ant-btn-compact-vertical-last-item) { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .ant-btn-compact-vertical-item.ant-btn-compact-vertical-last-item:not(.ant-btn-compact-vertical-first-item) { border-top-left-radius: 0px; border-top-right-radius: 0px; } .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) { position: relative; } .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled])::after { background-color: rgb(64, 169, 255); content: " "; display: inline-block; height: 1px; left: -1px; position: absolute; top: -1px; width: calc(100% + 2px); } .ant-btn-rtl { direction: rtl; } .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary, .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child) { border-left-color: rgb(217, 217, 217); border-right-color: rgb(64, 169, 255); } .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled], .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled] { border-left-color: rgb(64, 169, 255); border-right-color: rgb(217, 217, 217); } .ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon { padding-left: 8px; padding-right: 0px; } .ant-btn-rtl.ant-btn > .anticon + span, .ant-btn-rtl.ant-btn > span + .anticon { margin-left: 0px; margin-right: 8px; } .language-currency[data-v-79cea410] .dialog .mi-dialog__body, .language-currency[data-v-79cea410] .dialog .mi-dialog__header { padding: 0px; } .language-currency[data-v-79cea410] .dialog .mi-tabs__header { margin-bottom: 0px; padding-left: 20px; padding-right: 20px; line-height: 64px !important; } .language-currency[data-v-79cea410] .dialog .mi-tabs__item.is-active { color: var(--color-primary) !important; } .language-currency[data-v-79cea410] .dialog .mi-tabs__active-bar { background-color: var(--color-primary); } .language-currency[data-v-79cea410] .dialog .mi-dialog__headerbtn { top: 20px; } .language-currency.fullscreen .item[data-v-79cea410] { width: 100%; } .language-currency.fullscreen[data-v-79cea410] .dialog { border-radius: 0px; } .language-currency.fullscreen[data-v-79cea410] .mi-dialog__header { background-color: inherit; margin-right: 0px; position: sticky; top: 0px; padding: 0px !important; } .language-currency.fullscreen[data-v-79cea410] .mi-dialog__body { background-color: inherit; padding: 0px !important; } .list[data-v-79cea410] { display: flex; flex-wrap: wrap; gap: 10px 16px; padding: 20px; } .list .item[data-v-79cea410] { border-radius: 4px; box-sizing: border-box; color: var(--color-primary-text); cursor: pointer; height: 44px; line-height: 44px; padding-left: 12px; padding-right: 12px; width: calc(25% - 16px); } .list .item.active[data-v-79cea410], .list .item[data-v-79cea410]:hover { color: var(--color-primary); } [dir] .list .item.active[data-v-79cea410], [dir] .list .item[data-v-79cea410]:hover { background: var(--color-secondary-btn-bg); } .carousel { overflow: hidden; position: relative; width: 100%; } .carousel-container { overflow: hidden; touch-action: pan-y; width: 100%; } .carousel-track { display: flex; transition: transform 0.3s; } .carousel-item { box-sizing: border-box; min-width: 100%; } [dir] .carousel-btn { border-radius: 12px !important; } .micro-h5-never-reminder-dialog { width: 311px !important; } [dir="ltr"] .micro-h5-never-reminder-dialog > .mi-dialog__footer, [dir="rtl"] .micro-h5-never-reminder-dialog > .mi-dialog__footer { padding-left: 24px; padding-right: 24px; } .micro-h5-never-reminder-dialog > .mi-dialog__footer .mi-button { width: 125px; } [dir] .icon-inmail-dot[data-v-987f0a16] { border-color: var(--content-always-white); } [dir] .task-bubble[data-v-5ba16e39] { background: rgba(255, 212, 166, 0.2); } .task-bubble-text[data-v-5ba16e39] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 230px; } [dir] .micro-user-drawer .mi-drawer__body, [dir] .micro-user-drawer .mi-drawer__header { background-color: var(--ds-color-background-base); } [dir] .micro-user-drawer .mi-drawer__header { margin-bottom: 0px !important; padding-bottom: 20px !important; } .micro-verified-label .text-verified[data-v-5539570e] { color: var(--content-success); } [dir] .micro-verified-label .text-verified[data-v-5539570e] { background-color: rgba(14, 203, 129, 0.12); } .micro-verified-label .text-unverified[data-v-5539570e] { color: var(--content-disabled); } [dir] .micro-verified-label .text-unverified[data-v-5539570e] { background-color: var(--color-input-bg); } [dir] .micro-userInfo[data-v-f491a541]:hover .micro-vip-tag { background-color: var(--background-primary); } [dir] .micro-userInfo .bg-sub-account[data-v-f491a541] { background-color: var(--background-purple-soft); } [dir] .micro-userInfo .bg-main-account[data-v-f491a541] { background-color: var(--background-blue-soft); } .micro-userInfo .micro-userInfo-viplevel[data-v-f491a541] { color: var(--content-disabled); } .micro-userInfo .icon-user-switch-group[data-v-f491a541] { height: 22px; position: relative; width: 22px; } .micro-userInfo .icon-user-switch-group .icon-user-switch-outer[data-v-f491a541] { position: absolute; top: 0px; } [dir="ltr"] .micro-userInfo .icon-user-switch-group .icon-user-switch-outer[data-v-f491a541] { left: 0px; } [dir="rtl"] .micro-userInfo .icon-user-switch-group .icon-user-switch-outer[data-v-f491a541] { right: 0px; } .micro-userInfo .icon-user-switch-group .icon-user-switch-inner[data-v-f491a541] { position: absolute; top: 5px; } [dir="ltr"] .micro-userInfo .icon-user-switch-group .icon-user-switch-inner[data-v-f491a541] { left: 5px; } [dir="rtl"] .micro-userInfo .icon-user-switch-group .icon-user-switch-inner[data-v-f491a541] { right: 5px; } @keyframes draw-ltr-f491a541 { 0% { transform: rotate(0deg); } 100% { transform: rotate(180deg); } } @keyframes draw-rtl-f491a541 { 0% { transform: rotate(0deg); } 100% { transform: rotate(-180deg); } } .micro-referral-glow[data-v-e3a91cbc] { height: 100%; inset: 0px; mix-blend-mode: screen; object-fit: cover; pointer-events: none; position: absolute; width: 100%; } [dir="ltr"] .micro-referral-glow[data-v-e3a91cbc] { object-position: right top; } [dir="rtl"] .micro-referral-glow[data-v-e3a91cbc] { object-position: left top; } .micro-referral .micro-referral-hl { color: var(--ds-color-text-primary); } [dir] .vip-exclusive-tasks[data-v-a4274375] { background-repeat: no-repeat; background-size: 100% 100%; } .vip-exclusive-tasks.theme-light[data-v-a4274375] { --ds-color-function-vip-text: #be903a; } [dir] .vip-exclusive-tasks.theme-light[data-v-a4274375] { background-image: url("./58a1b323fa073979.png"); } .vip-exclusive-tasks.theme-dark[data-v-a4274375] { --ds-color-function-vip-text: #ffd583; } [dir] .vip-exclusive-tasks.theme-dark[data-v-a4274375] { background-image: url("./d203d7ce412999e6.png"); } [dir] .prospect-task[data-v-1df1a2d1] { background-repeat: no-repeat; background-size: 100% 100%; } .prospect-task.theme-light[data-v-1df1a2d1] { --ds-color-function-vip-text: #be903a; } [dir] .prospect-task.theme-light[data-v-1df1a2d1] { background-image: url("./58a1b323fa073979.png"); } .prospect-task.theme-dark[data-v-1df1a2d1] { --ds-color-function-vip-text: #ffd583; } [dir] .prospect-task.theme-dark[data-v-1df1a2d1] { background-image: url("./d203d7ce412999e6.png"); } .vip-prospect-task-tooltip { max-width: 250px !important; } [dir] .vip-upgrade-process[data-v-e84c21db] { background-repeat: no-repeat; background-size: 100% 100%; } .vip-upgrade-process.theme-light[data-v-e84c21db] { --ds-color-function-vip-text: #be903a; } [dir] .vip-upgrade-process.theme-light[data-v-e84c21db] { background-image: url("./58a1b323fa073979.png"); } .vip-upgrade-process.theme-dark[data-v-e84c21db] { --ds-color-function-vip-text: #ffd583; } [dir] .vip-upgrade-process.theme-dark[data-v-e84c21db] { background-image: url("./d203d7ce412999e6.png"); } [dir] .micro-menu-extra-card[data-v-e57f7daf] { background-color: rgba(3, 170, 199, 0.14); } [dir] .micro-user-affiliate-ad[data-v-e57f7daf] { background-color: rgba(255, 212, 166, 0.5); } .menu-collapse[data-v-e57f7daf] { border-style: solid; border-width: 0px; } .menu-collapse[data-v-e57f7daf] .mi-collapse-item__header { border-style: solid; border-width: 0px; flex: 1 1 0%; font-weight: 400; padding: 0px; position: relative; } .menu-collapse[data-v-e57f7daf] .mi-collapse-item__arrow { position: absolute; right: 8px; top: 12px; } [dir="rtl"] .menu-collapse[data-v-e57f7daf] .mi-collapse-item__arrow { left: 8px; right: unset; } .menu-collapse[data-v-e57f7daf] .mi-collapse-item__wrap { border-style: solid; border-width: 0px; } .menu-collapse[data-v-e57f7daf] .mi-collapse-item__content { padding-left: 28px; } .switch-dialog[data-v-16c520cc] * { box-sizing: border-box; } .switch-dialog[data-v-16c520cc] .dialog { --mi-dialog-padding-primary: 0; --mi-tabs-header-height: 1.4; --mi-text-color-primary: var(--color-primary-text); --mi-dialog-border-radius: 8px; padding: 0px; } .micro-light .switch-dialog[data-v-16c520cc] .dialog { background-color: var(--color-bg) !important; } .micro-dark .switch-dialog[data-v-16c520cc] .dialog { background-color: var(--color-card-bg) !important; } .switch-dialog[data-v-16c520cc] .dialog .mi-dialog__headerbtn { font-size: 16px; } .switch-dialog[data-v-16c520cc] .dialog .mi-dialog__header { padding-left: 24px; padding-right: 24px; padding-top: 24px; } .switch-dialog[data-v-16c520cc] .dialog .mi-dialog__body { padding: 12px 32px; } .switch-dialog[data-v-16c520cc] .dialog .mi-tabs__item.is-active { color: var(--color-primary); } .switch-dialog[data-v-16c520cc] .dialog .mi-tabs__nav-wrap::after { height: 1px; } .micro-light .switch-dialog[data-v-16c520cc] .dialog .mi-tabs__nav-wrap::after { --un-bg-opacity: 1; background-color: rgba(221,221,221,var(--un-bg-opacity)); } .micro-dark .switch-dialog[data-v-16c520cc] .dialog .mi-tabs__nav-wrap::after { --un-bg-opacity: 1; background-color: rgba(100,107,113,var(--un-bg-opacity)); } .switch-dialog[data-v-16c520cc] .dialog .mi-tabs__active-bar { background-color: var(--color-primary); } [dir] .switch-dialog .switch-account-box[data-v-16c520cc] { padding: 0px; } .switch-dialog .switch-account-box[data-v-16c520cc] .mi-autocomplete__popper { display: none; } .switch-dialog .switch-account-box[data-v-16c520cc] .mi-tabs__item { font-size: 16px; font-weight: 500; height: 64px; line-height: 64px; } .switch-dialog .switch-account-box[data-v-16c520cc] .mi-tabs__item.is-active { color: var(--color-primary-text); } [dir] .switch-dialog .switch-account-box[data-v-16c520cc] .mi-tabs__header { margin-bottom: 0px; padding: 0px; } .switch-dialog .switch-account-box[data-v-16c520cc] .mi-tabs__active-bar { background-color: var(--color-primary); } .switch-dialog .switch-account-box[data-v-16c520cc] .mi-tabs__nav-next, .switch-dialog .switch-account-box[data-v-16c520cc] .mi-tabs__nav-prev { line-height: 64px; } .switch-dialog .switch-account-box[data-v-16c520cc] .mi-tabs__nav-wrap::after { height: 1px !important; } [dir] .switch-dialog .switch-account-box[data-v-16c520cc] .mi-tabs__nav-wrap::after { background-color: var(--content-inverse-secondary) !important; } .switch-dialog .switch-account-box .sub-account-below[data-v-16c520cc] { font-size: 16px; } [dir] .switch-dialog .switch-account-box .sub-account-below[data-v-16c520cc] { margin-bottom: 8px; padding: 0px; } .switch-dialog .switch-account-box[data-v-16c520cc] .mi-autocomplete { width: 100%; } .switch-dialog .switch-account-box .search-account[data-v-16c520cc] { display: block; height: 40px; mix-blend-mode: normal; } [dir] .switch-dialog .switch-account-box .search-account[data-v-16c520cc] .mi-input__inner { border-radius: 48px; } [dir="ltr"] .switch-dialog .switch-account-box .search-account[data-v-16c520cc] .mi-input__inner { padding-left: 30px; } [dir="rtl"] .switch-dialog .switch-account-box .search-account[data-v-16c520cc] .mi-input__inner { padding-right: 30px; } .switch-dialog .switch-account-box .input-search-icon[data-v-16c520cc] .mi-image__inner { vertical-align: middle; } [dir] .switch-dialog .switch-account-box .input-search-icon[data-v-16c520cc] .mi-image__inner { margin-bottom: 4px; } .switch-dialog .switch-account-box .mi-autocomplete-suggestion.mi-popper[data-v-16c520cc] { display: none; } .switch-dialog .switch-account-box .account-line[data-v-16c520cc] { align-items: center; display: flex; flex-direction: row; height: auto; justify-content: space-between; } [dir] .switch-dialog .switch-account-box .account-line[data-v-16c520cc] { cursor: pointer; margin: 0px; } [dir="ltr"] .switch-dialog .switch-account-box .account-line[data-v-16c520cc] { padding: 12px 0px 12px 8px; } [dir="rtl"] .switch-dialog .switch-account-box .account-line[data-v-16c520cc] { padding: 12px 8px 12px 0px; } [dir] .switch-dialog .switch-account-box .account-line.primary-account[data-v-16c520cc] { margin: 16px 0px 24px; } [dir] .switch-dialog .switch-account-box .account-line[data-v-16c520cc]:hover { background: var(--background-secondary); } .switch-dialog .switch-account-box .account-line .account-abbr[data-v-16c520cc] { color: var(--color-primary); height: 32px; line-height: 32px; width: 32px; } [dir] .switch-dialog .switch-account-box .account-line .account-abbr[data-v-16c520cc] { background-color: var(--content-inverse-secondary); border-radius: 6px; text-align: center; } .switch-dialog .switch-account-box .account-line .account-abbr .avatar[data-v-16c520cc] { height: 32px; width: 32px; } [dir] .switch-dialog .switch-account-box .account-line .account-abbr .avatar[data-v-16c520cc] { background-color: var(--background-secondary); background-size: cover; border-radius: 6px; } .switch-dialog .switch-account-box .account-line .account-info[data-v-16c520cc] { align-items: flex-start; display: flex; flex-direction: column; height: 100%; justify-content: center; width: 80%; } [dir="ltr"] .switch-dialog .switch-account-box .account-line .account-info[data-v-16c520cc] { padding-left: 6px; } [dir="rtl"] .switch-dialog .switch-account-box .account-line .account-info[data-v-16c520cc] { padding-right: 6px; } .switch-dialog .switch-account-box .account-line .account-info .account-title[data-v-16c520cc] { color: var(--content-secondary); font-size: 14px; line-height: 22px; } .switch-dialog .switch-account-box .account-line .account-info .account-title2[data-v-16c520cc] { color: var(--content-tertiary); font-size: 12px; line-height: 18px; } .switch-dialog .switch-account-box .account-line .account-info .account-subtitle[data-v-16c520cc] { color: var(--main-gray); font-size: 12px; font-weight: 400; height: 22px; line-height: 22px; } [dir] .switch-dialog .switch-account-box .account-line .account-info .account-subtitle[data-v-16c520cc] { background-color: var(--background-tertiary); border-radius: 4px; margin-top: 4px; padding: 0px 8px; } .switch-dialog .switch-account-box .account-line .account-info .account-subtitle.frozen span[data-v-16c520cc] { color: var(--main-golden); } [dir="ltr"] .switch-dialog .switch-account-box .account-line .account-info .account-subtitle.frozen span[data-v-16c520cc] { margin-left: 5px; } [dir="rtl"] .switch-dialog .switch-account-box .account-line .account-info .account-subtitle.frozen span[data-v-16c520cc] { margin-right: 5px; } .switch-dialog .switch-account-box .account-line .frozen[data-v-16c520cc] { color: var(--main-gray) !important; } [dir] .switch-dialog .switch-account-box .account-line .frozen[data-v-16c520cc] { cursor: not-allowed !important; } .switch-dialog .switch-account-box .account-line .operation[data-v-16c520cc] { height: 16px; position: relative; width: 10%; } .switch-dialog .switch-account-box .account-line .operation label.radio-label[data-v-16c520cc] { display: block; height: 14px; line-height: 14px; width: 14px; } [dir] .switch-dialog .switch-account-box .account-line .operation label.radio-label[data-v-16c520cc] { border: 1px solid var(--content-inverse-tertiary); border-radius: 14px; cursor: pointer; background: transparent !important; } [dir] .switch-dialog .switch-account-box .account-line .operation label.radio-label.frozen[data-v-16c520cc] { background: var(--main-light-gray); cursor: not-allowed; } .switch-dialog .switch-account-box .account-line .operation label.check-label[data-v-16c520cc] { display: block; height: 16px; line-height: 16px; width: 16px; } [dir] .switch-dialog .switch-account-box .account-line .operation label.check-label[data-v-16c520cc] { border: 1px solid var(--main-gray); border-radius: 2px; cursor: pointer; } [dir] .switch-dialog .switch-account-box .account-line.selected[data-v-16c520cc] { cursor: not-allowed; } [dir] .switch-dialog .switch-account-box .account-line.selected label[data-v-16c520cc] { background: var(--color-primary); border-color: var(--color-primary); cursor: not-allowed; } .switch-dialog .switch-account-box .account-line.selected label.radio-label[data-v-16c520cc] { align-items: center; display: flex; flex-direction: row; justify-content: center; } [dir] .switch-dialog .switch-account-box .account-line.selected label.radio-label[data-v-16c520cc] { border: 1px solid var(--color-primary); } .switch-dialog .switch-account-box .account-line.selected label.radio-label em[data-v-16c520cc] { color: var(--color-primary); display: block; height: 8px; width: 8px; } [dir] .switch-dialog .switch-account-box .account-line.selected label.radio-label em[data-v-16c520cc] { background-color: var(--color-primary); border-radius: 8px; cursor: not-allowed; text-align: center; } .switch-dialog .switch-account-box .account-line.selected label.check-label[data-v-16c520cc]::before { color: var(--content-inverse-secondary); content: "✓"; display: block; font-size: 16px; } [dir] .switch-dialog .switch-account-box .account-line.selected label.check-label[data-v-16c520cc]::before { cursor: not-allowed; text-align: center; } [dir] .switch-dialog .switch-account-box .switch-account_form-box[data-v-16c520cc] { margin-top: 16px; padding: 0px; } .switch-dialog .switch-account-box .infinite-list-wrapper[data-v-16c520cc] { height: 240px; overflow: auto; } [dir] .switch-dialog .switch-account-box .infinite-list-wrapper .list[data-v-16c520cc] { padding: 0px; } [dir] .switch-dialog .switch-account-box .not-account-list[data-v-16c520cc] { margin: 16px 0px 55px; padding: 0px; } .switch-dialog .switch-account-box .not-account-list > div[data-v-16c520cc] { align-items: center; display: flex; flex-direction: column; justify-content: center; } [dir] .switch-dialog .switch-account-box .not-account-list > div[data-v-16c520cc] { background: var(--content-inverse-secondary); border-radius: 4px; padding: 24px 0px; } .switch-dialog .switch-account-box .not-account-list > div .no-data-image[data-v-16c520cc] { height: 104px; width: 104px; } .switch-dialog .switch-account-box .not-account-list > div div.title[data-v-16c520cc] { color: var(--color-black-text); font-size: 14px; font-weight: 700; } [dir] .switch-dialog .switch-account-box .not-account-list > div div.title[data-v-16c520cc] { margin-bottom: 4px; } .switch-dialog .switch-account-box .not-account-list > div div.content[data-v-16c520cc] { color: var(--content-inverse-secondary); font-size: 12px; font-weight: 400; } [dir] .switch-dialog .switch-account-box .not-account-list > div div.content[data-v-16c520cc] { padding: 0px 60px; text-align: center; } [dir] .switch-dialog .switch-account-box .load-more-tip[data-v-16c520cc] { padding: 10px 0px; text-align: center; } .switch-dialog .switch-account-box .operation-bottom[data-v-16c520cc] { align-items: center; display: flex; flex-direction: row; height: 60px; justify-content: center; } [dir] .switch-dialog .switch-account-box .operation-bottom[data-v-16c520cc] { border-top: 1px solid var(--border-strength-200); } .switch-dialog .switch-account-box .operation-bottom .add-subaccount[data-v-16c520cc] { align-items: center; display: flex; flex-direction: row; justify-content: center; } [dir] .switch-dialog .switch-account-box .operation-bottom .add-subaccount[data-v-16c520cc] { cursor: pointer; } .switch-dialog .switch-account-box .operation-bottom .add-subaccount img[data-v-16c520cc] { height: 20px; width: 20px; } .switch-dialog .switch-account-box .operation-bottom .add-subaccount span[data-v-16c520cc] { color: var(--color-primary); font-size: 12px; } [dir="ltr"] .switch-dialog .switch-account-box .operation-bottom .add-subaccount span[data-v-16c520cc] { margin-left: 5px; } [dir="rtl"] .switch-dialog .switch-account-box .operation-bottom .add-subaccount span[data-v-16c520cc] { margin-right: 5px; } @media screen and (max-width: 767px) { [dir] .not-account-list div[data-v-16c520cc]:last-of-type { padding: 0px 30px !important; } } .micro-bit-avatar[data-v-793cf3d1] { position: relative; } [dir] .micro-bit-avatar .mi-avatar--circle[data-v-793cf3d1] { border-radius: 8px; } .micro-bit-avatar .micro-bit-avatar-mask[data-v-793cf3d1] { align-items: center; display: flex; height: 100%; justify-content: center; pointer-events: none; position: absolute; top: 0px; width: 100%; } [dir] .micro-bit-avatar .micro-bit-avatar-mask[data-v-793cf3d1] { background: rgba(0, 0, 0, 0.7); } @media screen and (max-width: 767px) { [dir] .micro-bit-avatar .mi-avatar--circle[data-v-793cf3d1] { border-radius: 6px; } } .menu-item[data-v-e81989ab] { align-items: center; cursor: pointer; display: flex; position: relative; border-radius: 6px; gap: 12px; padding: 8px 12px; } .menu-item[data-v-e81989ab]:first-child { margin-top: 0px; } .menu-item[data-v-e81989ab]:hover { background-color: var(--color-input-bg); } .menu-item[data-v-e81989ab]:active { background-color: var(--color-secondary-btn-bg); } .menu-item .title[data-v-e81989ab] { overflow: hidden; -webkit-box-orient: vertical; align-items: center; display: flex; font-size: 14px; font-weight: 500; -webkit-line-clamp: 2; line-height: 22px; } .menu-item .title .red-dot[data-v-e81989ab] { border-radius: 100%; display: inline-block; margin-left: 4px; --un-bg-opacity: 1; background-color: rgba(247,100,126,var(--un-bg-opacity)); height: 8px !important; width: 8px !important; } .menu-item .desc[data-v-e81989ab] { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; color: var(--content-tertiary); font-size: 12px; font-weight: 400; -webkit-line-clamp: 2; line-height: 18px; } .menu-item .menu-icon[data-v-e81989ab] { height: 24px; width: 24px; } [dir="rtl"] .menu-item .menu-icon[data-v-e81989ab] { --un-rotate: 0; --un-rotate-y: 180deg; } [dir="rtl"] .menu-item .menu-icon.unreverse[data-v-e81989ab], [dir="rtl"] .menu-item .menu-icon[data-v-e81989ab] { transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } [dir="rtl"] .menu-item .menu-icon.unreverse[data-v-e81989ab] { --un-rotate: 0; --un-rotate-y: 0deg; } .menu-item .arrow[data-v-e81989ab] { fill: var(--content-tertiary); opacity: 0; position: absolute; right: 10px; top: calc(50% - 7px); transition-duration: 0.15s; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } [dir="rtl"] .menu-item .arrow[data-v-e81989ab] { left: 10px !important; right: unset !important; } .menu-item .new-arrow[data-v-e81989ab] { color: var(--content-tertiary); position: absolute; right: 10px; top: 50%; transition-duration: 0.15s; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); width: 24px; } [dir="rtl"] .menu-item .new-arrow[data-v-e81989ab] { left: 10px !important; right: unset !important; } .menu-item:hover .arrow[data-v-e81989ab] { opacity: 1; } .menu-item:hover .new-arrow[data-v-e81989ab] { color: var(--ds-color-text-primary); } .menu-item[data-v-0914ca27] { align-items: center; display: flex; min-height: 48px; width: 244px; border-radius: 4px; gap: 12px; padding: 8px 12px; } .menu-item[data-v-0914ca27]:hover { background-color: var(--color-input-bg); } .menu-item[data-v-0914ca27]:active { background-color: var(--color-secondary-btn-bg); } .menu-item .title[data-v-0914ca27] { font-weight: 500; line-height: 22px; } .menu-item .desc[data-v-0914ca27] { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; color: var(--content-disabled); font-size: 12px; -webkit-line-clamp: 2; line-height: 18px; } .menu-item .menu-icon[data-v-0914ca27] { height: 24px; min-width: 24px; width: 24px; } .radio[data-v-5f83de4e] { display: flex; flex-wrap: nowrap; } .radio[data-v-5f83de4e] .mi-radio-button { flex: 1 1 0%; } .radio[data-v-5f83de4e] .mi-radio-button .mi-radio-button__inner { width: 100%; } .tab[data-v-6353edbe] .mi-tabs__header { margin: 0px; } .tab[data-v-6353edbe] .mi-tabs__header .mi-tabs__item { color: var(--content-secondary); font-size: 12px; padding-left: 8px; padding-right: 8px; } .tab[data-v-6353edbe] .mi-tabs__header .mi-tabs__item.is-active, .tab[data-v-6353edbe] .mi-tabs__header .mi-tabs__item:hover { color: var(--content-primary); } .tab[data-v-6353edbe] .mi-tabs__header .mi-tabs__active-bar { background-color: var(--content-primary); } .tab[data-v-6353edbe] .mi-tabs__content, .tab[data-v-6353edbe] .mi-tabs__nav-wrap::after { display: none; } .tradingview[data-v-55d7ff05] { align-items: center; border-color: var(--v3-border-strength-0); border-radius: 4px; border-style: solid; border-width: 1px; bottom: 8px; cursor: pointer; display: flex; height: 45px; justify-content: center; padding: 8px; position: fixed; width: 252px; color: var(--color-primary-text) !important; } .menu-popover-enter-enter-from[data-v-fa6bd44c] { opacity: 0; translate: 0px -15px; } .menu-popover-enter-enter-active[data-v-fa6bd44c] { transition: translate 0.3s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1); } .menu-popover-enter-enter-to[data-v-fa6bd44c] { opacity: 1; translate: 0px; } .menu-popover-enter-leave-active[data-v-fa6bd44c] { transition: translate 0.15s ease-in, opacity 0.15s ease-in; } .menu-popover-enter-leave-to[data-v-fa6bd44c] { opacity: 0; translate: 0px; } .popover-frosted[data-v-fa6bd44c] { backdrop-filter: blur(20px); } [dir] .micro-light .popover-frosted[data-v-fa6bd44c] { background-color: rgba(255, 255, 255, 0.55) !important; } [dir] .micro-dark .popover-frosted[data-v-fa6bd44c] { background-color: rgba(20, 21, 26, 0.55) !important; } :root { --mi-font-size-extra-large: 20px; --mi-font-size-large: 18px; --mi-font-size-medium: 16px; --mi-font-size-base: 14px; --mi-font-size-small: 13px; --mi-font-size-extra-small: 12px; --mi-font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","\5fae\8f6f\96c5\9ed1",Arial,sans-serif; --mi-font-weight-primary: 500; --mi-font-line-height-primary: 24px; --mi-index-normal: 1; --mi-index-top: 1000; --mi-index-popper: 2000; --mi-border-radius-base: var(--ds-border-radius-base); --mi-border-radius-small: var(--ds-border-radius-small); --mi-border-radius-md: var(--ds-border-radius-medium); --mi-border-radius-round: 48px; --mi-border-radius-circle: 100%; --mi-transition-duration: .3s; --mi-transition-duration-fast: .2s; --mi-transition-function-ease-in-out-bezier: cubic-bezier(.645,.045,.355,1); --mi-transition-function-fast-bezier: cubic-bezier(.23,1,.32,1); --mi-transition-all: all var(--mi-transition-duration) var(--mi-transition-function-ease-in-out-bezier); --mi-transition-fade: opacity var(--mi-transition-duration) var(--mi-transition-function-fast-bezier); --mi-transition-md-fade: transform var(--mi-transition-duration) var(--mi-transition-function-fast-bezier),opacity var(--mi-transition-duration) var(--mi-transition-function-fast-bezier); --mi-transition-fade-linear: opacity var(--mi-transition-duration-fast) linear; --mi-transition-border: border-color var(--mi-transition-duration-fast) var(--mi-transition-function-ease-in-out-bezier); --mi-transition-box-shadow: box-shadow var(--mi-transition-duration-fast) var(--mi-transition-function-ease-in-out-bezier); --mi-transition-color: color var(--mi-transition-duration-fast) var(--mi-transition-function-ease-in-out-bezier); --mi-component-size-large: 48px; --mi-component-size-medium: 40px; --mi-component-size: 32px; --mi-component-size-small: 24px; --mi-color-white: var(--ds-color-always-white); --mi-color-black: var(--ds-color-always-black); --mi-color-clear: none; --mi-color-main: var(--ds-color-background-inverse-primary); --mi-color-main-hover: linear-gradient(0deg,hsla(0,0%,100%,.12) 0%,hsla(0,0%,100%,.12) 100%),var(--ds-color-background-inverse-primary); --mi-color-main-active: linear-gradient(0deg,hsla(0,0%,100%,.18) 0%,hsla(0,0%,100%,.18) 100%),var(--ds-color-background-inverse-primary); --mi-color-main-disabled: var(--ds-color-background-inverse-disabled); --mi-color-main-plain: var(--ds-color-always-white); --mi-color-chunky: var(--ds-color-background-primary); --mi-color-chunky-hover: linear-gradient(0deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.05) 100%),var(--ds-color-background-primary); --mi-color-chunky-active: linear-gradient(0deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.1) 100%),var(--ds-color-background-primary); --mi-color-chunky-disabled: var(--ds-color-background-inverse-disabled); --mi-color-chunky-plain: var(--ds-color-always-white); --mi-color-primary: var(--ds-color-function-brand); --mi-color-primary-hover: var(--ds-color-function-brand-hover); --mi-color-primary-active: var(--ds-color-function-brand-active); --mi-color-primary-disabled: var(--ds-color-bit-color-primary-disabled); --mi-color-primary-plain: var(--ds-color-function-brand-soft); --mi-color-success: var(--ds-color-function-success); --mi-color-success-hover: var(--ds-color-function-success-hover); --mi-color-success-active: var(--ds-color-function-success-active); --mi-color-success-disabled: var(--ds-color-function-success-disabled); --mi-color-success-plain: var(--ds-color-function-success-soft); --mi-color-warning: var(--ds-color-function-warning); --mi-color-warning-hover: var(--ds-color-function-warning-hover); --mi-color-warning-active: var(--ds-color-function-warning-active); --mi-color-warning-disabled: var(--ds-color-function-warning-disabled); --mi-color-warning-plain: var(--ds-color-function-warning-soft); --mi-color-danger: var(--ds-color-function-error); --mi-color-danger-hover: var(--ds-color-function-error-hover); --mi-color-danger-active: var(--ds-color-function-error-active); --mi-color-danger-disabled: var(--ds-color-function-error-disabled); --mi-color-danger-plain: var(--ds-color-function-error-soft); --mi-color-error: var(--ds-color-function-error); --mi-color-error-hover: var(--ds-color-function-error-hover); --mi-color-error-active: var(--ds-color-function-error-active); --mi-color-error-disabled: var(--ds-color-function-error); --mi-color-error-plain: var(--ds-color-function-error); --mi-color-info: #eff1f1; --mi-color-info-hover: #c8cdcd; --mi-color-info-active: #9aa3a3; --mi-color-info-disabled: #b8b8b8; --mi-color-info-plain: var(--ds-color-always-white); --mi-bg-color: #fff; --mi-bg-color-default-primary: var(--ds-color-background-primary); --mi-bg-color-primary: var(--ds-color-background-primary); --mi-bg-color-secondary: var(--ds-color-background-secondary); --mi-bg-color-special: var(--ds-color-brand-1); --mi-bg-color-tertiary: var(--ds-color-background-tertiary); --mi-bg-color-disabled: var(--ds-color-background-disabled); --mi-bg-color-popup: var(--ds-color-background-tooltip); --mi-bg-color-dialog: var(--ds-color-layer-0); --mi-bg-color-mask: var(--ds-color-background-mask); --mi-bg-color-inverse-primary: var(--ds-color-background-inverse-primary); --mi-fg-color-tertiary: var(--ds-color-layer-active); --mi-text-color-primary: var(--ds-color-text-primary); --mi-text-color-secondary: var(--ds-color-text-secondary); --mi-text-color-tertiary: var(--ds-color-text-tertiary); --mi-text-color-placeholder: var(--ds-color-text-tertiary); --mi-text-color-disabled: var(--ds-color-text-disabled); --mi-text-color-inverse-primary: var(--ds-color-text-inverse-primary); --mi-border-color: #c8cdcd; --mi-border-color-light: #eff1f1; --mi-border-color-lighter: #ebeef5; --mi-border-color-extra-light: #f2f6fc; --mi-border-color-dark: #d4d7de; --mi-border-color-darker: #cdd0d6; --mi-border-color-primary: var(--ds-color-border-subtle); --mi-border-color-secondary: var(--ds-color-border-strong); --mi-border-color-inverse-primary: var(--ds-color-border-black); --mi-border-color-grey: var(--ds-color-neutral-8); --mi-border-color-disabled: var(--ds-color-border-disabled); --mi-fill-color: #f0f2f5; --mi-fill-color-light: rgba(31,31,31,.03); --mi-fill-color-lighter: #fafafa; --mi-fill-color-extra-light: #fafcff; --mi-fill-color-dark: #ebedf0; --mi-fill-color-darker: rgba(31,31,31,.1); --mi-fill-color-blank: #fff; --mi-fill-color-disabled: #eff1f1; --mi-fill-color-overlay: #fff; --mi-fill-color-tertiary: #ebebeb; --mi-box-shadow: 0px 1px 5px 2px rgba(146,160,171,.1); --mi-box-shadow-light: 0px 6px 18px rgba(146,160,171,.2); --mi-box-shadow-lighter: 0px 10px 32px rgba(146,160,171,.28); --mi-box-shadow-dark: 0px 12px 40px rgba(146,160,171,.36); --mi-box-shadow-input: 0px 0px 0px 2px rgba(3,170,199,.14); --mi-disabled-bg-color: var(--mi-bg-color-disabled); --mi-disabled-text-color: var(--mi-text-color-disabled); --mi-disabled-border-color: var(--mi-border-color-secondary); --mi-overlay-color: rgba(0,0,0,.8); --mi-overlay-color-light: rgba(0,0,0,.7); --mi-overlay-color-lighter: rgba(0,0,0,.5); --mi-mask-color: hsla(0,0%,100%,.9); --mi-mask-color-extra-light: hsla(0,0%,100%,.3); --mi-border-width: 1px; --mi-border-style: solid; --mi-border-color-hover: var(--mi-color-primary); --mi-border: var(--mi-border-width) var(--mi-border-style) var(--mi-border-color-secondary); --mi-svg-monochrome-grey: var(--mi-border-color); } .fade-in-linear-enter-active, .fade-in-linear-leave-active { transition: var(--mi-transition-fade-linear); } .fade-in-linear-enter-from, .fade-in-linear-leave-to { opacity: 0; } .mi-fade-in-linear-enter-active, .mi-fade-in-linear-leave-active { transition: var(--mi-transition-fade-linear); } .mi-fade-in-linear-enter-from, .mi-fade-in-linear-leave-to { opacity: 0; } .mi-fade-in-enter-active, .mi-fade-in-leave-active { transition: all var(--mi-transition-duration) cubic-bezier(.55,0,.1,1); } .mi-fade-in-enter-from, .mi-fade-in-leave-active { opacity: 0; } .mi-zoom-in-center-enter-active, .mi-zoom-in-center-leave-active { transition: all var(--mi-transition-duration) cubic-bezier(.55,0,.1,1); } .mi-zoom-in-center-enter-from, .mi-zoom-in-center-leave-active { opacity: 0; } [dir] .mi-zoom-in-center-enter-from, [dir] .mi-zoom-in-center-leave-active { transform: scaleX(0); } .mi-zoom-in-top-enter-active, .mi-zoom-in-top-leave-active { opacity: 1; transition: var(--mi-transition-md-fade); } [dir] .mi-zoom-in-top-enter-active, [dir] .mi-zoom-in-top-leave-active { transform: scaleY(1); transform-origin: center top; } [dir] .mi-zoom-in-top-enter-active[data-popper-placement^="top"], [dir] .mi-zoom-in-top-leave-active[data-popper-placement^="top"] { transform-origin: center bottom; } .mi-zoom-in-top-enter-from, .mi-zoom-in-top-leave-active { opacity: 0; } [dir] .mi-zoom-in-top-enter-from, [dir] .mi-zoom-in-top-leave-active { transform: scaleY(0); } .mi-zoom-in-bottom-enter-active, .mi-zoom-in-bottom-leave-active { opacity: 1; transition: var(--mi-transition-md-fade); } [dir] .mi-zoom-in-bottom-enter-active, [dir] .mi-zoom-in-bottom-leave-active { transform: scaleY(1); transform-origin: center bottom; } .mi-zoom-in-bottom-enter-from, .mi-zoom-in-bottom-leave-active { opacity: 0; } [dir] .mi-zoom-in-bottom-enter-from, [dir] .mi-zoom-in-bottom-leave-active { transform: scaleY(0); } .mi-zoom-in-left-enter-active, .mi-zoom-in-left-leave-active { opacity: 1; transition: var(--mi-transition-md-fade); } [dir] .mi-zoom-in-left-enter-active, [dir] .mi-zoom-in-left-leave-active { transform: scale(1); } [dir="ltr"] .mi-zoom-in-left-enter-active, [dir="ltr"] .mi-zoom-in-left-leave-active { transform-origin: left top; } [dir="rtl"] .mi-zoom-in-left-enter-active, [dir="rtl"] .mi-zoom-in-left-leave-active { transform-origin: right top; } .mi-zoom-in-left-enter-from, .mi-zoom-in-left-leave-active { opacity: 0; } [dir] .mi-zoom-in-left-enter-from, [dir] .mi-zoom-in-left-leave-active { transform: scale(0.45); } .collapse-transition { transition: var(--mi-transition-duration) height ease-in-out,var(--mi-transition-duration) padding-top ease-in-out,var(--mi-transition-duration) padding-bottom ease-in-out; } .mi-collapse-transition-enter-active, .mi-collapse-transition-leave-active { transition: var(--mi-transition-duration) max-height ease-in-out,var(--mi-transition-duration) padding-top ease-in-out,var(--mi-transition-duration) padding-bottom ease-in-out; } [dir="ltr"] .horizontal-collapse-transition { transition: var(--mi-transition-duration) width ease-in-out,var(--mi-transition-duration) padding-left ease-in-out,var(--mi-transition-duration) padding-right ease-in-out; } [dir="rtl"] .horizontal-collapse-transition { transition: var(--mi-transition-duration) width ease-in-out,var(--mi-transition-duration) padding-right ease-in-out,var(--mi-transition-duration) padding-left ease-in-out; } .mi-list-enter-active, .mi-list-leave-active { transition: 1s; } .mi-list-enter-from, .mi-list-leave-to { opacity: 0; } [dir] .mi-list-enter-from, [dir] .mi-list-leave-to { transform: translateY(-30px); } .mi-list-leave-active { position: absolute !important; } .mi-opacity-transition { transition: opacity var(--mi-transition-duration) cubic-bezier(.55,0,.1,1); } [dir="ltr"] .mi-icon-loading { animation: 2s linear 0s infinite normal none running rotating-ltr; } [dir="rtl"] .mi-icon-loading { animation: 2s linear 0s infinite normal none running rotating-rtl; } [dir="ltr"] .mi-icon--right { margin-left: 5px; } [dir="ltr"] .mi-icon--left, [dir="rtl"] .mi-icon--right { margin-right: 5px; } [dir="rtl"] .mi-icon--left { margin-left: 5px; } .mi-icon--space { margin-inline-start: 5px; } @keyframes rotating-ltr { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } @keyframes rotating-rtl { 0% { transform: rotate(0deg); } 100% { transform: rotate(-1turn); } } .mi-icon { --color: inherit; align-items: center; color: var(--color); display: inline-flex; fill: currentcolor; font-size: inherit; height: 1em; justify-content: center; line-height: 1em; position: relative; width: 1em; } [dir="ltr"] .mi-icon.is-loading { animation: 2s linear 0s infinite normal none running rotating-ltr; } [dir="rtl"] .mi-icon.is-loading { animation: 2s linear 0s infinite normal none running rotating-rtl; } .mi-icon svg { height: 1em; width: 1em; } :root { --mi-popup-modal-bg-color: var(--mi-color-black); --mi-popup-modal-opacity: .5; } [dir="ltr"] .v-modal-enter, [dir="rtl"] .v-modal-enter { animation: v-modal-in var(--mi-transition-duration-fast) ease; } [dir="ltr"] .v-modal-leave, [dir="rtl"] .v-modal-leave { animation: v-modal-out var(--mi-transition-duration-fast) ease forwards; } @keyframes v-modal-in { 0% { opacity: 0; } } @keyframes v-modal-out { 100% { opacity: 0; } } .v-modal { height: 100%; opacity: var(--mi-popup-modal-opacity); position: fixed; top: 0px; width: 100%; } [dir] .v-modal { background: var(--mi-popup-modal-bg-color); } [dir="ltr"] .v-modal { left: 0px; } [dir="rtl"] .v-modal { right: 0px; } .mi-popup-parent--hidden { overflow: hidden; } .mi-dialog { --mi-dialog-width: 50%; --mi-dialog-margin-top: 15vh; --mi-dialog-box-shadow: var(--mi-box-shadow); --mi-dialog-title-font-size: var(--mi-font-size-large); --mi-dialog-content-font-size: 14px; --mi-dialog-font-line-height: var(--mi-font-line-height-primary); --mi-dialog-padding-primary: 20px; --mi-dialog-border-radius: var(--mi-border-radius-md); box-sizing: border-box; position: relative; width: var(--mi-dialog-width,50%); } [dir] .mi-dialog { background: var(--mi-bg-color-dialog); border-radius: 16px; box-shadow: var(--mi-dialog-box-shadow); margin: var(--mi-dialog-margin-top,15vh) auto 50px; padding: 0px; } [dir="ltr"] .mi-dialog-rtl { direction: rtl; } [dir="rtl"] .mi-dialog-rtl { direction: ltr; } .mi-dialog:focus { outline: none !important; } [dir] .mi-dialog.is-align-center { margin: auto; } .mi-dialog.is-fullscreen { --mi-dialog-width: 100%; --mi-dialog-margin-top: 0; height: 100%; overflow: auto; } [dir] .mi-dialog.is-fullscreen { margin-bottom: 0px; } .mi-dialog__wrapper { bottom: 0px; overflow: auto; position: fixed; top: 0px; } [dir] .mi-dialog__wrapper { margin: 0px; } [dir="ltr"] .mi-dialog__wrapper, [dir="rtl"] .mi-dialog__wrapper { left: 0px; right: 0px; } .mi-dialog.is-draggable .mi-dialog__header { user-select: none; } [dir] .mi-dialog.is-draggable .mi-dialog__header { cursor: move; } .mi-dialog__header { color: var(--mi-text-color-primary); font-size: 20px; font-weight: 600; justify-content: space-between; line-height: 1.4; } [dir] .mi-dialog__header { padding: 32px 32px 8px; } .mi-dialog__headerbtn { align-self: flex-start; color: var(--mi-text-color-tertiary); display: flex; outline: none; position: absolute; top: 32px; z-index: 1; } [dir] .mi-dialog__headerbtn { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; padding: 4px; } [dir="ltr"] .mi-dialog__headerbtn { right: 32px; } [dir="rtl"] .mi-dialog__headerbtn { left: 32px; } [dir="ltr"] .mi-dialog__headerbtn-rtl { left: 32px; right: unset; } [dir="rtl"] .mi-dialog__headerbtn-rtl { left: unset; right: 32px; } .mi-dialog__headerbtn:focus, .mi-dialog__headerbtn:hover { color: var(--mi-text-color-primary); } [dir] .mi-dialog__headerbtn:focus, [dir] .mi-dialog__headerbtn:hover { background-color: var(--mi-bg-color-secondary); border-radius: 50%; } .mi-dialog__title { color: var(--mi-text-color-primary); flex: 1 1 0%; font-size: 20px; font-weight: 600; line-height: 1.4; overflow-wrap: break-word; display: inline-block; width: calc(100% - 28px); } .mi-dialog__body { color: var(--mi-text-color-secondary); font-size: var(--mi-dialog-content-font-size); line-height: 1.4; } [dir] .mi-dialog__body { padding: 12px 32px; } .mi-dialog__footer { box-sizing: border-box; } [dir] .mi-dialog__footer { padding: 8px 32px 32px; } [dir="ltr"] .mi-dialog__footer { text-align: right; } [dir="ltr"] .mi-dialog__footer-rtl, [dir="rtl"] .mi-dialog__footer { text-align: left; } [dir="rtl"] .mi-dialog__footer-rtl { text-align: right; } .mi-dialog__indicator { display: none; } .mi-dialog.is-no-close .mi-dialog__title { width: 100% !important; } [dir] .mi-dialog.is-no-title .mi-dialog__header { padding-bottom: 0px; } [dir] .mi-dialog--center { text-align: center; } .mi-dialog--center .mi-dialog__title { width: calc(100% - 32px); } [dir] .mi-dialog--center .mi-dialog__body { text-align: initial; } [dir] .mi-dialog--center .mi-dialog__footer { text-align: inherit; } .mi-dialog--center .mi-dialog__footer .dialog-footer { display: flex; } .mi-dialog--center .mi-dialog__footer .dialog-footer .mi-button { flex: 1 1 0%; } .mi-dialog--center .mi-dialog__footer .dialog-footer .mi-button + .mi-button { margin-inline-start: 12px; } [dir] .mi-dialog.is-border .mi-dialog__header { padding: 24px 32px 16px; } .mi-dialog.is-border .mi-dialog__headerbtn { top: 24px; } [dir] .mi-dialog.is-border .mi-dialog__body { border-bottom: 1px solid var(--mi-border-color-primary); border-top: 1px solid var(--mi-border-color-primary); } @media only screen and (max-width: 767px) { .mi-dialog.is-responsive { bottom: 0px; position: absolute; --mi-dialog-margin-top: 0; width: 100% !important; --mi-dialog-width: 100% !important; } [dir] .mi-dialog.is-responsive { border-radius: var(--mi-dialog-border-radius) var(--mi-dialog-border-radius) 0 0; margin: 0px; padding: 0px; } .mi-dialog.is-responsive .mi-dialog__indicator { align-items: center; display: flex; justify-content: center; width: 100%; } [dir] .mi-dialog.is-responsive .mi-dialog__indicator { padding: 6px 0px; } .mi-dialog.is-responsive .mi-dialog__indicator-line { height: 4px; width: 40px; } [dir] .mi-dialog.is-responsive .mi-dialog__indicator-line { background-color: var(--mi-text-color-disabled); border-radius: 2px; } .mi-dialog.is-responsive .mi-dialog__header { font-size: 16px; font-weight: 600; line-height: 1.4; } [dir] .mi-dialog.is-responsive .mi-dialog__header { padding: 16px 16px 12px; text-align: start; } .mi-dialog.is-responsive .mi-dialog__headerbtn { font-size: 20px; top: 24px; } [dir] .mi-dialog.is-responsive .mi-dialog__headerbtn { padding: 0px; } [dir="ltr"] .mi-dialog.is-responsive .mi-dialog__headerbtn { right: 12px; } [dir="rtl"] .mi-dialog.is-responsive .mi-dialog__headerbtn { left: 12px; } [dir="ltr"] .mi-dialog.is-responsive .mi-dialog__headerbtn-rtl { left: 12px; right: unset; } [dir="rtl"] .mi-dialog.is-responsive .mi-dialog__headerbtn-rtl { left: unset; right: 12px; } .mi-dialog.is-responsive .mi-dialog__headerbtn:focus, .mi-dialog.is-responsive .mi-dialog__headerbtn:hover { color: var(--mi-text-color-tertiary); } [dir] .mi-dialog.is-responsive .mi-dialog__headerbtn:focus, [dir] .mi-dialog.is-responsive .mi-dialog__headerbtn:hover { background-color: initial; } .mi-dialog.is-responsive .mi-dialog__title { font-size: 16px; line-height: 1.4; width: calc(100% - 36px); } [dir] .mi-dialog.is-responsive .mi-dialog__body { padding: 12px 16px; } [dir] .mi-dialog.is-responsive .mi-dialog__footer { padding: 8px 16px 20px; } .mi-dialog.is-responsive .mi-dialog__footer .dialog-footer { display: inline-flex; } .mi-dialog.is-responsive .mi-dialog__footer .dialog-footer .mi-button { flex: 1 1 0%; } [dir="ltr"] .mi-dialog.is-responsive .mi-dialog__footer .dialog-footer .mi-button { margin-right: 12px; } [dir="rtl"] .mi-dialog.is-responsive .mi-dialog__footer .dialog-footer .mi-button { margin-left: 12px; } } .mi-overlay-dialog { bottom: 0px; overflow: auto; position: fixed; top: 0px; } [dir="ltr"] .mi-overlay-dialog, [dir="rtl"] .mi-overlay-dialog { left: 0px; right: 0px; } [dir="ltr"] .dialog-fade-enter-active, [dir="rtl"] .dialog-fade-enter-active { animation: modal-fade-in var(--mi-transition-duration); } [dir="ltr"] .dialog-fade-enter-active .mi-overlay-dialog, [dir="rtl"] .dialog-fade-enter-active .mi-overlay-dialog { animation: dialog-fade-in var(--mi-transition-duration); } @media only screen and (max-width: 767px) { [dir="ltr"] .dialog-fade-enter-active .mi-overlay-dialog.is-responsive, [dir="rtl"] .dialog-fade-enter-active .mi-overlay-dialog.is-responsive { animation: dialog-fade-in-responsive var(--mi-transition-duration); } } [dir="ltr"] .dialog-fade-leave-active, [dir="rtl"] .dialog-fade-leave-active { animation: modal-fade-out var(--mi-transition-duration); } [dir="ltr"] .dialog-fade-leave-active .mi-overlay-dialog, [dir="rtl"] .dialog-fade-leave-active .mi-overlay-dialog { animation: dialog-fade-out var(--mi-transition-duration); } @media only screen and (max-width: 767px) { [dir="ltr"] .dialog-fade-leave-active .mi-overlay-dialog.is-responsive, [dir="rtl"] .dialog-fade-leave-active .mi-overlay-dialog.is-responsive { animation: dialog-fade-out-responsive var(--mi-transition-duration); } } @keyframes dialog-fade-in { 0% { opacity: 0; transform: translate3d(0px, -20px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes dialog-fade-out { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(0px, -20px, 0px); } } @keyframes modal-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes modal-fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes dialog-fade-in-responsive { 0% { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translate(0px); } } @keyframes dialog-fade-out-responsive { 0% { opacity: 1; transform: translate(0px); } 100% { opacity: 0; transform: translateY(100%); } } .mi-overlay { bottom: 0px; height: 100%; overflow: auto; position: fixed; top: 0px; z-index: 2000; } [dir] .mi-overlay { background-color: var(--mi-overlay-color-lighter); } [dir="ltr"] .mi-overlay, [dir="rtl"] .mi-overlay { left: 0px; right: 0px; } .mi-overlay .mi-overlay-root { height: 0px; } .skeleton[data-v-73013176] .mi-skeleton__paragraph { margin-top: 0px; } .skeleton[data-v-17b15dfa] .mi-skeleton__paragraph { flex: 1 1 0%; height: 22px; margin-top: 0px; } .micro-search-recommend-coins .btn-disabled[data-v-2100cc6c] { color: var(--color-disabled-text); cursor: not-allowed; } .micro-search-recommend-coins .btn-disabled svg[data-v-2100cc6c] { cursor: not-allowed; } [dir="rtl"] .micro-search-recommend-coins .btn-prev[data-v-2100cc6c] { --un-rotate: 0; --un-rotate-y: 180deg; transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } .micro-search-recommend-coins[data-v-2100cc6c] .coin-card { border-radius: 8px; } .block-item-wrapper[data-v-8b6ea12d] { position: relative; } .block-item-wrapper .item-content[data-v-8b6ea12d] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } [dir="ltr"] .block-item-wrapper[data-v-8b6ea12d]:last-child { margin-right: 0px; } [dir="rtl"] .block-item-wrapper[data-v-8b6ea12d]:last-child { margin-left: 0px; } .block-item-wrapper .item-pin[data-v-8b6ea12d] { color: var(--color-secondary-text); font-size: 10px; font-weight: 500; line-height: 14px; position: absolute; top: 0px; } [dir] .block-item-wrapper .item-pin[data-v-8b6ea12d] { border-bottom: 1px solid var(--ds-color-border-strong); border-radius: 8px; padding: 2px 6px; } [dir="ltr"] .block-item-wrapper .item-pin[data-v-8b6ea12d] { border-bottom-right-radius: 0px; border-left: 1px solid var(--ds-color-border-strong); border-top-left-radius: 0px; right: 0px; } [dir="rtl"] .block-item-wrapper .item-pin[data-v-8b6ea12d] { border-bottom-left-radius: 0px; border-right: 1px solid var(--ds-color-border-strong); border-top-right-radius: 0px; left: 0px; } @media screen and (min-width: 768px) { .block-item-wrapper[data-v-8b6ea12d] { width: 128px; } [dir] .block-item-wrapper .up[data-v-8b6ea12d] { background: var(--content-trade-buy-text); } [dir] .block-item-wrapper .down[data-v-8b6ea12d] { background-color: var(--content-trade-sell-text); } .block-item .item-avatar[data-v-8b6ea12d], .block-item .item-header-info[data-v-8b6ea12d] { margin-bottom: 8px; } } @media screen and (max-width: 767px) { [dir] .block-item-wrapper[data-v-8b6ea12d] { margin-bottom: 12px; } .block-item-wrapper .block-item[data-v-8b6ea12d] { align-items: center; display: flex; justify-content: space-between; } .block-item-wrapper .block-item .item-header[data-v-8b6ea12d] { align-items: center; display: flex; } [dir="ltr"] .block-item-wrapper .block-item .item-header .item-avatar[data-v-8b6ea12d] { margin-right: 12px; } [dir="rtl"] .block-item-wrapper .block-item .item-header .item-avatar[data-v-8b6ea12d] { margin-left: 12px; } } .micro-search-copy-trading[data-v-27d3e205] { margin-bottom: 24px; } .micro-search-copy-trading .up[data-v-27d3e205] { color: var(--content-trade-buy-text); } .micro-search-copy-trading .down[data-v-27d3e205] { color: var(--content-trade-sell-text); } .micro-search-copy-trading .list-wrapper[data-v-27d3e205] { display: flex; flex-wrap: nowrap; justify-content: space-between; } .micro-search-copy-trading .btn-wrapper[data-v-27d3e205] { cursor: pointer; position: relative; } .micro-search-copy-trading .btn-wrapper[data-v-27d3e205]::after { bottom: -10px; content: ""; position: absolute; top: -10px; } [dir="ltr"] .micro-search-copy-trading .btn-wrapper[data-v-27d3e205]::after, [dir="rtl"] .micro-search-copy-trading .btn-wrapper[data-v-27d3e205]::after { left: -10px; right: -10px; } @media screen and (max-width: 767px) { .micro-search-copy-trading[data-v-27d3e205] { margin-bottom: 20px; } .micro-search-copy-trading .list-wrapper[data-v-27d3e205] { display: block; } } .micro-search-earn .list-wrapper[data-v-c505f5d6] { display: flex; flex-wrap: nowrap; justify-content: space-between; } .micro-search-earn .btn-wrapper[data-v-c505f5d6] { cursor: pointer; position: relative; } .micro-search-earn .btn-wrapper[data-v-c505f5d6]::after { bottom: -10px; content: ""; position: absolute; top: -10px; } [dir="ltr"] .micro-search-earn .btn-wrapper[data-v-c505f5d6]::after, [dir="rtl"] .micro-search-earn .btn-wrapper[data-v-c505f5d6]::after { left: -10px; right: -10px; } @media screen and (max-width: 767px) { .micro-search-earn .list-wrapper[data-v-c505f5d6] { display: block; } [dir="ltr"] .micro-search-earn .list-wrapper .block-item-wrapper[data-v-c505f5d6] { margin-right: 0px; } [dir="rtl"] .micro-search-earn .list-wrapper .block-item-wrapper[data-v-c505f5d6] { margin-left: 0px; } } .micro-search-hot-search .btn-disabled[data-v-5eb1cddc] { color: var(--color-disabled-text); cursor: not-allowed; } .micro-search-hot-search .btn-disabled svg[data-v-5eb1cddc] { cursor: not-allowed; } [dir="rtl"] .micro-search-hot-search .btn-prev[data-v-5eb1cddc] { --un-rotate: 0; --un-rotate-y: 180deg; transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } .match-text { display: inline-block; position: relative; } [dir] .match-text { background-color: var(--ds-color-function-brand-soft); } .loading[data-v-253567c2] { width: fit-content; } [dir="ltr"] .shadow-box[data-v-253567c2] { background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,var(--ds-color-background-primary) 80.67%); } [dir="rtl"] .shadow-box[data-v-253567c2] { background: linear-gradient(-180deg,hsla(0,0%,100%,0) 0,var(--ds-color-background-primary) 80.67%); } .markdown-body[data-v-253567c2] ul { list-style: inside disc !important; } [dir] .markdown-body[data-v-253567c2] ul { margin: 0px !important; } [dir="ltr"] .markdown-body[data-v-253567c2] ul { padding-left: 16px !important; } [dir="rtl"] .markdown-body[data-v-253567c2] ul { padding-right: 16px !important; } .markdown-body[data-v-253567c2] ol { list-style: inside decimal !important; } [dir] .markdown-body[data-v-253567c2] ol { margin: 0px !important; } [dir="ltr"] .markdown-body[data-v-253567c2] ol { padding-left: 16px !important; } [dir="rtl"] .markdown-body[data-v-253567c2] ol { padding-right: 16px !important; } .markdown-body[data-v-253567c2] li { display: list-item !important; line-height: 1.5; } [dir] .markdown-body[data-v-253567c2] li { margin-bottom: 4px; } .markdown-body[data-v-253567c2] li p { display: inline; } [dir] .markdown-body[data-v-253567c2] li p { margin: 0px; padding: 0px; } .markdown-body[data-v-253567c2] h2 { font-size: 16px !important; line-height: 24px !important; } .text-buy[data-v-afc16e6a] { color: var(--color-buy); } .text-sell[data-v-afc16e6a] { color: var(--color-sell); } .text-normal[data-v-afc16e6a] { color: var(--color-secondary-text); } .micro-search-list-item .btn-favorite[data-v-87299252] { color: rgb(255, 145, 66); } .list-features__scroll[data-v-b72a1e7e] { scrollbar-width: none; } .list-features__scroll[data-v-b72a1e7e]::-webkit-scrollbar { display: none; } .list-features__arrow--left[data-v-b72a1e7e] { width: 32px; } [dir="ltr"] .list-features__arrow--left.light[data-v-b72a1e7e] { background: linear-gradient(270deg, transparent, rgb(255, 255, 255)); } [dir="rtl"] .list-features__arrow--left.light[data-v-b72a1e7e] { background: linear-gradient(-270deg, transparent, rgb(255, 255, 255)); } [dir="ltr"] .list-features__arrow--left.dark[data-v-b72a1e7e] { background: linear-gradient(270deg, transparent, rgb(23, 24, 26)); } [dir="rtl"] .list-features__arrow--left.dark[data-v-b72a1e7e] { background: linear-gradient(-270deg, transparent, rgb(23, 24, 26)); } .list-features__arrow--right[data-v-b72a1e7e] { width: 32px; } [dir="ltr"] .list-features__arrow--right.light[data-v-b72a1e7e] { background: linear-gradient(90deg, transparent, rgb(255, 255, 255)); } [dir="rtl"] .list-features__arrow--right.light[data-v-b72a1e7e] { background: linear-gradient(-90deg, transparent, rgb(255, 255, 255)); } [dir="ltr"] .list-features__arrow--right.dark[data-v-b72a1e7e] { background: linear-gradient(90deg, transparent, rgb(23, 24, 26)); } [dir="rtl"] .list-features__arrow--right.dark[data-v-b72a1e7e] { background: linear-gradient(-90deg, transparent, rgb(23, 24, 26)); } .match-text[data-v-b72a1e7e] { display: inline-block; position: relative; } [dir] .match-text[data-v-b72a1e7e] { background-color: var(--ds-color-function-brand-soft); } .micro-search-list-item .btn-favorite[data-v-3d3ffcac], .micro-search-list-item .btn-favorite[data-v-90c1443a], .micro-search-list-item .btn-favorite[data-v-c681bf0c], .micro-search-list-item .btn-favorite[data-v-ed40222d] { color: rgb(255, 145, 66); } .match-text[data-v-81f9a2c0] { display: inline-block; position: relative; } [dir] .match-text.dark[data-v-81f9a2c0], [dir] .match-text.light[data-v-81f9a2c0] { background-color: var(--ds-color-function-brand-soft); } .micro-search-list-item .btn-favorite[data-v-07986f8a] { color: rgb(255, 145, 66); } [dir] .micro-search-list.micro-search-list-item .match-text.light { background-color: rgba(3, 170, 199, 0.14); } [dir] .micro-search-list.micro-search-list-item .match-text.dark { background-color: rgba(3, 170, 199, 0.2); } .micro-search-list .price-label { align-items: flex-end; width: 136px; } [data-v-3f5c9f3b] .mi-tabs__nav-wrap::after { height: 0px; } [dir][data-v-3f5c9f3b] .mi-tabs__header { margin: 0px 0px 4px; padding: 0px 24px; } [data-v-3f5c9f3b] .mi-tabs__item { height: 54px; line-height: 54px; } [dir][data-v-3f5c9f3b] .mi-tabs__item { padding: 0px 12px; } [data-v-3f5c9f3b] .mi-tabs__item:not(.is-active) { color: var(--color-third-text); } [data-v-3f5c9f3b] .mi-tabs__item.is-active { color: var(--color-primary-text); } [data-v-3f5c9f3b] .mi-tabs__active-bar { background-color: var(--color-primary); display: none; } [data-v-3f5c9f3b] .mi-tabs.is-line .mi-tabs__nav-wrap::after { height: 0px !important; } @media screen and (max-width: 767px) { [dir][data-v-3f5c9f3b] .mi-tabs__header { padding: 0px 15px; } } .micro-search-list-item .title { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-word; } .micro-search-list-item .match-text { display: inline-block; position: relative; } [dir] .micro-search-list-item .match-text { background-color: var(--ds-color-function-brand-soft); } .micro-search-list-item .btn-favorite[data-v-0397bb61] { color: rgb(255, 145, 66); } .micro-search-list.micro-search-list-item .match-text { display: inline-block; position: relative; } [dir] .micro-search-list.micro-search-list-item .match-text.dark, [dir] .micro-search-list.micro-search-list-item .match-text.light { background-color: var(--ds-color-function-brand-soft); } .micro-search-list .swap-displayname { display: flex; flex-direction: column; } @media screen and (max-width: 768px) { .micro-search-list .price-label { align-items: flex-end; flex-direction: column; justify-content: flex-end; width: auto; } } .search-result[data-v-98c276a2] .mi-tabs__nav-wrap::after { height: 0px; } [dir] .search-result[data-v-98c276a2] .mi-tabs__header { margin: 0px 0px 4px; padding: 0px 24px; } .search-result[data-v-98c276a2] .mi-tabs__item { height: 54px; line-height: 54px; } [dir] .search-result[data-v-98c276a2] .mi-tabs__item { padding: 0px 12px; } .search-result[data-v-98c276a2] .mi-tabs__item:not(.is-active) { color: var(--color-third-text); } [dir] .search-result[data-v-98c276a2] .mi-divider--horizontal { border-top-color: var(--color-line); margin: 0px 24px; } .search-result[data-v-98c276a2] .mi-tabs__item.is-active { color: var(--color-primary-text); } .search-result[data-v-98c276a2] .mi-tabs__active-bar { background-color: var(--color-primary); display: none; } .search-result[data-v-98c276a2] .mi-tabs.is-line .mi-tabs__nav-wrap::after { height: 0px !important; } @media screen and (max-width: 767px) { [dir] .search-result[data-v-98c276a2] .mi-tabs__header { padding: 0px 15px; } } .swiper-container[data-v-98c276a2] { overflow: hidden; width: 100%; } [dir] .swiper-container[data-v-98c276a2] { background-color: rgb(255, 255, 255); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px; padding: 0px 20px; } .swiper-wrapper[data-v-98c276a2] { align-items: center; display: flex; min-height: 50px; } .swiper-slide[data-v-98c276a2] { flex-shrink: 0; width: auto !important; } .nav-item[data-v-98c276a2] { color: rgb(102, 102, 102); font-size: 14px; font-weight: 500; transition: 0.3s; user-select: none; white-space: nowrap; } [dir] .nav-item[data-v-98c276a2] { border-radius: 6px; cursor: pointer; padding: 8px 16px; } .nav-item[data-v-98c276a2]:hover { color: rgb(51, 51, 51); } [dir] .nav-item[data-v-98c276a2]:hover { background-color: rgb(248, 249, 250); } .nav-item.active[data-v-98c276a2] { color: rgb(255, 255, 255); } [dir] .nav-item.active[data-v-98c276a2] { background-color: rgb(0, 0, 0); } [dir] .nav-item.active[data-v-98c276a2]:hover { background-color: rgb(51, 51, 51); } [data-v-e2d8bba9] .mi-loading-mask { --mi-bg-color-primary: var(--color-card-bg); } .micro-search-wrapper[data-v-e2d8bba9] { margin-right: 4px; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; } .micro-search[data-v-e2d8bba9] { width: 400px; } .micro-search[data-v-e2d8bba9] .mi-input.light .mi-input__wrapper { background-color: var(--color-bg); } .micro-search[data-v-e2d8bba9] .mi-input.dark .mi-input__wrapper { background-color: var(--ds-color-layer-0); } .micro-search[data-v-e2d8bba9] .mi-input .mi-input__wrapper { border-radius: 8px; height: 40px; transition: 0.4s; } .micro-search[data-v-e2d8bba9] .mi-input .mi-input__wrapper .mi-input__inner { color: var(--color-primary-text); } .micro-search[data-v-e2d8bba9] .mi-input .mi-input__wrapper .mi-input__inner::placeholder { color: var(--color-placeholder-text); } .micro-search[data-v-e2d8bba9] .mi-input .mi-input__prefix .el-input__icon { color: var(--color-placeholder-text); } .micro-search[data-v-e2d8bba9] .mi-input .mi-input__suffix .el-input__icon { background-color: var(--content-disabled); border-radius: 50%; color: var(--color-bg); height: 16px; width: 16px; } @media screen and (max-width: 767px) { .micro-search-wrapper[data-v-e2d8bba9] { max-height: none; } .micro-search[data-v-e2d8bba9] { height: auto; width: 100%; } [dir] .micro-search[data-v-e2d8bba9] { padding-top: 12px; } } @font-face { font-family: swiper-icons; font-style: normal; font-weight: 400; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); } :root { --swiper-theme-color: #007aff; } :host { display: block; position: relative; z-index: 1; } [dir="ltr"] :host { margin-left: auto; margin-right: auto; } [dir="rtl"] :host { margin-left: auto; margin-right: auto; } .swiper { display: block; list-style: none; overflow: hidden; position: relative; z-index: 1; } [dir] .swiper { padding: 0px; } [dir="ltr"] .swiper, [dir="rtl"] .swiper { margin-left: auto; margin-right: auto; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { box-sizing: initial; display: flex; height: 100%; position: relative; width: 100%; z-index: 1; } [dir] .swiper-wrapper { transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); } [dir] .swiper-android .swiper-slide, [dir] .swiper-ios .swiper-slide, [dir] .swiper-wrapper { transform: translateZ(0px); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { display: block; flex-shrink: 0; height: 100%; position: relative; width: 100%; } [dir] .swiper-slide { transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; } [dir] .swiper-autoheight .swiper-wrapper { transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { backface-visibility: hidden; } [dir] .swiper-backface-hidden .swiper-slide { transform: translateZ(0px); } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide { transform-style: preserve-3d; } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { height: var(--swiper-centered-offset-after); min-width: 1px; width: 100%; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { height: 100%; pointer-events: none; position: absolute; top: 0px; width: 100%; z-index: 10; } [dir="ltr"] .swiper-3d .swiper-slide-shadow, [dir="ltr"] .swiper-3d .swiper-slide-shadow-bottom, [dir="ltr"] .swiper-3d .swiper-slide-shadow-left, [dir="ltr"] .swiper-3d .swiper-slide-shadow-right, [dir="ltr"] .swiper-3d .swiper-slide-shadow-top { left: 0px; } [dir="rtl"] .swiper-3d .swiper-slide-shadow, [dir="rtl"] .swiper-3d .swiper-slide-shadow-bottom, [dir="rtl"] .swiper-3d .swiper-slide-shadow-left, [dir="rtl"] .swiper-3d .swiper-slide-shadow-right, [dir="rtl"] .swiper-3d .swiper-slide-shadow-top { right: 0px; } [dir] .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } [dir="ltr"] .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent); } [dir="ltr"] .swiper-3d .swiper-slide-shadow-right, [dir="rtl"] .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent); } [dir="rtl"] .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent); } [dir] .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent); } [dir] .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), transparent); } .swiper-lazy-preloader { box-sizing: border-box; height: 42px; position: absolute; top: 50%; width: 42px; z-index: 10; } [dir] .swiper-lazy-preloader { border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: 50%; border-top: 4px solid transparent; margin-top: -21px; transform-origin: 50% center; } [dir="ltr"] .swiper-lazy-preloader { left: 50%; margin-left: -21px; } [dir="rtl"] .swiper-lazy-preloader { margin-right: -21px; right: 50%; } [dir="ltr"] .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, [dir="ltr"] .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: 1s linear 0s infinite normal none running swiper-preloader-spin-ltr; } [dir="rtl"] .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, [dir="rtl"] .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: 1s linear 0s infinite normal none running swiper-preloader-spin-rtl; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin-ltr { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } @keyframes swiper-preloader-spin-rtl { 0% { transform: rotate(0deg); } 100% { transform: rotate(-1turn); } } .swiper-pagination { position: absolute; transition: opacity 0.3s; z-index: 10; } [dir] .swiper-pagination { text-align: center; transform: translateZ(0px); } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom,8px); top: var(--swiper-pagination-top,auto); width: 100%; } [dir="ltr"] .swiper-horizontal > .swiper-pagination-bullets, [dir="ltr"] .swiper-pagination-bullets.swiper-pagination-horizontal, [dir="ltr"] .swiper-pagination-custom, [dir="ltr"] .swiper-pagination-fraction { left: 0px; } [dir="rtl"] .swiper-horizontal > .swiper-pagination-bullets, [dir="rtl"] .swiper-pagination-bullets.swiper-pagination-horizontal, [dir="rtl"] .swiper-pagination-custom, [dir="rtl"] .swiper-pagination-fraction { right: 0px; } .swiper-pagination-bullets-dynamic { font-size: 0px; overflow: hidden; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { position: relative; } [dir] .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); } [dir] .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, [dir] .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } [dir] .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } [dir] .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } [dir] .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } [dir] .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { display: inline-block; height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px)); opacity: var(--swiper-pagination-bullet-inactive-opacity,.2); width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px)); } [dir] .swiper-pagination-bullet { background: var(--swiper-pagination-bullet-inactive-color,#000); border-radius: var(--swiper-pagination-bullet-border-radius,50%); } button.swiper-pagination-bullet { appearance: none; } [dir] button.swiper-pagination-bullet { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: none; margin: 0px; padding: 0px; } [dir] .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity,1); } [dir] .swiper-pagination-bullet-active { background: var(--swiper-pagination-color,var(--swiper-theme-color)); } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { top: 50%; } [dir] .swiper-pagination-vertical.swiper-pagination-bullets, [dir] .swiper-vertical > .swiper-pagination-bullets { transform: translate3d(0px, -50%, 0px); } [dir="ltr"] .swiper-pagination-vertical.swiper-pagination-bullets, [dir="ltr"] .swiper-vertical > .swiper-pagination-bullets { left: var(--swiper-pagination-left,auto); right: var(--swiper-pagination-right,8px); } [dir="rtl"] .swiper-pagination-vertical.swiper-pagination-bullets, [dir="rtl"] .swiper-vertical > .swiper-pagination-bullets { left: var(--swiper-pagination-right,8px); right: var(--swiper-pagination-left,auto); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { display: block; } [dir] .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, [dir] .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; width: 8px; } [dir] .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, [dir] .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { transform: translateY(-50%); } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform 0.2s, top 0.2s; } [dir] .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, [dir] .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { white-space: nowrap; } [dir="ltr"] .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, [dir="ltr"] .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translate(-50%); } [dir="rtl"] .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, [dir="rtl"] .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { right: 50%; transform: translate(50%); } [dir="ltr"] .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, [dir="ltr"] .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, left 0.2s; } [dir="ltr"] .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, [dir="rtl"] .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, [dir="rtl"] .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, right 0.2s; } [dir="rtl"] .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, left 0.2s; } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color,inherit); } .swiper-pagination-progressbar { position: absolute; } [dir] .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25)); } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { height: 100%; position: absolute; top: 0px; width: 100%; } [dir] .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color,var(--swiper-theme-color)); transform: scale(0); } [dir="ltr"] .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { left: 0px; transform-origin: left top; } [dir="rtl"] .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { right: 0px; transform-origin: right top; } [dir="ltr"] .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } [dir="rtl"] .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: left top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { height: var(--swiper-pagination-progressbar-size,4px); top: 0px; width: 100%; } [dir="ltr"] .swiper-horizontal > .swiper-pagination-progressbar, [dir="ltr"] .swiper-pagination-progressbar.swiper-pagination-horizontal, [dir="ltr"] .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, [dir="ltr"] .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { left: 0px; } [dir="rtl"] .swiper-horizontal > .swiper-pagination-progressbar, [dir="rtl"] .swiper-pagination-progressbar.swiper-pagination-horizontal, [dir="rtl"] .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, [dir="rtl"] .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { right: 0px; } .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { height: 100%; top: 0px; width: var(--swiper-pagination-progressbar-size,4px); } [dir="ltr"] .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, [dir="ltr"] .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, [dir="ltr"] .swiper-pagination-progressbar.swiper-pagination-vertical, [dir="ltr"] .swiper-vertical > .swiper-pagination-progressbar { left: 0px; } [dir="rtl"] .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, [dir="rtl"] .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, [dir="rtl"] .swiper-pagination-progressbar.swiper-pagination-vertical, [dir="rtl"] .swiper-vertical > .swiper-pagination-progressbar { right: 0px; } .swiper-pagination-lock { display: none; } .micro .container { max-width: 100%; } @media (min-width: 376px) { .micro .container { max-width: 376px; } } @media (min-width: 768px) { .micro .container { max-width: 768px; } } @media (min-width: 1024px) { .micro .container { max-width: 1024px; } } @media (min-width: 1200px) { .micro .container { max-width: 1200px; } } @media (min-width: 1440px) { .micro .container { max-width: 1440px; } } @media (min-width: 1600px) { .micro .container { max-width: 1600px; } } .micro .pointer-events-none { pointer-events: none; } .micro .\!visible { visibility: visible !important; } .micro .visible, .micro [active~="visible"]:active, .micro [default~="visible"]:default, .micro [visible=""] { visibility: visible; } .micro .absolute, .micro [absolute=""] { position: absolute; } .micro .fixed { position: fixed; } .micro .sticky { position: sticky; } [dir="ltr"] .micro .inset-x-0, [dir="rtl"] .micro .inset-x-0 { left: 0px; right: 0px; } [dir="ltr"] .micro .-left-20px { left: -20px; } [dir="rtl"] .micro .-left-20px { right: -20px; } [dir="ltr"] .micro .-right-16px, [dir="ltr"] .micro .right-\[-16px\] { right: -16px; } [dir="rtl"] .micro .-right-16px, [dir="rtl"] .micro .right-\[-16px\] { left: -16px; } [dir="ltr"] .micro .-right-1px { right: -1px; } [dir="rtl"] .micro .-right-1px { left: -1px; } [dir="ltr"] .micro .-right-20px { right: -20px; } [dir="rtl"] .micro .-right-20px { left: -20px; } [dir="ltr"] .micro .-right-2px { right: -2px; } [dir="rtl"] .micro .-right-2px { left: -2px; } [dir="ltr"] .micro .-right-4px { right: -4px; } [dir="rtl"] .micro .-right-4px { left: -4px; } .micro .-top-4px, .micro .top-\[-4px\] { top: -4px; } .micro .-top-6px { top: -6px; } [dir="ltr"] .micro .\!right-20px { right: 20px !important; } [dir="rtl"] .micro .\!right-20px { left: 20px !important; } .micro .bottom-0, .micro [bottom-0=""] { bottom: 0px; } .micro .bottom-40px { bottom: 40px; } .micro .bottom-4px { bottom: 4px; } .micro .bottom-8px { bottom: 8px; } [dir="ltr"] .micro .left-\[-16px\] { left: -16px; } [dir="rtl"] .micro .left-\[-16px\] { right: -16px; } [dir="ltr"] .micro .left-\[-1px\] { left: -1px; } [dir="rtl"] .micro .left-\[-1px\] { right: -1px; } [dir="ltr"] .micro .left-\[calc\(50\%-81px\)\] { left: calc(50% - 81px); } [dir="rtl"] .micro .left-\[calc\(50\%-81px\)\] { right: calc(50% - 81px); } [dir="ltr"] .micro .left-0 { left: 0px; } [dir="rtl"] .micro .left-0 { right: 0px; } [dir="ltr"] .micro .left-0px { left: 0px; } [dir="rtl"] .micro .left-0px { right: 0px; } [dir="ltr"] .micro .left-3px { left: 3px; } [dir="rtl"] .micro .left-3px { right: 3px; } [dir="ltr"] .micro .left-4px { left: 4px; } [dir="rtl"] .micro .left-4px { right: 4px; } [dir="ltr"] .micro .right-10px { right: 10px; } [dir="rtl"] .micro .right-10px { left: 10px; } [dir="ltr"] .micro .right-12px { right: 12px; } [dir="rtl"] .micro .right-12px { left: 12px; } [dir="ltr"] .micro .right-4px { right: 4px; } [dir="rtl"] .micro .right-4px { left: 4px; } [dir="ltr"] .micro .right-8px, [dir="ltr"] .micro [right-8px=""] { right: 8px; } [dir="rtl"] .micro .right-8px, [dir="rtl"] .micro [right-8px=""] { left: 8px; } .micro .top-\[calc\(100\%\+8px\)\] { top: calc(100% + 8px); } .micro .top-0, .micro .top-0px, .micro [top-0=""], .micro [top~="0px"] { top: 0px; } .micro .top-12px, .micro [top-12px=""] { top: 12px; } .micro .top-18px { top: 18px; } .micro .top-1px { top: 1px; } .micro .top-20px { top: 20px; } .micro .top-4px { top: 4px; } .micro [dir="rtl"] .\!rtl\:left-10px { left: 10px !important; } .micro [dir="rtl"] .\!rtl\:right-unset { right: unset !important; } .micro [dir="rtl"] .rtl\:left-8px, .micro [dir="rtl"] [rtl\:left-8px=""] { left: 8px; } .micro [dir="rtl"] .rtl\:right-\[unset\] { right: unset; } .micro [dir="rtl"] .rtl\:right-auto, .micro [dir="rtl"] [rtl\:right-auto=""] { right: auto; } [dir="ltr"] .micro [right~="-60px"] { right: -60px; } [dir="rtl"] .micro [right~="-60px"] { left: -60px; } .micro [top~="768"] { top: 192rem; } .micro .line-clamp-1 { -webkit-line-clamp: 1; } .micro .line-clamp-1, .micro .line-clamp-2 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; } .micro .line-clamp-2 { -webkit-line-clamp: 2; } .micro .z-0 { z-index: 0; } .micro .z-1, .micro [z-1=""] { z-index: 1; } .micro .z-10 { z-index: 10; } .micro .z-1000, .micro [z-1000=""] { z-index: 1000; } .micro .z-10001 { z-index: 10001; } .micro .z-2 { z-index: 2; } .micro .z-20 { z-index: 20; } [dir] .micro .m-0 { margin: 0px; } [dir] .micro .m-16px, [dir] .micro [m-16px=""] { margin: 16px; } [dir="ltr"] .micro .mx-16px, [dir="rtl"] .micro .mx-16px { margin-left: 16px; margin-right: 16px; } [dir="ltr"] .micro .mx-4px, [dir="rtl"] .micro .mx-4px { margin-left: 4px; margin-right: 4px; } [dir] .micro .my-12px { margin-bottom: 12px; margin-top: 12px; } [dir] .micro .my-16px { margin-bottom: 16px; margin-top: 16px; } [dir] .micro .my-8px { margin-bottom: 8px; margin-top: 8px; } [dir] .micro .my-auto, [dir] .micro [my-auto=""] { margin-bottom: auto; margin-top: auto; } [dir] .micro .first\:mt-0:first-child, [dir] .micro .mt-0, [dir] .micro [first\:mt-0=""]:first-child { margin-top: 0px; } [dir] .micro .last\:mb-0:last-child, [dir] .micro .mb-0 { margin-bottom: 0px; } [dir] .micro .mb-6px, [dir] .micro .mb-\[6px\] { margin-bottom: 6px; } [dir] .micro .mb-12px, [dir] .micro [mb-12px=""] { margin-bottom: 12px; } [dir] .micro .mb-16px { margin-bottom: 16px; } [dir] .micro .mb-1px { margin-bottom: 1px; } [dir] .micro .mb-20px { margin-bottom: 20px; } [dir] .micro .mb-24px { margin-bottom: 24px; } [dir] .micro .mb-3px { margin-bottom: 3px; } [dir] .micro .mb-4px { margin-bottom: 4px; } [dir] .micro .mb-8px, [dir] .micro [mb-8px=""] { margin-bottom: 8px; } .micro .me-8px, .micro .me-\[8px\] { margin-inline-end: 8px; } .micro .me-24px { margin-inline-end: 24px; } [dir="ltr"] .micro .ml-4px, [dir="ltr"] .micro .ml-\[4px\] { margin-left: 4px; } [dir="rtl"] .micro .ml-4px, [dir="rtl"] .micro .ml-\[4px\] { margin-right: 4px; } [dir="ltr"] .micro .ml-10px { margin-left: 10px; } [dir="rtl"] .micro .ml-10px { margin-right: 10px; } [dir="ltr"] .micro .ml-12px, [dir="ltr"] .micro [ml-12px=""] { margin-left: 12px; } [dir="rtl"] .micro .ml-12px, [dir="rtl"] .micro [ml-12px=""] { margin-right: 12px; } [dir="ltr"] .micro .ml-16px, [dir="ltr"] .micro [ml-16px=""] { margin-left: 16px; } [dir="rtl"] .micro .ml-16px, [dir="rtl"] .micro [ml-16px=""] { margin-right: 16px; } [dir="ltr"] .micro .ml-2px { margin-left: 2px; } [dir="rtl"] .micro .ml-2px { margin-right: 2px; } [dir="ltr"] .micro .ml-40px { margin-left: 40px; } [dir="rtl"] .micro .ml-40px { margin-right: 40px; } [dir="ltr"] .micro .ml-48px { margin-left: 48px; } [dir="rtl"] .micro .ml-48px { margin-right: 48px; } [dir="ltr"] .micro .ml-6px { margin-left: 6px; } [dir="rtl"] .micro .ml-6px { margin-right: 6px; } [dir="ltr"] .micro .ml-8px, [dir="ltr"] .micro [ml-8px=""] { margin-left: 8px; } [dir="rtl"] .micro .ml-8px, [dir="rtl"] .micro [ml-8px=""] { margin-right: 8px; } [dir="ltr"] .micro .ml-auto { margin-left: auto; } [dir="rtl"] .micro .ml-auto { margin-right: auto; } [dir="ltr"] .micro .mr-0 { margin-right: 0px; } [dir="rtl"] .micro .mr-0 { margin-left: 0px; } [dir="ltr"] .micro .mr-10px { margin-right: 10px; } [dir="rtl"] .micro .mr-10px { margin-left: 10px; } [dir="ltr"] .micro .mr-12px { margin-right: 12px; } [dir="rtl"] .micro .mr-12px { margin-left: 12px; } [dir="ltr"] .micro .mr-14px { margin-right: 14px; } [dir="rtl"] .micro .mr-14px { margin-left: 14px; } [dir="ltr"] .micro .mr-16px { margin-right: 16px; } [dir="rtl"] .micro .mr-16px { margin-left: 16px; } [dir="ltr"] .micro .mr-20px { margin-right: 20px; } [dir="rtl"] .micro .mr-20px { margin-left: 20px; } [dir="ltr"] .micro .mr-2px { margin-right: 2px; } [dir="rtl"] .micro .mr-2px { margin-left: 2px; } [dir="ltr"] .micro .mr-4px { margin-right: 4px; } [dir="rtl"] .micro .mr-4px { margin-left: 4px; } [dir="ltr"] .micro .mr-5px { margin-right: 5px; } [dir="rtl"] .micro .mr-5px { margin-left: 5px; } [dir="ltr"] .micro .mr-6px { margin-right: 6px; } [dir="rtl"] .micro .mr-6px { margin-left: 6px; } [dir="ltr"] .micro .mr-8px { margin-right: 8px; } [dir="rtl"] .micro .mr-8px { margin-left: 8px; } .micro .ms-4px, .micro .ms-\[4px\] { margin-inline-start: 4px; } .micro .ms-16px { margin-inline-start: 16px; } .micro .ms-2px { margin-inline-start: 2px; } .micro .ms-8px, .micro [ms-8px=""] { margin-inline-start: 8px; } [dir] .micro .mt-10px, [dir] .micro .mt-\[10px\] { margin-top: 10px; } [dir] .micro .mt-12px, [dir] .micro .mt-\[12px\], [dir] .micro [mt-12px=""] { margin-top: 12px; } [dir] .micro .mt-\[60px\] { margin-top: 60px; } [dir] .micro .mt-8px, [dir] .micro .mt-\[8px\], [dir] .micro [mt-8px=""] { margin-top: 8px; } [dir] .micro .mt-100px { margin-top: 100px; } [dir] .micro .mt-120px { margin-top: 120px; } [dir] .micro .mt-16px { margin-top: 16px; } [dir] .micro .mt-20px, [dir] .micro [mt-20px=""] { margin-top: 20px; } [dir] .micro .mt-2px, [dir] .micro [mt-2px=""] { margin-top: 2px; } [dir] .micro .mt-36px { margin-top: 36px; } [dir] .micro .mt-3px { margin-top: 3px; } [dir] .micro .mt-4px { margin-top: 4px; } [dir] .micro .mt-6px, [dir] .micro [mt-6px=""] { margin-top: 6px; } .micro [dir="ltr"] .ltr\:children\:mr-5 > * { margin-right: 1.25rem; } .micro [dir="rtl"] .rtl\:children\:ml-5 > * { margin-left: 1.25rem; } .micro .box-border, .micro [box-border=""] { box-sizing: border-box; } .micro .inline { display: inline; } .micro .block, .micro [block=""] { display: block; } .micro .group:hover .group-hover\:inline-block, .micro .inline-block, .micro [inline-block=""] { display: inline-block; } .micro .list-item { display: list-item; } .micro .group:hover .group-hover\:hidden, .micro .hidden { display: none; } .micro .\!h-8px { height: 8px !important; } .micro .\!w-8px { width: 8px !important; } .micro .h-\[0\.5px\] { height: 0.5px; } .micro .h-10px, .micro .h-\[10px\] { height: 10px; } .micro .h-16px, .micro .h-\[16px\], .micro [h-16px=""] { height: 16px; } .micro .h-20px, .micro .h-\[20px\], .micro [h-20px=""] { height: 20px; } .micro .h-24px, .micro .h-\[24px\] { height: 24px; } .micro .h-40px, .micro .h-\[40px\], .micro [h-40px=""] { height: 40px; } .micro .h-4px, .micro .h-\[4px\] { height: 4px; } .micro .h-50px, .micro .h-\[50px\] { height: 50px; } .micro .h-\[calc\(100\%-8px\)\] { height: calc(100% - 8px); } .micro .h-0 { height: 0px; } .micro .h-100px { height: 100px; } .micro .h-12px { height: 12px; } .micro .h-150px { height: 150px; } .micro .h-17px { height: 17px; } .micro .h-18px, .micro [h-18px=""] { height: 18px; } .micro .h-1px { height: 1px; } .micro .h-22px { height: 22px; } .micro .h-23px, .micro [h-23px=""] { height: 23px; } .micro .h-25px, .micro [h-25px=""] { height: 25px; } .micro .h-26px, .micro [h-26px=""] { height: 26px; } .micro .h-2px { height: 2px; } .micro .h-32px, .micro [h-32px=""] { height: 32px; } .micro .h-36px { height: 36px; } .micro .h-38px, .micro [h-38px=""] { height: 38px; } .micro .h-445px { height: 445px; } .micro .h-44px, .micro [h-44px=""] { height: 44px; } .micro .h-45px { height: 45px; } .micro .h-46px { height: 46px; } .micro .h-48px { height: 48px; } .micro .h-500px { height: 500px; } .micro .h-504px { height: 504px; } .micro .h-528px { height: 528px; } .micro .h-60px { height: 60px; } .micro .h-62px { height: 62px; } .micro .h-76px { height: 76px; } .micro .h-7px { height: 7px; } .micro .h-8px { height: 8px; } .micro .h-94px { height: 94px; } .micro .h-auto { height: auto; } .micro .h-full, .micro [h-full=""] { height: 100%; } .micro .max-h-\[136px\] { max-height: 136px; } .micro .max-h-\[calc\(50vh-108px\)\] { max-height: calc(-108px + 50vh); } .micro .max-h-\[min\(582px\,80vh\)\] { max-height: min(582px, 80vh); } .micro .max-h-445px { max-height: 445px; } .micro .max-h-500px { max-height: 500px; } .micro .max-h-528px { max-height: 528px; } .micro .max-h-64px { max-height: 64px; } .micro .max-h-auto { } .micro .max-h-inherit { max-height: inherit; } .micro .max-h-initial { max-height: none; } .micro .max-w-\[calc\(\(100\%-10px\)\/3\)\] { max-width: calc(33.3333% - 3.33333px); } .micro .max-w-\[calc\(\(100\%-5px\)\/2\)\] { max-width: calc(50% - 2.5px); } .micro .max-w-130px { max-width: 130px; } .micro .max-w-150px { max-width: 150px; } .micro .max-w-152px, .micro [max-w-152px=""] { max-width: 152px; } .micro .max-w-160px { max-width: 160px; } .micro .max-w-170px { max-width: 170px; } .micro .max-w-214px, .micro [max-w-214px=""] { max-width: 214px; } .micro .max-w-220px { max-width: 220px; } .micro .max-w-290px { max-width: 290px; } .micro .max-w-70px { max-width: 70px; } .micro .max-w-80px { max-width: 80px; } .micro .max-w-full, .micro [max-w-full=""] { max-width: 100%; } .micro .max-w-max { max-width: max-content; } .micro .min-h-\[15px\] { min-height: 15px; } .micro .min-h-0 { min-height: 0px; } .micro .min-h-200px { min-height: 200px; } .micro .min-h-20px { min-height: 20px; } .micro .min-h-380px { min-height: 380px; } .micro .min-h-38px { min-height: 38px; } .micro .min-h-400px { min-height: 400px; } .micro .min-h-40px { min-height: 40px; } .micro .min-h-48px { min-height: 48px; } .micro .min-h-76px { min-height: 76px; } .micro .min-w-\[fit-content\] { min-width: fit-content; } .micro .min-w-0, .micro [min-w-0=""] { min-width: 0px; } .micro .min-w-16px { min-width: 16px; } .micro .min-w-18px { min-width: 18px; } .micro .min-w-20px { min-width: 20px; } .micro .min-w-24px { min-width: 24px; } .micro .min-w-260px { min-width: 260px; } .micro .min-w-28px { min-width: 28px; } .micro .min-w-290px { min-width: 290px; } .micro .min-w-87px { min-width: 87px; } .micro .min-w-96px { min-width: 96px; } .micro .w-1px, .micro .w-\[1px\] { width: 1px; } .micro .w-20px, .micro .w-\[20px\] { width: 20px; } .micro .w-40px, .micro .w-\[40px\], .micro [w-40px=""] { width: 40px; } .micro .w-\[calc\(100\%-8px\)\] { width: calc(100% - 8px); } .micro .w-\[fit-content\] { width: fit-content; } .micro .w-1\/2 { width: 50%; } .micro .w-100\%, .micro .w-full, .micro [w-full=""] { width: 100%; } .micro .w-10px { width: 10px; } .micro .w-11px { width: 11px; } .micro .w-12px { width: 12px; } .micro .w-136px { width: 136px; } .micro .w-148px { width: 148px; } .micro .w-162px { width: 162px; } .micro .w-164px { width: 164px; } .micro .w-168px { width: 168px; } .micro .w-16px, .micro [w-16px=""] { width: 16px; } .micro .w-180px { width: 180px; } .micro .w-19px { width: 19px; } .micro .w-244px { width: 244px; } .micro .w-24px { width: 24px; } .micro .w-252px { width: 252px; } .micro .w-25px { width: 25px; } .micro .w-260px { width: 260px; } .micro .w-276px { width: 276px; } .micro .w-288px { width: 288px; } .micro .w-30px { width: 30px; } .micro .w-323px { width: 323px; } .micro .w-32px, .micro [w-32px=""] { width: 32px; } .micro .w-36px { width: 36px; } .micro .w-380px { width: 380px; } .micro .w-400px { width: 400px; } .micro .w-44px { width: 44px; } .micro .w-450px { width: 450px; } .micro .w-48px { width: 48px; } .micro .w-4px { width: 4px; } .micro .w-70px, .micro [w-70px=""] { width: 70px; } .micro .w-80px { width: 80px; } .micro .w-88px { width: 88px; } .micro .w-8px { width: 8px; } .micro .w-auto { width: auto; } .micro .flex, .micro [flex=""] { display: flex; } .micro .flex-\[1_1_auto\] { flex: 1 1 auto; } .micro .flex-1, .micro [flex-1=""] { flex: 1 1 0%; } .micro .flex-none, .micro [flex-none=""] { flex: 0 0 auto; } .micro .flex-shrink-0, .micro .shrink-0, .micro [shrink-0=""] { flex-shrink: 0; } .micro .flex-grow-0 { flex-grow: 0; } .micro .flex-wrap, .micro [flex-wrap=""] { flex-wrap: wrap; } .micro .flex-nowrap { flex-wrap: nowrap; } .micro .-translate-y-1\/2, .micro .transform-translate-y-\[-50\%\] { --un-translate-y: -50%; } [dir] .micro .-translate-y-1\/2, [dir] .micro .transform-translate-y-\[-50\%\] { transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } .micro .-rotate-90 { --un-rotate-x: 0; --un-rotate-y: 0; --un-rotate-z: 0; --un-rotate: -90deg; } [dir] .micro .-rotate-90 { transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } .micro .rotate-180, .micro [dir="ltr"] .ltr\:rotate-180, .micro [dir="ltr"] [ltr\:rotate-180=""], .micro [dir="rtl"] .rtl\:rotate-\[180deg\] { --un-rotate-x: 0; --un-rotate-y: 0; --un-rotate-z: 0; --un-rotate: 180deg; transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } .micro .rotate-45deg { --un-rotate-x: 0; --un-rotate-y: 0; --un-rotate-z: 0; --un-rotate: 45deg; } [dir] .micro .rotate-45deg { transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } .micro .rotate-90 { --un-rotate-x: 0; --un-rotate-y: 0; --un-rotate-z: 0; --un-rotate: 90deg; } .micro [dir="rtl"] .rtl\:rotate-0, .micro [dir="rtl"] [rtl\:rotate-0=""], [dir] .micro .rotate-90 { transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } .micro [dir="rtl"] .rtl\:rotate-0, .micro [dir="rtl"] [rtl\:rotate-0=""] { --un-rotate-x: 0; --un-rotate-y: 0; --un-rotate-z: 0; --un-rotate: 0deg; } .micro .\!rotate-y-0 { --un-rotate: 0; --un-rotate-y: 0deg !important; } [dir] .micro .\!rotate-y-0 { transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)) !important; } .micro [dir="rtl"] .rtl\:rotate-y-0 { --un-rotate: 0; --un-rotate-y: 0deg; } .micro [dir="rtl"] .rtl\:rotate-y-0, .micro [dir="rtl"] .rtl\:rotate-y-180, .micro [dir="rtl"] .rtl\:rotate-y-180deg { transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } .micro [dir="rtl"] .rtl\:rotate-y-180, .micro [dir="rtl"] .rtl\:rotate-y-180deg { --un-rotate: 0; --un-rotate-y: 180deg; } [dir] .micro .cursor-default { cursor: default; } [dir] .micro .cursor-pointer, [dir] .micro [cursor-pointer=""] { cursor: pointer; } [dir] .micro .cursor-not-allowed { cursor: not-allowed; } .micro .items-start, .micro [items-start=""] { align-items: flex-start; } .micro .items-end { align-items: flex-end; } .micro .items-center, .micro [items-center=""] { align-items: center; } .micro .\!items-stretch { align-items: stretch !important; } .micro .items-stretch { align-items: stretch; } .micro .self-end { align-self: flex-end; } .micro .self-stretch { align-self: stretch; } .micro .justify-end { justify-content: flex-end; } .micro .justify-center, .micro [justify-center=""] { justify-content: center; } .micro .\!gap-16px { gap: 16px !important; } .micro .gap-10px, .micro .gap-\[10px\], .micro [gap-10px=""] { gap: 10px; } .micro .gap-16px, .micro .gap-\[16px\] { gap: 16px; } .micro .gap-2px, .micro .gap-\[2px\] { gap: 2px; } .micro .gap-4px, .micro .gap-\[4px\] { gap: 4px; } .micro .gap-8px, .micro .gap-\[8px\] { gap: 8px; } .micro .gap-12px, .micro [gap-12px=""] { gap: 12px; } .micro .gap-15px { gap: 15px; } .micro .gap-2 { gap: 0.5rem; } .micro .gap-20px { gap: 20px; } .micro .gap-24px, .micro [gap-24px=""] { gap: 24px; } .micro .gap-50px { gap: 50px; } .micro .gap-6px { gap: 6px; } .micro .gap-x-12px { column-gap: 12px; } .micro .gap-x-16px { column-gap: 16px; } .micro .gap-x-8px { column-gap: 8px; } .micro .gap-y-10px { row-gap: 10px; } .micro .gap-y-4px { row-gap: 4px; } .micro .overflow-auto { overflow: auto; } .micro .overflow-visible, .micro [overflow-visible=""] { overflow: visible; } .micro .overflow-x-auto { overflow-x: auto; } .micro .overflow-x-hidden { overflow-x: hidden; } .micro .overflow-y-auto, .micro [overflow-y-auto=""] { overflow-y: auto; } .micro .overflow-y-hidden { overflow-y: hidden; } .micro .truncate, .micro [truncate=""] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .micro .text-ellipsis { text-overflow: ellipsis; } .micro .whitespace-nowrap, .micro [whitespace-nowrap=""] { white-space: nowrap; } .micro .whitespace-pre-wrap, .micro [whitespace-pre-wrap=""] { white-space: pre-wrap; } .micro .break-words, .micro [break-words=""] { overflow-wrap: break-word; } .micro .break-all { word-break: break-all; } [dir] .micro .border, [dir] .micro .border-1, [dir] .micro .border-1px, [dir] .micro [border-1px=""], [dir] .micro [border=""], [dir] .micro-light .light\:border-1px, [dir] .micro-light [light\:border-1px=""] { border-style: solid; border-width: 1px; } [dir] .micro .border-0 { border-style: solid; border-width: 0px; } [dir] .micro .\!border-b-0px { border-bottom-style: solid !important; border-bottom-width: 0px !important; } [dir="ltr"] .micro .\!border-r-0px { border-right-style: solid !important; border-right-width: 0px !important; } [dir="rtl"] .micro .\!border-r-0px { border-left-style: solid !important; border-left-width: 0px !important; } [dir] .micro .border-b { border-bottom-style: solid; border-bottom-width: 1px; } [dir] .micro .border-b-2px { border-bottom-style: solid; border-bottom-width: 2px; } [dir="ltr"] .micro .border-l-1px { border-left-style: solid; border-left-width: 1px; } [dir="rtl"] .micro .border-l-1px { border-right-style: solid; border-right-width: 1px; } [dir] .micro .border-t-1, [dir] .micro .border-t-1px { border-top-style: solid; border-top-width: 1px; } [dir] .micro .\!border-\[currentColor\] { border-color: currentcolor !important; } .micro .border-\[\#DEDFE0\] { --un-border-opacity: 1; } [dir] .micro .border-\[\#DEDFE0\] { border-color: rgba(222,223,224,var(--un-border-opacity)); } [dir] .micro .border-\[1px\] { } [dir] .micro .border-\[var\(--ds-color-border-subtle\)\], [dir] .micro .border-dsColorBorderSubtle, [dir] .micro-dark .dark\:border-dsColorBorderSubtle { border-color: var(--ds-color-border-subtle); } [dir] .micro .border-bgPrimary { border-color: var(--background-primary); } [dir] .micro .border-borderStrengthOne, [dir] .micro [border-borderstrengthone=""] { border-color: var(--border-strength-100); } [dir] .micro .border-borderStrengthTwo { border-color: var(--border-strength-200); } [dir] .micro .border-dsColorBorderStrong, [dir] .micro [border-dscolorborderstrong=""] { border-color: var(--ds-color-border-strong); } [dir] .micro .border-dsColorFunctionBrand { border-color: var(--ds-color-function-brand); } [dir] .micro .border-dsColorFunctionBrandDisabled { border-color: var(--ds-color-function-brand-disabled); } [dir] .micro .border-dsColorFunctionWarningDisabled { border-color: var(--ds-color-function-warning-disabled); } [dir] .micro .border-inputBg, [dir] .micro [border-inputbg=""] { border-color: var(--color-input-bg); } [dir] .micro .border-inputBorder { border-color: var(--color-input-border); } [dir] .micro .border-line, [dir] .micro-light .light\:border-line, [dir] .micro-light [light\:border-line=""] { border-color: var(--color-line); } [dir] .micro .border-nextStrengthBorderZero { border-color: var(--v3-border-strength-0); } [dir] .micro .border-placeholderText { border-color: var(--color-placeholder-text); } .micro .border-white { --un-border-opacity: 1; } [dir] .micro .border-white { border-color: rgba(255,255,255,var(--un-border-opacity)); } [dir] .micro-dark .dark\:border-\[0\.5px\] { } [dir] .micro .border-b-dsColorBorderSubtle { border-bottom-color: var(--ds-color-border-subtle); } [dir] .micro .border-b-transparent { border-bottom-color: transparent; } [dir="ltr"] .micro .border-l-dsColorBorderGutter { border-left-color: var(--ds-color-border-gutter); } [dir="rtl"] .micro .border-l-dsColorBorderGutter { border-right-color: var(--ds-color-border-gutter); } [dir] .micro .border-t-line { border-top-color: var(--color-line); } .micro .border-opacity-5 { --un-border-opacity: .05; } [dir] .micro .\!rounded-8px { border-radius: 8px !important; } [dir] .micro .rounded, [dir] .micro .rounded-1, [dir] .micro [rounded=""] { border-radius: 0.25rem; } [dir] .micro .rounded-12px, [dir] .micro .rounded-\[12px\], [dir] .micro [rounded-12px=""] { border-radius: 12px; } [dir] .micro .rounded-2px, [dir] .micro .rounded-\[2px\], [dir] .micro [rounded-2px=""] { border-radius: 2px; } [dir="ltr"] .micro .rounded-\[3px_0_0_0\] { border-radius: 3px 0px 0px; } [dir="rtl"] .micro .rounded-\[3px_0_0_0\] { border-radius: 0px 3px 0px 0px; } [dir] .micro .rounded-4px, [dir] .micro .rounded-\[4px\], [dir] .micro [rounded-4px=""] { border-radius: 4px; } [dir] .micro .rounded-1\/2, [dir] .micro .rounded-50\%, [dir] .micro .rounded-\[50\%\] { border-radius: 50%; } [dir] .micro .rounded-6px, [dir] .micro .rounded-\[6px\], [dir] .micro [rounded-6px=""] { border-radius: 6px; } [dir] .micro .rounded-0 { border-radius: 0px; } [dir] .micro .rounded-100\% { border-radius: 100%; } [dir] .micro .rounded-10px { border-radius: 10px; } [dir] .micro .rounded-16px { border-radius: 16px; } [dir] .micro .rounded-1px { border-radius: 1px; } [dir] .micro .rounded-32px, [dir] .micro [rounded-32px=""] { border-radius: 32px; } [dir] .micro .rounded-48px { border-radius: 48px; } [dir] .micro .rounded-8px, [dir] .micro [rounded-8px=""], [dir] .micro [rounded~="8px"] { border-radius: 8px; } [dir] .micro .rounded-full, [dir] .micro [rounded-full=""] { border-radius: 9999px; } [dir="ltr"] .micro .rounded-b-12px, [dir="rtl"] .micro .rounded-b-12px { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; } [dir] .micro .border-solid, [dir] .micro [border-solid=""], [dir] .micro-dark .dark\:border-solid { border-style: solid; } [dir] .micro .border-b-solid { border-bottom-style: solid; } [dir="ltr"] .micro .border-l-solid { border-left-style: solid; } [dir="rtl"] .micro .border-l-solid { border-right-style: solid; } [dir] .micro .\!bg-bgSecondary { background-color: var(--background-secondary) !important; } [dir] .micro .\!bg-transparent { background-color: initial !important; } [dir] .micro .bg-\[inherit\], [dir] .micro .bg-inherit { background-color: inherit; } [dir] .micro .bg-\[var\(--background-primary\)\] { background-color: var(--background-primary); } [dir] .micro .bg-\[var\(--ds-color-background-input\)\] { background-color: var(--ds-color-background-input); } [dir] .micro .bg-\[var\(--ds-color-background-tertiary\)\], [dir] .micro .bg-dsColorBackgroundTertiary { background-color: var(--ds-color-background-tertiary); } [dir] .micro .bg-\[var\(--ds-color-function-success-soft\)\], [dir] .micro .bg-dsColorFunctionSuccessSoft { background-color: var(--ds-color-function-success-soft); } [dir] .micro .bg-\[var\(--ds-color-function-trade-sell\)\] { background-color: var(--ds-color-function-trade-sell); } [dir] .micro .bg-\[var\(--ds-color-function-vip-text\)\] { background-color: var(--ds-color-function-vip-text); } [dir] .micro .bg-\[var\(--ds-color-function-warning-soft\)\] { background-color: var(--ds-color-function-warning-soft); } [dir] .micro .bg-\[var\(--ds-color-tag-background-neutral-solid\)\] { background-color: var(--ds-color-tag-background-neutral-solid); } [dir] .micro .bg-\[var\(--ds-color-text-primary\)\], [dir] .micro .bg-dsColorTextPrimary { background-color: var(--ds-color-text-primary); } .micro .bg-\#F7647E { --un-bg-opacity: 1; } [dir] .micro .bg-\#F7647E { background-color: rgba(247,100,126,var(--un-bg-opacity)); } [dir] .micro .bg-bg, [dir] .micro [bg-bg=""], [dir] .micro-light .light\:bg-bg, [dir] .micro-light [light\:bg-bg=""] { background-color: var(--color-bg); } [dir] .micro .bg-bgDisabled { background-color: var(--background-disabled); } [dir] .micro .bg-bgInversePrimary { background-color: var(--background-inverse-primary); } [dir] .micro .bg-bgSecondary, [dir] .micro .hover\:bg-\[var\(--background-secondary\)\]:hover, [dir] .micro .hover\:bg-bgSecondary:hover, [dir] .micro [bg-bgsecondary=""], [dir] .micro [hover\:bg-bgsecondary=""]:hover { background-color: var(--background-secondary); } [dir] .micro .bg-bgTertiary { background-color: var(--background-tertiary); } [dir] .micro .bg-cardBg, [dir] .micro-dark .dark\:bg-cardBg { background-color: var(--color-card-bg); } [dir] .micro .bg-cardSearchBg, [dir] .micro-dark .dark\:bg-cardSearchBg, [dir] .micro-dark [dark\:bg-cardsearchbg=""] { background-color: var(--ds-color-layer-0); } [dir] .micro .bg-contentDisabled { background-color: var(--content-disabled); } [dir] .micro .bg-contentPrimary { background-color: var(--content-primary); } [dir] .micro .bg-dsColorAlwaysBlack { background-color: var(--background-always-black); } [dir] .micro .bg-dsColorBorderGutter { background-color: var(--ds-color-border-gutter); } [dir] .micro .bg-dsColorBorderSubtle { background-color: var(--ds-color-border-subtle); } [dir] .micro .bg-dsColorFunctionBrand { background-color: var(--ds-color-function-brand); } [dir] .micro .bg-dsColorFunctionBrandSoft, [dir] .micro .hover\:bg-dsColorFunctionBrandSoft:hover { background-color: var(--ds-color-function-brand-soft); } [dir] .micro .bg-dsColorLayerTwo { background-color: var(--ds-color-layer-2); } [dir] .micro .bg-dsColorTextDisabled { background-color: var(--ds-color-text-disabled); } [dir] .micro .bg-error { background-color: var(--color-error); } [dir] .micro .bg-inputBg, [dir] .micro .hover\:bg-inputBg:hover, [dir] .micro [hover\:bg-inputbg=""]:hover { background-color: var(--color-input-bg); } [dir] .micro .bg-primary { background-color: var(--color-primary); } [dir] .micro .active\:bg-secondaryBtnBg:active, [dir] .micro .bg-secondaryBtnBg { background-color: var(--color-secondary-btn-bg); } [dir] .micro .bg-transparent, [dir] .micro .hover\:bg-transparent:hover { background-color: initial; } [dir] .micro .hover\:bg-\[var\(--ds-color-background-secondary\)\]:hover, [dir] .micro .hover\:bg-dsColorBackgroundSecondary:hover, [dir] .micro-light .light\:bg-dsColorBackgroundSecondary { background-color: var(--ds-color-background-secondary); } [dir] .micro-dark .\!dark\:bg-cardBg { background-color: var(--color-card-bg) !important; } .micro-dark .dark\:bg-\[\#646b71\] { --un-bg-opacity: 1; } [dir] .micro-dark .dark\:bg-\[\#646b71\] { background-color: rgba(100,107,113,var(--un-bg-opacity)); } [dir] .micro-dark .dark\:bg-dsColorBackgroundBase { background-color: var(--ds-color-background-base); } [dir] .micro-dark .dark\:bg-dsColorLayerOne, [dir] .micro-dark [dark\:bg-dscolorlayerone=""] { background-color: var(--ds-color-layer-1); } [dir] .micro-light .\!light\:bg-bg { background-color: var(--color-bg) !important; } .micro-light .light\:bg-\[\#ddd\] { --un-bg-opacity: 1; } [dir] .micro-light .light\:bg-\[\#ddd\] { background-color: rgba(221,221,221,var(--un-bg-opacity)); } .micro .bg-opacity-20 { --un-bg-opacity: .2; } .micro .fill-contentTertiary { fill: var(--content-tertiary); } .micro .object-cover { object-fit: cover; } .micro .object-contain { object-fit: contain; } [dir] .micro .p-0 { padding: 0px; } [dir] .micro .p-12px { padding: 12px; } [dir] .micro .p-16px, [dir] .micro [p-16px=""] { padding: 16px; } [dir] .micro .p-20px { padding: 20px; } [dir] .micro .p-24px { padding: 24px; } [dir] .micro .p-4px { padding: 4px; } [dir] .micro .p-8px { padding: 8px; } [dir="ltr"] .micro .px, [dir="ltr"] .micro [px=""], [dir="rtl"] .micro .px, [dir="rtl"] .micro [px=""] { padding-left: 1rem; padding-right: 1rem; } [dir="ltr"] .micro .px-4px, [dir="ltr"] .micro .px-\[4px\], [dir="ltr"] .micro [px-4px=""], [dir="rtl"] .micro .px-4px, [dir="rtl"] .micro .px-\[4px\], [dir="rtl"] .micro [px-4px=""] { padding-left: 4px; padding-right: 4px; } [dir="ltr"] .micro .px-6px, [dir="ltr"] .micro .px-\[6px\], [dir="rtl"] .micro .px-6px, [dir="rtl"] .micro .px-\[6px\] { padding-left: 6px; padding-right: 6px; } [dir="ltr"] .micro .px-8px, [dir="ltr"] .micro .px-\[8px\], [dir="ltr"] .micro [px-8px=""], [dir="rtl"] .micro .px-8px, [dir="rtl"] .micro .px-\[8px\], [dir="rtl"] .micro [px-8px=""] { padding-left: 8px; padding-right: 8px; } [dir="ltr"] .micro .px-10px, [dir="rtl"] .micro .px-10px { padding-left: 10px; padding-right: 10px; } [dir="ltr"] .micro .px-11px, [dir="rtl"] .micro .px-11px { padding-left: 11px; padding-right: 11px; } [dir="ltr"] .micro .px-12px, [dir="ltr"] .micro [px-12px=""], [dir="rtl"] .micro .px-12px, [dir="rtl"] .micro [px-12px=""] { padding-left: 12px; padding-right: 12px; } [dir="ltr"] .micro .px-14px, [dir="rtl"] .micro .px-14px { padding-left: 14px; padding-right: 14px; } [dir="ltr"] .micro .px-16px, [dir="rtl"] .micro .px-16px { padding-left: 16px; padding-right: 16px; } [dir="ltr"] .micro .px-18px, [dir="rtl"] .micro .px-18px { padding-left: 18px; padding-right: 18px; } [dir="ltr"] .micro .px-20px, [dir="ltr"] .micro [px-20px=""], [dir="rtl"] .micro .px-20px, [dir="rtl"] .micro [px-20px=""] { padding-left: 20px; padding-right: 20px; } [dir="ltr"] .micro .px-24px, [dir="rtl"] .micro .px-24px { padding-left: 24px; padding-right: 24px; } [dir="ltr"] .micro .px-2px, [dir="rtl"] .micro .px-2px { padding-left: 2px; padding-right: 2px; } [dir="ltr"] .micro .px-32px, [dir="rtl"] .micro .px-32px { padding-left: 32px; padding-right: 32px; } [dir="ltr"] .micro .px-34px, [dir="rtl"] .micro .px-34px { padding-left: 34px; padding-right: 34px; } [dir="ltr"] .micro .px-5px, [dir="rtl"] .micro .px-5px { padding-left: 5px; padding-right: 5px; } [dir] .micro .py-0px, [dir] .micro [py-0px=""] { padding-bottom: 0px; padding-top: 0px; } [dir] .micro .py-10px { padding-bottom: 10px; padding-top: 10px; } [dir] .micro .py-11px { padding-bottom: 11px; padding-top: 11px; } [dir] .micro .py-15px { padding-bottom: 15px; padding-top: 15px; } [dir] .micro .py-16px { padding-bottom: 16px; padding-top: 16px; } [dir] .micro .py-1px, [dir] .micro [py-1px=""] { padding-bottom: 1px; padding-top: 1px; } [dir] .micro .py-2px { padding-bottom: 2px; padding-top: 2px; } [dir] .micro .py-32px { padding-bottom: 32px; padding-top: 32px; } [dir] .micro .py-40px { padding-bottom: 40px; padding-top: 40px; } [dir] .micro .py-4px { padding-bottom: 4px; padding-top: 4px; } [dir] .micro .py-5px { padding-bottom: 5px; padding-top: 5px; } [dir] .micro .py-8px { padding-bottom: 8px; padding-top: 8px; } [dir] .micro .py-9px { padding-bottom: 9px; padding-top: 9px; } [dir] .micro .\!pb-15px { padding-bottom: 15px !important; } [dir] .micro .\!pt-0 { padding-top: 0px !important; } [dir] .micro .pb-0 { padding-bottom: 0px; } [dir] .micro .pb-16px, [dir] .micro [pb-16px=""] { padding-bottom: 16px; } [dir] .micro .pb-24px { padding-bottom: 24px; } [dir] .micro .pb-4px { padding-bottom: 4px; } [dir] .micro .pb-60px { padding-bottom: 60px; } [dir] .micro .pb-76px { padding-bottom: 76px; } [dir] .micro .pb-8px { padding-bottom: 8px; } .micro .pe-\[20px\] { padding-inline-end: 20px; } .micro .pe-8px { padding-inline-end: 8px; } [dir="ltr"] .micro .pl-10px { padding-left: 10px; } [dir="rtl"] .micro .pl-10px { padding-right: 10px; } [dir="ltr"] .micro .pl-12px, [dir="ltr"] .micro [pl-12px=""] { padding-left: 12px; } [dir="rtl"] .micro .pl-12px, [dir="rtl"] .micro [pl-12px=""] { padding-right: 12px; } [dir="ltr"] .micro .pl-20px { padding-left: 20px; } [dir="rtl"] .micro .pl-20px { padding-right: 20px; } [dir="ltr"] .micro .pl-28px { padding-left: 28px; } [dir="rtl"] .micro .pl-28px { padding-right: 28px; } [dir="ltr"] .micro .pl-30px { padding-left: 30px; } [dir="rtl"] .micro .pl-30px { padding-right: 30px; } [dir="ltr"] .micro .pl-6px, [dir="ltr"] .micro [pl-6px=""] { padding-left: 6px; } [dir="rtl"] .micro .pl-6px, [dir="rtl"] .micro [pl-6px=""] { padding-right: 6px; } [dir="ltr"] .micro .pr-16px { padding-right: 16px; } [dir="rtl"] .micro .pr-16px { padding-left: 16px; } [dir="ltr"] .micro .pr-30px { padding-right: 30px; } [dir="rtl"] .micro .pr-30px { padding-left: 30px; } [dir="ltr"] .micro .pr-6px, [dir="ltr"] .micro [pr-6px=""] { padding-right: 6px; } [dir="rtl"] .micro .pr-6px, [dir="rtl"] .micro [pr-6px=""] { padding-left: 6px; } [dir="ltr"] .micro .pr-8px { padding-right: 8px; } [dir="rtl"] .micro .pr-8px { padding-left: 8px; } .micro .ps-12px { padding-inline-start: 12px; } .micro .ps-28px { padding-inline-start: 28px; } [dir] .micro .pt-4px, [dir] .micro .pt-\[4px\] { padding-top: 4px; } [dir] .micro .pt-12px { padding-top: 12px; } [dir] .micro .pt-16px { padding-top: 16px; } [dir] .micro .pt-30px { padding-top: 30px; } [dir] .micro .pt-8px { padding-top: 8px; } [dir] .micro .text-center, [dir] .micro [text-center=""] { text-align: center; } [dir="ltr"] .micro .text-right, [dir="ltr"] .micro [text-right=""], [dir="rtl"] .micro .text-left { text-align: right; } [dir="rtl"] .micro .text-right, [dir="rtl"] .micro [text-right=""] { text-align: left; } [dir] .micro .text-end { text-align: end; } .micro .align-middle { vertical-align: middle; } .micro .\!text-12px { font-size: 12px !important; } .micro .\!text-15px { font-size: 15px !important; } .micro .\!text-16px { font-size: 16px !important; } .micro .text-12px, .micro .text-\[12px\], .micro [text-12px=""] { font-size: 12px; } .micro .text-10px, .micro [text-10px=""] { font-size: 10px; } .micro .text-11px { font-size: 11px; } .micro .text-14px, .micro [text-14px=""] { font-size: 14px; } .micro .text-15px { font-size: 15px; } .micro .text-16px, .micro [text-16px=""] { font-size: 16px; } .micro .text-18px { font-size: 18px; } .micro .text-20px { font-size: 20px; } .micro .text-24px { font-size: 24px; } .micro .text-8px { font-size: 8px; } .micro .\!font-500 { font-weight: 500 !important; } .micro .font-400, .micro [font-400=""] { font-weight: 400; } .micro .font-500, .micro [font-500=""] { font-weight: 500; } .micro .font-600, .micro [font-600=""] { font-weight: 600; } .micro .font-700, .micro .fw-700, .micro [font-700=""] { font-weight: 700; } .micro .\!leading-\[64px\] { line-height: 64px !important; } .micro .\!leading-18px { line-height: 18px !important; } .micro .leading-\[1\.22\] { line-height: 1.22; } .micro .leading-\[1\.4\] { line-height: 1.4; } .micro .leading-\[10px\] { line-height: 10px; } .micro .leading-140\%, .micro .leading-\[140\%\], .micro [leading-140\%=""] { line-height: 140%; } .micro .leading-1 { line-height: 0.25rem; } .micro .leading-120\% { line-height: 120%; } .micro .leading-12px { line-height: 12px; } .micro .leading-14px, .micro [leading-14px=""] { line-height: 14px; } .micro .leading-16px, .micro [leading-16px=""] { line-height: 16px; } .micro .leading-17px { line-height: 17px; } .micro .leading-18px, .micro [leading-18px=""] { line-height: 18px; } .micro .leading-20px, .micro [leading-20px=""] { line-height: 20px; } .micro .leading-22px, .micro [leading-22px=""] { line-height: 22px; } .micro .leading-24px { line-height: 24px; } .micro .leading-25px { line-height: 25px; } .micro .leading-28px { line-height: 28px; } .micro .leading-32px { line-height: 32px; } .micro .leading-40px { line-height: 40px; } .micro .leading-44px { line-height: 44px; } .micro .leading-48px { line-height: 48px; } .micro .leading-none { line-height: 1; } .micro .leading-normal { line-height: 1.5; } .micro .not-italic { font-style: normal; } .micro .color-\[var\(--color-third-text\)\], .micro .text-thirdText, .micro [text-thirdtext=""] { color: var(--color-third-text); } .micro .color-contentTertiary, .micro .text-contentTertiary, .micro [text-contenttertiary=""] { color: var(--content-tertiary); } .micro .color-dsColorTextPrimary, .micro .text-\[var\(--ds-color-text-primary\)\], .micro .text-dsColorTextPrimary { color: var(--ds-color-text-primary); } .micro .\!text-contentInversePrimary { color: var(--content-inverse-primary) !important; } .micro .\!text-contentPrimary { color: var(--content-primary) !important; } .micro .\!text-dsColorTextSecondary { color: var(--ds-color-text-secondary) !important; } .micro .\!text-primary { color: var(--color-primary) !important; } .micro .\!text-primaryText { color: var(--color-primary-text) !important; } .micro .hover\:text-contentPrimary:hover, .micro .text-contentPrimary { color: var(--content-primary); } .micro .text-\[\#00f0ff\] { --un-text-opacity: 1; color: rgba(0,240,255,var(--un-text-opacity)); } .micro .text-\[\#a0a3a7\] { --un-text-opacity: 1; color: rgba(160,163,167,var(--un-text-opacity)); } .micro .text-\[\#ffffff\], .micro .text-white { --un-text-opacity: 1; color: rgba(255,255,255,var(--un-text-opacity)); } .micro .text-\[var\(--ds-color-function-vip-text\)\] { color: var(--ds-color-function-vip-text); } .micro .text-\[var\(--ds-color-text-inverse-tertiary\)\] { color: var(--ds-color-text-inverse-tertiary); } .micro .text-\[var\(--ds-color-text-success\)\] { color: var(--ds-color-text-success); } .micro .text-\[var\(--ds-color-text-tertiary\)\], .micro .text-dsColorTextTertiary, .micro [text-dscolortexttertiary=""] { color: var(--ds-color-text-tertiary); } .micro .text-\[var\(--ds-color-text-warning\)\] { color: var(--ds-color-text-warning); } .micro .text-bg { color: var(--color-bg); } .micro .text-brand { color: var(--color-brand); } .micro .text-buy { color: var(--color-buy); } .micro .text-contentDisabled { color: var(--content-disabled); } .micro .text-contentInversePrimary { color: var(--content-inverse-primary); } .micro .text-contentInverseTertiary, .micro [text-contentinversetertiary=""] { color: var(--content-inverse-tertiary); } .micro .text-contentLinkDefault { color: var(--content-link-default); } .micro .text-contentSecondary { color: var(--content-secondary); } .micro .text-contentTradeBuyText { color: var(--content-trade-buy-text); } .micro .text-contentTradeSellText { color: var(--content-trade-sell-text); } .micro .text-disabledText { color: var(--color-disabled-text); } .micro .text-dsColorFunctionBrand { color: var(--ds-color-function-brand); } .micro .text-dsColorFunctionError { color: var(--ds-color-function-error); } .micro .text-dsColorFunctionErrorDisabled { color: var(--ds-color-function-error-disabled); } .micro .text-dsColorFunctionSuccess { color: var(--ds-color-function-success); } .micro .text-dsColorFunctionSuccessDisabled { color: var(--ds-color-function-success-disabled); } .micro .text-dsColorFunctionWarning { color: var(--ds-color-function-warning); } .micro .text-dsColorTextSecondary { color: var(--ds-color-text-secondary); } .micro .text-placeholderText { color: var(--color-placeholder-text); } .micro .text-primary { color: var(--color-primary); } .micro .text-secondaryText, .micro [text-secondarytext=""] { color: var(--color-secondary-text); } .micro .text-sell { color: var(--color-sell); } .micro .tab, .micro [tab=""] { tab-size: 4; } .micro .opacity-0 { opacity: 0; } .micro .opacity-100 { opacity: 1; } .micro .opacity-50 { opacity: 0.5; } .micro .opacity-60 { opacity: 0.6; } .micro .opacity-70 { opacity: 0.7; } .micro .shadow, .micro [shadow=""], .micro-light .light\:shadow, .micro-light [light\:shadow=""] { --un-shadow: 2px 4px 6px 2px var(--un-shadow-color,rgba(171,188,203,.12)); } [dir] .micro .shadow, [dir] .micro [shadow=""], [dir] .micro-light .light\:shadow, [dir] .micro-light [light\:shadow=""] { box-shadow: var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow); } .micro-light .light\:shadow-popover, .micro-light [light\:shadow-popover=""] { --un-shadow: 0px 0px 32px 0px var(--un-shadow-color,rgba(146,160,171,.28)); } [dir] .micro-light .light\:shadow-popover, [dir] .micro-light [light\:shadow-popover=""] { box-shadow: var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow); } .micro .outline { outline-style: solid; } .micro .backdrop-blur-10px { --un-backdrop-blur: blur(10px); backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia); } [dir] .micro .transition-colors { transition-duration: 0.15s; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } [dir] .micro .transition-opacity { transition-duration: 0.15s; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } [dir] .micro .transition-transform, [dir] .micro [transition-transform=""] { transition-duration: 0.15s; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } [dir] .micro .duration-150 { transition-duration: 0.15s; } [dir] .micro .duration-300, [dir] .micro [duration-300=""] { transition-duration: 0.3s; } [dir] .micro .duration-50 { transition-duration: 50ms; } [dir] .micro .duration-900 { transition-duration: 0.9s; } [dir] .micro .ease, [dir] .micro .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } [dir] .micro .ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } @media (max-width: 1023.9px) { .micro .lt-lg\:\!hidden { display: none !important; } } @media (max-width: 767.9px) { .micro .lt-md\:\!fixed, .micro [lt-md\:\!fixed=""] { position: fixed !important; } [dir="ltr"] .micro .lt-md\:left-0, [dir="ltr"] .micro [lt-md\:left-0=""] { left: 0px; } [dir="rtl"] .micro .lt-md\:left-0, [dir="rtl"] .micro [lt-md\:left-0=""] { right: 0px; } [dir] .micro .lt-md\:m-0 { margin: 0px; } [dir] .micro .lt-md\:\!mt-4px { margin-top: 4px !important; } [dir] .micro .lt-md\:mt-16px { margin-top: 16px; } .micro .lt-md\:\!block { display: block !important; } .micro .lt-md\:\!hidden { display: none !important; } .micro .lt-md\:h-\[calc\(100vh-56px\)\] { height: calc(-56px + 100vh); } .micro .lt-md\:h-\[calc\(100vh-96px\)\] { height: calc(-96px + 100vh); } .micro .lt-md\:h-24px { height: 24px; } .micro .lt-md\:h-48px, .micro [lt-md\:h-48px=""] { height: 48px; } .micro .lt-md\:max-h-\[calc\(100vh-150px\)\] { max-height: calc(-150px + 100vh); } .micro .lt-md\:max-h-\[calc\(100vh-56px\)\] { max-height: calc(-56px + 100vh); } .micro .lt-md\:max-h-\[calc\(100vh-96px\)\] { max-height: calc(-96px + 100vh); } .micro .lt-md\:max-w-158px { max-width: 158px; } .micro .lt-md\:w-24px { width: 24px; } .micro .lt-md\:\!gap-16px { gap: 16px !important; } [dir="ltr"] .micro .lt-md\:\!px-16px, [dir="rtl"] .micro .lt-md\:\!px-16px { padding-left: 16px !important; padding-right: 16px !important; } [dir="ltr"] .micro .lt-md\:px-15px, [dir="rtl"] .micro .lt-md\:px-15px { padding-left: 15px; padding-right: 15px; } [dir="ltr"] .micro .lt-md\:px-16px, [dir="rtl"] .micro .lt-md\:px-16px { padding-left: 16px; padding-right: 16px; } [dir="ltr"] .micro .lt-md\:pl-10px { padding-left: 10px; } [dir="rtl"] .micro .lt-md\:pl-10px { padding-right: 10px; } .micro .lt-md\:text-17px, .micro [lt-md\:text-17px=""] { font-size: 17px; } } @media (min-width: 768px) { [dir="ltr"] .micro .md\:ml-0 { margin-left: 0px; } [dir="rtl"] .micro .md\:ml-0 { margin-right: 0px; } .micro .\!md\:hidden, .micro .md\:\!hidden { display: none !important; } .micro .md\:hidden { display: none; } .micro .\!md\:h-32px { height: 32px !important; } .micro .\!md\:w-103px { width: 103px !important; } .micro .md\:\!h-64px { height: 64px !important; } .micro .md\:h-48px, .micro [md\:h-48px=""] { height: 48px; } .micro .md\:w-48px, .micro [md\:w-48px=""] { width: 48px; } .micro .md\:w-88px, .micro [md\:w-88px=""] { width: 88px; } .micro .md\:flex-col { flex-direction: column; } .micro .md\:items-start { align-items: flex-start; } .micro .md\:\!gap-20px { gap: 20px !important; } .micro .md\:\!gap-64px { gap: 64px !important; } .micro .md\:gap-16px { gap: 16px; } .micro .md\:gap-23px { gap: 23px; } [dir] .micro .md\:p-24px { padding: 24px; } [dir="ltr"] .micro .md\:text-left { text-align: left; } [dir="rtl"] .micro .md\:text-left { text-align: right; } .micro .md\:leading-12px { line-height: 12px; } } @media (min-width: 1024px) { .micro .lg\:h-22px { height: 22px; } .micro .lg\:\!gap-12px { gap: 12px !important; } .micro .lg\:\!gap-48px { gap: 48px !important; } } @media (min-width: 1440px) { .micro .\32 xl\:\!gap-20px { gap: 20px !important; } .micro .\32 xl\:\!gap-64px { gap: 64px !important; } } .mi-theme-light-vue3 { --ds-color-background-disabled: var(--ds-color-neutral-2); --ds-color-background-input: var(--ds-color-neutral-1); --ds-color-background-input-grey: var(--ds-color-neutral-1); --ds-color-background-inverse-disabled: var(--ds-color-neutral-7); --ds-color-background-inverse-primary: var(--ds-color-neutral-10); --ds-color-background-inverse-secondary: var(--ds-color-neutral-8); --ds-color-background-inverse-tertiary: var(--ds-color-neutral-6); --ds-color-background-mask: var(--ds-color-black-alpha-70); --ds-color-background-primary: var(--ds-color-neutral-white); --ds-color-background-secondary: var(--ds-color-neutral-1); --ds-color-background-tertiary: var(--ds-color-neutral-1); --ds-color-background-tooltip: var(--ds-color-neutral-7); --ds-color-background-popover: var(--ds-color-neutral-white); --ds-color-background-mask-alt: var(--ds-color-black-alpha-70); --ds-color-border-black: var(--ds-color-neutral-8); --ds-color-border-strong: var(--ds-color-neutral-3); --ds-color-border-subtle: var(--ds-color-neutral-2); --ds-color-border-gutter: var(--ds-color-neutral-1); --ds-color-function-brand: var(--ds-color-brand-6); --ds-color-function-brand-active: var(--ds-color-brand-7); --ds-color-function-brand-disabled: var(--ds-color-brand-3); --ds-color-function-brand-hover: var(--ds-color-brand-5); --ds-color-function-brand-soft: var(--ds-color-brand-1); --ds-color-function-error: var(--ds-color-rose-6); --ds-color-function-error-active: var(--ds-color-rose-7); --ds-color-function-error-disabled: var(--ds-color-rose-3); --ds-color-function-error-hover: var(--ds-color-rose-5); --ds-color-function-error-soft: var(--ds-color-rose-1); --ds-color-function-success: var(--ds-color-green-6); --ds-color-function-success-active: var(--ds-color-green-7); --ds-color-function-success-disabled: var(--ds-color-green-3); --ds-color-function-success-hover: var(--ds-color-green-5); --ds-color-function-success-soft: var(--ds-color-green-1); --ds-color-function-trade-buy: #01bc8d; --ds-color-function-trade-buy-active: #01a07e; --ds-color-function-trade-buy-disabled: #7de4c0; --ds-color-function-trade-buy-hover: #26c99b; --ds-color-function-trade-buy-soft: var(--ds-color-green-1); --ds-color-function-trade-sell: var(--ds-color-red-6); --ds-color-function-trade-sell-active: var(--ds-color-red-7); --ds-color-function-trade-sell-disabled: var(--ds-color-red-3); --ds-color-function-trade-sell-hover: var(--ds-color-red-5); --ds-color-function-warning: var(--ds-color-orange-6); --ds-color-function-warning-active: var(--ds-color-orange-7); --ds-color-function-warning-disabled: var(--ds-color-orange-3); --ds-color-function-warning-hover: var(--ds-color-orange-5); --ds-color-function-warning-soft: var(--ds-color-orange-1); --ds-color-function-discovery: var(--ds-color-purple-7); --ds-color-function-discovery-soft: var(--ds-color-purple-1); --ds-color-function-discovery-disabled: var(--ds-color-neutral-2); --ds-color-layer-0: var(--ds-color-neutral-white); --ds-color-layer-1: #f9f9fa; --ds-color-layer-2: var(--ds-color-neutral-2); --ds-color-layer-3: var(--ds-color-neutral-3); --ds-color-layer-active: var(--ds-color-neutral-white); --ds-color-link-default: var(--ds-color-brand-6); --ds-color-link-disabled: var(--ds-color-brand-3); --ds-color-link-hover: var(--ds-color-brand-5); --ds-color-link-pressed: var(--ds-color-brand-7); --ds-color-text-error: var(--ds-color-rose-6); --ds-color-text-inverse-primary: var(--ds-color-neutral-1); --ds-color-text-inverse-secondary: var(--ds-color-neutral-4); --ds-color-text-inverse-tertiary: var(--ds-color-neutral-5); --ds-color-text-primary: var(--ds-color-neutral-10); --ds-color-text-secondary: var(--ds-color-neutral-6); --ds-color-text-tertiary: var(--ds-color-neutral-5); --ds-color-text-disabled: var(--ds-color-neutral-4); --ds-color-text-success: var(--ds-color-green-6); --ds-color-text-warning: var(--ds-color-orange-6); --ds-color-card-discovery: rgba(213,191,239,.5); --mi-color-white: var(--ds-color-always-white); --mi-color-black: var(--ds-color-always-black); --mi-color-clear: none; --mi-color-main: var(--ds-color-background-inverse-primary); --mi-color-main-hover: linear-gradient(0deg,hsla(0,0%,100%,.12) 0%,hsla(0,0%,100%,.12) 100%),var(--ds-color-background-inverse-primary); --mi-color-main-active: linear-gradient(0deg,hsla(0,0%,100%,.18) 0%,hsla(0,0%,100%,.18) 100%),var(--ds-color-background-inverse-primary); --mi-color-main-disabled: var(--ds-color-background-inverse-disabled); --mi-color-main-plain: var(--ds-color-always-white); --mi-color-chunky: var(--ds-color-background-primary); --mi-color-chunky-hover: linear-gradient(0deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.05) 100%),var(--ds-color-background-primary); --mi-color-chunky-active: linear-gradient(0deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.1) 100%),var(--ds-color-background-primary); --mi-color-chunky-disabled: var(--ds-color-background-inverse-disabled); --mi-color-chunky-plain: var(--ds-color-always-white); --mi-color-primary: var(--ds-color-function-brand); --mi-color-primary-hover: var(--ds-color-function-brand-hover); --mi-color-primary-active: var(--ds-color-function-brand-active); --mi-color-primary-disabled: var(--ds-color-bit-color-primary-disabled); --mi-color-primary-plain: var(--ds-color-function-brand-soft); --mi-color-success: var(--ds-color-function-success); --mi-color-success-hover: var(--ds-color-function-success-hover); --mi-color-success-active: var(--ds-color-function-success-active); --mi-color-success-disabled: var(--ds-color-function-success-disabled); --mi-color-success-plain: var(--ds-color-function-success-soft); --mi-color-warning: var(--ds-color-function-warning); --mi-color-warning-hover: var(--ds-color-function-warning-hover); --mi-color-warning-active: var(--ds-color-function-warning-active); --mi-color-warning-disabled: var(--ds-color-function-warning-disabled); --mi-color-warning-plain: var(--ds-color-function-warning-soft); --mi-color-danger: var(--ds-color-function-error); --mi-color-danger-hover: var(--ds-color-function-error-hover); --mi-color-danger-active: var(--ds-color-function-error-active); --mi-color-danger-disabled: var(--ds-color-function-error-disabled); --mi-color-danger-plain: var(--ds-color-function-error-soft); --mi-color-error: var(--ds-color-function-error); --mi-color-error-hover: var(--ds-color-function-error-hover); --mi-color-error-active: var(--ds-color-function-error-active); --mi-color-error-disabled: var(--ds-color-function-error); --mi-color-error-plain: var(--ds-color-function-error); --mi-color-info: #eff1f1; --mi-color-info-hover: #c8cdcd; --mi-color-info-active: #9aa3a3; --mi-color-info-disabled: #b8b8b8; --mi-color-info-plain: var(--ds-color-always-white); --mi-bg-color: #fff; --mi-bg-color-default-primary: var(--ds-color-background-primary); --mi-bg-color-primary: var(--ds-color-background-primary); --mi-bg-color-secondary: var(--ds-color-background-secondary); --mi-bg-color-special: var(--ds-color-brand-1); --mi-bg-color-tertiary: var(--ds-color-background-tertiary); --mi-bg-color-disabled: var(--ds-color-background-disabled); --mi-bg-color-popup: var(--ds-color-background-tooltip); --mi-bg-color-dialog: var(--ds-color-layer-0); --mi-bg-color-mask: var(--ds-color-background-mask); --mi-bg-color-inverse-primary: var(--ds-color-background-inverse-primary); --mi-fg-color-tertiary: var(--ds-color-layer-active); --mi-text-color-primary: var(--ds-color-text-primary); --mi-text-color-secondary: var(--ds-color-text-secondary); --mi-text-color-tertiary: var(--ds-color-text-tertiary); --mi-text-color-placeholder: var(--ds-color-text-tertiary); --mi-text-color-disabled: var(--ds-color-text-disabled); --mi-text-color-inverse-primary: var(--ds-color-text-inverse-primary); --mi-border-color: #c8cdcd; --mi-border-color-light: #eff1f1; --mi-border-color-lighter: #ebeef5; --mi-border-color-extra-light: #f2f6fc; --mi-border-color-dark: #d4d7de; --mi-border-color-darker: #cdd0d6; --mi-border-color-primary: var(--ds-color-border-subtle); --mi-border-color-secondary: var(--ds-color-border-strong); --mi-border-color-inverse-primary: var(--ds-color-border-black); --mi-border-color-grey: var(--ds-color-neutral-8); --mi-fill-color: #f0f2f5; --mi-fill-color-light: rgba(31,31,31,.03); --mi-fill-color-lighter: #fafafa; --mi-fill-color-extra-light: #fafcff; --mi-fill-color-dark: #ebedf0; --mi-fill-color-darker: rgba(31,31,31,.1); --mi-fill-color-blank: #fff; --mi-fill-color-disabled: #eff1f1; --mi-fill-color-overlay: #fff; --mi-fill-color-tertiary: #ebebeb; --mi-box-shadow: 0px 1px 5px 2px rgba(146,160,171,.1); --mi-box-shadow-light: 0px 6px 18px rgba(146,160,171,.2); --mi-box-shadow-lighter: 0px 10px 32px rgba(146,160,171,.28); --mi-box-shadow-dark: 0px 12px 40px rgba(146,160,171,.36); --mi-box-shadow-input: 0px 0px 0px 2px rgba(3,170,199,.14); --mi-disabled-bg-color: var(--mi-bg-color-disabled); --mi-disabled-text-color: var(--mi-text-color-disabled); --mi-disabled-border-color: var(--mi-border-color-secondary); --mi-overlay-color: rgba(0,0,0,.8); --mi-overlay-color-light: rgba(0,0,0,.7); --mi-overlay-color-lighter: rgba(0,0,0,.5); --mi-mask-color: hsla(0,0%,100%,.9); --mi-mask-color-extra-light: hsla(0,0%,100%,.3); --mi-border-color-hover: var(--mi-color-primary); --mi-svg-monochrome-grey: var(--mi-border-color); --content-primary: var(--ds-color-text-primary); --content-secondary: var(--ds-color-text-secondary); --content-tertiary: var(--ds-color-text-tertiary); --content-disabled: var(--ds-color-text-disabled); --content-link-default: var(--ds-color-link-default); --content-link-hover: var(--ds-color-link-hover); --content-always-black: var(--ds-color-always-black); --content-always-white: var(--ds-color-always-white); --content-success: var(--ds-color-function-success); --content-error: var(--ds-color-function-error); --content-warning: var(--ds-color-function-warning); --content-trade-buy-text: var(--ds-color-function-trade-buy); --content-trade-sell-text: var(--ds-color-function-trade-sell); --content-trade-buy: var(--ds-color-function-trade-buy); --content-trade-sell: var(--ds-color-function-trade-sell); --content-inverse-primary: var(--ds-color-text-inverse-primary); --content-inverse-secondary: var(--ds-color-text-inverse-secondary); --content-inverse-tertiary: var(--ds-color-text-inverse-secondary); --content-highlight-blue: var(--ds-color-brand-6); --border-strength-100: var(--ds-color-border-subtle); --border-strength-200: var(--ds-color-border-strong); --border-strength-800: var(--ds-color-border-black); --border-blue: var(--ds-color-brand-6); --border-orange: var(--ds-color-orange-6); --border-grey: var(--ds-color-neutral-7); --border-yellow: var(--ds-color-yellow-6); --border-red: var(--ds-color-rose-6); --background-primary: var(--ds-color-background-primary); --background-secondary: var(--ds-color-background-secondary); --background-tertiary: var(--ds-color-background-tertiary); --background-disabled: var(--ds-color-background-disabled); --background-always-black: var(--ds-color-always-black); --background-blue-soft: var(--ds-color-function-brand-soft); --background-blue-sharp: var(--ds-color-function-brand); --background-purple-soft: var(--ds-color-purple-3); --background-purple-sharp: var(--ds-color-purple-6); --background-orange-soft: var(--ds-color-orange-2); --background-orange-sharp: var(--ds-color-orange-3); --background-inverse-primary: var(--ds-color-background-inverse-primary); --background-inverse-secondary: var(--ds-color-background-inverse-secondary); --background-inverse-tertiary: var(--ds-color-background-inverse-tertiary); --background-popup: var(--ds-color-background-tooltip); --background-coptytading-banner: var(--ds-color-brand-1); --content-layer-active: var(--ds-color-layer-active); } .mi-theme-dark-vue3 { --ds-color-background-disabled: var(--ds-color-neutral-7); --ds-color-background-input: var(--ds-color-neutral-8); --ds-color-background-input-grey: #1f2023; --ds-color-background-inverse-disabled: var(--ds-color-neutral-2); --ds-color-background-inverse-primary: var(--ds-color-neutral-white); --ds-color-background-inverse-secondary: var(--ds-color-neutral-1); --ds-color-background-inverse-tertiary: var(--ds-color-neutral-2); --ds-color-background-mask: var(--ds-color-black-alpha-70); --ds-color-background-primary: var(--ds-color-neutral-10); --ds-color-background-secondary: #1f2023; --ds-color-background-tertiary: var(--ds-color-neutral-8); --ds-color-background-tooltip: var(--ds-color-neutral-7); --ds-color-background-popover: var(--ds-color-neutral-7); --ds-color-background-mask-alt: var(--ds-color-black-alpha-80); --ds-color-border-black: var(--ds-color-neutral-white); --ds-color-border-strong: var(--ds-color-neutral-7); --ds-color-border-subtle: #27282b; --ds-color-border-gutter: #0e0f11; --ds-color-function-brand: var(--ds-color-brand-6); --ds-color-function-brand-active: var(--ds-color-brand-7); --ds-color-function-brand-disabled: var(--ds-color-brand-8); --ds-color-function-brand-hover: var(--ds-color-brand-5); --ds-color-function-brand-soft: var(--ds-color-brand-10); --ds-color-function-error: var(--ds-color-rose-6); --ds-color-function-error-active: var(--ds-color-rose-4); --ds-color-function-error-disabled: var(--ds-color-rose-8); --ds-color-function-error-hover: var(--ds-color-rose-6); --ds-color-function-error-soft: var(--ds-color-rose-10); --ds-color-function-success: var(--ds-color-green-5); --ds-color-function-success-active: var(--ds-color-green-4); --ds-color-function-success-disabled: var(--ds-color-green-8); --ds-color-function-success-hover: var(--ds-color-green-6); --ds-color-function-success-soft: var(--ds-color-green-10); --ds-color-function-trade-buy: #26c99b; --ds-color-function-trade-buy-active: #4fd7ac; --ds-color-function-trade-buy-disabled: #00846c; --ds-color-function-trade-buy-hover: #01bc8d; --ds-color-function-trade-buy-soft: var(--ds-color-green-10); --ds-color-function-trade-sell: var(--ds-color-red-6); --ds-color-function-trade-sell-active: var(--ds-color-red-7); --ds-color-function-trade-sell-disabled: var(--ds-color-red-7); --ds-color-function-trade-sell-hover: var(--ds-color-red-5); --ds-color-function-warning: var(--ds-color-orange-5); --ds-color-function-warning-active: var(--ds-color-orange-4); --ds-color-function-warning-disabled: var(--ds-color-orange-8); --ds-color-function-warning-hover: var(--ds-color-orange-6); --ds-color-function-warning-soft: var(--ds-color-orange-10); --ds-color-function-discovery: var(--ds-color-purple-5); --ds-color-function-discovery-soft: var(--ds-color-purple-10); --ds-color-function-discovery-disabled: var(--ds-color-neutral-7); --ds-color-layer-0: var(--ds-color-neutral-9); --ds-color-layer-1: #1b1b1d; --ds-color-layer-2: var(--ds-color-neutral-8); --ds-color-layer-3: var(--ds-color-neutral-7); --ds-color-layer-active: var(--ds-color-neutral-7); --ds-color-link-default: var(--ds-color-brand-5); --ds-color-link-disabled: var(--ds-color-brand-8); --ds-color-link-hover: var(--ds-color-brand-6); --ds-color-link-pressed: var(--ds-color-brand-4); --ds-color-text-error: var(--ds-color-rose-5); --ds-color-text-inverse-primary: var(--ds-color-neutral-10); --ds-color-text-inverse-secondary: var(--ds-color-neutral-6); --ds-color-text-inverse-tertiary: var(--ds-color-neutral-5); --ds-color-text-primary: var(--ds-color-neutral-1); --ds-color-text-secondary: var(--ds-color-neutral-2); --ds-color-text-tertiary: var(--ds-color-neutral-5); --ds-color-text-disabled: var(--ds-color-neutral-6); --ds-color-text-success: var(--ds-color-green-5); --ds-color-text-warning: var(--ds-color-orange-5); --ds-color-card-discovery: rgba(213,191,239,.5); --mi-color-main: var(--ds-color-background-inverse-primary); --mi-color-main-hover: linear-gradient(0deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.05) 100%),var(--ds-color-background-inverse-primary); --mi-color-main-active: linear-gradient(0deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.1) 100%),var(--ds-color-background-inverse-primary); --mi-color-main-disabled: var(--ds-color-background-inverse-disabled); --mi-color-main-plain: var(--ds-color-always-black); --mi-color-chunky: var(--ds-color-background-primary); --mi-color-chunky-hover: linear-gradient(0deg,hsla(0,0%,100%,.12) 0%,hsla(0,0%,100%,.12) 100%),var(--ds-color-background-primary); --mi-color-chunky-active: linear-gradient(0deg,hsla(0,0%,100%,.18) 0%,hsla(0,0%,100%,.18) 100%),var(--ds-color-background-primary); --mi-color-chunky-disabled: var(--ds-color-background-inverse-disabled); --mi-color-chunky-plain: var(--ds-color-always-black); --mi-color-primary: var(--ds-color-function-brand); --mi-color-primary-hover: var(--ds-color-function-brand-hover); --mi-color-primary-active: var(--ds-color-function-brand-active); --mi-color-primary-disabled: var(--ds-color-bit-color-primary-disabled); --mi-color-primary-plain: var(--ds-color-function-brand-soft); --mi-color-success: var(--ds-color-function-success); --mi-color-success-hover: var(--ds-color-function-success-hover); --mi-color-success-active: var(--ds-color-function-success-active); --mi-color-success-disabled: var(--ds-color-function-success-disabled); --mi-color-success-plain: var(--ds-color-function-success-soft); --mi-color-warning: var(--ds-color-function-warning); --mi-color-warning-hover: var(--ds-color-function-warning-hover); --mi-color-warning-active: var(--ds-color-function-warning-active); --mi-color-warning-disabled: var(--ds-color-function-warning-disabled); --mi-color-warning-plain: var(--ds-color-function-warning-soft); --mi-color-danger: var(--ds-color-function-error); --mi-color-danger-hover: var(--ds-color-function-error-hover); --mi-color-danger-active: var(--ds-color-function-error-active); --mi-color-danger-disabled: var(--ds-color-function-error-disabled); --mi-color-danger-plain: var(--ds-color-function-error-soft); --mi-color-error: var(--ds-color-function-error); --mi-color-error-hover: var(--ds-color-function-error-hover); --mi-color-error-active: var(--ds-color-function-error-active); --mi-color-error-disabled: var(--ds-color-function-error-disabled); --mi-color-error-plain: var(--ds-color-function-error-soft); --mi-color-info: #222525; --mi-color-info-hover: #414747; --mi-color-info-active: #656e6f; --mi-color-info-disabled: #b8b8b8; --mi-color-info-plain: var(--ds-color-always-black); --mi-box-shadow: 0px 1px 7px rgba(0,0,0,.3); --mi-box-shadow-light: 0px 6px 24px rgba(0,0,0,.2); --mi-box-shadow-lighter: 0px 10px 32px rgba(0,0,0,.5); --mi-box-shadow-dark: 0px 12px 42px rgba(0,0,0,.6); --mi-bg-color: #1f1f1f; --mi-bg-color-default-primary: transparent; --mi-bg-color-primary: var(--ds-color-background-primary); --mi-bg-color-secondary: var(--ds-color-background-secondary); --mi-bg-color-special: var(--ds-color-brand-1); --mi-bg-color-tertiary: var(--ds-color-background-tertiary); --mi-bg-color-disabled: var(--ds-color-background-disabled); --mi-bg-color-popup: var(--ds-color-background-tooltip); --mi-bg-color-dialog: var(--ds-color-layer-0); --mi-bg-color-mask: var(--ds-color-background-mask); --mi-bg-color-inverse-primary: var(--ds-color-background-inverse-primary); --mi-fg-color-tertiary: var(--ds-color-layer-active); --mi-text-color-primary: var(--ds-color-text-primary); --mi-text-color-secondary: var(--ds-color-text-secondary); --mi-text-color-tertiary: var(--ds-color-text-tertiary); --mi-text-color-placeholder: var(--ds-color-text-tertiary); --mi-text-color-disabled: var(--ds-color-text-disabled); --mi-text-color-inverse-primary: var(--ds-color-text-inverse-primary); --mi-border-color-darker: rgba(245,248,255,.35); --mi-border-color-dark: rgba(245,248,255,.3); --mi-border-color: rgba(245,248,255,.25); --mi-border-color-light: #222525; --mi-border-color-lighter: rgba(245,248,255,.15); --mi-border-color-extra-light: rgba(245,248,255,.1); --mi-border-color-primary: var(--ds-color-border-subtle); --mi-border-color-secondary: var(--ds-color-border-strong); --mi-border-color-inverse-primary: var(--ds-color-border-black); --mi-border-color-grey: var(--ds-color-neutral-8); --mi-fill-color: #393a3a; --mi-fill-color-light: #262626; --mi-fill-color-lighter: #282828; --mi-fill-color-extra-light: #232323; --mi-fill-color-dark: #424243; --mi-fill-color-darker: #353535; --mi-fill-color-blank: transparent; --mi-fill-color-overlay: #0d0e0e; --mi-mask-color: rgba(0,0,0,.8); --mi-mask-color-extra-light: rgba(0,0,0,.3); --mi-border-color-hover: var(--mi-color-primary); --mi-svg-monochrome-grey: var(--mi-border-color); --content-primary: var(--ds-color-text-primary); --content-secondary: var(--ds-color-text-secondary); --content-tertiary: var(--ds-color-text-tertiary); --content-disabled: var(--ds-color-text-disabled); --content-link-default: var(--ds-color-link-default); --content-link-hover: var(--ds-color-link-hover); --content-always-black: var(--ds-color-always-black); --content-always-white: var(--ds-color-always-white); --content-success: var(--ds-color-function-success); --content-error: var(--ds-color-function-error); --content-warning: var(--ds-color-function-warning); --content-trade-buy: var(--ds-color-function-trade-buy); --content-trade-sell: var(--ds-color-function-trade-sell); --content-trade-buy-text: var(--ds-color-function-trade-buy); --content-trade-sell-text: var(--ds-color-function-trade-sell); --content-inverse-primary: var(--ds-color-text-inverse-primary); --content-inverse-secondary: var(--ds-color-text-inverse-secondary); --content-inverse-tertiary: var(--ds-color-text-inverse-secondary); --content-highlight-blue-text-on-info: var(--ds-color-brand-3); --border-strength-100: var(--ds-color-border-subtle); --border-strength-200: var(--ds-color-border-strong); --border-strength-800: var(--ds-color-border-black); --border-blue: var(--ds-color-brand-4); --border-orange: var(--ds-color-orange-4); --border-grey: var(--ds-color-neutral-2); --border-yellow: var(--ds-color-yellow-4); --border-red: var(--ds-color-rose-4); --background-primary: var(--ds-color-background-primary); --background-secondary: var(--ds-color-background-secondary); --background-tertiary: var(--ds-color-background-tertiary); --background-disabled: var(--ds-color-background-disabled); --background-always-black: var(--ds-color-always-black); --background-blue-soft: var(--ds-color-function-brand-soft); --background-blue-sharp: var(--ds-color-function-brand); --background-purple-soft: var(--ds-color-purple-8); --background-purple-sharp: var(--ds-color-purple-3); --background-orange-soft: var(--ds-color-orange-7); --background-orange-sharp: var(--ds-color-orange-3); --background-inverse-primary: var(--ds-color-background-inverse-primary); --background-inverse-secondary: var(--ds-color-background-inverse-secondary); --background-inverse-tertiary: var(--ds-color-background-inverse-tertiary); --background-popup: var(--ds-color-background-tooltip); --background-coptytading-banner: var(--ds-color-background-tertiary); --content-layer-active: var(--ds-color-layer-active); } .micro, .micro img, .micro-teleport { color: var(--color-primary-text); } .popover-enter-enter-from[data-v-e992c754] { opacity: 0; } [dir] .popover-enter-enter-from[data-v-e992c754] { transform: translateY(-15px); } .popover-enter-enter-active[data-v-e992c754] { transition: transform 0.3s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1); } .popover-enter-enter-to[data-v-e992c754] { opacity: 1; } [dir] .popover-enter-enter-to[data-v-e992c754] { transform: translateY(0px); } .popover-enter-leave-active[data-v-e992c754] { transition: transform 0.15s ease-in, opacity 0.15s ease-in; } .popover-enter-leave-to[data-v-e992c754] { opacity: 0; } [dir] .popover-enter-leave-to[data-v-e992c754] { } [dir="ltr"] .popover.left[data-v-e992c754] { right: 0px; } [dir="ltr"] .popover.right[data-v-e992c754], [dir="rtl"] .popover.left[data-v-e992c754] { left: 0px; } [dir="rtl"] .popover.right[data-v-e992c754] { right: 0px; } [dir="ltr"] .login-popover-move .popover[data-v-e992c754], [dir="rtl"] .login-popover-move .popover[data-v-e992c754] { animation: 1s ease 0s infinite normal none running move-e992c754; } .login-popover-move > div[data-v-e992c754]:first-of-type { width: 100%; } @keyframes move-e992c754 { 0% { top: 40px; } 50% { top: 60px; } 100% { top: 40px; } } .close-popover .popover-main[data-v-e992c754] { display: none; } .drawer-text-color[data-v-01527833] { color: rgb(21, 21, 23); } .item[data-v-854b5760] { align-items: center; cursor: pointer; display: flex; height: 46px; padding-left: 20px; padding-right: 20px; } .item[data-v-854b5760]:hover { background-color: var(--color-input-bg); } .menu-collapse[data-v-10d32497] { border-style: solid; border-width: 0px; } .collapse-item[data-v-10d32497] { position: relative; } .telegram-item[data-v-d82580e6] { color: var(--content-primary); display: block; font-size: 12px; font-weight: 400; line-height: 24px; text-decoration: none; } [dir] .telegram-item[data-v-d82580e6] { padding: 6px 12px; } [dir] .telegram-item[data-v-d82580e6]:hover { background-color: var(--background-tertiary); border-radius: 4px; } [data-v-d82580e6] .logo-item img { height: 32px !important; width: 32px !important; } .micro-submenu-drawer { z-index: 9999 !important; } [dir] .micro-submenu-drawer .mi-drawer__body, [dir] .micro-submenu-drawer .mi-drawer__header { background-color: var(--ds-color-background-base); } [dir] .micro-submenu-drawer .mi-drawer__header { margin-bottom: 0px !important; padding-bottom: 20px !important; } .micro-teleport { color: var(--color-primary-text); position: relative; z-index: 9999 !important; } .micro-teleport * { box-sizing: border-box; } [dir] .micro-menu-drawer .mi-drawer__body, [dir] .micro-menu-drawer .mi-drawer__header { background-color: var(--ds-color-background-base); } [dir] .micro-menu-drawer .mi-drawer__header { margin-bottom: 0px !important; padding-bottom: 20px !important; } .micro-search-provider-standalone[data-v-c30a5b9f] { min-height: 0px; } .popover-search[data-v-072a259f] .popover .popover-main { max-height: 600px; overflow: hidden; } @media screen and (max-width: 767px) { .popover-search[data-v-072a259f] .popover { height: 100vh; overscroll-behavior: contain; width: 100vw; } .popover-search[data-v-072a259f] .popover .popover-main { height: 100vh; max-height: none; overscroll-behavior: contain; } [dir] .popover-search[data-v-072a259f] .popover .popover-main { border-radius: 0px; } } .vip-chat-content-link[data-v-de3df73d], .vip-chat-content-link[data-v-de3df73d]:active, .vip-chat-content-link[data-v-de3df73d]:hover, .vip-chat-content-link[data-v-de3df73d]:visited { color: inherit; outline: none; text-decoration: none; } .vip-chat-status-tag[data-v-de3df73d] { color: var(--ds-color-function-vip-text,#be903a); } [dir] .vip-chat-status-tag[data-v-de3df73d] { background: transparent; border-color: var(--ds-color-function-vip-gutter,#f5d79d); } [dir] .vip-chat-avatar-badge[data-v-de3df73d], [dir] .vip-chat-count-badge[data-v-de3df73d] { background: var(--ds-color-function-brand,#03aac7); } @keyframes fade-8f18dbf6 { 0% { opacity: 1; } 100% { opacity: 0; } } .tabs[data-v-8f18dbf6] { --mi-border-color-light: transparent; --mi-font-size-base: 16px; --mi-text-color-primary: var(--color-third-text); } .tabs[data-v-8f18dbf6] .mi-tabs__nav { height: 50px; } .tabs[data-v-8f18dbf6] .mi-tabs__item { padding-left: 12px; padding-right: 12px; } .tabs[data-v-8f18dbf6] .mi-tabs__item.is-active { color: var(--color-primary-text); } .tabs[data-v-8f18dbf6] .mi-tabs__item:hover { color: var(--color-primary-text); opacity: 0.6; } .tabs[data-v-8f18dbf6] .mi-tabs__header { margin: 0px; } .tabs[data-v-8f18dbf6] .mi-tabs__active-bar { background-color: var(--color-primary); } .tabs[data-v-8f18dbf6] .mi-icon { top: -5px; } [dir="ltr"] .imail-popover[data-v-8f18dbf6] { box-shadow: rgba(171, 188, 203, 0.12) 2px 4px 6px 2px; } [dir="rtl"] .imail-popover[data-v-8f18dbf6] { box-shadow: rgba(171, 188, 203, 0.12) -2px 4px 6px 2px; } [dir] .icon-inmail-dot[data-v-8f18dbf6] { border-color: var(--background-primary); } [dir="ltr"] .icon-inmail-dot[data-v-8f18dbf6], [dir="rtl"] .icon-inmail-dot[data-v-8f18dbf6] { animation: 1.4s linear 0s infinite alternate-reverse none running fade-8f18dbf6; } [dir] .micro-inmail-icon:hover .icon-inmail-dot[data-v-8f18dbf6] { border-color: var(--background-secondary); } .menu-item[data-v-e4392335] { align-items: center; border-radius: 8px; color: var(--ds-color-text-primary); cursor: pointer; display: inline-flex; font-size: 16px; height: 32px; padding: 8px 12px; position: relative; white-space: nowrap; } .menu-item[data-v-e4392335]:hover { background-color: var(--background-secondary); } .menu-item .title[data-v-e4392335] { font-size: 14px; font-weight: 400; line-height: 0.25rem; } .menu-item .tag-img[data-v-e4392335] { height: 16px; position: absolute; right: -16px; top: -4px; z-index: 1; } .group-menu[data-v-e4392335] { align-items: center; border-radius: 8px; color: var(--ds-color-text-primary); cursor: pointer; display: flex; height: 32px; justify-content: center; margin-right: 8px; position: relative; width: 40px; --group-primary: currentColor; } .group-menu[data-v-e4392335]:hover { background-color: var(--background-secondary); --group-primary: var(--color-primary); } .tradifi-wrapper[data-v-e4392335] { display: inline-block; position: relative; } .tradifi-sizer[data-v-e4392335] { visibility: hidden; } .tradifi-base[data-v-e4392335], .tradifi-stocks[data-v-e4392335] { align-items: center; bottom: 0px; display: flex; justify-content: center; position: absolute; top: 0px; white-space: nowrap; } [dir="ltr"] .tradifi-base[data-v-e4392335], [dir="ltr"] .tradifi-stocks[data-v-e4392335], [dir="rtl"] .tradifi-base[data-v-e4392335], [dir="rtl"] .tradifi-stocks[data-v-e4392335] { left: 0px; right: 0px; } .tradifi-base[data-v-e4392335] { opacity: 0; } [dir="ltr"] .tradifi-base[data-v-e4392335], [dir="rtl"] .tradifi-base[data-v-e4392335] { animation: 3s linear 1.5s 1 normal forwards running kf_tradifi_fadein-e4392335; } [dir="ltr"] .tradifi-stocks[data-v-e4392335], [dir="rtl"] .tradifi-stocks[data-v-e4392335] { animation: 0.5s linear 2.5s 1 normal forwards running kf_9867_14547_opacity_0-e4392335, 3s linear normal running kf_9867_14547_scale_0-e4392335; } @keyframes kf_9867_14547_opacity_0-e4392335 { 0% { opacity: 1; } 40.239% { animation-timing-function: cubic-bezier(0.7, 0, 0.85, 0.15); opacity: 0.3; } 60.239% { opacity: 0; } 100% { opacity: 0; } } @keyframes kf_9867_14547_scale_0-e4392335 { 0% { scale: 1; } 60.239% { animation-timing-function: cubic-bezier(0.7, 0, 0.85, 0.15); scale: 1; } 85.239% { scale: 0.4; } 100% { scale: 0.4; } } @keyframes kf_tradifi_fadein-e4392335 { 0% { opacity: 0; transform: translateY(-8px); } 40.239% { animation-timing-function: cubic-bezier(0.15, 0.85, 0.3, 1); opacity: 0; transform: translateY(-8px); } 85.239% { opacity: 1; transform: translateY(0px); } 100% { opacity: 1; transform: translateY(0px); } } .micro-header[data-v-27f0f5c0] { flex-direction: column; position: relative; } .micro-header[data-v-27f0f5c0] * { box-sizing: border-box; } .micro-header[data-v-27f0f5c0] a { text-decoration: none; } [dir="rtl"] .micro-header[data-v-27f0f5c0] svg { --un-rotate: 0; --un-rotate-y: 180deg; transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } .micro-header[data-v-27f0f5c0] ::-webkit-scrollbar { height: 4px; width: 4px; } [dir] .micro-header[data-v-27f0f5c0] ::-webkit-scrollbar { background-color: initial; } .micro-header[data-v-27f0f5c0] ::-webkit-scrollbar-track { width: 4px; } [dir] .micro-header[data-v-27f0f5c0] ::-webkit-scrollbar-track { background-color: initial; } [dir] .micro-header[data-v-27f0f5c0] ::-webkit-scrollbar-thumb { background-color: var(--background-tertiary); border-radius: 4px; } .micro-header .bg[data-v-27f0f5c0] { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 0; --un-backdrop-blur: blur(10px); backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia); } html[dir] .bg[data-v-27f0f5c0] { background: var(--ds-color-always-black); } .micro *, .micro ::after, .micro ::before { --un-rotate: 0; --un-rotate-x: 0; --un-rotate-y: 0; --un-rotate-z: 0; --un-scale-x: 1; --un-scale-y: 1; --un-scale-z: 1; --un-skew-x: 0; --un-skew-y: 0; --un-translate-x: 0; --un-translate-y: 0; --un-translate-z: 0; --un-pan-x: ; --un-pan-y: ; --un-pinch-zoom: ; --un-scroll-snap-strictness: proximity; --un-ordinal: ; --un-slashed-zero: ; --un-numeric-figure: ; --un-numeric-spacing: ; --un-numeric-fraction: ; --un-border-spacing-x: 0; --un-border-spacing-y: 0; --un-ring-offset-shadow: 0 0 transparent; --un-ring-shadow: 0 0 transparent; --un-shadow-inset: ; --un-shadow: 0 0 transparent; --un-ring-inset: ; --un-ring-offset-width: 0px; --un-ring-offset-color: #fff; --un-ring-width: 0px; --un-ring-color: rgba(147,197,253,.5); --un-blur: ; --un-brightness: ; --un-contrast: ; --un-drop-shadow: ; --un-grayscale: ; --un-hue-rotate: ; --un-invert: ; --un-saturate: ; --un-sepia: ; --un-backdrop-blur: ; --un-backdrop-brightness: ; --un-backdrop-contrast: ; --un-backdrop-grayscale: ; --un-backdrop-hue-rotate: ; --un-backdrop-invert: ; --un-backdrop-opacity: ; --un-backdrop-saturate: ; --un-backdrop-sepia: ; } .micro ::backdrop { --un-rotate: 0; --un-rotate-x: 0; --un-rotate-y: 0; --un-rotate-z: 0; --un-scale-x: 1; --un-scale-y: 1; --un-scale-z: 1; --un-skew-x: 0; --un-skew-y: 0; --un-translate-x: 0; --un-translate-y: 0; --un-translate-z: 0; --un-pan-x: ; --un-pan-y: ; --un-pinch-zoom: ; --un-scroll-snap-strictness: proximity; --un-ordinal: ; --un-slashed-zero: ; --un-numeric-figure: ; --un-numeric-spacing: ; --un-numeric-fraction: ; --un-border-spacing-x: 0; --un-border-spacing-y: 0; --un-ring-offset-shadow: 0 0 transparent; --un-ring-shadow: 0 0 transparent; --un-shadow-inset: ; --un-shadow: 0 0 transparent; --un-ring-inset: ; --un-ring-offset-width: 0px; --un-ring-offset-color: #fff; --un-ring-width: 0px; --un-ring-color: rgba(147,197,253,.5); --un-blur: ; --un-brightness: ; --un-contrast: ; --un-drop-shadow: ; --un-grayscale: ; --un-hue-rotate: ; --un-invert: ; --un-saturate: ; --un-sepia: ; --un-backdrop-blur: ; --un-backdrop-brightness: ; --un-backdrop-contrast: ; --un-backdrop-grayscale: ; --un-backdrop-hue-rotate: ; --un-backdrop-invert: ; --un-backdrop-opacity: ; --un-backdrop-saturate: ; --un-backdrop-sepia: ; } .micro .visible { visibility: visible; } .micro .invisible { visibility: hidden; } .micro .absolute { position: absolute; } .micro .relative, .micro [relative=""] { position: relative; } [dir="ltr"] .micro .left-1\/2 { left: 50%; } [dir="rtl"] .micro .left-1\/2 { right: 50%; } .micro .top-0 { top: 0px; } .micro .top-1\/2 { top: 50%; } .micro [dir="ltr"] .ltr\:\!right-initial, .micro [dir="rtl"] .rtl\:\!right-initial { right: auto !important; } .micro .grid { display: grid; } .micro .row-span-1 { grid-row: span 1 / span 1; } .micro .row-span-2 { grid-row: span 2 / span 2; } .micro .grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); } .micro .grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); } [dir] .micro .m-3px { margin: 3px; } [dir="ltr"] .micro .mx-\[24px\], [dir="rtl"] .micro .mx-\[24px\] { margin-left: 24px; margin-right: 24px; } [dir="ltr"] .micro .mx-8px, [dir="rtl"] .micro .mx-8px { margin-left: 8px; margin-right: 8px; } [dir="ltr"] .micro .mx-auto, [dir="rtl"] .micro .mx-auto { margin-left: auto; margin-right: auto; } [dir] .micro .\!mb-20px { margin-bottom: 20px !important; } [dir="ltr"] .micro .\!mr-14px { margin-right: 14px !important; } [dir="rtl"] .micro .\!mr-14px { margin-left: 14px !important; } [dir] .micro .\!mt-20px { margin-top: 20px !important; } [dir] .micro .last\:mb-0:last-child { margin-bottom: 0px; } [dir] .micro .mb-\[24px\] { margin-bottom: 24px; } [dir] .micro .mb-12px { margin-bottom: 12px; } [dir] .micro .mb-8 { margin-bottom: 2rem; } [dir] .micro .mb-8px { margin-bottom: 8px; } [dir] .micro .mt-\[24px\] { margin-top: 24px; } [dir] .micro .mt-\[8px\] { margin-top: 8px; } .micro .box-border { box-sizing: border-box; } .micro .block { display: block; } .micro .inline-block { display: inline-block; } .micro .hidden { display: none; } .micro .h-\[40px\] { height: 40px; } .micro .h-\[50px\] { height: 50px; } .micro .h-20px { height: 20px; } .micro .h-32px { height: 32px; } .micro .h-54px { height: 54px; } .micro .max-w-\[220px\] { max-width: 220px; } .micro .max-w-1200px { max-width: 1200px; } .micro .min-h-50px { min-height: 50px; } .micro .w-\[40px\] { width: 40px; } .micro .w-\[50px\] { width: 50px; } .micro .w-103px { width: 103px; } .micro .w-132px { width: 132px; } .micro .w-20px { width: 20px; } .micro .w-6 { width: 1.5rem; } .micro .w-full { width: 100%; } .micro .flex { display: flex; } .micro .inline-flex { display: inline-flex; } .micro .flex-1 { flex: 1 1 0%; } .micro .shrink-0 { flex-shrink: 0; } .micro .flex-row { flex-direction: row; } .micro .flex-col { flex-direction: column; } .micro .flex-wrap { flex-wrap: wrap; } .micro .-translate-x-1\/2 { --un-translate-x: -50%; } [dir] .micro .-translate-x-1\/2 { transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } .micro .-translate-y-1\/2 { --un-translate-y: -50%; } [dir] .micro .-translate-y-1\/2 { transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } .micro .translate-x-0 { --un-translate-x: 0rem; } .micro [dir="ltr"] .ltr\:-translate-x-10px, [dir] .micro .translate-x-0 { transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } .micro [dir="ltr"] .ltr\:-translate-x-10px { --un-translate-x: -10px; } .micro [dir="rtl"] .rtl\:translate-x-10px { --un-translate-x: 10px; } .micro .rotate-180, .micro [dir="rtl"] .rtl\:rotate-\[180deg\], .micro [dir="rtl"] .rtl\:translate-x-10px { transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } .micro .rotate-180, .micro [dir="rtl"] .rtl\:rotate-\[180deg\] { --un-rotate-x: 0; --un-rotate-y: 0; --un-rotate-z: 0; --un-rotate: 180deg; } .micro [dir="rtl"] .\!rtl\:rotate-y-0 { --un-rotate: 0; --un-rotate-y: 0deg !important; transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)) !important; } .micro [dir="rtl"] .rtl\:rotate-y-180 { --un-rotate: 0; --un-rotate-y: 180deg; } .micro [dir="rtl"] .rtl\:rotate-y-180, [dir] .micro .transform { transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } [dir] .micro .cursor-pointer { cursor: pointer; } .micro .items-start { align-items: flex-start; } .micro .items-center { align-items: center; } .micro .justify-start { justify-content: flex-start; } .micro .justify-center { justify-content: center; } .micro .justify-between { justify-content: space-between; } .micro .gap-24px { gap: 24px; } .micro .gap-x-10px { column-gap: 10px; } .micro .gap-x-24px { column-gap: 24px; } .micro .gap-y-16px { row-gap: 16px; } .micro .space-x-30px > :not([hidden]) ~ :not([hidden]) { --un-space-x-reverse: 0; } [dir="ltr"] .micro .space-x-30px > :not([hidden]) ~ :not([hidden]) { margin-left: calc(30px*(1 - var(--un-space-x-reverse))); margin-right: calc(30px*var(--un-space-x-reverse)); } [dir="rtl"] .micro .space-x-30px > :not([hidden]) ~ :not([hidden]) { margin-left: calc(30px*var(--un-space-x-reverse)); margin-right: calc(30px*(1 - var(--un-space-x-reverse))); } .micro .space-y-7 > :not([hidden]) ~ :not([hidden]) { --un-space-y-reverse: 0; } [dir] .micro .space-y-7 > :not([hidden]) ~ :not([hidden]) { margin-bottom: calc(1.75rem*var(--un-space-y-reverse)); margin-top: calc(1.75rem*(1 - var(--un-space-y-reverse))); } .micro [dir="rtl"] .rtl\:space-x-reverse > :not([hidden]) ~ :not([hidden]) { --un-space-x-reverse: 1; } .micro .overflow-hidden, .micro [overflow-hidden=""] { overflow: hidden; } .micro .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } [dir] .micro .border-t { border-top-style: solid; border-top-width: 1px; } [dir] .micro .border-\[var\(--ds-color-border-subtle\)\] { border-color: var(--ds-color-border-subtle); } [dir] .micro .\!rounded-\[0\] { border-radius: 0px !important; } [dir] .micro .rounded { border-radius: 0.25rem; } [dir] .micro .rounded-1\/2 { border-radius: 50%; } [dir] .micro .rounded-xl { border-radius: 0.75rem; } [dir] .micro .\!border-none { border-style: none !important; } [dir] .micro .border-none { border-style: none; } [dir] .micro .\!bg-dsColorBackgroundBase { background-color: var(--ds-color-background-base) !important; } .micro .bg-\[\#fff\] { --un-bg-opacity: 1; } [dir] .micro .bg-\[\#fff\] { background-color: rgba(255,255,255,var(--un-bg-opacity)); } [dir] .micro .bg-dsColorBackgroundBase { background-color: var(--ds-color-background-base); } [dir] .micro .bg-transparent { background-color: initial; } .micro .fill-thirdText { fill: var(--color-third-text); } [dir] .micro .\!p-0 { padding: 0px !important; } [dir] .micro .p-6px { padding: 6px; } [dir="ltr"] .micro .px-0, [dir="rtl"] .micro .px-0 { padding-left: 0px; padding-right: 0px; } [dir="ltr"] .micro .px-30px, [dir="rtl"] .micro .px-30px { padding-left: 30px; padding-right: 30px; } [dir="ltr"] .micro .px-4, [dir="rtl"] .micro .px-4 { padding-left: 1rem; padding-right: 1rem; } [dir] .micro .py-24px, [dir] .micro .py-\[24px\] { padding-bottom: 24px; padding-top: 24px; } [dir] .micro .py-12px { padding-bottom: 12px; padding-top: 12px; } [dir="ltr"] .micro .pl-4 { padding-left: 1rem; } [dir="rtl"] .micro .pl-4 { padding-right: 1rem; } [dir] .micro .pt-0 { padding-top: 0px; } [dir] .micro .pt-24px { padding-top: 24px; } [dir] .micro .pt-42px { padding-top: 42px; } [dir] .micro .pt-60px { padding-top: 60px; } [dir] .micro .text-center { text-align: center; } [dir="ltr"] .micro .text-left { text-align: left; } [dir="rtl"] .micro .text-left { text-align: right; } .micro .font-\[500\] { } .micro .\!text-20px { font-size: 20px !important; } .micro .text-12px, .micro .text-\[12px\] { font-size: 12px; } .micro .text-14px, .micro .text-\[14px\] { font-size: 14px; } .micro .text-\[16px\] { font-size: 16px; } .micro .text-17px { font-size: 17px; } .micro .text-fs14 { font-size: 0.875rem; line-height: 22px; } .micro .fw-400 { font-weight: 400; } .micro .fw-500 { font-weight: 500; } .micro .leading-\[120\%\] { line-height: 120%; } .micro .leading-\[140\%\] { line-height: 140%; } .micro .leading-\[150\%\] { line-height: 150%; } .micro .leading-\[16\.8px\] { line-height: 16.8px; } .micro .leading-18px { line-height: 18px; } .micro .leading-22px { line-height: 22px; } .micro .hover\:\!text-\[var\(--ds-color-text-primary\)\]:hover { color: var(--ds-color-text-primary) !important; } .micro-dark .dark\:text-\[var\(--content-disabled\)\], .micro-dark .dark\:text-contentDisabled { color: var(--content-disabled); } .micro .text-\[var\(--ds-color-text-tertiary\)\] { color: var(--ds-color-text-tertiary); } .micro .text-primaryText, .micro [text-primarytext=""] { color: var(--color-primary-text); } .micro .text-thirdText { color: var(--color-third-text); } .micro .no-underline { text-decoration: none; } [dir] .micro .transition { transition-duration: 0.15s; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } [dir] .micro .transition-all { transition-duration: 0.15s; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } [dir] .micro .delay-150 { transition-delay: 0.15s; } [dir] .micro .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } @media (max-width: 1023.9px) { [dir] .micro .lt-lg\:mb-24px { margin-bottom: 24px; } [dir] .micro .lt-lg\:pt-12px { padding-top: 12px; } } @media (max-width: 767.9px) { [dir] .micro .lt-md\:m-0 { margin: 0px; } [dir="ltr"] .micro .lt-ipad\:mx-0, [dir="rtl"] .micro .lt-ipad\:mx-0 { margin-left: 0px; margin-right: 0px; } [dir] .micro .lt-ipad\:mb-\[24px\] { margin-bottom: 24px; } .micro .lt-ipad\:hidden, .micro .lt-md\:hidden, .micro [lt-ipad~="hidden"] { display: none; } .micro .lt-ipad\:w-\[calc\(25\%-6px\)\] { width: calc(25% - 6px); } .micro .lt-ipad\:w-full { width: 100%; } .micro .lt-ipad\:flex { display: flex; } .micro .lt-ipad\:flex-shrink-0 { flex-shrink: 0; } .micro .lt-ipad\:flex-col { flex-direction: column; } .micro .lt-ipad\:items-start { align-items: flex-start; } .micro .lt-ipad\:items-end { align-items: flex-end; } .micro .lt-ipad\:justify-start { justify-content: flex-start; } .micro .lt-ipad\:justify-between { justify-content: space-between; } .micro .lt-ipad\:gap-\[4px\] { gap: 4px; } .micro .lt-ipad\:gap-2 { gap: 0.5rem; } .micro [lt-ipad~="space-y-7"] > :not([hidden]) ~ :not([hidden]) { --un-space-y-reverse: 0; } [dir] .micro [lt-ipad~="space-y-7"] > :not([hidden]) ~ :not([hidden]) { margin-bottom: calc(1.75rem*var(--un-space-y-reverse)); margin-top: calc(1.75rem*(1 - var(--un-space-y-reverse))); } [dir="ltr"] .micro [lt-ipad~="px-4"], [dir="rtl"] .micro [lt-ipad~="px-4"] { padding-left: 1rem; padding-right: 1rem; } [dir] .micro [lt-ipad~="pt-0"] { padding-top: 0px; } } @media (max-width: 1199.9px) { [dir] .micro .lt-pc\:mb-\[24px\] { margin-bottom: 24px; } [dir="ltr"] .micro [lt-pc~="px-30px"], [dir="rtl"] .micro [lt-pc~="px-30px"] { padding-left: 30px; padding-right: 30px; } [dir] .micro [lt-pc~="pt-24px"] { padding-top: 24px; } } @media (min-width: 768px) { .micro .md\:hidden, .micro [ipad~="hidden"] { display: none; } [dir="ltr"] .micro [ipad~="px-30px"], [dir="rtl"] .micro [ipad~="px-30px"] { padding-left: 30px; padding-right: 30px; } .micro [ipad~="font-[500]"] { } .micro [ipad~="text-fs14"] { font-size: 0.875rem; line-height: 22px; } .micro [ipad~="leading-22px"] { line-height: 22px; } } @media (min-width: 768px) and (max-width: 1199.9px) { .micro [at-ipad~="grid"] { display: grid; } .micro [at-ipad~="gap-x-10px"] { column-gap: 10px; } .micro [at-ipad~="gap-y-16px"] { row-gap: 16px; } } @media (min-width: 1200px) { .micro [pc~="grid"] { display: grid; } [dir="ltr"] .micro [pc~="mx-auto"], [dir="rtl"] .micro [pc~="mx-auto"] { margin-left: auto; margin-right: auto; } [dir] .micro [pc~="mb-[24px]"] { margin-bottom: 24px; } .micro [pc~="max-w-1200px"] { max-width: 1200px; } .micro .pc\:flex, .micro [pc~="flex"] { display: flex; } .micro [pc~="flex-1"] { flex: 1 1 0%; } .micro [pc~="justify-between"] { justify-content: space-between; } .micro [pc~="gap-x-24px"] { column-gap: 24px; } .micro [pc~="gap-y-16px"] { row-gap: 16px; } .micro [pc~="space-x-30px"] > :not([hidden]) ~ :not([hidden]) { --un-space-x-reverse: 0; } [dir="ltr"] .micro [pc~="space-x-30px"] > :not([hidden]) ~ :not([hidden]) { margin-left: calc(30px*(1 - var(--un-space-x-reverse))); margin-right: calc(30px*var(--un-space-x-reverse)); } [dir="rtl"] .micro [pc~="space-x-30px"] > :not([hidden]) ~ :not([hidden]) { margin-left: calc(30px*var(--un-space-x-reverse)); margin-right: calc(30px*(1 - var(--un-space-x-reverse))); } .micro [dir="rtl"] [pc~="rtl:space-x-reverse"] > :not([hidden]) ~ :not([hidden]) { --un-space-x-reverse: 1; } [dir] .micro [pc~="pt-60px"] { padding-top: 60px; } .micro [pc~="font-[500]"] { } } .micro-tooltip-popover { pointer-events: none; } @media screen and (max-width: 767px) { .micro-kyc-tooltip { display: none; } } .mi-loading-mask { --mi-mask-color: transparent; } .mi-message { z-index: 11000 !important; } .mi-message .mi-message__badge { display: none; } [dir="ltr"] .mi-tabs__active-bar, [dir="rtl"] .mi-tabs__active-bar { right: auto !important; } [dir] .mi-radio-button.is-round { background: none !important; } .mi-drawer { background-color: var(--ds-color-background-base) !important; border-radius: 0px !important; } .mi-drawer .mi-drawer__close-btn { font-size: 20px !important; margin-right: 14px !important; margin-top: 20px !important; } .mi-drawer .mi-drawer__header { margin-bottom: 20px !important; padding: 0px !important; } .mi-drawer .mi-drawer__body { padding: 0px !important; } [dir="rtl"] .mi-collapse-item__arrow { --un-rotate-x: 0; --un-rotate-y: 0; --un-rotate-z: 0; --un-rotate: 180deg; transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } .mi-checkbox__label { white-space: normal; line-height: 140% !important; } .micro, .micro img { color: var(--color-primary-text); } .logo-item:hover img + img[data-v-c5fe80c3] { visibility: visible; } .logo[data-v-53a995b3] { display: none; height: 54px; width: 132px; } [dir="rtl"] .logo[data-v-53a995b3] { --un-rotate: 0; --un-rotate-y: 0deg !important; transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)) !important; } .logo-light[data-v-53a995b3] { display: inline-block; } .contact-item .envelope[data-v-53a995b3] { fill: var(--content-tertiary); } .contact-item:hover .envelope[data-v-53a995b3] { fill: var(--content-secondary); } .telegram-item[data-v-53a995b3] { color: var(--content-primary); display: block; font-size: 12px; font-weight: 400; line-height: 24px; text-decoration: none; } [dir] .telegram-item[data-v-53a995b3] { cursor: pointer; padding: 6px 12px; } [dir] .telegram-item[data-v-53a995b3]:hover { background-color: var(--background-tertiary); border-radius: 4px; } .logo-item:hover img + img[data-v-53a995b3] { visibility: visible; } [dir] .mi-popper.telegram-popper { padding: 6px !important; } .mi-popper.telegram-popper.is-light { --mi-bg-color-popup: #fff; } [dir] .mi-popper.telegram-popper.is-light { border: 1px solid var(--color-line) !important; } .mi-popper.telegram-popper.is-dark { --mi-bg-color-popup: #303133; } [dir] .mi-switch__core { border-radius: 6px !important; } [dir] .mi-switch__core .mi-switch__action { border-radius: 4px !important; } .coll[data-v-32c5d69c] { --mi-collapse-content-bg-color: transparent; --mi-collapse-header-bg-color: transparent; border-style: none !important; } .coll[data-v-32c5d69c] .mi-collapse-item__header { border-style: none; padding: 24px 0px; } .coll[data-v-32c5d69c] .mi-collapse-item__wrap { border-style: none; } .coll[data-v-32c5d69c] .mi-collapse-item__content { color: var(--color-primary-text); line-height: 18px; padding: 12px 0px; } .coll[data-v-32c5d69c] .mi-collapse-item__arrow { display: none; } .coll[data-v-32c5d69c] .mi-collapse-item.is-active .arrow { --un-rotate-x: 0; --un-rotate-y: 0; --un-rotate-z: 0; --un-rotate: 180deg; transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } .nav-item[data-v-32c5d69c] { box-sizing: border-box; color: var(--color-third-text); cursor: pointer; display: inline-block; font-weight: 500; padding-left: 1rem; text-decoration: none; width: 100%; } .nav-item[data-v-32c5d69c]:last-child { margin-bottom: 0px; } .micro-dark .nav-item[data-v-32c5d69c] { color: var(--content-disabled); } [dir] .nav-item[data-v-32c5d69c] { margin-bottom: 1.5rem; } .telegram-item[data-v-32c5d69c] { color: var(--content-primary); display: block; font-size: 12px; font-weight: 400; line-height: 24px; text-decoration: none; } [dir] .telegram-item[data-v-32c5d69c] { padding: 6px 12px; } [dir] .telegram-item[data-v-32c5d69c]:hover { background-color: var(--background-tertiary); border-radius: 4px; } [dir] .footer-item-title[data-v-fc63cb37] { margin-bottom: 24px; } a.nav-item[data-v-fc63cb37] { align-items: center; box-sizing: border-box; color: var(--color-third-text); cursor: pointer; display: inline-flex; font-size: 14px; font-weight: 500; justify-content: flex-start; text-decoration: none; transition-duration: 0.15s; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); width: 100%; } .micro-dark a.nav-item[data-v-fc63cb37] { color: var(--content-disabled); } a.nav-item[data-v-fc63cb37]:hover { color: var(--ds-color-text-primary) !important; } [dir] a.nav-item[data-v-fc63cb37]:not(:first-of-type) { margin-top: 12px; } a.nav-item .arrow-right[data-v-fc63cb37] { opacity: 0; visibility: hidden; } [dir="ltr"] a.nav-item .arrow-right[data-v-fc63cb37] { --un-translate-x: -10px; } [dir="ltr"] a.nav-item .arrow-right[data-v-fc63cb37], [dir="rtl"] a.nav-item .arrow-right[data-v-fc63cb37] { transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } [dir="rtl"] a.nav-item .arrow-right[data-v-fc63cb37] { --un-translate-x: 10px; --un-rotate: 0; --un-rotate-y: 180deg; } [dir="ltr"] a.nav-item .arrow-right[data-v-fc63cb37] { margin-left: 5px; } [dir="rtl"] a.nav-item .arrow-right[data-v-fc63cb37] { margin-right: 5px; } a.nav-item .football[data-v-fc63cb37] { opacity: 0; visibility: hidden; } [dir] a.nav-item .football[data-v-fc63cb37] { margin-bottom: 10px; } a.nav-item:hover .arrow-right[data-v-fc63cb37] { opacity: 1; transition: 0.25s ease-out; visibility: visible; --un-translate-x: 0rem; } [dir="rtl"] a.nav-item:hover .arrow-right[data-v-fc63cb37], a.nav-item:hover .arrow-right[data-v-fc63cb37] { transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } [dir="rtl"] a.nav-item:hover .arrow-right[data-v-fc63cb37] { --un-rotate: 0; --un-rotate-y: 180deg; } .logo[data-v-5e9bc264] { display: none; height: 54px; width: 132px; } [dir] [dir="rtl"] .logo[data-v-5e9bc264] { transform: rotateY(0deg) !important; } .logo-light[data-v-5e9bc264] { display: inline-block; } *, ::after, ::before { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } .container { width: 100%; } @media (min-width: 640px) { .container { max-width: 640px; } } @media (min-width: 768px) { .container { max-width: 768px; } } @media (min-width: 1020px) { .container { max-width: 1020px; } } @media (min-width: 1024px) { .container { max-width: 1024px; } } @media (min-width: 1200px) { .container { max-width: 1200px; } } @media (min-width: 1280px) { .container { max-width: 1280px; } } @media (min-width: 1281px) { .container { max-width: 1281px; } } @media (min-width: 1440px) { .container { max-width: 1440px; } } @media (min-width: 1536px) { .container { max-width: 1536px; } } .sr-only { height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; clip: rect(0px, 0px, 0px, 0px); border-width: 0px; white-space: nowrap; } .pointer-events-none { pointer-events: none; } .visible { visibility: visible; } .invisible { visibility: hidden; } .collapse { visibility: collapse; } .static { position: static; } .fixed { position: fixed; } .\!absolute { position: absolute !important; } .absolute { position: absolute; } .relative { position: relative; } .sticky { position: sticky; } .-inset-1 { inset: -0.25rem; } .-inset-px { inset: -1px; } .inset-0 { inset: 0px; } .inset-\[-103\.45\%_-53\.57\%\] { inset: -103.45% -53.57%; } .inset-\[-47\.59\%_-42\.32\%\] { inset: -47.59% -42.32%; } .inset-x-0 { left: 0px; right: 0px; } .inset-y-0 { bottom: 0px; top: 0px; } .\!top-\[26\%\] { top: 26% !important; } .-bottom-\[16px\] { bottom: -16px; } .-end-\[30px\] { inset-inline-end: -30px; } .-start-\[80px\] { inset-inline-start: -80px; } .-top-\[16px\] { top: -16px; } .-top-\[30px\] { top: -30px; } .bottom-0 { bottom: 0px; } .bottom-4 { bottom: 1rem; } .bottom-\[-20px\] { bottom: -20px; } .bottom-\[-22px\] { bottom: -22px; } .bottom-\[-2px\] { bottom: -2px; } .bottom-\[-52px\] { bottom: -52px; } .bottom-\[100px\] { bottom: 100px; } .bottom-\[10px\] { bottom: 10px; } .bottom-\[24px\] { bottom: 24px; } .bottom-\[30px\] { bottom: 30px; } .bottom-\[40px\] { bottom: 40px; } .end-0 { inset-inline-end: 0px; } .end-6 { inset-inline-end: 1.5rem; } .end-\[10px\] { inset-inline-end: 10px; } .end-\[15\%\] { inset-inline-end: 15%; } .end-\[163px\] { inset-inline-end: 163px; } .end-\[16px\] { inset-inline-end: 16px; } .end-\[38px\] { inset-inline-end: 38px; } .end-\[757px\] { inset-inline-end: 757px; } .end-\[779px\] { inset-inline-end: 779px; } .end-\[96px\] { inset-inline-end: 96px; } .left-0 { left: 0px; } .left-1\/2 { left: 50%; } .left-\[-48px\] { left: -48px; } .left-\[10px\] { left: 10px; } .left-\[40px\] { left: 40px; } .left-\[50\%\] { left: 50%; } .right-0 { right: 0px; } .right-\[-48px\] { right: -48px; } .right-\[16px\] { right: 16px; } .right-\[24px\] { right: 24px; } .right-\[40px\] { right: 40px; } .right-\[60px\] { right: 60px; } .start-0 { inset-inline-start: 0px; } .start-1\/2 { inset-inline-start: 50%; } .start-\[-10000px\] { inset-inline-start: -10000px; } .start-\[-40\%\] { inset-inline-start: -40%; } .start-\[-63px\] { inset-inline-start: -63px; } .start-\[0\], .start-\[0px\] { inset-inline-start: 0px; } .start-\[100px\] { inset-inline-start: 100px; } .start-\[10px\] { inset-inline-start: 10px; } .start-\[11\.5px\] { inset-inline-start: 11.5px; } .start-\[16px\] { inset-inline-start: 16px; } .start-\[197\.8px\] { inset-inline-start: 197.8px; } .start-\[20\%\] { inset-inline-start: 20%; } .start-\[216px\] { inset-inline-start: 216px; } .start-\[242px\] { inset-inline-start: 242px; } .start-\[24px\] { inset-inline-start: 24px; } .start-\[38px\] { inset-inline-start: 38px; } .start-\[40\%\] { inset-inline-start: 40%; } .start-\[40px\] { inset-inline-start: 40px; } .start-\[45\%\] { inset-inline-start: 45%; } .start-\[450px\] { inset-inline-start: 450px; } .start-\[calc\(50\%\+55\.66px\)\] { inset-inline-start: calc(50% + 55.66px); } .start-\[calc\(50\%\+76px\)\] { inset-inline-start: calc(50% + 76px); } .start-\[calc\(50\%-39\.5px\)\] { inset-inline-start: calc(50% - 39.5px); } .top-0 { top: 0px; } .top-1\/2 { top: 50%; } .top-6 { top: 1.5rem; } .top-\[-0\.58px\] { top: -0.58px; } .top-\[-100px\] { top: -100px; } .top-\[-130px\] { top: -130px; } .top-\[-180px\] { top: -180px; } .top-\[-20px\] { top: -20px; } .top-\[-30px\] { top: -30px; } .top-\[-42px\] { top: -42px; } .top-\[-47px\] { top: -47px; } .top-\[-52px\] { top: -52px; } .top-\[-60px\] { top: -60px; } .top-\[-73px\] { top: -73px; } .top-\[0\.37px\] { top: 0.37px; } .top-\[0\.5px\] { top: 0.5px; } .top-\[10px\] { top: 10px; } .top-\[166px\] { top: 166px; } .top-\[17px\] { top: 17px; } .top-\[18px\] { top: 18px; } .top-\[20\%\] { top: 20%; } .top-\[20px\] { top: 20px; } .top-\[220px\] { top: 220px; } .top-\[226px\] { top: 226px; } .top-\[24px\] { top: 24px; } .top-\[2px\] { top: 2px; } .top-\[36px\] { top: 36px; } .top-\[3px\] { top: 3px; } .top-\[40\%\] { top: 40%; } .top-\[40px\] { top: 40px; } .top-\[50\%\] { top: 50%; } .top-\[50px\] { top: 50px; } .top-\[56px\] { top: 56px; } .top-\[5px\] { top: 5px; } .top-\[60\%\] { top: 60%; } .top-\[60px\] { top: 60px; } .top-\[64px\] { top: 64px; } .top-\[7\.5px\] { top: 7.5px; } .top-\[72px\] { top: 72px; } .top-\[99\.69px\] { top: 99.69px; } .top-\[calc\(50\%\+27\.5px\)\] { top: calc(50% + 27.5px); } .top-\[calc\(50\%\+93\.5px\)\] { top: calc(50% + 93.5px); } .top-\[calc\(50\%-24\.66px\)\] { top: calc(50% - 24.66px); } .top-\[calc\(50\%-5px\)\] { top: calc(50% - 5px); } .isolate { isolation: isolate; } .-z-10 { z-index: -10; } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-50 { z-index: 50; } .z-\[-1\] { z-index: -1; } .z-\[100\] { z-index: 100; } .z-\[11\] { z-index: 11; } .z-\[15\] { z-index: 15; } .z-\[1\] { z-index: 1; } .z-\[2\] { z-index: 2; } .z-\[3\] { z-index: 3; } .z-\[4\] { z-index: 4; } .z-\[5\] { z-index: 5; } .z-\[999\] { z-index: 999; } .z-\[9\] { z-index: 9; } .col-span-2 { grid-column: span 2 / span 2; } .col-start-1 { grid-column-start: 1; } .col-start-2 { grid-column-start: 2; } .col-start-3 { grid-column-start: 3; } .col-start-4 { grid-column-start: 4; } .row-span-4 { grid-row: span 4 / span 4; } .row-start-1 { grid-row-start: 1; } .row-start-2 { grid-row-start: 2; } .row-start-3 { grid-row-start: 3; } .row-start-4 { grid-row-start: 4; } .m-0 { margin: 0px; } .m-auto { margin: auto; } .-mx-6 { margin-left: -1.5rem; margin-right: -1.5rem; } .mx-0 { margin-left: 0px; margin-right: 0px; } .mx-\[12px\] { margin-left: 12px; margin-right: 12px; } .mx-\[16px\] { margin-left: 16px; margin-right: 16px; } .mx-\[2px\] { margin-left: 2px; margin-right: 2px; } .mx-\[60px\] { margin-left: 60px; margin-right: 60px; } .mx-\[6px\] { margin-left: 6px; margin-right: 6px; } .mx-\[8px\] { margin-left: 8px; margin-right: 8px; } .mx-auto { margin-left: auto; margin-right: auto; } .my-1 { margin-bottom: 0.25rem; margin-top: 0.25rem; } .my-4 { margin-bottom: 1rem; margin-top: 1rem; } .my-6 { margin-bottom: 1.5rem; margin-top: 1.5rem; } .my-8 { margin-bottom: 2rem; margin-top: 2rem; } .my-\[100px\] { margin-bottom: 100px; margin-top: 100px; } .my-\[10px\] { margin-bottom: 10px; margin-top: 10px; } .my-\[12px\] { margin-bottom: 12px; margin-top: 12px; } .my-\[16px\] { margin-bottom: 16px; margin-top: 16px; } .my-\[32px\] { margin-bottom: 32px; margin-top: 32px; } .my-\[60px\] { margin-bottom: 60px; margin-top: 60px; } .my-\[80px\] { margin-bottom: 80px; margin-top: 80px; } .my-auto { margin-bottom: auto; margin-top: auto; } .\!mb-4 { margin-bottom: 1rem !important; } .\!mt-0 { margin-top: 0px !important; } .\!mt-8 { margin-top: 2rem !important; } .\!mt-\[-10px\] { margin-top: -10px !important; } .\!mt-\[24px\] { margin-top: 24px !important; } .-mt-\[106px\] { margin-top: -106px; } .mb-0 { margin-bottom: 0px; } .mb-1 { margin-bottom: 0.25rem; } .mb-10 { margin-bottom: 2.5rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-20 { margin-bottom: 5rem; } .mb-3 { margin-bottom: 0.75rem; } .mb-4 { margin-bottom: 1rem; } .mb-6 { margin-bottom: 1.5rem; } .mb-8 { margin-bottom: 2rem; } .mb-\[10px\] { margin-bottom: 10px; } .mb-\[120px\] { margin-bottom: 120px; } .mb-\[12px\] { margin-bottom: 12px; } .mb-\[14px\] { margin-bottom: 14px; } .mb-\[16px\] { margin-bottom: 16px; } .mb-\[180px\] { margin-bottom: 180px; } .mb-\[18px\] { margin-bottom: 18px; } .mb-\[200px\] { margin-bottom: 200px; } .mb-\[20px\] { margin-bottom: 20px; } .mb-\[21px\] { margin-bottom: 21px; } .mb-\[22px\] { margin-bottom: 22px; } .mb-\[24px\] { margin-bottom: 24px; } .mb-\[26px\] { margin-bottom: 26px; } .mb-\[2px\] { margin-bottom: 2px; } .mb-\[30px\] { margin-bottom: 30px; } .mb-\[32px\] { margin-bottom: 32px; } .mb-\[36px\] { margin-bottom: 36px; } .mb-\[40px\] { margin-bottom: 40px; } .mb-\[43px\] { margin-bottom: 43px; } .mb-\[48px\] { margin-bottom: 48px; } .mb-\[52px\] { margin-bottom: 52px; } .mb-\[54px\] { margin-bottom: 54px; } .mb-\[56px\] { margin-bottom: 56px; } .mb-\[60px\] { margin-bottom: 60px; } .mb-\[64px\] { margin-bottom: 64px; } .mb-\[72px\] { margin-bottom: 72px; } .mb-\[80px\] { margin-bottom: 80px; } .mb-\[8px\] { margin-bottom: 8px; } .me-1 { margin-inline-end: 0.25rem; } .me-16 { margin-inline-end: 4rem; } .me-3 { margin-inline-end: 0.75rem; } .me-\[0\.25em\] { margin-inline-end: 0.25em; } .me-\[12px\] { margin-inline-end: 12px; } .me-\[16px\] { margin-inline-end: 16px; } .me-\[19px\] { margin-inline-end: 19px; } .me-\[24px\] { margin-inline-end: 24px; } .me-\[3px\] { margin-inline-end: 3px; } .me-\[4px\] { margin-inline-end: 4px; } .me-\[6px\] { margin-inline-end: 6px; } .me-\[8px\] { margin-inline-end: 8px; } .me-\[auto\] { margin-inline-end: auto; } .ml-\[16px\] { margin-left: 16px; } .ml-\[26px\] { margin-left: 26px; } .ml-\[4px\] { margin-left: 4px; } .mr-2 { margin-right: 0.5rem; } .mr-\[12px\] { margin-right: 12px; } .mr-\[8px\] { margin-right: 8px; } .ms-1 { margin-inline-start: 0.25rem; } .ms-4 { margin-inline-start: 1rem; } .ms-6 { margin-inline-start: 1.5rem; } .ms-\[-4px\] { margin-inline-start: -4px; } .ms-\[12px\] { margin-inline-start: 12px; } .ms-\[16px\] { margin-inline-start: 16px; } .ms-\[194px\] { margin-inline-start: 194px; } .ms-\[20px\] { margin-inline-start: 20px; } .ms-\[21px\] { margin-inline-start: 21px; } .ms-\[24px\] { margin-inline-start: 24px; } .ms-\[26px\] { margin-inline-start: 26px; } .ms-\[2px\] { margin-inline-start: 2px; } .ms-\[48px\] { margin-inline-start: 48px; } .ms-\[4px\] { margin-inline-start: 4px; } .ms-\[60px\] { margin-inline-start: 60px; } .ms-\[65px\] { margin-inline-start: 65px; } .ms-\[8px\] { margin-inline-start: 8px; } .ms-auto { margin-inline-start: auto; } .mt-0 { margin-top: 0px; } .mt-0\.5 { margin-top: 0.125rem; } .mt-1 { margin-top: 0.25rem; } .mt-10 { margin-top: 2.5rem; } .mt-14 { margin-top: 3.5rem; } .mt-2 { margin-top: 0.5rem; } .mt-20 { margin-top: 5rem; } .mt-3 { margin-top: 0.75rem; } .mt-4 { margin-top: 1rem; } .mt-5 { margin-top: 1.25rem; } .mt-6 { margin-top: 1.5rem; } .mt-7 { margin-top: 1.75rem; } .mt-8 { margin-top: 2rem; } .mt-\[-120px\] { margin-top: -120px; } .mt-\[-15px\] { margin-top: -15px; } .mt-\[-35px\] { margin-top: -35px; } .mt-\[100px\] { margin-top: 100px; } .mt-\[10px\] { margin-top: 10px; } .mt-\[120px\] { margin-top: 120px; } .mt-\[12px\] { margin-top: 12px; } .mt-\[150px\] { margin-top: 150px; } .mt-\[160px\] { margin-top: 160px; } .mt-\[16px\] { margin-top: 16px; } .mt-\[180px\] { margin-top: 180px; } .mt-\[20px\] { margin-top: 20px; } .mt-\[216px\] { margin-top: 216px; } .mt-\[220px\] { margin-top: 220px; } .mt-\[22px\] { margin-top: 22px; } .mt-\[24px\] { margin-top: 24px; } .mt-\[250px\] { margin-top: 250px; } .mt-\[25px\] { margin-top: 25px; } .mt-\[26px\] { margin-top: 26px; } .mt-\[28px\] { margin-top: 28px; } .mt-\[29px\] { margin-top: 29px; } .mt-\[2px\] { margin-top: 2px; } .mt-\[30px\] { margin-top: 30px; } .mt-\[32px\] { margin-top: 32px; } .mt-\[36px\] { margin-top: 36px; } .mt-\[38px\] { margin-top: 38px; } .mt-\[40px\] { margin-top: 40px; } .mt-\[43px\] { margin-top: 43px; } .mt-\[46px\] { margin-top: 46px; } .mt-\[48px\] { margin-top: 48px; } .mt-\[4px\] { margin-top: 4px; } .mt-\[52px\] { margin-top: 52px; } .mt-\[54px\] { margin-top: 54px; } .mt-\[60px\] { margin-top: 60px; } .mt-\[62px\] { margin-top: 62px; } .mt-\[64px\] { margin-top: 64px; } .mt-\[68px\] { margin-top: 68px; } .mt-\[6px\] { margin-top: 6px; } .mt-\[70px\] { margin-top: 70px; } .mt-\[72px\] { margin-top: 72px; } .mt-\[73px\] { margin-top: 73px; } .mt-\[76px\] { margin-top: 76px; } .mt-\[7px\] { margin-top: 7px; } .mt-\[80px\] { margin-top: 80px; } .mt-\[8px\] { margin-top: 8px; } .mt-\[90px\] { margin-top: 90px; } .mt-\[96px\] { margin-top: 96px; } .mt-\[98px\] { margin-top: 98px; } .mt-auto { margin-top: auto; } .mt-px { margin-top: 1px; } .box-border { box-sizing: border-box; } .box-content { box-sizing: initial; } .line-clamp-4 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } .\!flex { display: flex !important; } .flex { display: flex; } .inline-flex { display: inline-flex; } .table { display: table; } .grid { display: grid; } .contents { display: contents; } .\!hidden { display: none !important; } .hidden { display: none; } .aspect-\[1\.8\] { aspect-ratio: 1.8 / 1; } .aspect-\[284\/154\] { aspect-ratio: 284 / 154; } .aspect-\[497\/395\] { aspect-ratio: 497 / 395; } .aspect-\[591\/333\] { aspect-ratio: 591 / 333; } .aspect-auto { aspect-ratio: auto; } .aspect-video { aspect-ratio: 16 / 9; } .\!size-\[12px\] { height: 12px !important; width: 12px !important; } .\!size-\[18px\] { height: 18px !important; width: 18px !important; } .\!size-\[20px\] { height: 20px !important; width: 20px !important; } .\!size-\[40px\] { height: 40px !important; width: 40px !important; } .size-10 { height: 2.5rem; width: 2.5rem; } .size-11 { height: 2.75rem; width: 2.75rem; } .size-12 { height: 3rem; width: 3rem; } .size-20 { height: 5rem; width: 5rem; } .size-3 { height: 0.75rem; width: 0.75rem; } .size-5 { height: 1.25rem; width: 1.25rem; } .size-6 { height: 1.5rem; width: 1.5rem; } .size-8 { height: 2rem; width: 2rem; } .size-\[100px\] { height: 100px; width: 100px; } .size-\[108px\] { height: 108px; width: 108px; } .size-\[120px\] { height: 120px; width: 120px; } .size-\[12px\] { height: 12px; width: 12px; } .size-\[130px\] { height: 130px; width: 130px; } .size-\[13px\] { height: 13px; width: 13px; } .size-\[14px\] { height: 14px; width: 14px; } .size-\[15px\] { height: 15px; width: 15px; } .size-\[160px\] { height: 160px; width: 160px; } .size-\[168px\] { height: 168px; width: 168px; } .size-\[16px\] { height: 16px; width: 16px; } .size-\[18px\] { height: 18px; width: 18px; } .size-\[200px\] { height: 200px; width: 200px; } .size-\[20px\] { height: 20px; width: 20px; } .size-\[220px\] { height: 220px; width: 220px; } .size-\[224px\] { height: 224px; width: 224px; } .size-\[22px\] { height: 22px; width: 22px; } .size-\[240px\] { height: 240px; width: 240px; } .size-\[24px\] { height: 24px; width: 24px; } .size-\[260px\] { height: 260px; width: 260px; } .size-\[28px\] { height: 28px; width: 28px; } .size-\[300px\] { height: 300px; width: 300px; } .size-\[30px\] { height: 30px; width: 30px; } .size-\[320px\] { height: 320px; width: 320px; } .size-\[32px\] { height: 32px; width: 32px; } .size-\[34px\] { height: 34px; width: 34px; } .size-\[35px\] { height: 35px; width: 35px; } .size-\[363px\] { height: 363px; width: 363px; } .size-\[36px\] { height: 36px; width: 36px; } .size-\[370px\] { height: 370px; width: 370px; } .size-\[380px\] { height: 380px; width: 380px; } .size-\[384px\] { height: 384px; width: 384px; } .size-\[3px\] { height: 3px; width: 3px; } .size-\[400px\] { height: 400px; width: 400px; } .size-\[40px\] { height: 40px; width: 40px; } .size-\[42px\] { height: 42px; width: 42px; } .size-\[44px\] { height: 44px; width: 44px; } .size-\[46px\] { height: 46px; width: 46px; } .size-\[48px\] { height: 48px; width: 48px; } .size-\[4px\] { height: 4px; width: 4px; } .size-\[52px\] { height: 52px; width: 52px; } .size-\[56px\] { height: 56px; width: 56px; } .size-\[58px\] { height: 58px; width: 58px; } .size-\[5px\] { height: 5px; width: 5px; } .size-\[60px\] { height: 60px; width: 60px; } .size-\[64px\] { height: 64px; width: 64px; } .size-\[6px\] { height: 6px; width: 6px; } .size-\[72px\] { height: 72px; width: 72px; } .size-\[75px\] { height: 75px; width: 75px; } .size-\[8\.485px\] { height: 8.485px; width: 8.485px; } .size-\[80px\] { height: 80px; width: 80px; } .size-\[84px\] { height: 84px; width: 84px; } .size-\[90px\] { height: 90px; width: 90px; } .size-auto { height: auto; width: auto; } .size-full { height: 100%; width: 100%; } .\!h-2\.5 { height: 0.625rem !important; } .\!h-\[136px\] { height: 136px !important; } .\!h-\[20px\] { height: 20px !important; } .\!h-\[24px\] { height: 24px !important; } .\!h-\[276px\] { height: 276px !important; } .\!h-\[28px\] { height: 28px !important; } .\!h-\[32px\] { height: 32px !important; } .\!h-\[40px\] { height: 40px !important; } .\!h-\[56px\] { height: 56px !important; } .\!h-\[58px\] { height: 58px !important; } .\!h-\[80px\] { height: 80px !important; } .\!h-auto { height: auto !important; } .\!h-full { height: 100% !important; } .h-0 { height: 0px; } .h-10 { height: 2.5rem; } .h-12 { height: 3rem; } .h-16 { height: 4rem; } .h-3\/5 { height: 60%; } .h-4 { height: 1rem; } .h-40 { height: 10rem; } .h-5 { height: 1.25rem; } .h-6 { height: 1.5rem; } .h-7 { height: 1.75rem; } .h-\[0\.5px\] { height: 0.5px; } .h-\[100px\] { height: 100px; } .h-\[1072px\] { height: 1072px; } .h-\[10px\] { height: 10px; } .h-\[120px\] { height: 120px; } .h-\[124px\] { height: 124px; } .h-\[128px\] { height: 128px; } .h-\[12px\] { height: 12px; } .h-\[132px\] { height: 132px; } .h-\[133px\] { height: 133px; } .h-\[134px\] { height: 134px; } .h-\[136px\] { height: 136px; } .h-\[140px\] { height: 140px; } .h-\[160px\] { height: 160px; } .h-\[162px\] { height: 162px; } .h-\[165px\] { height: 165px; } .h-\[16px\] { height: 16px; } .h-\[17px\] { height: 17px; } .h-\[180px\] { height: 180px; } .h-\[185px\] { height: 185px; } .h-\[187px\] { height: 187px; } .h-\[188px\] { height: 188px; } .h-\[18px\] { height: 18px; } .h-\[190px\] { height: 190px; } .h-\[197px\] { height: 197px; } .h-\[1px\] { height: 1px; } .h-\[20\.415px\] { height: 20.415px; } .h-\[20\.59px\] { height: 20.59px; } .h-\[200px\] { height: 200px; } .h-\[20px\] { height: 20px; } .h-\[216px\] { height: 216px; } .h-\[217px\] { height: 217px; } .h-\[21px\] { height: 21px; } .h-\[22\.19px\] { height: 22.19px; } .h-\[220px\] { height: 220px; } .h-\[225px\] { height: 225px; } .h-\[226px\] { height: 226px; } .h-\[228px\] { height: 228px; } .h-\[22px\] { height: 22px; } .h-\[234px\] { height: 234px; } .h-\[240px\] { height: 240px; } .h-\[241px\] { height: 241px; } .h-\[24px\] { height: 24px; } .h-\[254px\] { height: 254px; } .h-\[258px\] { height: 258px; } .h-\[25px\] { height: 25px; } .h-\[260px\] { height: 260px; } .h-\[265px\] { height: 265px; } .h-\[267px\] { height: 267px; } .h-\[268px\] { height: 268px; } .h-\[270px\] { height: 270px; } .h-\[280px\] { height: 280px; } .h-\[288px\] { height: 288px; } .h-\[28px\] { height: 28px; } .h-\[295px\] { height: 295px; } .h-\[29px\] { height: 29px; } .h-\[2px\] { height: 2px; } .h-\[300px\] { height: 300px; } .h-\[312px\] { height: 312px; } .h-\[317px\] { height: 317px; } .h-\[318px\] { height: 318px; } .h-\[320px\] { height: 320px; } .h-\[32px\] { height: 32px; } .h-\[338px\] { height: 338px; } .h-\[340px\] { height: 340px; } .h-\[360px\] { height: 360px; } .h-\[36px\] { height: 36px; } .h-\[370px\] { height: 370px; } .h-\[380px\] { height: 380px; } .h-\[384px\] { height: 384px; } .h-\[388px\] { height: 388px; } .h-\[3px\] { height: 3px; } .h-\[400px\] { height: 400px; } .h-\[40px\] { height: 40px; } .h-\[410px\] { height: 410px; } .h-\[412px\] { height: 412px; } .h-\[432px\] { height: 432px; } .h-\[45px\] { height: 45px; } .h-\[460px\] { height: 460px; } .h-\[463px\] { height: 463px; } .h-\[464px\] { height: 464px; } .h-\[482px\] { height: 482px; } .h-\[488px\] { height: 488px; } .h-\[48px\] { height: 48px; } .h-\[495px\] { height: 495px; } .h-\[4px\] { height: 4px; } .h-\[50px\] { height: 50px; } .h-\[52px\] { height: 52px; } .h-\[533px\] { height: 533px; } .h-\[557px\] { height: 557px; } .h-\[56px\] { height: 56px; } .h-\[600px\] { height: 600px; } .h-\[60px\] { height: 60px; } .h-\[614px\] { height: 614px; } .h-\[64px\] { height: 64px; } .h-\[65px\] { height: 65px; } .h-\[668px\] { height: 668px; } .h-\[682px\] { height: 682px; } .h-\[6px\] { height: 6px; } .h-\[704px\] { height: 704px; } .h-\[70px\] { height: 70px; } .h-\[70vh\] { height: 70vh; } .h-\[72px\] { height: 72px; } .h-\[73\.174px\] { height: 73.174px; } .h-\[780px\] { height: 780px; } .h-\[80px\] { height: 80px; } .h-\[80vh\] { height: 80vh; } .h-\[84px\] { height: 84px; } .h-\[85px\] { height: 85px; } .h-\[88px\] { height: 88px; } .h-\[9px\] { height: 9px; } .h-\[auto\] { height: auto; } .h-\[calc\(100\%\+2px\)\] { height: calc(100% + 2px); } .h-\[calc\(100vh-64px\)\] { height: calc(-64px + 100vh); } .h-\[min\(580px\,72vw\)\] { height: min(580px, 72vw); } .h-auto { height: auto; } .h-full { height: 100%; } .h-px { height: 1px; } .h-screen { height: 100vh; } .max-h-\[234px\] { max-height: 234px; } .max-h-\[30px\] { max-height: 30px; } .max-h-\[56px\] { max-height: 56px; } .max-h-\[591px\] { max-height: 591px; } .max-h-\[600px\] { max-height: 600px; } .max-h-\[90vh\] { max-height: 90vh; } .max-h-\[calc\(100vh_-_128px\)\] { max-height: calc(-128px + 100vh); } .min-h-0 { min-height: 0px; } .min-h-\[100dvh\] { min-height: 100dvh; } .min-h-\[150px\] { min-height: 150px; } .min-h-\[154px\] { min-height: 154px; } .min-h-\[160px\] { min-height: 160px; } .min-h-\[180px\] { min-height: 180px; } .min-h-\[200px\] { min-height: 200px; } .min-h-\[210px\] { min-height: 210px; } .min-h-\[22px\] { min-height: 22px; } .min-h-\[246px\] { min-height: 246px; } .min-h-\[26px\] { min-height: 26px; } .min-h-\[270px\] { min-height: 270px; } .min-h-\[276px\] { min-height: 276px; } .min-h-\[318px\] { min-height: 318px; } .min-h-\[334px\] { min-height: 334px; } .min-h-\[369px\] { min-height: 369px; } .min-h-\[374px\] { min-height: 374px; } .min-h-\[400px\] { min-height: 400px; } .min-h-\[462px\] { min-height: 462px; } .min-h-\[48px\] { min-height: 48px; } .min-h-\[56px\] { min-height: 56px; } .min-h-\[600px\] { min-height: 600px; } .min-h-\[614px\] { min-height: 614px; } .min-h-\[700px\] { min-height: 700px; } .min-h-\[720px\] { min-height: 720px; } .min-h-\[760px\] { min-height: 760px; } .min-h-\[77px\] { min-height: 77px; } .min-h-\[822px\] { min-height: 822px; } .min-h-\[86px\] { min-height: 86px; } .min-h-\[94px\] { min-height: 94px; } .min-h-\[96px\] { min-height: 96px; } .min-h-\[9px\] { min-height: 9px; } .min-h-\[calc\(100vh-130px\)\] { min-height: calc(-130px + 100vh); } .min-h-dvh { min-height: 100dvh; } .min-h-screen { min-height: 100vh; } .\!w-2\.5 { width: 0.625rem !important; } .\!w-\[120px\] { width: 120px !important; } .\!w-\[180px\] { width: 180px !important; } .\!w-\[20px\] { width: 20px !important; } .\!w-\[248px\] { width: 248px !important; } .\!w-\[24px\] { width: 24px !important; } .\!w-\[288px\] { width: 288px !important; } .\!w-\[28px\] { width: 28px !important; } .\!w-\[540px\] { width: 540px !important; } .\!w-\[56px\] { width: 56px !important; } .\!w-\[80px\] { width: 80px !important; } .\!w-\[99px\] { width: 99px !important; } .\!w-full { width: 100% !important; } .w-1\/2 { width: 50%; } .w-1\/3 { width: 33.3333%; } .w-14 { width: 3.5rem; } .w-2\/12 { width: 16.6667%; } .w-4\/12 { width: 33.3333%; } .w-40 { width: 10rem; } .w-6 { width: 1.5rem; } .w-\[100px\] { width: 100px; } .w-\[105px\] { width: 105px; } .w-\[1104px\] { width: 1104px; } .w-\[1178px\] { width: 1178px; } .w-\[1200px\] { width: 1200px; } .w-\[120px\] { width: 120px; } .w-\[1215px\] { width: 1215px; } .w-\[123px\] { width: 123px; } .w-\[1280px\] { width: 1280px; } .w-\[12px\] { width: 12px; } .w-\[136px\] { width: 136px; } .w-\[13px\] { width: 13px; } .w-\[14\.143px\] { width: 14.143px; } .w-\[140px\] { width: 140px; } .w-\[146px\] { width: 146px; } .w-\[147\.43px\] { width: 147.43px; } .w-\[14px\] { width: 14px; } .w-\[160px\] { width: 160px; } .w-\[163\.5px\] { width: 163.5px; } .w-\[16px\] { width: 16px; } .w-\[170px\] { width: 170px; } .w-\[174px\] { width: 174px; } .w-\[17px\] { width: 17px; } .w-\[18\.01px\] { width: 18.01px; } .w-\[180px\] { width: 180px; } .w-\[182px\] { width: 182px; } .w-\[184px\] { width: 184px; } .w-\[185px\] { width: 185px; } .w-\[18px\] { width: 18px; } .w-\[190px\] { width: 190px; } .w-\[1920px\] { width: 1920px; } .w-\[200px\] { width: 200px; } .w-\[20px\] { width: 20px; } .w-\[213px\] { width: 213px; } .w-\[220px\] { width: 220px; } .w-\[230px\] { width: 230px; } .w-\[235px\] { width: 235px; } .w-\[240px\] { width: 240px; } .w-\[245px\] { width: 245px; } .w-\[246px\] { width: 246px; } .w-\[248px\] { width: 248px; } .w-\[24px\] { width: 24px; } .w-\[25\%\] { width: 25%; } .w-\[25px\] { width: 25px; } .w-\[265px\] { width: 265px; } .w-\[269px\] { width: 269px; } .w-\[270px\] { width: 270px; } .w-\[274px\] { width: 274px; } .w-\[276px\] { width: 276px; } .w-\[280px\] { width: 280px; } .w-\[282px\] { width: 282px; } .w-\[286px\] { width: 286px; } .w-\[288px\] { width: 288px; } .w-\[296px\] { width: 296px; } .w-\[298px\] { width: 298px; } .w-\[29px\] { width: 29px; } .w-\[300px\] { width: 300px; } .w-\[310px\] { width: 310px; } .w-\[317px\] { width: 317px; } .w-\[320px\] { width: 320px; } .w-\[327px\] { width: 327px; } .w-\[329px\] { width: 329px; } .w-\[32px\] { width: 32px; } .w-\[332px\] { width: 332px; } .w-\[340px\] { width: 340px; } .w-\[370px\] { width: 370px; } .w-\[375px\] { width: 375px; } .w-\[390px\] { width: 390px; } .w-\[395px\] { width: 395px; } .w-\[400px\] { width: 400px; } .w-\[408px\] { width: 408px; } .w-\[40px\] { width: 40px; } .w-\[414px\] { width: 414px; } .w-\[420px\] { width: 420px; } .w-\[432px\] { width: 432px; } .w-\[438px\] { width: 438px; } .w-\[440px\] { width: 440px; } .w-\[44px\] { width: 44px; } .w-\[455px\] { width: 455px; } .w-\[460px\] { width: 460px; } .w-\[462px\] { width: 462px; } .w-\[480px\] { width: 480px; } .w-\[484px\] { width: 484px; } .w-\[48px\] { width: 48px; } .w-\[50\%\] { width: 50%; } .w-\[50px\] { width: 50px; } .w-\[520px\] { width: 520px; } .w-\[52px\] { width: 52px; } .w-\[530px\] { width: 530px; } .w-\[534px\] { width: 534px; } .w-\[536px\] { width: 536px; } .w-\[53px\] { width: 53px; } .w-\[540px\] { width: 540px; } .w-\[547\.94px\] { width: 547.94px; } .w-\[548px\] { width: 548px; } .w-\[54px\] { width: 54px; } .w-\[560px\] { width: 560px; } .w-\[564px\] { width: 564px; } .w-\[567px\] { width: 567px; } .w-\[576px\] { width: 576px; } .w-\[580px\] { width: 580px; } .w-\[585px\] { width: 585px; } .w-\[58px\] { width: 58px; } .w-\[592px\] { width: 592px; } .w-\[600px\] { width: 600px; } .w-\[60px\] { width: 60px; } .w-\[650px\] { width: 650px; } .w-\[664px\] { width: 664px; } .w-\[67\.689px\] { width: 67.689px; } .w-\[675px\] { width: 675px; } .w-\[68\.75px\] { width: 68.75px; } .w-\[683px\] { width: 683px; } .w-\[68px\] { width: 68px; } .w-\[690px\] { width: 690px; } .w-\[70\%\] { width: 70%; } .w-\[72px\] { width: 72px; } .w-\[73\.57px\] { width: 73.57px; } .w-\[756px\] { width: 756px; } .w-\[760px\] { width: 760px; } .w-\[764px\] { width: 764px; } .w-\[788px\] { width: 788px; } .w-\[800px\] { width: 800px; } .w-\[80px\] { width: 80px; } .w-\[84px\] { width: 84px; } .w-\[850px\] { width: 850px; } .w-\[87px\] { width: 87px; } .w-\[8px\] { width: 8px; } .w-\[96px\] { width: 96px; } .w-\[99px\] { width: 99px; } .w-\[calc\(100\%\+2px\)\] { width: calc(100% + 2px); } .w-\[calc\(100\%-152px\)\] { width: calc(100% - 152px); } .w-\[calc\(100vw-32px\)\] { width: calc(-32px + 100vw); } .w-\[calc\(33\%-16px\)\] { width: calc(33% - 16px); } .w-\[min\(1200px\,115vw\)\] { width: min(1200px, 115vw); } .w-auto { width: auto; } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-max { width: max-content; } .w-min { width: min-content; } .w-px { width: 1px; } .\!min-w-\[40px\] { min-width: 40px !important; } .min-w-0 { min-width: 0px; } .min-w-\[100px\] { min-width: 100px; } .min-w-\[120px\] { min-width: 120px; } .min-w-\[124px\] { min-width: 124px; } .min-w-\[160px\] { min-width: 160px; } .min-w-\[171px\] { min-width: 171px; } .min-w-\[172px\] { min-width: 172px; } .min-w-\[180px\] { min-width: 180px; } .min-w-\[184px\] { min-width: 184px; } .min-w-\[18px\] { min-width: 18px; } .min-w-\[200px\] { min-width: 200px; } .min-w-\[220px\] { min-width: 220px; } .min-w-\[225px\] { min-width: 225px; } .min-w-\[246px\] { min-width: 246px; } .min-w-\[260px\] { min-width: 260px; } .min-w-\[280px\] { min-width: 280px; } .min-w-\[310px\] { min-width: 310px; } .min-w-\[314px\] { min-width: 314px; } .min-w-\[350px\] { min-width: 350px; } .min-w-\[36px\] { min-width: 36px; } .min-w-\[40\%\] { min-width: 40%; } .min-w-\[400px\] { min-width: 400px; } .min-w-\[440px\] { min-width: 440px; } .min-w-\[45\%\] { min-width: 45%; } .min-w-\[72px\] { min-width: 72px; } .min-w-\[760px\] { min-width: 760px; } .min-w-\[832px\] { min-width: 832px; } .min-w-full { min-width: 100%; } .min-w-max { min-width: max-content; } .min-w-px { min-width: 1px; } .max-w-\[100\%\] { max-width: 100%; } .max-w-\[106px\] { max-width: 106px; } .max-w-\[108px\] { max-width: 108px; } .max-w-\[1100px\] { max-width: 1100px; } .max-w-\[110px\] { max-width: 110px; } .max-w-\[1200px\] { max-width: 1200px; } .max-w-\[1201px\] { max-width: 1201px; } .max-w-\[120px\] { max-width: 120px; } .max-w-\[1248px\] { max-width: 1248px; } .max-w-\[1300px\] { max-width: 1300px; } .max-w-\[1360px\] { max-width: 1360px; } .max-w-\[1440px\] { max-width: 1440px; } .max-w-\[150px\] { max-width: 150px; } .max-w-\[160px\] { max-width: 160px; } .max-w-\[166px\] { max-width: 166px; } .max-w-\[180px\] { max-width: 180px; } .max-w-\[1920px\] { max-width: 1920px; } .max-w-\[200px\] { max-width: 200px; } .max-w-\[220px\] { max-width: 220px; } .max-w-\[256px\] { max-width: 256px; } .max-w-\[286px\] { max-width: 286px; } .max-w-\[295px\] { max-width: 295px; } .max-w-\[318px\] { max-width: 318px; } .max-w-\[324px\] { max-width: 324px; } .max-w-\[360px\] { max-width: 360px; } .max-w-\[410px\] { max-width: 410px; } .max-w-\[412px\] { max-width: 412px; } .max-w-\[465px\] { max-width: 465px; } .max-w-\[480px\] { max-width: 480px; } .max-w-\[488px\] { max-width: 488px; } .max-w-\[497px\] { max-width: 497px; } .max-w-\[50\%\] { max-width: 50%; } .max-w-\[500px\] { max-width: 500px; } .max-w-\[504px\] { max-width: 504px; } .max-w-\[508px\] { max-width: 508px; } .max-w-\[544px\] { max-width: 544px; } .max-w-\[560px\] { max-width: 560px; } .max-w-\[564px\] { max-width: 564px; } .max-w-\[573px\] { max-width: 573px; } .max-w-\[580px\] { max-width: 580px; } .max-w-\[588px\] { max-width: 588px; } .max-w-\[590px\] { max-width: 590px; } .max-w-\[600px\] { max-width: 600px; } .max-w-\[620px\] { max-width: 620px; } .max-w-\[637px\] { max-width: 637px; } .max-w-\[660px\] { max-width: 660px; } .max-w-\[66px\] { max-width: 66px; } .max-w-\[675px\] { max-width: 675px; } .max-w-\[680px\] { max-width: 680px; } .max-w-\[690px\] { max-width: 690px; } .max-w-\[705px\] { max-width: 705px; } .max-w-\[708px\] { max-width: 708px; } .max-w-\[720px\] { max-width: 720px; } .max-w-\[750px\] { max-width: 750px; } .max-w-\[752px\] { max-width: 752px; } .max-w-\[800px\] { max-width: 800px; } .max-w-\[80px\] { max-width: 80px; } .max-w-\[84px\] { max-width: 84px; } .max-w-\[860px\] { max-width: 860px; } .max-w-\[900px\] { max-width: 900px; } .max-w-\[906px\] { max-width: 906px; } .max-w-\[90vw\] { max-width: 90vw; } .max-w-\[910px\] { max-width: 910px; } .max-w-\[960px\] { max-width: 960px; } .max-w-\[calc\(100\%-88px\)\] { max-width: calc(100% - 88px); } .max-w-full { max-width: 100%; } .max-w-lg { max-width: 32rem; } .max-w-none { max-width: none; } .max-w-screen-pc { max-width: 1200px; } .max-w-screen-sm { max-width: 640px; } .max-w-screen-xl { max-width: 1200px; } .max-w-sm { max-width: 24rem; } .flex-1 { flex: 1 1 0%; } .flex-\[1\.1\] { flex: 1.1 1 0%; } .flex-\[10\] { flex: 10 1 0%; } .flex-\[1\] { flex: 1 1 0%; } .flex-\[1_0_0\] { flex: 1 0 0px; } .flex-\[2\] { flex: 2 1 0%; } .flex-\[auto\] { flex: 1 1 auto; } .flex-none { flex: 0 0 auto; } .flex-shrink { flex-shrink: 1; } .flex-shrink-0, .shrink-0 { flex-shrink: 0; } .grow { flex-grow: 1; } .table-auto { table-layout: auto; } .origin-top-left { transform-origin: left top; } .-translate-x-1\/2 { --tw-translate-x: -50%; } .-translate-x-1\/2, .-translate-y-1\/2 { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-1\/2 { --tw-translate-y: -50%; } .translate-x-\[-900px\] { --tw-translate-x: -900px; } .translate-x-\[-900px\], .translate-x-\[-960px\] { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-\[-960px\] { --tw-translate-x: -960px; } .translate-y-0 { --tw-translate-y: 0px; } .translate-y-0, .translate-y-5 { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-5 { --tw-translate-y: 1.25rem; } .translate-y-\[-278px\] { --tw-translate-y: -278px; } .translate-y-\[-278px\], .translate-y-\[-50px\] { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-\[-50px\] { --tw-translate-y: -50px; } .translate-y-\[50px\] { --tw-translate-y: 50px; } .-rotate-90, .translate-y-\[50px\] { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-rotate-90 { --tw-rotate: -90deg; } .rotate-180 { --tw-rotate: 180deg; } .rotate-180, .rotate-45 { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-45 { --tw-rotate: 45deg; } .rotate-\[40\.26deg\] { --tw-rotate: 40.26deg; } .rotate-\[40\.26deg\], .scale-0 { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-0 { --tw-scale-x: 0; --tw-scale-y: 0; } .scale-\[0\.72\] { --tw-scale-x: 0.72; --tw-scale-y: 0.72; } .-scale-y-100, .scale-\[0\.72\] { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-scale-y-100 { --tw-scale-y: -1; } .transform { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .animate-\[spin_20s_linear_infinite\] { animation: 20s linear 0s infinite normal none running spin; } @keyframes pulse { 50% { opacity: 0.5; } } .animate-pulse { animation: 2s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite normal none running pulse; } @keyframes spin { 100% { transform: rotate(1turn); } } .animate-spin { animation: 1s linear 0s infinite normal none running spin; } .cursor-auto { cursor: auto; } .cursor-default { cursor: default; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .touch-none { touch-action: none; } .select-none { user-select: none; } .resize { resize: both; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); } .grid-cols-\[180px_304px_233px_233px\] { grid-template-columns: 180px 304px 233px 233px; } .grid-rows-2 { grid-template-rows: repeat(2, minmax(0px, 1fr)); } .grid-rows-\[0fr\] { grid-template-rows: 0fr; } .grid-rows-\[1fr\] { grid-template-rows: 1fr; } .grid-rows-\[auto_auto_auto_auto\] { grid-template-rows: auto auto auto auto; } .flex-row { flex-direction: row; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-wrap { flex-wrap: wrap; } .flex-nowrap { flex-wrap: nowrap; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .items-baseline { align-items: baseline; } .items-stretch { align-items: stretch; } .\!justify-start { justify-content: flex-start !important; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .justify-around { justify-content: space-around; } .justify-stretch { justify-content: stretch; } .justify-items-center { justify-items: center; } .gap-0\.5 { gap: 0.125rem; } .gap-1 { gap: 0.25rem; } .gap-10 { gap: 2.5rem; } .gap-12 { gap: 3rem; } .gap-2 { gap: 0.5rem; } .gap-20 { gap: 5rem; } .gap-3 { gap: 0.75rem; } .gap-4 { gap: 1rem; } .gap-5 { gap: 1.25rem; } .gap-6 { gap: 1.5rem; } .gap-8 { gap: 2rem; } .gap-\[0px\] { gap: 0px; } .gap-\[100px\] { gap: 100px; } .gap-\[10px\] { gap: 10px; } .gap-\[11px\] { gap: 11px; } .gap-\[120px\] { gap: 120px; } .gap-\[12px\] { gap: 12px; } .gap-\[130px\] { gap: 130px; } .gap-\[14px\] { gap: 14px; } .gap-\[16px\] { gap: 16px; } .gap-\[180px\] { gap: 180px; } .gap-\[188px\] { gap: 188px; } .gap-\[18px\] { gap: 18px; } .gap-\[20px\] { gap: 20px; } .gap-\[21px\] { gap: 21px; } .gap-\[22px\] { gap: 22px; } .gap-\[24px\] { gap: 24px; } .gap-\[28px\] { gap: 28px; } .gap-\[2px\] { gap: 2px; } .gap-\[3\.5px\] { gap: 3.5px; } .gap-\[32px\] { gap: 32px; } .gap-\[34px\] { gap: 34px; } .gap-\[36px\] { gap: 36px; } .gap-\[3px\] { gap: 3px; } .gap-\[40px\] { gap: 40px; } .gap-\[48px\] { gap: 48px; } .gap-\[4px\] { gap: 4px; } .gap-\[50px\] { gap: 50px; } .gap-\[56px\] { gap: 56px; } .gap-\[5px\] { gap: 5px; } .gap-\[60px\] { gap: 60px; } .gap-\[64px\] { gap: 64px; } .gap-\[65px\] { gap: 65px; } .gap-\[6px\] { gap: 6px; } .gap-\[7\.9px\] { gap: 7.9px; } .gap-\[70px\] { gap: 70px; } .gap-\[76px\] { gap: 76px; } .gap-\[7px\] { gap: 7px; } .gap-\[80px\] { gap: 80px; } .gap-\[8px\] { gap: 8px; } .gap-\[90px\] { gap: 90px; } .gap-\[9px\] { gap: 9px; } .gap-x-10 { column-gap: 2.5rem; } .gap-x-6 { column-gap: 1.5rem; } .gap-x-\[14px\] { column-gap: 14px; } .gap-x-\[20px\] { column-gap: 20px; } .gap-x-\[32px\] { column-gap: 32px; } .gap-x-\[40px\] { column-gap: 40px; } .gap-x-\[8px\] { column-gap: 8px; } .gap-y-\[10px\] { row-gap: 10px; } .gap-y-\[12px\] { row-gap: 12px; } .gap-y-\[16px\] { row-gap: 16px; } .gap-y-\[20px\] { row-gap: 20px; } .gap-y-\[24px\] { row-gap: 24px; } .space-x-\[13px\] > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-left: calc(13px*(1 - var(--tw-space-x-reverse))); margin-right: calc(13px*var(--tw-space-x-reverse)); } .space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-bottom: calc(.75rem*var(--tw-space-y-reverse)); margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse))); } .space-y-\[16px\] > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-bottom: calc(16px*var(--tw-space-y-reverse)); margin-top: calc(16px*(1 - var(--tw-space-y-reverse))); } .self-start { align-self: flex-start; } .self-center { align-self: center; } .self-stretch { align-self: stretch; } .\!overflow-hidden { overflow: hidden !important; } .overflow-hidden { overflow: hidden; } .overflow-clip { overflow: clip; } .\!overflow-visible { overflow: visible !important; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .overflow-x-hidden { overflow-x: hidden; } .overscroll-y-contain { overscroll-behavior-y: contain; } .truncate { overflow: hidden; white-space: nowrap; } .text-ellipsis, .truncate { text-overflow: ellipsis; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre { white-space: pre; } .whitespace-pre-line { white-space: pre-line; } .whitespace-pre-wrap { white-space: pre-wrap; } .whitespace-break-spaces { white-space: break-spaces; } .text-balance { text-wrap: balance; } .break-words { overflow-wrap: break-word; } .break-all { word-break: break-all; } .\!rounded-\[16px\] { border-radius: 16px !important; } .\!rounded-\[8px\] { border-radius: 8px !important; } .\!rounded-lg { border-radius: 0.5rem !important; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: 1rem; } .rounded-3xl { border-radius: 1.5rem; } .rounded-\[10\.5px\] { border-radius: 10.5px; } .rounded-\[100\%\] { border-radius: 100%; } .rounded-\[11px\] { border-radius: 11px; } .rounded-\[12px\] { border-radius: 12px; } .rounded-\[14px\] { border-radius: 14px; } .rounded-\[15\.5px\] { border-radius: 15.5px; } .rounded-\[16px\] { border-radius: 16px; } .rounded-\[18px\] { border-radius: 18px; } .rounded-\[1px\] { border-radius: 1px; } .rounded-\[20px\] { border-radius: 20px; } .rounded-\[24px\] { border-radius: 24px; } .rounded-\[30px\] { border-radius: 30px; } .rounded-\[32px\] { border-radius: 32px; } .rounded-\[33px\] { border-radius: 33px; } .rounded-\[363px\] { border-radius: 363px; } .rounded-\[4\.8px\] { border-radius: 4.8px; } .rounded-\[4px\] { border-radius: 4px; } .rounded-\[50\%\] { border-radius: 50%; } .rounded-\[5px\] { border-radius: 5px; } .rounded-\[60px\] { border-radius: 60px; } .rounded-\[6px\] { border-radius: 6px; } .rounded-\[7px\] { border-radius: 7px; } .rounded-\[84px\] { border-radius: 84px; } .rounded-\[8px\] { border-radius: 8px; } .rounded-\[999px\] { border-radius: 999px; } .rounded-\[9px\] { border-radius: 9px; } .rounded-\[inherit\] { border-radius: inherit; } .rounded-full { border-radius: 9999px; } .rounded-lg { border-radius: 0.5rem; } .rounded-none { border-radius: 0px; } .rounded-xl { border-radius: 0.75rem; } .rounded-b-none { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .rounded-s-\[20px\] { border-end-start-radius: 20px; border-start-start-radius: 20px; } .rounded-ee-\[20px\] { border-end-end-radius: 20px; } .rounded-se-\[20px\] { border-start-end-radius: 20px; } .\!border-0 { border-width: 0px !important; } .border { border-width: 1px; } .border-0 { border-width: 0px; } .border-4 { border-width: 4px; } .border-\[0\.3px\] { border-width: 0.3px; } .border-\[0\.5px\] { border-width: 0.5px; } .border-\[0\] { border-width: 0px; } .border-\[1px\] { border-width: 1px; } .border-x-0 { border-left-width: 0px; border-right-width: 0px; } .border-x-2 { border-left-width: 2px; border-right-width: 2px; } .border-y { border-top-width: 1px; } .border-b, .border-y { border-bottom-width: 1px; } .border-b-0 { border-bottom-width: 0px; } .border-b-\[0\.5px\] { border-bottom-width: 0.5px; } .border-e { border-inline-end-width: 1px; } .border-e-0 { border-inline-end-width: 0px; } .border-s { border-inline-start-width: 1px; } .border-s-0 { border-inline-start-width: 0px; } .border-s-\[2px\] { border-inline-start-width: 2px; } .border-t { border-top-width: 1px; } .border-t-0 { border-top-width: 0px; } .\!border-solid { border-style: solid !important; } .border-solid { border-style: solid; } .border-dashed { border-style: dashed; } .border-none { border-style: none; } .\!border-\[\#00b7d4\] { --tw-border-opacity: 1 !important; border-color: rgb(0 183 212/var(--tw-border-opacity,1)) !important; } .\!border-\[var\(--ds-color-border-gutter\)\] { border-color: var(--ds-color-border-gutter) !important; } .\!border-ds-color-border-subtle { border-color: var(--ds-color-border-subtle) !important; } .\!border-ds-color-text-primary { border-color: var(--ds-color-text-primary) !important; } .border-\[\#000000\] { --tw-border-opacity: 1; border-color: rgb(0 0 0/var(--tw-border-opacity,1)); } .border-\[\#00212e\] { --tw-border-opacity: 1; border-color: rgb(0 33 46/var(--tw-border-opacity,1)); } .border-\[\#0e0f11\] { --tw-border-opacity: 1; border-color: rgb(14 15 17/var(--tw-border-opacity,1)); } .border-\[\#26bfd4\] { --tw-border-opacity: 1; border-color: rgb(38 191 212/var(--tw-border-opacity,1)); } .border-\[\#27282B\], .border-\[\#27282b\] { --tw-border-opacity: 1; border-color: rgb(39 40 43/var(--tw-border-opacity,1)); } .border-\[\#303236\] { --tw-border-opacity: 1; border-color: rgb(48 50 54/var(--tw-border-opacity,1)); } .border-\[\#38393D\], .border-\[\#38393d\] { --tw-border-opacity: 1; border-color: rgb(56 57 61/var(--tw-border-opacity,1)); } .border-\[\#929899\] { --tw-border-opacity: 1; border-color: rgb(146 152 153/var(--tw-border-opacity,1)); } .border-\[\#E8E8E8\] { --tw-border-opacity: 1; border-color: rgb(232 232 232/var(--tw-border-opacity,1)); } .border-\[\#EAEAED\] { --tw-border-opacity: 1; border-color: rgb(234 234 237/var(--tw-border-opacity,1)); } .border-\[\#F4F5F7\] { --tw-border-opacity: 1; border-color: rgb(244 245 247/var(--tw-border-opacity,1)); } .border-\[\#FFFFFF33\] { border-color: rgba(255, 255, 255, 0.2); } .border-\[color\:var\(--color-line\)\] { border-color: var(--color-line); } .border-\[rgba\(156\,105\,255\,0\.3\)\] { border-color: rgba(156, 105, 255, 0.3); } .border-\[rgba\(255\,255\,255\,0\.06\)\] { border-color: rgba(255, 255, 255, 0.06); } .border-\[rgba\(255\,255\,255\,0\.08\)\] { border-color: rgba(255, 255, 255, 0.08); } .border-\[rgba\(255\,255\,255\,0\.1\)\] { border-color: rgba(255, 255, 255, 0.1); } .border-\[rgba\(255\,255\,255\,0\.35\)\] { border-color: rgba(255, 255, 255, 0.35); } .border-\[var\(--background-secondary\)\] { border-color: var(--background-secondary); } .border-\[var\(--color-line-divider-primary\,rgba\(0\,0\,0\,0\.06\)\)\] { border-color: var(--color-line-divider-primary,rgba(0,0,0,.06)); } .border-\[var\(--ds-color-background-primary\)\] { border-color: var(--ds-color-background-primary); } .border-\[var\(--ds-color-background-tertiary\)\] { border-color: var(--ds-color-background-tertiary); } .border-\[var\(--ds-color-border-strong\)\] { border-color: var(--ds-color-border-strong); } .border-\[var\(--ds-color-border-subtle\)\] { border-color: var(--ds-color-border-subtle); } .border-\[var\(--ds-color-brand-soft\)\] { border-color: var(--ds-color-brand-soft); } .border-\[var\(--ds-color-function-success\)\] { border-color: var(--ds-color-function-success); } .border-\[var\(--ds-color-text-inverse-secondary\)\] { border-color: var(--ds-color-text-inverse-secondary); } .border-border-strength-100 { border-color: var(--border-strength-100); } .border-border-strength-200 { border-color: var(--border-strength-200); } .border-ds-color-border-strong { border-color: var(--ds-color-border-strong); } .border-ds-color-border-subtle { border-color: var(--ds-color-border-subtle); } .border-ds-color-function-success-disabled { border-color: var(--ds-color-function-success-disabled); } .border-ds-color-function-warning-disabled { border-color: var(--ds-color-function-warning-disabled); } .border-ds-color-text-inverse-secondary { border-color: var(--ds-color-text-inverse-secondary); } .border-ds-color-text-tertiary { border-color: var(--ds-color-text-tertiary); } .border-gray-100 { --tw-border-opacity: 1; border-color: rgb(243 244 246/var(--tw-border-opacity,1)); } .border-inputBorder { border-color: var(--color-input-border); } .border-line { border-color: var(--color-line); } .border-primary { border-color: var(--color-primary); } .border-transparent { border-color: transparent; } .border-white\/10 { border-color: rgba(255, 255, 255, 0.1); } .border-white\/20 { border-color: rgba(255, 255, 255, 0.2); } .border-b-\[color\:var\(--color-line\)\] { border-bottom-color: var(--color-line); } .border-b-\[var\(--ds-color-border-subtle\)\] { border-bottom-color: var(--ds-color-border-subtle); } .border-t-transparent { border-top-color: transparent; } .\!bg-\[\#00F0FF\] { --tw-bg-opacity: 1 !important; background-color: rgb(0 240 255/var(--tw-bg-opacity,1)) !important; } .\!bg-\[\#00b7d4\] { --tw-bg-opacity: 1 !important; background-color: rgb(0 183 212/var(--tw-bg-opacity,1)) !important; } .\!bg-\[\#9C69FF\] { --tw-bg-opacity: 1 !important; background-color: rgb(156 105 255/var(--tw-bg-opacity,1)) !important; } .\!bg-\[\#ffe8e8\] { --tw-bg-opacity: 1 !important; background-color: rgb(255 232 232/var(--tw-bg-opacity,1)) !important; } .\!bg-\[rgba\(0\,0\,0\,0\.24\)\] { background-color: rgba(0, 0, 0, 0.24) !important; } .\!bg-\[rgba\(156\,105\,255\,0\.9\)\] { background-color: rgba(156, 105, 255, 0.9) !important; } .\!bg-background-inverse-primary { background-color: var(--background-inverse-primary) !important; } .\!bg-transparent { background-color: initial !important; } .bg-\[\#0000001A\] { background-color: rgba(0, 0, 0, 0.1); } .bg-\[\#00d9ff\] { --tw-bg-opacity: 1; background-color: rgb(0 217 255/var(--tw-bg-opacity,1)); } .bg-\[\#03aac7\] { --tw-bg-opacity: 1; background-color: rgb(3 170 199/var(--tw-bg-opacity,1)); } .bg-\[\#070808\] { --tw-bg-opacity: 1; background-color: rgb(7 8 8/var(--tw-bg-opacity,1)); } .bg-\[\#0A0E17\] { --tw-bg-opacity: 1; background-color: rgb(10 14 23/var(--tw-bg-opacity,1)); } .bg-\[\#0C0C0C\] { --tw-bg-opacity: 1; background-color: rgb(12 12 12/var(--tw-bg-opacity,1)); } .bg-\[\#121314\] { --tw-bg-opacity: 1; background-color: rgb(18 19 20/var(--tw-bg-opacity,1)); } .bg-\[\#131313\] { --tw-bg-opacity: 1; background-color: rgb(19 19 19/var(--tw-bg-opacity,1)); } .bg-\[\#161616\] { --tw-bg-opacity: 1; background-color: rgb(22 22 22/var(--tw-bg-opacity,1)); } .bg-\[\#181818\] { --tw-bg-opacity: 1; background-color: rgb(24 24 24/var(--tw-bg-opacity,1)); } .bg-\[\#181A1C\] { --tw-bg-opacity: 1; background-color: rgb(24 26 28/var(--tw-bg-opacity,1)); } .bg-\[\#1F2023\] { --tw-bg-opacity: 1; background-color: rgb(31 32 35/var(--tw-bg-opacity,1)); } .bg-\[\#1e2024\] { --tw-bg-opacity: 1; background-color: rgb(30 32 36/var(--tw-bg-opacity,1)); } .bg-\[\#1f2023\] { --tw-bg-opacity: 1; background-color: rgb(31 32 35/var(--tw-bg-opacity,1)); } .bg-\[\#27282B\] { --tw-bg-opacity: 1; background-color: rgb(39 40 43/var(--tw-bg-opacity,1)); } .bg-\[\#2a2b2e\] { --tw-bg-opacity: 1; background-color: rgb(42 43 46/var(--tw-bg-opacity,1)); } .bg-\[\#9C69FF\] { --tw-bg-opacity: 1; background-color: rgb(156 105 255/var(--tw-bg-opacity,1)); } .bg-\[\#F5F4F4\] { --tw-bg-opacity: 1; background-color: rgb(245 244 244/var(--tw-bg-opacity,1)); } .bg-\[\#F9F9F9\] { --tw-bg-opacity: 1; background-color: rgb(249 249 249/var(--tw-bg-opacity,1)); } .bg-\[\#FDFCF7\] { --tw-bg-opacity: 1; background-color: rgb(253 252 247/var(--tw-bg-opacity,1)); } .bg-\[\#FFFFFF\] { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity,1)); } .bg-\[\#eff1f1\] { --tw-bg-opacity: 1; background-color: rgb(239 241 241/var(--tw-bg-opacity,1)); } .bg-\[\#f4f5f7\] { --tw-bg-opacity: 1; background-color: rgb(244 245 247/var(--tw-bg-opacity,1)); } .bg-\[\#fff\] { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity,1)); } .bg-\[\#ffffff1a\] { background-color: rgba(255, 255, 255, 0.1); } .bg-\[\#ffffff\]\/10 { background-color: rgba(255, 255, 255, 0.1); } .bg-\[--ds-color-neutral-black\] { background-color: var(--ds-color-neutral-black); } .bg-\[rgba\(0\,0\,0\,0\.05\)\] { background-color: rgba(0, 0, 0, 0.05); } .bg-\[rgba\(0\,0\,0\,0\.1\)\] { background-color: rgba(0, 0, 0, 0.1); } .bg-\[rgba\(0\,0\,0\,0\.7\)\] { background-color: rgba(0, 0, 0, 0.7); } .bg-\[rgba\(0\,183\,212\,0\.06\)\] { background-color: rgba(0, 183, 212, 0.06); } .bg-\[rgba\(0\,183\,212\,0\.12\)\] { background-color: rgba(0, 183, 212, 0.12); } .bg-\[rgba\(156\,105\,255\,0\.08\)\] { background-color: rgba(156, 105, 255, 0.08); } .bg-\[rgba\(2\,2\,2\,0\.02\)\] { background-color: rgba(2, 2, 2, 0.02); } .bg-\[rgba\(255\,255\,255\,0\.02\)\] { background-color: rgba(255, 255, 255, 0.02); } .bg-\[rgba\(255\,255\,255\,0\.05\)\] { background-color: rgba(255, 255, 255, 0.05); } .bg-\[rgba\(255\,255\,255\,0\.06\)\] { background-color: rgba(255, 255, 255, 0.06); } .bg-\[rgba\(255\,255\,255\,0\.1\)\] { background-color: rgba(255, 255, 255, 0.1); } .bg-\[rgba\(31\,32\,35\,0\.6\)\] { background-color: rgba(31, 32, 35, 0.6); } .bg-\[rgba\(5\,180\,204\,0\.1\)\] { background-color: rgba(5, 180, 204, 0.1); } .bg-\[rgba\(7\,8\,8\,0\.05\)\] { background-color: rgba(7, 8, 8, 0.05); } .bg-\[rgba\(77\,210\,230\,0\.65\)\] { background-color: rgba(77, 210, 230, 0.65); } .bg-\[var\(--background-orange-soft\)\] { background-color: var(--background-orange-soft); } .bg-\[var\(--background-primary\)\] { background-color: var(--background-primary); } .bg-\[var\(--color-error-bg\)\] { background-color: var(--color-error-bg); } .bg-\[var\(--color-placeholder-text\)\] { background-color: var(--color-placeholder-text); } .bg-\[var\(--color-success-bg\)\] { background-color: var(--color-success-bg); } .bg-\[var\(--color-warning-bg\)\] { background-color: var(--color-warning-bg); } .bg-\[var\(--ds-color-always-black\)\] { background-color: var(--ds-color-always-black); } .bg-\[var\(--ds-color-always-white\)\] { background-color: var(--ds-color-always-white); } .bg-\[var\(--ds-color-background-base\)\] { background-color: var(--ds-color-background-base); } .bg-\[var\(--ds-color-background-inverse-primary\)\] { background-color: var(--ds-color-background-inverse-primary); } .bg-\[var\(--ds-color-background-primary\)\] { background-color: var(--ds-color-background-primary); } .bg-\[var\(--ds-color-background-secondary\)\] { background-color: var(--ds-color-background-secondary); } .bg-\[var\(--ds-color-background-secondary\,\#f4f5f7\)\] { background-color: var(--ds-color-background-secondary,#f4f5f7); } .bg-\[var\(--ds-color-background-tertiary\)\] { background-color: var(--ds-color-background-tertiary); } .bg-\[var\(--ds-color-bg-popup\)\] { background-color: var(--ds-color-bg-popup); } .bg-\[var\(--ds-color-border-black\)\] { background-color: var(--ds-color-border-black); } .bg-\[var\(--ds-color-border-subtle\)\] { background-color: var(--ds-color-border-subtle); } .bg-\[var\(--ds-color-brand-1\)\] { background-color: var(--ds-color-brand-1); } .bg-\[var\(--ds-color-function-brand\)\] { background-color: var(--ds-color-function-brand); } .bg-\[var\(--ds-color-function-brand\,\#03aac7\)\] { background-color: var(--ds-color-function-brand,#03aac7); } .bg-\[var\(--ds-color-function-brand-soft\)\] { background-color: var(--ds-color-function-brand-soft); } .bg-\[var\(--ds-color-function-discovery-soft\)\] { background-color: var(--ds-color-function-discovery-soft); } .bg-\[var\(--ds-color-text-disabled\)\] { background-color: var(--ds-color-text-disabled); } .bg-\[var\(--ds-color-text-inverse-primary\)\] { background-color: var(--ds-color-text-inverse-primary); } .bg-\[var\(--ds-color-text-primary\)\] { background-color: var(--ds-color-text-primary); } .bg-\[var\(--ds-color-text-secondary\)\] { background-color: var(--ds-color-text-secondary); } .bg-\[var\(--ds-color-text-tertiary\)\] { background-color: var(--ds-color-text-tertiary); } .bg-\[white\] { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity,1)); } .bg-background-primary { background-color: var(--background-primary); } .bg-bg { background-color: var(--color-bg); } .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0/var(--tw-bg-opacity,1)); } .bg-black\/60 { background-color: rgba(0, 0, 0, 0.6); } .bg-black\/70 { background-color: rgba(0, 0, 0, 0.7); } .bg-cardBg { background-color: var(--color-card-bg); } .bg-current { background-color: currentcolor; } .bg-ds-color-always-black { background-color: var(--ds-color-always-black); } .bg-ds-color-always-white { background-color: var(--ds-color-always-white); } .bg-ds-color-background-base { background-color: var(--ds-color-background-base); } .bg-ds-color-background-disabled { background-color: var(--ds-color-background-disabled); } .bg-ds-color-background-input-grey { background-color: var(--ds-color-background-input-grey); } .bg-ds-color-background-inverse-primary { background-color: var(--ds-color-background-inverse-primary); } .bg-ds-color-background-mask { background-color: var(--ds-color-background-mask); } .bg-ds-color-background-primary { background-color: var(--ds-color-background-primary); } .bg-ds-color-background-secondary { background-color: var(--ds-color-background-secondary); } .bg-ds-color-background-tertiary { background-color: var(--ds-color-background-tertiary); } .bg-ds-color-border-subtle { background-color: var(--ds-color-border-subtle); } .bg-ds-color-function-brand-soft { background-color: var(--ds-color-function-brand-soft); } .bg-ds-color-function-error-soft { background-color: var(--ds-color-function-error-soft); } .bg-ds-color-function-warning-soft { background-color: var(--ds-color-function-warning-soft); } .bg-ds-color-layer-0 { background-color: var(--ds-color-layer-0); } .bg-ds-color-layer-3 { background-color: var(--ds-color-layer-3); } .bg-ds-color-tag-bg-neutral-solid { background-color: var(--ds-color-tag-background-neutral-solid); } .bg-ds-color-text-primary { background-color: var(--ds-color-text-primary); } .bg-ds-color-text-secondary { background-color: var(--ds-color-text-secondary); } .bg-ds-color-text-tertiary { background-color: var(--ds-color-text-tertiary); } .bg-orange-500 { --tw-bg-opacity: 1; background-color: rgb(249 115 22/var(--tw-bg-opacity,1)); } .bg-primary { background-color: var(--color-primary); } .bg-primaryBtnBg { background-color: var(--color-primary-btn-bg); } .bg-secondaryText { background-color: var(--color-secondary-text); } .bg-slate-900 { --tw-bg-opacity: 1; background-color: rgb(15 23 42/var(--tw-bg-opacity,1)); } .bg-transparent { background-color: initial; } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity,1)); } .bg-white\/10 { background-color: rgba(255, 255, 255, 0.1); } .bg-white\/30 { background-color: rgba(255, 255, 255, 0.3); } .bg-white\/\[0\.04\] { background-color: rgba(255, 255, 255, 0.04); } .bg-whiteText { background-color: var(--color-white-text); } .bg-opacity-80 { --tw-bg-opacity: 0.8; } .bg-\[linear-gradient\(180deg\,rgba\(0\,0\,0\,0\)_0\%\,rgba\(0\,0\,0\,0\.08\)_100\%\)\] { background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.08)); } .bg-\[linear-gradient\(270deg\,var\(--ds-color-always-black\)_0\%\,transparent_100\%\)\] { background-image: linear-gradient(270deg,var(--ds-color-always-black) 0,transparent 100%); } .bg-\[linear-gradient\(90deg\,var\(--ds-color-always-black\)_0\%\,transparent_100\%\)\] { background-image: linear-gradient(90deg,var(--ds-color-always-black) 0,transparent 100%); } .bg-gradient-to-b { background-image: linear-gradient(to bottom,var(--tw-gradient-stops)); } .bg-gradient-to-l { background-image: linear-gradient(to left,var(--tw-gradient-stops)); } .bg-gradient-to-r { background-image: linear-gradient(to right,var(--tw-gradient-stops)); } .bg-gradient-to-t { background-image: linear-gradient(to top,var(--tw-gradient-stops)); } .from-\[\#002420\] { --tw-gradient-from: #002420 var(--tw-gradient-from-position); --tw-gradient-to: rgba(0,36,32,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); } .from-\[\#111\] { --tw-gradient-from: #111 var(--tw-gradient-from-position); --tw-gradient-to: rgba(17,17,17,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); } .from-\[\#1f2023\] { --tw-gradient-from: #1f2023 var(--tw-gradient-from-position); --tw-gradient-to: rgba(31,32,35,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); } .from-\[rgba\(7\,8\,8\,0\)\] { --tw-gradient-from: rgba(7,8,8,0) var(--tw-gradient-from-position); --tw-gradient-to: rgba(7,8,8,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); } .from-\[var\(--ds-color-background-base\)\] { --tw-gradient-from: var(--ds-color-background-base) var(--tw-gradient-from-position); --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); } .from-ds-color-background-secondary { --tw-gradient-from: var(--ds-color-background-secondary) var(--tw-gradient-from-position); --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); } .from-ds-color-function-brand-soft { --tw-gradient-from: var(--ds-color-function-brand-soft) var(--tw-gradient-from-position); --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); } .from-ds-color-function-success-soft { --tw-gradient-from: var(--ds-color-function-success-soft) var(--tw-gradient-from-position); --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); } .from-transparent { --tw-gradient-from: transparent var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); } .from-\[21\.566\%\] { --tw-gradient-from-position: 21.566%; } .from-\[83\%\] { --tw-gradient-from-position: 83%; } .via-white\/25 { --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),hsla(0,0%,100%,.25) var(--tw-gradient-via-position),var(--tw-gradient-to); } .to-\[\#070808\] { --tw-gradient-to: #070808 var(--tw-gradient-to-position); } .to-\[\#1e1e1e\] { --tw-gradient-to: #1e1e1e var(--tw-gradient-to-position); } .to-\[rgba\(0\,36\,32\,0\)\] { --tw-gradient-to: rgba(0,36,32,0) var(--tw-gradient-to-position); } .to-\[rgba\(31\,32\,35\,0\)\] { --tw-gradient-to: rgba(31,32,35,0) var(--tw-gradient-to-position); } .to-transparent { --tw-gradient-to: transparent var(--tw-gradient-to-position); } .to-\[98\.585\%\] { --tw-gradient-to-position: 98.585%; } .bg-\[length\:100\%_60\%\] { background-size: 100% 60%; } .bg-cover { background-size: cover; } .bg-bottom { background-position: center bottom; } .bg-center { background-position: 50% center; } .bg-top { background-position: center top; } .bg-no-repeat { background-repeat: no-repeat; } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .object-bottom { object-position: center bottom; } .object-center { object-position: center center; } .object-top { object-position: center top; } .\!p-0 { padding: 0px !important; } .p-0 { padding: 0px; } .p-1 { padding: 0.25rem; } .p-4 { padding: 1rem; } .p-6 { padding: 1.5rem; } .p-8 { padding: 2rem; } .p-\[0\.5px\] { padding: 0.5px; } .p-\[10px\] { padding: 10px; } .p-\[12px\] { padding: 12px; } .p-\[15px\] { padding: 15px; } .p-\[16px\] { padding: 16px; } .p-\[16px_12px\] { padding: 16px 12px; } .p-\[16px_24px\] { padding: 16px 24px; } .p-\[17\.5px\] { padding: 17.5px; } .p-\[17px\] { padding: 17px; } .p-\[18\.5px\] { padding: 18.5px; } .p-\[18px\] { padding: 18px; } .p-\[20px\] { padding: 20px; } .p-\[22px\] { padding: 22px; } .p-\[24px\] { padding: 24px; } .p-\[24px_16px\] { padding: 24px 16px; } .p-\[28px\] { padding: 28px; } .p-\[32px\] { padding: 32px; } .p-\[3px\] { padding: 3px; } .p-\[40px\] { padding: 40px; } .p-\[48px\] { padding: 48px; } .p-\[4px\] { padding: 4px; } .p-\[60px\] { padding: 60px; } .p-\[68px\] { padding: 68px; } .p-\[6px\] { padding: 6px; } .p-\[7\.5\%\] { padding: 7.5%; } .p-\[80px\] { padding: 80px; } .p-\[8px\] { padding: 8px; } .\!px-\[10px\] { padding-left: 10px !important; padding-right: 10px !important; } .px-0 { padding-left: 0px; padding-right: 0px; } .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .px-8 { padding-left: 2rem; padding-right: 2rem; } .px-\[100px\] { padding-left: 100px; padding-right: 100px; } .px-\[10px\] { padding-left: 10px; padding-right: 10px; } .px-\[114px\] { padding-left: 114px; padding-right: 114px; } .px-\[120px\] { padding-left: 120px; padding-right: 120px; } .px-\[12px\] { padding-left: 12px; padding-right: 12px; } .px-\[16px\] { padding-left: 16px; padding-right: 16px; } .px-\[18px\] { padding-left: 18px; padding-right: 18px; } .px-\[20px\] { padding-left: 20px; padding-right: 20px; } .px-\[220px\] { padding-left: 220px; padding-right: 220px; } .px-\[22px\] { padding-left: 22px; padding-right: 22px; } .px-\[24px\] { padding-left: 24px; padding-right: 24px; } .px-\[28px\] { padding-left: 28px; padding-right: 28px; } .px-\[30px\] { padding-left: 30px; padding-right: 30px; } .px-\[32px\] { padding-left: 32px; padding-right: 32px; } .px-\[35px\] { padding-left: 35px; padding-right: 35px; } .px-\[40px\] { padding-left: 40px; padding-right: 40px; } .px-\[48px\] { padding-left: 48px; padding-right: 48px; } .px-\[50px\] { padding-left: 50px; padding-right: 50px; } .px-\[54px\] { padding-left: 54px; padding-right: 54px; } .px-\[55px\] { padding-left: 55px; padding-right: 55px; } .px-\[5px\] { padding-left: 5px; padding-right: 5px; } .px-\[68px\] { padding-left: 68px; padding-right: 68px; } .px-\[6px\] { padding-left: 6px; padding-right: 6px; } .px-\[80px\] { padding-left: 80px; padding-right: 80px; } .px-\[8px\] { padding-left: 8px; padding-right: 8px; } .px-\[92px\] { padding-left: 92px; padding-right: 92px; } .px-\[9px\] { padding-left: 9px; padding-right: 9px; } .py-0 { padding-bottom: 0px; padding-top: 0px; } .py-10 { padding-bottom: 2.5rem; padding-top: 2.5rem; } .py-12 { padding-bottom: 3rem; padding-top: 3rem; } .py-2 { padding-bottom: 0.5rem; padding-top: 0.5rem; } .py-20 { padding-bottom: 5rem; padding-top: 5rem; } .py-3 { padding-bottom: 0.75rem; padding-top: 0.75rem; } .py-4 { padding-bottom: 1rem; padding-top: 1rem; } .py-40 { padding-bottom: 10rem; padding-top: 10rem; } .py-5 { padding-bottom: 1.25rem; padding-top: 1.25rem; } .py-6 { padding-bottom: 1.5rem; padding-top: 1.5rem; } .py-8 { padding-bottom: 2rem; padding-top: 2rem; } .py-\[10px\] { padding-bottom: 10px; padding-top: 10px; } .py-\[110px\] { padding-bottom: 110px; padding-top: 110px; } .py-\[11px\] { padding-bottom: 11px; padding-top: 11px; } .py-\[120px\] { padding-bottom: 120px; padding-top: 120px; } .py-\[128px\] { padding-bottom: 128px; padding-top: 128px; } .py-\[12px\] { padding-bottom: 12px; padding-top: 12px; } .py-\[13px\] { padding-bottom: 13px; padding-top: 13px; } .py-\[16px\] { padding-bottom: 16px; padding-top: 16px; } .py-\[1px\] { padding-bottom: 1px; padding-top: 1px; } .py-\[20px\] { padding-bottom: 20px; padding-top: 20px; } .py-\[22px\] { padding-bottom: 22px; padding-top: 22px; } .py-\[24px\] { padding-bottom: 24px; padding-top: 24px; } .py-\[27px\] { padding-bottom: 27px; padding-top: 27px; } .py-\[28px\] { padding-bottom: 28px; padding-top: 28px; } .py-\[2px\] { padding-bottom: 2px; padding-top: 2px; } .py-\[30px\] { padding-bottom: 30px; padding-top: 30px; } .py-\[32px\] { padding-bottom: 32px; padding-top: 32px; } .py-\[36px\] { padding-bottom: 36px; padding-top: 36px; } .py-\[3px\] { padding-bottom: 3px; padding-top: 3px; } .py-\[40px\] { padding-bottom: 40px; padding-top: 40px; } .py-\[42px\] { padding-bottom: 42px; padding-top: 42px; } .py-\[45px\] { padding-bottom: 45px; padding-top: 45px; } .py-\[48px\] { padding-bottom: 48px; padding-top: 48px; } .py-\[49px\] { padding-bottom: 49px; padding-top: 49px; } .py-\[4px\] { padding-bottom: 4px; padding-top: 4px; } .py-\[50px\] { padding-bottom: 50px; padding-top: 50px; } .py-\[56px\] { padding-bottom: 56px; padding-top: 56px; } .py-\[5px\] { padding-bottom: 5px; padding-top: 5px; } .py-\[60px\] { padding-bottom: 60px; padding-top: 60px; } .py-\[62px\] { padding-bottom: 62px; padding-top: 62px; } .py-\[6px\] { padding-bottom: 6px; padding-top: 6px; } .py-\[72px\] { padding-bottom: 72px; padding-top: 72px; } .py-\[75px\] { padding-bottom: 75px; padding-top: 75px; } .py-\[80px\] { padding-bottom: 80px; padding-top: 80px; } .py-\[86px\] { padding-bottom: 86px; padding-top: 86px; } .py-\[8px\] { padding-bottom: 8px; padding-top: 8px; } .py-\[96px\] { padding-bottom: 96px; padding-top: 96px; } .py-\[9px\] { padding-bottom: 9px; padding-top: 9px; } .\!pt-0 { padding-top: 0px !important; } .pb-0 { padding-bottom: 0px; } .pb-10 { padding-bottom: 2.5rem; } .pb-16 { padding-bottom: 4rem; } .pb-2 { padding-bottom: 0.5rem; } .pb-4 { padding-bottom: 1rem; } .pb-40 { padding-bottom: 10rem; } .pb-6 { padding-bottom: 1.5rem; } .pb-8 { padding-bottom: 2rem; } .pb-\[10px\] { padding-bottom: 10px; } .pb-\[12px\] { padding-bottom: 12px; } .pb-\[160px\] { padding-bottom: 160px; } .pb-\[16px\] { padding-bottom: 16px; } .pb-\[180px\] { padding-bottom: 180px; } .pb-\[18px\] { padding-bottom: 18px; } .pb-\[200px\] { padding-bottom: 200px; } .pb-\[20px\] { padding-bottom: 20px; } .pb-\[23px\] { padding-bottom: 23px; } .pb-\[24px\] { padding-bottom: 24px; } .pb-\[26px\] { padding-bottom: 26px; } .pb-\[28px\] { padding-bottom: 28px; } .pb-\[30px\] { padding-bottom: 30px; } .pb-\[32px\] { padding-bottom: 32px; } .pb-\[3px\] { padding-bottom: 3px; } .pb-\[40px\] { padding-bottom: 40px; } .pb-\[41px\] { padding-bottom: 41px; } .pb-\[48px\] { padding-bottom: 48px; } .pb-\[56\.25\%\] { padding-bottom: 56.25%; } .pb-\[60px\] { padding-bottom: 60px; } .pb-\[62px\] { padding-bottom: 62px; } .pb-\[80px\] { padding-bottom: 80px; } .pb-\[8px\] { padding-bottom: 8px; } .pb-\[90px\] { padding-bottom: 90px; } .pb-\[99px\] { padding-bottom: 99px; } .pb-\[p64px\] { } .pe-1 { padding-inline-end: 0.25rem; } .pe-\[16px\] { padding-inline-end: 16px; } .pe-\[24px\] { padding-inline-end: 24px; } .pe-\[40px\] { padding-inline-end: 40px; } .pe-\[60px\] { padding-inline-end: 60px; } .pe-\[8px\] { padding-inline-end: 8px; } .pl-\[106px\] { padding-left: 106px; } .pl-\[10px\] { padding-left: 10px; } .pl-\[22px\] { padding-left: 22px; } .pl-\[8px\] { padding-left: 8px; } .ps-\[120px\] { padding-inline-start: 120px; } .ps-\[16px\] { padding-inline-start: 16px; } .ps-\[19px\] { padding-inline-start: 19px; } .ps-\[24px\] { padding-inline-start: 24px; } .ps-\[28px\] { padding-inline-start: 28px; } .ps-\[32px\] { padding-inline-start: 32px; } .ps-\[40px\] { padding-inline-start: 40px; } .ps-\[8px\] { padding-inline-start: 8px; } .pt-10 { padding-top: 2.5rem; } .pt-3 { padding-top: 0.75rem; } .pt-4 { padding-top: 1rem; } .pt-6 { padding-top: 1.5rem; } .pt-8 { padding-top: 2rem; } .pt-\[10px\] { padding-top: 10px; } .pt-\[120px\] { padding-top: 120px; } .pt-\[128px\] { padding-top: 128px; } .pt-\[12px\] { padding-top: 12px; } .pt-\[140px\] { padding-top: 140px; } .pt-\[150px\] { padding-top: 150px; } .pt-\[160px\] { padding-top: 160px; } .pt-\[16px\] { padding-top: 16px; } .pt-\[180px\] { padding-top: 180px; } .pt-\[20px\] { padding-top: 20px; } .pt-\[215px\] { padding-top: 215px; } .pt-\[24px\] { padding-top: 24px; } .pt-\[28px\] { padding-top: 28px; } .pt-\[2px\] { padding-top: 2px; } .pt-\[30px\] { padding-top: 30px; } .pt-\[32px\] { padding-top: 32px; } .pt-\[40px\] { padding-top: 40px; } .pt-\[48px\] { padding-top: 48px; } .pt-\[4px\] { padding-top: 4px; } .pt-\[58px\] { padding-top: 58px; } .pt-\[6\.75rem\] { padding-top: 6.75rem; } .pt-\[60px\] { padding-top: 60px; } .pt-\[70px\] { padding-top: 70px; } .pt-\[7px\] { padding-top: 7px; } .pt-\[80px\] { padding-top: 80px; } .pt-\[8px\] { padding-top: 8px; } .pt-px { padding-top: 1px; } .text-center { text-align: center; } .text-right { text-align: right; } .\!text-start { text-align: start !important; } .text-start { text-align: start; } .text-end { text-align: end; } .align-middle { vertical-align: middle; } .font-\[\'Bitget_Pulse\'\] { font-family: "Bitget Pulse"; } .\!text-\[14px\] { font-size: 14px !important; } .\!text-\[16px\] { font-size: 16px !important; } .\!text-\[20px\] { font-size: 20px !important; } .\!text-\[40px\] { font-size: 40px !important; } .text-2xl { font-size: 1.5rem; } .text-3xl\/10 { font-size: 1.875rem; line-height: 2.5rem; } .text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .text-\[0px\] { font-size: 0px; } .text-\[102px\] { font-size: 102px; } .text-\[10px\] { font-size: 10px; } .text-\[11px\] { font-size: 11px; } .text-\[12px\] { font-size: 12px; } .text-\[13px\] { font-size: 13px; } .text-\[14px\] { font-size: 14px; } .text-\[15px\] { font-size: 15px; } .text-\[16px\] { font-size: 16px; } .text-\[17px\] { font-size: 17px; } .text-\[18px\] { font-size: 18px; } .text-\[20px\] { font-size: 20px; } .text-\[22px\] { font-size: 22px; } .text-\[24px\] { font-size: 24px; } .text-\[26px\] { font-size: 26px; } .text-\[27px\] { font-size: 27px; } .text-\[28px\] { font-size: 28px; } .text-\[32px\] { font-size: 32px; } .text-\[36px\] { font-size: 36px; } .text-\[40px\] { font-size: 40px; } .text-\[48px\] { font-size: 48px; } .text-\[56px\] { font-size: 56px; } .text-\[64px\] { font-size: 64px; } .text-\[72px\] { font-size: 72px; } .text-\[78px\] { font-size: 78px; } .text-\[80px\] { font-size: 80px; } .text-\[96px\] { font-size: 96px; } .text-\[clamp\(36px\,9vw\,80px\)\] { font-size: clamp(36px, 9vw, 80px); } .text-\[clamp\(44px\,11vw\,100px\)\] { font-size: clamp(44px, 11vw, 100px); } .text-base, .text-base\/5 { font-size: 1rem; } .text-base\/5 { line-height: 1.25rem; } .text-base\/6 { line-height: 1.5rem; } .text-base\/6, .text-fs16 { font-size: 1rem; } .text-fs28 { font-size: 1.75rem; } .text-lg { font-size: 1.125rem; } .text-sm, .text-tiny { font-size: 0.875rem; } .text-xl, .text-xl\/7 { font-size: 1.25rem; } .text-xl\/7 { line-height: 1.75rem; } .text-xs { font-size: 0.75rem; } .\!font-\[500\] { font-weight: 500 !important; } .\!font-semibold { font-weight: 600 !important; } .font-\[300\] { font-weight: 300; } .font-\[400\] { font-weight: 400; } .font-\[500\] { font-weight: 500; } .font-\[600\] { font-weight: 600; } .font-\[700\], .font-bold { font-weight: 700; } .font-light { font-weight: 300; } .font-medium { font-weight: 500; } .font-normal { font-weight: 400; } .font-semibold { font-weight: 600; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .capitalize { text-transform: capitalize; } .italic { font-style: italic; } .not-italic { font-style: normal; } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .\!leading-\[1\.4\] { line-height: 1.4 !important; } .leading-4 { line-height: 1rem; } .leading-5 { line-height: 1.25rem; } .leading-7 { line-height: 1.75rem; } .leading-\[1\.05\] { line-height: 1.05; } .leading-\[1\.1\] { line-height: 1.1; } .leading-\[1\.22\] { line-height: 1.22; } .leading-\[1\.2\] { line-height: 1.2; } .leading-\[1\.2em\] { line-height: 1.2em; } .leading-\[1\.32\] { line-height: 1.32; } .leading-\[1\.3\] { line-height: 1.3; } .leading-\[1\.43\] { line-height: 1.43; } .leading-\[1\.4\] { line-height: 1.4; } .leading-\[1\.4em\] { line-height: 1.4em; } .leading-\[1\.55\] { line-height: 1.55; } .leading-\[1\.5\] { line-height: 1.5; } .leading-\[1\.6\] { line-height: 1.6; } .leading-\[1\.6em\] { line-height: 1.6em; } .leading-\[1\.8\] { line-height: 1.8; } .leading-\[100\%\] { line-height: 100%; } .leading-\[120\%\] { line-height: 120%; } .leading-\[140\%\] { line-height: 140%; } .leading-\[14px\] { line-height: 14px; } .leading-\[16px\] { line-height: 16px; } .leading-\[17px\] { line-height: 17px; } .leading-\[18px\] { line-height: 18px; } .leading-\[19\.6px\] { line-height: 19.6px; } .leading-\[20px\] { line-height: 20px; } .leading-\[22px\] { line-height: 22px; } .leading-\[24px\] { line-height: 24px; } .leading-\[27px\] { line-height: 27px; } .leading-\[28px\] { line-height: 28px; } .leading-\[30px\] { line-height: 30px; } .leading-\[34px\] { line-height: 34px; } .leading-\[38px\] { line-height: 38px; } .leading-\[42px\] { line-height: 42px; } .leading-\[48px\] { line-height: 48px; } .leading-\[57px\] { line-height: 57px; } .leading-\[58px\] { line-height: 58px; } .leading-\[65px\] { line-height: 65px; } .leading-\[68px\] { line-height: 68px; } .leading-\[76px\] { line-height: 76px; } .leading-\[86px\] { line-height: 86px; } .leading-none { line-height: 1; } .leading-normal { line-height: 1.5; } .leading-tight { line-height: 1.25; } .tracking-\[-0\.01em\] { letter-spacing: -0.01em; } .tracking-\[-0\.8px\] { letter-spacing: -0.8px; } .tracking-\[-1\.7px\] { letter-spacing: -1.7px; } .tracking-\[-2\.5px\] { letter-spacing: -2.5px; } .tracking-\[0\.02em\] { letter-spacing: 0.02em; } .tracking-\[6px\] { letter-spacing: 6px; } .tracking-tight { letter-spacing: -0.025em; } .\!text-\[\#FC495C\] { --tw-text-opacity: 1 !important; color: rgb(252 73 92/var(--tw-text-opacity,1)) !important; } .\!text-\[\#ffffff\] { --tw-text-opacity: 1 !important; color: rgb(255 255 255/var(--tw-text-opacity,1)) !important; } .\!text-\[var\(--color-primary\)\] { color: var(--color-primary) !important; } .\!text-\[var\(--content-primary\)\] { color: var(--content-primary) !important; } .\!text-\[var\(--ds-color-always-white\)\] { color: var(--ds-color-always-white) !important; } .\!text-\[var\(--ds-color-brand-6\)\] { color: var(--ds-color-brand-6) !important; } .\!text-content-inverse-primary { color: var(--content-inverse-primary) !important; } .\!text-content-primary { color: var(--content-primary) !important; } .\!text-ds-color-always-white { color: var(--ds-color-always-white) !important; } .\!text-ds-color-function-trade-buy { color: var(--ds-color-function-trade-buy) !important; } .\!text-ds-color-function-trade-sell { color: var(--ds-color-function-trade-sell) !important; } .\!text-ds-color-text-primary { color: var(--ds-color-text-primary) !important; } .\!text-ds-color-text-secondary { color: var(--ds-color-text-secondary) !important; } .\!text-primary { color: var(--color-primary) !important; } .\!text-white { --tw-text-opacity: 1 !important; color: rgb(255 255 255/var(--tw-text-opacity,1)) !important; } .text-\[\#00F0FF\], .text-\[\#00f0ff\] { --tw-text-opacity: 1; color: rgb(0 240 255/var(--tw-text-opacity,1)); } .text-\[\#03AAC7\], .text-\[\#03aac7\] { --tw-text-opacity: 1; color: rgb(3 170 199/var(--tw-text-opacity,1)); } .text-\[\#0d0e0e\] { --tw-text-opacity: 1; color: rgb(13 14 14/var(--tw-text-opacity,1)); } .text-\[\#151517\] { --tw-text-opacity: 1; color: rgb(21 21 23/var(--tw-text-opacity,1)); } .text-\[\#173B3E\] { --tw-text-opacity: 1; color: rgb(23 59 62/var(--tw-text-opacity,1)); } .text-\[\#1B1B1B\] { --tw-text-opacity: 1; color: rgb(27 27 27/var(--tw-text-opacity,1)); } .text-\[\#1E1E1E\] { --tw-text-opacity: 1; color: rgb(30 30 30/var(--tw-text-opacity,1)); } .text-\[\#26bfd4\] { --tw-text-opacity: 1; color: rgb(38 191 212/var(--tw-text-opacity,1)); } .text-\[\#414747\] { --tw-text-opacity: 1; color: rgb(65 71 71/var(--tw-text-opacity,1)); } .text-\[\#44575A\] { --tw-text-opacity: 1; color: rgb(68 87 90/var(--tw-text-opacity,1)); } .text-\[\#565656\] { --tw-text-opacity: 1; color: rgb(86 86 86/var(--tw-text-opacity,1)); } .text-\[\#57585c\] { --tw-text-opacity: 1; color: rgb(87 88 92/var(--tw-text-opacity,1)); } .text-\[\#74777B\], .text-\[\#74777b\] { --tw-text-opacity: 1; color: rgb(116 119 123/var(--tw-text-opacity,1)); } .text-\[\#8E8E92\], .text-\[\#8e8e92\] { --tw-text-opacity: 1; color: rgb(142 142 146/var(--tw-text-opacity,1)); } .text-\[\#929899\] { --tw-text-opacity: 1; color: rgb(146 152 153/var(--tw-text-opacity,1)); } .text-\[\#9C69FF\] { --tw-text-opacity: 1; color: rgb(156 105 255/var(--tw-text-opacity,1)); } .text-\[\#E5E7EB\] { --tw-text-opacity: 1; color: rgb(229 231 235/var(--tw-text-opacity,1)); } .text-\[\#EAEAED\] { --tw-text-opacity: 1; color: rgb(234 234 237/var(--tw-text-opacity,1)); } .text-\[\#F4F5F7\] { --tw-text-opacity: 1; color: rgb(244 245 247/var(--tw-text-opacity,1)); } .text-\[\#F4F5F7\]\/50 { color: rgba(244, 245, 247, 0.5); } .text-\[\#FC495C\] { --tw-text-opacity: 1; color: rgb(252 73 92/var(--tw-text-opacity,1)); } .text-\[\#FF7B1B\] { --tw-text-opacity: 1; color: rgb(255 123 27/var(--tw-text-opacity,1)); } .text-\[\#a0a3a7\] { --tw-text-opacity: 1; color: rgb(160 163 167/var(--tw-text-opacity,1)); } .text-\[\#eaeaed\] { --tw-text-opacity: 1; color: rgb(234 234 237/var(--tw-text-opacity,1)); } .text-\[\#f4f5f7\] { --tw-text-opacity: 1; color: rgb(244 245 247/var(--tw-text-opacity,1)); } .text-\[\#f4f5f7\]\/80 { color: rgba(244, 245, 247, 0.8); } .text-\[\#ffffff\] { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); } .text-\[--ds-color-neutral-white\] { color: var(--ds-color-neutral-white); } .text-\[--ds-color-text-tertiary\] { color: var(--ds-color-text-tertiary); } .text-\[color\:var\(--color-primary-text\)\] { color: var(--color-primary-text); } .text-\[color\:var\(--content-always-white\)\] { color: var(--content-always-white); } .text-\[color\:var\(--ds-color-always-white\)\] { color: var(--ds-color-always-white); } .text-\[color\:var\(--ds-color-text-primary\)\] { color: var(--ds-color-text-primary); } .text-\[color\:var\(--ds-color-text-tertiary\)\] { color: var(--ds-color-text-tertiary); } .text-\[rgba\(255\,255\,255\,0\.42\)\] { color: rgba(255, 255, 255, 0.42); } .text-\[var\(--color-primary\)\] { color: var(--color-primary); } .text-\[var\(--color-primary-text\)\] { color: var(--color-primary-text); } .text-\[var\(--color-warning-text\)\] { color: var(--color-warning-text); } .text-\[var\(--content-error\)\] { color: var(--content-error); } .text-\[var\(--content-primary\)\] { color: var(--content-primary); } .text-\[var\(--content-secondary\)\] { color: var(--content-secondary); } .text-\[var\(--content-success\)\] { color: var(--content-success); } .text-\[var\(--content-tertiary\)\] { color: var(--content-tertiary); } .text-\[var\(--ds-color-always-black\)\] { color: var(--ds-color-always-black); } .text-\[var\(--ds-color-always-white\)\] { color: var(--ds-color-always-white); } .text-\[var\(--ds-color-brand\)\] { color: var(--ds-color-brand); } .text-\[var\(--ds-color-brand-4\)\] { color: var(--ds-color-brand-4); } .text-\[var\(--ds-color-brand-6\)\] { color: var(--ds-color-brand-6); } .text-\[var\(--ds-color-function-brand\)\] { color: var(--ds-color-function-brand); } .text-\[var\(--ds-color-function-success\)\] { color: var(--ds-color-function-success); } .text-\[var\(--ds-color-function-trade-buy\)\] { color: var(--ds-color-function-trade-buy); } .text-\[var\(--ds-color-function-trade-sell\)\] { color: var(--ds-color-function-trade-sell); } .text-\[var\(--ds-color-link-default\)\] { color: var(--ds-color-link-default); } .text-\[var\(--ds-color-text-disabled\)\] { color: var(--ds-color-text-disabled); } .text-\[var\(--ds-color-text-inverse-primary\)\] { color: var(--ds-color-text-inverse-primary); } .text-\[var\(--ds-color-text-inverse-secondary\)\] { color: var(--ds-color-text-inverse-secondary); } .text-\[var\(--ds-color-text-inverse-tertiary\)\] { color: var(--ds-color-text-inverse-tertiary); } .text-\[var\(--ds-color-text-primary\)\] { color: var(--ds-color-text-primary); } .text-\[var\(--ds-color-text-primary\,\#151517\)\] { color: var(--ds-color-text-primary,#151517); } .text-\[var\(--ds-color-text-secondary\)\] { color: var(--ds-color-text-secondary); } .text-\[var\(--ds-color-text-tertiary\)\] { color: var(--ds-color-text-tertiary); } .text-\[var\(--ds-color-text-tertiary\,\#8e8e92\)\] { color: var(--ds-color-text-tertiary,#8e8e92); } .text-black { --tw-text-opacity: 1; color: rgb(0 0 0/var(--tw-text-opacity,1)); } .text-blackText { color: var(--color-black-text); } .text-content-always-black { color: var(--content-always-black); } .text-content-inverse-primary { color: var(--content-inverse-primary); } .text-content-primary { color: var(--content-primary); } .text-content-success { color: var(--content-success); } .text-content-tertiary { color: var(--content-tertiary); } .text-ds-color-always-black { color: var(--ds-color-always-black); } .text-ds-color-always-white { color: var(--ds-color-always-white); } .text-ds-color-function-brand { color: var(--ds-color-function-brand); } .text-ds-color-function-error { color: var(--ds-color-function-error); } .text-ds-color-function-success { color: var(--ds-color-function-success); } .text-ds-color-function-trade-buy { color: var(--ds-color-function-trade-buy); } .text-ds-color-function-trade-sell { color: var(--ds-color-function-trade-sell); } .text-ds-color-function-warning-hover { color: var(--ds-color-function-warning-hover); } .text-ds-color-link-default { color: var(--ds-color-link-default); } .text-ds-color-text-error { color: var(--ds-color-text-error); } .text-ds-color-text-inverse-primary { color: var(--ds-color-text-inverse-primary); } .text-ds-color-text-inverse-secondary { color: var(--ds-color-text-inverse-secondary); } .text-ds-color-text-inverse-tertiary { color: var(--ds-color-text-inverse-tertiary); } .text-ds-color-text-primary { color: var(--ds-color-text-primary); } .text-ds-color-text-secondary { color: var(--ds-color-text-secondary); } .text-ds-color-text-success { color: var(--ds-color-text-success); } .text-ds-color-text-tertiary { color: var(--ds-color-text-tertiary); } .text-ds-color-text-warning { color: var(--ds-color-text-warning); } .text-inherit { color: inherit; } .text-placeholderText { color: var(--color-placeholder-text); } .text-primary { color: var(--color-primary); } .text-primaryText { color: var(--color-primary-text); } .text-red { color: var(--color-red); } .text-secondaryText { color: var(--color-secondary-text); } .text-textBtn { color: var(--color-text-btn); } .text-thirdText { color: var(--color-third-text); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); } .text-white\/70 { color: rgba(255, 255, 255, 0.7); } .text-whiteText { color: var(--color-white-text); } .text-opacity-80 { --tw-text-opacity: 0.8; } .underline { text-decoration-line: underline; } .no-underline { text-decoration-line: none; } .\!opacity-\[\.8\] { opacity: 0.8 !important; } .opacity-0 { opacity: 0; } .opacity-100 { opacity: 1; } .opacity-20 { opacity: 0.2; } .opacity-30 { opacity: 0.3; } .opacity-40 { opacity: 0.4; } .opacity-5 { opacity: 0.05; } .opacity-50 { opacity: 0.5; } .opacity-60 { opacity: 0.6; } .opacity-70 { opacity: 0.7; } .opacity-80 { opacity: 0.8; } .mix-blend-hue { mix-blend-mode: hue; } .\!shadow-none { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) !important; } .shadow-\[0_0_0_1px_rgba\(0\,183\,212\,0\.18\)\] { --tw-shadow: 0 0 0 1px rgba(0,183,212,.18); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } .shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.35\)\] { --tw-shadow: 0 1px 2px rgba(0,0,0,.35); --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } .shadow-\[0_4px_44px_0_rgba\(255\,255\,255\,0\.35\)\,0_4px_104px_0_rgba\(255\,255\,255\,0\.35\)\,0_0_104px_0_\#000\,0_0_104px_0_\#000\,0_0_104px_0_\#000\,0_0_104px_0_\#000\] { --tw-shadow: 0 4px 44px 0 hsla(0,0%,100%,.35),0 4px 104px 0 hsla(0,0%,100%,.35),0 0 104px 0 #000,0 0 104px 0 #000,0 0 104px 0 #000,0 0 104px 0 #000; --tw-shadow-colored: 0 4px 44px 0 var(--tw-shadow-color),0 4px 104px 0 var(--tw-shadow-color),0 0 104px 0 var(--tw-shadow-color),0 0 104px 0 var(--tw-shadow-color),0 0 104px 0 var(--tw-shadow-color),0 0 104px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } .shadow-\[5px_-10px_20px_0px_rgba\(255\,255\,255\,0\.1\)_inset\] { --tw-shadow: 5px -10px 20px 0px hsla(0,0%,100%,.1) inset; --tw-shadow-colored: inset 5px -10px 20px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } .shadow-\[inset_0_0_2px_1px_rgba\(255\,255\,255\,0\.35\)\,inset_0_0_10px_4px_rgba\(255\,255\,255\,0\.15\)\,0_4px_16px_rgba\(17\,17\,26\,0\.05\)\,0_8px_24px_rgba\(17\,17\,26\,0\.05\)\,0_16px_56px_rgba\(17\,17\,26\,0\.05\)\,inset_0_4px_16px_rgba\(17\,17\,26\,0\.05\)\] { --tw-shadow: inset 0 0 2px 1px hsla(0,0%,100%,.35),inset 0 0 10px 4px hsla(0,0%,100%,.15),0 4px 16px rgba(17,17,26,.05),0 8px 24px rgba(17,17,26,.05),0 16px 56px rgba(17,17,26,.05),inset 0 4px 16px rgba(17,17,26,.05); --tw-shadow-colored: inset 0 0 2px 1px var(--tw-shadow-color),inset 0 0 10px 4px var(--tw-shadow-color),0 4px 16px var(--tw-shadow-color),0 8px 24px var(--tw-shadow-color),0 16px 56px var(--tw-shadow-color),inset 0 4px 16px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.04\)\] { --tw-shadow: inset 0 1px 0 hsla(0,0%,100%,.04); --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } .shadow-\[inset_0px_0px_37\.558px_0px_rgba\(255\,255\,255\,0\.1\)\] { --tw-shadow: inset 0px 0px 37.558px 0px hsla(0,0%,100%,.1); --tw-shadow-colored: inset 0px 0px 37.558px 0px var(--tw-shadow-color); } .shadow-\[inset_0px_0px_37\.558px_0px_rgba\(255\,255\,255\,0\.1\)\], .shadow-sm { box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); } .outline-none { outline: transparent solid 2px; outline-offset: 2px; } .outline { outline-style: solid; } .ring { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000); } .blur { --tw-blur: blur(8px); } .blur, .blur-2xl { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .blur-2xl { --tw-blur: blur(40px); } .blur-\[100px\] { --tw-blur: blur(100px); } .blur-\[100px\], .blur-\[22px\] { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .blur-\[22px\] { --tw-blur: blur(22px); } .blur-\[40px\] { --tw-blur: blur(40px); } .blur-\[40px\], .blur-\[42px\] { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .blur-\[42px\] { --tw-blur: blur(42px); } .blur-\[6\.5px\] { --tw-blur: blur(6.5px); } .blur-\[6\.5px\], .drop-shadow { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .drop-shadow { --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06)); } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .backdrop-blur { --tw-backdrop-blur: blur(8px); } .backdrop-blur, .backdrop-blur-2xl { backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-2xl { --tw-backdrop-blur: blur(40px); } .backdrop-blur-\[10px\] { --tw-backdrop-blur: blur(10px); } .backdrop-blur-\[10px\], .backdrop-blur-\[12px\] { backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-\[12px\] { --tw-backdrop-blur: blur(12px); } .backdrop-blur-\[14px\] { --tw-backdrop-blur: blur(14px); } .backdrop-blur-\[14px\], .backdrop-blur-\[15px\] { backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-\[15px\] { --tw-backdrop-blur: blur(15px); } .backdrop-blur-\[20px\] { --tw-backdrop-blur: blur(20px); } .backdrop-blur-\[20px\], .backdrop-blur-\[50px\] { backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-\[50px\] { --tw-backdrop-blur: blur(50px); } .backdrop-blur-\[60px\] { --tw-backdrop-blur: blur(60px); } .backdrop-blur-\[60px\], .backdrop-blur-\[6px\] { backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-\[6px\] { --tw-backdrop-blur: blur(6px); } .backdrop-blur-\[7px\] { --tw-backdrop-blur: blur(7px); } .backdrop-blur-\[7px\], .backdrop-blur-\[8px\] { backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-\[8px\] { --tw-backdrop-blur: blur(8px); } .backdrop-blur-md { --tw-backdrop-blur: blur(12px); } .backdrop-blur-md, .backdrop-blur-sm { backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-sm { --tw-backdrop-blur: blur(4px); } .backdrop-filter { backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .transition { transition-duration: 0.15s; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .transition-\[background-color\,color\] { transition-duration: 0.15s; transition-property: background-color, color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .transition-\[background-color\,opacity\] { transition-duration: 0.15s; transition-property: background-color, opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .transition-\[background-color_0\.01s\] { transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .transition-\[border-color\,background-color\,box-shadow\] { transition-duration: 0.15s; transition-property: border-color, background-color, box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .transition-\[color\,background-color\,font-weight\] { transition-duration: 0.15s; transition-property: color, background-color, font-weight; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .transition-\[grid-template-columns\] { transition-duration: 0.15s; transition-property: grid-template-columns; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .transition-\[grid-template-rows\,opacity\,margin\] { transition-duration: 0.15s; transition-property: grid-template-rows, opacity, margin; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .transition-\[grid-template-rows\] { transition-duration: 0.15s; transition-property: grid-template-rows; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .transition-\[height\] { transition-duration: 0.15s; transition-property: height; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .transition-\[opacity\,border-color\] { transition-duration: 0.15s; transition-property: opacity, border-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .transition-\[transform\,border-color\] { transition-duration: 0.15s; transition-property: transform, border-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .transition-all { transition-duration: 0.15s; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .transition-colors { transition-duration: 0.15s; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .transition-opacity { transition-duration: 0.15s; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .transition-transform { transition-duration: 0.15s; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .delay-0 { transition-delay: 0s; } .delay-150 { transition-delay: 0.15s; } .delay-200 { transition-delay: 0.2s; } .duration-1000 { transition-duration: 1s; } .duration-150 { transition-duration: 0.15s; } .duration-200 { transition-duration: 0.2s; } .duration-300 { transition-duration: 0.3s; } .duration-500 { transition-duration: 0.5s; } .duration-700 { transition-duration: 0.7s; } .duration-\[0\.2s\] { transition-duration: 0.2s; } .duration-\[250ms\] { transition-duration: 0.25s; } .duration-\[2600ms\] { transition-duration: 2.6s; } .duration-\[400ms\] { transition-duration: 0.4s; } .duration-\[450ms\] { transition-duration: 0.45s; } .duration-\[550ms\] { transition-duration: 0.55s; } .ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] { transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1); } .ease-\[ease\] { transition-timing-function: ease; } .ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .will-change-transform { will-change: transform; } .no-scrollbar { scrollbar-width: none; } .\[-ms-overflow-style\:none\] { } .\[-webkit-tap-highlight-color\:transparent\] { -webkit-tap-highlight-color: transparent; } .\[direction\:ltr\] { direction: ltr; } .\[overflow-wrap\:anywhere\] { overflow-wrap: anywhere; } .\[overflow-x\:clip\] { overflow-x: clip; } .\[scrollbar-width\:none\] { scrollbar-width: none; } .\[text-shadow\:0px_4px_34px_rgba\(0\,240\,255\,0\.25\)\] { text-shadow: rgba(0, 240, 255, 0.25) 0px 4px 34px; } .\[word-break\:break-word\] { word-break: break-word; } :root { --color-primary: var(--ds-color-function-brand); } html.white { --color-four-text: var(--ds-color-text-tertiary); --color-text-coin: var(--ds-color-text-tertiary); --color-two-text: var(--ds-color-text-primary); --color-secondary-bg: var(--ds-color-background-secondary); --color-tag-bg: var(--ds-color-background-primary); --color-section-bg: var(--ds-color-background-secondary); --color-table-head: #f5f5f5; --color-table-tr: #fcfcfc; --color-divider: var(--ds-color-border-subtle); --color-category-bg: var(--ds-color-background-brand); --main-red: var(--ds-color-red-6); --main-bgc: var(--ds-color-background-primary); --main-color: var(--color-primary); --inmail-bg-color: var(--ds-color-background-primary); --header-border-color: var(--main-color); --light-text-description-text: var(--ds-color-text-tertiary); --bg-input-bg: var(--ds-color-background-input); --list-border: var(--ds-color-border-strong); --list-border-selected: var(--ds-color-function-brand); --list-bg-selected: var(--ds-color-background-brand); --table-thead-bg: var(--ds-color-neutral-1); --table-border-color: var(--ds-color-border-subtle); --list-voted-bg: var(--ds-color-background-secondary); --btn-disabled-bg: var(--ds-color-background-disabled); --top-section-bg: var(--ds-color-brand-1); --price-bar-neutral: var(--ds-color-neutral-4); --tech-text-color1: var(--ds-color-text-tertiary); --tech-text-color2: var(--ds-color-text-inverse-primary); --tech-bg-color1: var(--ds-color-background-inverse-primary); --tech-border-color1: var(--ds-color-border-subtle); --tech-sell-color1: var(--ds-color-function-trade-sell); --tech-buy-color1: var(--ds-color-function-trade-buy); --tech-bg-color2: var(---ds-color-background-secondary); --tech-bg-color3: var(--ds-color-background-primary); --tech-hover-color1: var(--ds-color-background-inverse-primary); --color-about-bg: var(--ds-color-background-primary); --sider-hover-bg: var(--ds-color-background-tertiary); --color-bg-modal: #fff; --calculator-bg-color: #fff; --border-subtle: #e3e3e3; --btn-text-color: #fff; --btn-bg-color: #1f1f1f; --color-header-bg: #f6f6f6; --color-border-100: #e3e3e3; --content-trade-buy-text-new: #01bc8d; --content-trade-buy-new: rgba(1,188,141,.1); --content-trade-sell-text-new: #f1493f; --content-trade-sell-new: rgba(241,73,63,.1); --picker-bg-color: #f1fcfd; --border-subtle-second: #eaeaed; --text-disabled: #c3c3c7; --color-special-bg: var(--ds-color-brand-1); --color-dialog-bg: #fff; --color-date-text: #919899; --bg-balck: #1b1b1b; --bg-altcoin-green: #e5f9f0; } html.black, html.white { background-color: var(--ds-color-background-primary); } html.black { --color-four-text: var(--ds-color-text-tertiary); --color-text-coin: var(--ds-color-text-tertiary); --color-text-btn: var(--ds-color-link-default); --color-two-text: var(--ds-color-text-primary); --color-secondary-bg: var(--ds-color-background-primary); --color-tag-bg: var(--ds-color-background-tertiary); --color-table-head: var(--ds-color-background-tertiary); --color-table-tr: var(--ds-color-background-secondary); --color-divider: var(--ds-color-border-strong); --color-category-bg: var(--ds-color-brand-10); --main-red: var(--ds-color-red-6); --main-bgc: var(--ds-color-background-secondary); --main-color: var(--color-primary); --inmail-bg-color: var(--ds-color-background-primary); --header-border-color: var(--ds-color-function-brand-soft); --bg-input-bg: var(--ds-color-background-input); --list-border: var(--ds-color-border-strong); --list-border-selected: var(--ds-color-function-brand); --list-bg-selected: var(--ds-color-function-brand); --table-thead-bg: var(--ds-color-background-tertiary); --table-border-color: var(--ds-color-border-strong); --list-voted-bg: var(--ds-color-primary); --btn-disabled-bg: var(--ds-color-background-disabled); --top-section-bg: var(--ds-color-background-secondary); --price-bar-neutral: var(--ds-color-neutral-white); --tech-text-color1: var(--ds-color-text-primary); --tech-text-color2: var(--ds-color-background-secondary); --tech-bg-color1: var(--ds-color-background-inverse-primary); --tech-border-color1: var(--ds-color-border-strong); --tech-sell-color1: var(--ds-color-function-trade-sell); --tech-buy-color1: var(--ds-color-function-trade-buy); --tech-bg-color2: var(--ds-color-background-tertiary); --tech-bg-color3: var(--ds-color-neutral-7); --tech-hover-color1: var(--ds-color-neutral-white); --color-about-bg: var(--ds-color-neutral-black); --sider-hover-bg: var(--ds-color-neutral-black); --color-bg-modal: #282828; --calculator-bg-color: #0d0e0e; --border-subtle: #363636; --btn-text-color: #1f1f1f; --btn-bg-color: #fff; --color-header-bg: #282828; --color-border-100: #363636; --content-trade-buy-text-new: #01bc8d; --content-trade-buy-new: rgba(1,188,141,.1); --content-trade-sell-text-new: #f1493f; --content-trade-sell-new: rgba(241,73,63,.1); --picker-bg-color: #00171a; --border-subtle-second: #27282b; --text-disabled: #57585c; --color-special-bg: var(--ds-color-brand-10); --color-dialog-bg: #17181a; --color-date-text: #919899; --bg-balck: #1b1b1b; --bg-altcoin-green: #e5f9f0; } * { box-sizing: border-box; margin: 0px; padding: 0px; } body, html { font-family: Pulse, Arial, sans-serif !important; max-width: 100vw; } a { color: inherit; text-decoration: none; } .no-scrollbar::-webkit-scrollbar { display: none; width: 0px !important; } ::-webkit-scrollbar { background-color: initial; height: 4px; width: 4px; } ::-webkit-scrollbar-track { background-color: initial; color: rgb(200, 205, 205); width: 4px; } ::-webkit-scrollbar-thumb { background-color: rgb(200, 205, 205); border-radius: 4px; color: rgb(200, 205, 205); } .ant-select-item-option-active:not(.ant-select-item-option-disabled), .ant-select-item-option-selected:not(.ant-select-item-option-disabled), .ant-select-item-option:hover:not(.ant-select-item-option-disabled) { background-color: var(--color-secondary-btn-bg) !important; } .ant-input-affix-wrapper:hover { border-color: var(--color-primary) !important; box-shadow: none !important; } .price-modal-wrap .ant-modal-close-x { color: var(--color-third-text) !important; } .price-modal-wrap .ant-modal-title { color: var(--color-primary-text) !important; } .price-modal-wrap .ant-modal-content, .price-modal-wrap .ant-modal-header { background-color: var(--color-dialog-bg) !important; } .price-modal-wrap .ant-modal-body { max-height: calc(-160px + 100vh); overflow-y: scroll; } .coin-market-tips { max-width: 350px !important; } .line-clamp-1 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-break: break-all; } .line-clamp-2 { -webkit-line-clamp: 2; } .line-clamp-2, .line-clamp-3 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-word; } .line-clamp-3 { -webkit-line-clamp: 3; } .line-clamp-6 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 6; word-break: break-word; } .mobile_calendar_warp { --adm-color-background: var(--main-bgc); } .ant-picker-date-panel, .ant-picker-month-panel { background: var(--color-card-bg); } .ant-picker-header { color: var(--color-third-text); border-color: var(--color-third-text) !important; } .ant-picker-dropdown .ant-picker-cell { color: var(--color-placeholder-text) !important; } .ant-picker-dropdown .ant-picker-content th, .ant-picker-dropdown .ant-picker-header, .ant-picker-header-super-next-btn, .ant-picker-header-super-prev-btn { color: var(--color-third-text) !important; } .ant-picker-dropdown .ant-picker-cell-in-view { color: var(--color-primary-text) !important; } .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-selected .custom_datepicker, .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-today.ant-picker-cell-selected .custom_datepicker { border-radius: 50%; color: var(--color-white-text); background: var(--color-primary) !important; } .ant-picker { border-radius: 6px; } .reset-table.ant-table-wrapper .ant-table { color: var(--color-primary-text); background: var(--background-bg) !important; } .reset-table.ant-table-wrapper .ant-table-content::-webkit-scrollbar { display: none; width: 0px !important; } .ant-table-wrapper .ant-table-tbody > tr.ant-table-row:hover > td, .ant-table-wrapper .ant-table-tbody > tr > th.ant-table-cell-row-hover > td.ant-table-cell-row-hover, .reset-table.ant-table-wrapper .ant-table-tbody > tr.ant-table-row:hover > th { color: var(--color-primary-text); background: var(--color-card-bg) !important; } .ant-table-wrapper .ant-table-thead > tr > td, .reset-table.ant-table-wrapper .ant-table-column-sort, .reset-table.ant-table-wrapper .ant-table-thead > tr > th { border-color: var(--table-border-color); color: var(--color-primary-text); background: var(--color-card-bg) !important; } .reset-table.ant-table-wrapper .ant-table-tbody > tr > td, .reset-table.ant-table-wrapper .ant-table-tbody > tr > th, .reset-table.ant-table-wrapper .ant-table-thead > tr > td, .reset-table.ant-table-wrapper .ant-table-thead > tr > th { border-color: var(--table-border-color) !important; } .reset-table.ant-table-wrapper .ant-table-thead > tr > td:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before, .reset-table.ant-table-wrapper .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before { display: none; } .reset-table .ant-table-content { border-radius: 8px; border-left: 1px solid var(--table-border-color) !important; border-right: 1px solid var(--table-border-color) !important; border-top: 1px solid var(--table-border-color) !important; } .ant-table-wrapper.ant-table-thead > tr > td, .reset-table.ant-table-wrapper .ant-table-thead > tr > th { border-color: var(--table-border-color); color: var(--color-primary-text); background: var(--color-card-bg) !important; } .ant-table-wrapper .ant-table-thead > tr > td:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before, .reset-table.ant-table-wrapper .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before { display: none; } .reset-input .ant-input-affix-wrapper, .reset-input .ant-input-affix-wrapper .ant-input { background-color: var(--background-bg) !important; color: var(--color-primary-text); } .reset-input .ant-input { color: var(--color-primary-text); } .reset-input .ant-input-affix-wrapper-focused, .reset-input .ant-input:focus { border-color: var(--border-color) !important; box-shadow: none !important; } .reset-input .ant-input-affix-wrapper:hover { border-color: var(--border-color) !important; } .reset-input .ant-input { background-color: var(--background-bg) !important; border-radius: 8px !important; color: var(--color-primary-text) !important; } .reset-input.border-none.ant-input { padding: 0px; background-color: initial !important; border: 0px !important; color: var(--color-primary-text) !important; } .reset-input.border-none.ant-input:focus { box-shadow: none !important; } .reset-bread-crumb .ant-breadcrumb li { line-height: 32px; } .reset-bread-crumb .ant-breadcrumb li:last-child { color: var(--color-primary-text) !important; margin-top: 0px !important; } .reset-bread-crumb .ant-breadcrumb a { color: var(--color-third-text) !important; font-size: 12px !important; margin-top: 0px !important; } .reset-bread-crumb .ant-breadcrumb a:hover { background: none; } .reset-bread-crumb .ant-breadcrumb .ant-breadcrumb-separator { color: var(--color-third-text); } .listBorder { border: 1px solid var(--list-border); } .listBorder.selected, .listBorder:hover { border-color: var(--list-border-selected); } .listBorder.selected { background-color: var(--list-bg-selected); color: var(--color-primary-text); } .predict-voted { background-color: var(--list-voted-bg); } .list-green { background-color: rgb(1, 160, 126); } .list-green-light { background-color: rgb(38, 201, 155); } .list-yellow { background-color: rgb(255, 204, 50); } .list-red { background-color: rgb(241, 73, 63); } .list-red-light { background-color: rgb(249, 125, 144); } .predict-custom-button { border-radius: 4px; font-size: 12px; margin-right: 24px; padding: 4px 6px; } .predict-custom-button.actual { background-color: rgb(217, 217, 217); color: rgb(0, 0, 0); } .predict-custom-button.forecas { background-color: var(--main-color); color: rgb(255, 255, 255); } .predict-top-section-bg { background: var(--top-section-bg); } *, ::after, ::before { border-style: solid; border-width: 0px; } .calculator-table .ant-table-content thead > tr > th { background-color: var(--calculator-bg-color) !important; border-start-end-radius: 0px !important; border-start-start-radius: 0px !important; font-weight: 400 !important; } .calculator-table .ant-table-content thead > tr > th::before { background-color: initial !important; width: 0px !important; } .calculator-table .ant-table-content tbody > tr > td { background-color: var(--calculator-bg-color) !important; border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; color: var(--color-primary-text) !important; font-size: 14px !important; line-height: 1.5 !important; padding: 12px 12px 12px 24px !important; width: 120px !important; } .calculator-table .ant-table-tbody .ant-table-measure-row { display: none; } .text-hidden { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; width: 100%; -webkit-box-orient: vertical; -webkit-line-clamp: 5; word-break: break-all; } .introduce-wrapper * { background-color: initial !important; } .introduce-wrapper a, .introduce-wrapper a * { color: var(--color-primary) !important; } .introduce-wrapper h3 { font-size: 16px; font-weight: 600; margin-top: 10px; } .introduce-wrapper p { margin-top: 10px; } .reset-select .ant-select-selector { background-color: var(--background-bg) !important; border-radius: 8px !important; color: var(--color-primary-text) !important; } .ant-select-dropdown { background-color: var(--ds-color-background-primary) !important; } .ant-select-item { color: var(--color-primary-text) !important; } .ant-select-focused.ant-select:not(.ant-select-disabled) .ant-select-selector { border-color: var(--border-color) !important; box-shadow: none !important; } .reset-price-select .ant-select-selector { background-color: var(--background-bg) !important; border-color: var(--ds-color-border-strong) !important; border-radius: 8px !important; color: var(--color-primary-text) !important; height: 40px !important; } .reset-price-select.ant-select-single .ant-select-selector .ant-select-selection-item, .reset-price-select.ant-select-single .ant-select-selector .ant-select-selection-placeholder { line-height: 40px !important; } .common-bg-banner-section { background-position: 100% center; background-repeat: no-repeat; background-size: cover; border-radius: 8px; direction: ltr; display: block; height: auto; width: 100%; } .bg-banner-text { direction: ltr; overflow: hidden; padding-bottom: 6.71%; padding-left: 4.6%; padding-top: 6.71%; width: 64.2%; } .adaptive-banner-center { padding: 6.9% 7.63%; } .custom-dialog-wrap { background-color: rgba(0, 0, 0, 0.45); inset: 0px; height: 100%; position: fixed; z-index: 100; } .custom-dialog-center { box-shadow: rgba(31, 31, 31, 0.15) 0px 10px 32px 0px; left: 50%; position: fixed; top: 60%; transform: translateX(-50%) translateY(-50%); z-index: 100; } .ellipsis-one { -webkit-line-clamp: 1; } .ellipsis-one, .ellipsis-two { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; } .ellipsis-two { -webkit-line-clamp: 2; } .ellipsis-three { display: -webkit-box; -webkit-line-clamp: 3; text-overflow: ellipsis; -webkit-box-orient: vertical; } .customTable { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; } .ant-btn { border-radius: 6px !important; } .ant-btn-primary, .ant-btn-primary:focus, .ant-btn-primary:hover { border-color: inherit !important; } .reset-input-num, .reset-input-num .ant-input-number, .reset-input-num.ant-input-number-affix-wrapper { background-color: var(--background-bg) !important; border-color: var(--color-line) !important; border-radius: 48px !important; color: var(--color-primary-text) !important; } .reset-input-num input { color: var(--color-primary-text) !important; font-size: 16px !important; height: 48px !important; } .ant-input-number-affix-wrapper-focused, .ant-input-number-affix-wrapper:focus, .ant-input-number-focused, .ant-input-number:focus, .ant-picker-focused { box-shadow: none !important; } @media screen and (max-width: 1023px) { .reset-input-num input { height: 32px !important; } } .reset-datepicker.ant-picker { background-color: var(--background-bg) !important; border-color: var(--color-line) !important; border-radius: 48px !important; color: var(--color-primary-text) !important; height: 48px !important; } @media screen and (max-width: 1023px) { .reset-datepicker.ant-picker { height: 32px !important; } } .reset-datepicker .ant-picker-input > input { color: var(--color-primary-text) !important; } .reset-datepicker .ant-picker-today-btn { color: var(--color-primary) !important; } .reset-datepicker .ant-picker-footer { background-color: var(--color-bg) !important; } .reset-datepicker .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner, .reset-datepicker .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner, .reset-datepicker .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner { background: var(--color-primary) !important; } .reset-datepicker .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner, .reset-datepicker .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner { color: var(--color-primary) !important; } .profitCalculatorShareBox .linkwrap { visibility: hidden; } .profitCalculatorShareBox:hover .linkwrap { transition: visibility 0.3s 0.2s; visibility: visible !important; } .marquee-text { animation: 500s linear 5s infinite normal none running marquee; cursor: pointer; padding-left: 20px; padding-right: 20px; width: fit-content; } @keyframes marquee { 0% { transform: translateX(0px); } 100% { transform: translateX(calc(-100% + 90vw)); } } .marquee-text:hover { animation-play-state: paused; } @media screen and (max-width: 1024px) { .marquee-text { animation-delay: 1.5s; padding-left: 20px; padding-right: 20px; width: fit-content; } } @media screen and (max-width: 767px) { .marquee-text { animation-delay: 1.5s; padding-left: 20px; padding-right: 20px; width: fit-content; } } .sticky-fixed-box { position: fixed; top: 64px; z-index: 11; } .sticky-box { align-items: center; background: var(--color-dialog-bg); border-bottom: 1px solid var(--border-subtle-second); border-left: 0px; border-right: 0px; border-top: 1px solid var(--border-subtle-second); box-sizing: border-box; display: flex; padding: 16px 40px; } .custom-scroll { overflow: auto; position: relative; } .element::-webkit-scrollbar { height: 0px; width: 0px; } .element::-webkit-scrollbar-thumb { background-color: transparent; } @keyframes b4y-partners-marquee { 0% { transform: translateX(0px); } 100% { transform: translateX(-50%); } } @keyframes b4y-partners-marquee-rtl { 0% { transform: translateX(0px); } 100% { transform: translateX(50%); } } .b4y-partners-marquee-track { animation: b4y-partners-marquee var(--b4y-partners-marquee-duration,160s) linear infinite; width: max-content; will-change: transform; } @media (max-width: 767px) { .b4y-partners-marquee-track { --b4y-partners-marquee-duration: 80s; } } [dir="rtl"] .b4y-partners-marquee-track { animation-name: b4y-partners-marquee-rtl; } @media (prefers-reduced-motion: reduce) { .b4y-partners-marquee-track { animation: auto ease 0s 1 normal none running none; } } @keyframes b4y-cert-fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes b4y-cert-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .b4y-cert-fade-out { animation: 0.3s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running b4y-cert-fade-out; } .b4y-cert-fade-in { animation: 0.35s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running b4y-cert-fade-in; } @media (prefers-reduced-motion: reduce) { .b4y-cert-fade-in, .b4y-cert-fade-out { animation: auto ease 0s 1 normal none running none; } } .b4y-progress-card { position: relative; } .b4y-progress-card::after { background: linear-gradient(90deg, transparent, rgba(220, 250, 255, 0.9) 50%, transparent); border-radius: 1px; bottom: 0px; box-shadow: rgba(180, 240, 255, 0.55) 0px 0px 4px 0px, rgba(120, 220, 255, 0.18) 0px 0px 10px 1px; content: ""; height: 1px; inset-inline-start: 18%; pointer-events: none; position: absolute; transform: translate(-50%, 50%); width: 70px; } [dir="rtl"] .b4y-progress-card::after { transform: translate(50%, 50%); } .b4y-unlock-button { backdrop-filter: blur(10px); background: transparent; border: 1px solid transparent; position: relative; transition: background 0.2s, box-shadow 0.2s; } .b4y-unlock-button::before { background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0.2) 60%, rgba(255, 255, 255, 0.1)); border-radius: inherit; content: ""; inset: 0px; mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px); padding: 1px; pointer-events: none; position: absolute; } .b4y-unlock-button:hover { background: rgba(255, 255, 255, 0.06); } #react-refresh-overlay { display: none; } .placeholder\:text-\[\#57585C\]::placeholder { --tw-text-opacity: 1; color: rgb(87 88 92/var(--tw-text-opacity,1)); } .before\:mr-\[4px\]::before { content: var(--tw-content); margin-right: 4px; } .before\:inline-block::before { content: var(--tw-content); display: inline-block; } .before\:size-\[4px\]::before { content: var(--tw-content); height: 4px; width: 4px; } .before\:rounded-\[50\%\]::before { border-radius: 50%; content: var(--tw-content); } .before\:bg-ds-color-text-tertiary::before { background-color: var(--ds-color-text-tertiary); content: var(--tw-content); } .before\:align-middle::before { content: var(--tw-content); vertical-align: middle; } .before\:content-\[\'\'\]::before { --tw-content: ""; content: var(--tw-content); } .after\:pointer-events-none::after { content: var(--tw-content); pointer-events: none; } .after\:absolute::after { content: var(--tw-content); position: absolute; } .after\:bottom-0::after { bottom: 0px; content: var(--tw-content); } .after\:end-0::after { content: var(--tw-content); inset-inline-end: 0px; } .after\:start-0::after { content: var(--tw-content); inset-inline-start: 0px; } .after\:z-\[1\]::after { content: var(--tw-content); z-index: 1; } .after\:block::after { content: var(--tw-content); display: block; } .after\:\!hidden::after { content: var(--tw-content); display: none !important; } .after\:h-\[46\%\]::after { content: var(--tw-content); height: 46%; } .after\:h-px::after { content: var(--tw-content); height: 1px; } .after\:w-full::after { content: var(--tw-content); width: 100%; } .after\:bg-gradient-to-r::after { background-image: linear-gradient(to right,var(--tw-gradient-stops)); content: var(--tw-content); } .after\:from-\[rgba\(255\,255\,255\,0\.2\)\]::after { content: var(--tw-content); --tw-gradient-from: hsla(0,0%,100%,.2) var(--tw-gradient-from-position); --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); } .after\:to-\[rgba\(255\,255\,255\,0\)\]::after { content: var(--tw-content); --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position); } .after\:content-\[\'\'\]::after { --tw-content: ""; content: var(--tw-content); } .first\:mt-0:first-child { margin-top: 0px; } .first\:border-t:first-child { border-top-width: 1px; } .first\:pe-\[24px\]:first-child { padding-inline-end: 24px; } .last\:mb-0:last-child { margin-bottom: 0px; } .last\:border-b-0:last-child { border-bottom-width: 0px; } .last\:pb-\[160px\]:last-child { padding-bottom: 160px; } .last\:ps-\[24px\]:last-child { padding-inline-start: 24px; } .last\:after\:hidden:last-child::after { content: var(--tw-content); display: none; } .hover\:visible:hover { visibility: visible; } .hover\:translate-y-\[-10px\]:hover { --tw-translate-y: -10px; } .hover\:translate-y-\[-10px\]:hover, .hover\:translate-y-\[-6px\]:hover { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:translate-y-\[-6px\]:hover { --tw-translate-y: -6px; } .hover\:scale-105:hover { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:rounded-\[6px\]:hover { border-radius: 6px; } .hover\:border-\[\#1a535c\]:hover { --tw-border-opacity: 1; border-color: rgb(26 83 92/var(--tw-border-opacity,1)); } .hover\:border-\[\#26bfd4\]:hover { --tw-border-opacity: 1; border-color: rgb(38 191 212/var(--tw-border-opacity,1)); } .hover\:border-\[var\(--ds-color-always-white\)\]:hover { border-color: var(--ds-color-always-white); } .hover\:border-\[var\(--ds-color-border-black\)\]:hover { border-color: var(--ds-color-border-black); } .hover\:border-\[var\(--ds-color-border-disabled\)\]:hover { border-color: var(--ds-color-border-disabled); } .hover\:border-\[var\(--ds-color-border-primary\)\]:hover { border-color: var(--ds-color-border-primary); } .hover\:border-\[var\(--ds-color-text-primary\)\]:hover { border-color: var(--ds-color-text-primary); } .hover\:border-ds-color-border-black:hover { border-color: var(--ds-color-border-black); } .hover\:border-ds-color-border-strong:hover { border-color: var(--ds-color-border-strong); } .hover\:border-primary:hover { border-color: var(--color-primary); } .hover\:border-transparent:hover { border-color: transparent; } .hover\:border-white\/20:hover { border-color: rgba(255, 255, 255, 0.2); } .hover\:border-white\/80:hover { border-color: rgba(255, 255, 255, 0.8); } .hover\:\!bg-\[rgba\(0\,0\,0\,0\.32\)\]:hover { background-color: rgba(0, 0, 0, 0.32) !important; } .hover\:bg-\[\#00F0FF\]:hover { --tw-bg-opacity: 1; background-color: rgb(0 240 255/var(--tw-bg-opacity,1)); } .hover\:bg-\[rgba\(0\,183\,212\,0\.06\)\]:hover { background-color: rgba(0, 183, 212, 0.06); } .hover\:bg-\[rgba\(255\,255\,255\,0\.04\)\]:hover { background-color: rgba(255, 255, 255, 0.04); } .hover\:bg-\[rgba\(29\,162\,180\,0\.1\)\]:hover { background-color: rgba(29, 162, 180, 0.1); } .hover\:bg-\[var\(--ds-color-background-secondary\)\]:hover { background-color: var(--ds-color-background-secondary); } .hover\:bg-background-secondary:hover { background-color: var(--background-secondary); } .hover\:bg-ds-color-background-secondary:hover { background-color: var(--ds-color-background-secondary); } .hover\:bg-ds-color-layer-2:hover { background-color: var(--ds-color-layer-2); } .hover\:bg-primaryBtnBg:hover { background-color: var(--color-primary-btn-bg); } .hover\:bg-primaryHoverBg:hover { background-color: var(--color-primary-hover-bg); } .hover\:bg-transparent:hover { background-color: initial; } .hover\:bg-white\/20:hover { background-color: rgba(255, 255, 255, 0.2); } .hover\:bg-white\/\[0\.04\]:hover { background-color: rgba(255, 255, 255, 0.04); } .hover\:text-\[rgba\(255\,255\,255\,0\.65\)\]:hover { color: rgba(255, 255, 255, 0.65); } .hover\:text-\[var\(--ds-color-function-brand\)\]:hover { color: var(--ds-color-function-brand); } .hover\:text-\[var\(--ds-color-text-primary\)\]:hover { color: var(--ds-color-text-primary); } .hover\:text-background-primary:hover { color: var(--background-primary); } .hover\:text-ds-color-text-primary:hover { color: var(--ds-color-text-primary); } .hover\:text-primary:hover { color: var(--color-primary); } .hover\:text-whiteText:hover { color: var(--color-white-text); } .hover\:underline:hover { text-decoration-line: underline; } .hover\:opacity-70:hover { opacity: 0.7; } .hover\:opacity-80:hover { opacity: 0.8; } .hover\:opacity-\[0\.12\]:hover { opacity: 0.12; } .hover\:shadow-\[0_0_0_1px_rgba\(0\,183\,212\,0\.18\)\]:hover { --tw-shadow: 0 0 0 1px rgba(0,183,212,.18); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } .hover\:\[animation-play-state\:paused\]:hover { animation-play-state: paused; } .focus-visible\:ring-2:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000); } .focus-visible\:ring-ds-color-border-strong:focus-visible { --tw-ring-color: var(--ds-color-border-strong); } .focus-visible\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; } .focus-visible\:ring-offset-ds-color-always-black:focus-visible { --tw-ring-offset-color: var(--ds-color-always-black); } .active\:scale-100:active { --tw-scale-x: 1; --tw-scale-y: 1; } .active\:scale-100:active, .active\:scale-\[0\.98\]:active { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .active\:scale-\[0\.98\]:active { --tw-scale-x: 0.98; --tw-scale-y: 0.98; } .active\:border-white\/20:active { border-color: rgba(255, 255, 255, 0.2); } .active\:border-white\/40:active { border-color: rgba(255, 255, 255, 0.4); } .active\:bg-transparent:active { background-color: initial; } .active\:bg-white\/10:active { background-color: rgba(255, 255, 255, 0.1); } .active\:text-background-secondary:active { color: var(--background-secondary); } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:border-none:disabled { border-style: none; } .disabled\:opacity-40:disabled { opacity: 0.4; } .disabled\:opacity-50:disabled { opacity: 0.5; } .group:hover .group-hover\:visible { visibility: visible; } .group:hover .group-hover\:scale-110 { --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:text-\[var\(--ds-color-always-black\)\] { color: var(--ds-color-always-black); } .group:hover .group-hover\:text-\[var\(--ds-color-text-primary\)\], .group:hover .group-hover\:text-ds-color-text-primary { color: var(--ds-color-text-primary); } .group:hover .group-hover\:opacity-100 { opacity: 1; } .dark\:border-b:is(.dark *) { border-bottom-width: 1px; } .dark\:bg-\[--ds-color-background-base\]:is(.dark *) { background-color: var(--ds-color-background-base); } .dark\:bg-\[var\(--ds-color-brand-10\)\]:is(.dark *) { background-color: var(--ds-color-brand-10); } .dark\:bg-ds-color-always-black:is(.dark *) { background-color: var(--ds-color-always-black); } .dark\:bg-transparent:is(.dark *) { background-color: initial; } .dark\:text-ds-color-text-primary:is(.dark *) { color: var(--ds-color-text-primary); } .dark\:text-ds-color-text-secondary:is(.dark *) { color: var(--ds-color-text-secondary); } .dark\:text-ds-color-text-tertiary:is(.dark *) { color: var(--ds-color-text-tertiary); } @media (min-width: 640px) { .sm\:flex { display: flex; } .sm\:h-\[240px\] { height: 240px; } .sm\:w-\[225px\] { width: 225px; } .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); } .sm\:flex-row { flex-direction: row; } .sm\:items-start { align-items: flex-start; } .sm\:justify-center { justify-content: center; } .sm\:gap-\[20px\] { gap: 20px; } } @media (min-width: 768px) { .md\:absolute { position: absolute; } .md\:relative { position: relative; } .md\:inset-0 { inset: 0px; } .md\:end-\[35\%\] { inset-inline-end: 35%; } .md\:start-\[24px\] { inset-inline-start: 24px; } .md\:top-\[10\%\] { top: 10%; } .md\:top-\[260px\] { top: 260px; } .md\:m-auto { margin: auto; } .md\:mb-\[40px\] { margin-bottom: 40px; } .md\:me-\[24px\] { margin-inline-end: 24px; } .md\:mt-0 { margin-top: 0px; } .md\:mt-10 { margin-top: 2.5rem; } .md\:mt-\[20px\] { margin-top: 20px; } .md\:mt-\[24px\] { margin-top: 24px; } .md\:mt-\[80px\] { margin-top: 80px; } .md\:block { display: block; } .md\:flex { display: flex; } .md\:\!hidden { display: none !important; } .md\:hidden { display: none; } .md\:size-\[280px\] { height: 280px; width: 280px; } .md\:size-\[32px\] { height: 32px; width: 32px; } .md\:h-\[100px\] { height: 100px; } .md\:h-\[238px\] { height: 238px; } .md\:h-\[241px\] { height: 241px; } .md\:h-\[300px\] { height: 300px; } .md\:h-\[369px\] { height: 369px; } .md\:h-\[400px\] { height: 400px; } .md\:h-\[480px\] { height: 480px; } .md\:h-\[800px\] { height: 800px; } .md\:h-\[80px\] { height: 80px; } .md\:h-\[85px\] { height: 85px; } .md\:h-auto { height: auto; } .md\:h-full { height: 100%; } .md\:min-h-\[213px\] { min-height: 213px; } .md\:\!w-full { width: 100% !important; } .md\:w-4\/5 { width: 80%; } .md\:w-\[100px\] { width: 100px; } .md\:w-\[194px\] { width: 194px; } .md\:w-\[320px\] { width: 320px; } .md\:w-\[380px\] { width: 380px; } .md\:w-\[440px\] { width: 440px; } .md\:w-\[500px\] { width: 500px; } .md\:w-full { width: 100%; } .md\:w-screen { width: 100vw; } .md\:\!max-w-none { max-width: none !important; } .md\:max-w-full { max-width: 100%; } .md\:max-w-none { max-width: none; } .md\:flex-shrink-0 { flex-shrink: 0; } .md\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); } .md\:flex-row { flex-direction: row; } .md\:flex-col { flex-direction: column; } .md\:flex-col-reverse { flex-direction: column-reverse; } .md\:items-start { align-items: flex-start; } .md\:items-center { align-items: center; } .md\:gap-0 { gap: 0px; } .md\:gap-3 { gap: 0.75rem; } .md\:gap-4 { gap: 1rem; } .md\:gap-5 { gap: 1.25rem; } .md\:gap-8 { gap: 2rem; } .md\:gap-\[12px\] { gap: 12px; } .md\:gap-\[16px\] { gap: 16px; } .md\:gap-\[24px\] { gap: 24px; } .md\:gap-\[32px\] { gap: 32px; } .md\:gap-\[40px\] { gap: 40px; } .md\:gap-\[60px\] { gap: 60px; } .md\:gap-\[80px\] { gap: 80px; } .md\:bg-white\/\[0\.04\] { background-color: rgba(255, 255, 255, 0.04); } .md\:bg-center { background-position: 50% center; } .md\:p-6 { padding: 1.5rem; } .md\:p-\[17px\] { padding: 17px; } .md\:p-\[32px\] { padding: 32px; } .md\:px-12 { padding-left: 3rem; padding-right: 3rem; } .md\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .md\:px-8 { padding-left: 2rem; padding-right: 2rem; } .md\:px-\[24px\] { padding-left: 24px; padding-right: 24px; } .md\:px-\[40px\] { padding-left: 40px; padding-right: 40px; } .md\:py-12 { padding-bottom: 3rem; padding-top: 3rem; } .md\:py-\[80px\] { padding-bottom: 80px; padding-top: 80px; } .md\:pb-\[100px\] { padding-bottom: 100px; } .md\:pb-\[24px\] { padding-bottom: 24px; } .md\:pb-\[36px\] { padding-bottom: 36px; } .md\:pb-\[80px\] { padding-bottom: 80px; } .md\:pt-0 { padding-top: 0px; } .md\:text-center { text-align: center; } .md\:text-2xl { font-size: 1.5rem; } .md\:text-\[12px\] { font-size: 12px; } .md\:text-\[16px\] { font-size: 16px; } .md\:text-\[20px\] { font-size: 20px; } .md\:text-\[24px\] { font-size: 24px; } .md\:text-\[32px\] { font-size: 32px; } .md\:text-\[36px\] { font-size: 36px; } .md\:text-\[40px\] { font-size: 40px; } .md\:text-\[48px\] { font-size: 48px; } .md\:text-base { font-size: 1rem; } .md\:text-tiny { font-size: 0.875rem; } .md\:text-xl { font-size: 1.25rem; } .md\:leading-\[1\.2\] { line-height: 1.2; } .md\:leading-\[1\.4\] { line-height: 1.4; } .md\:opacity-0 { opacity: 0; } .md\:backdrop-blur-\[30px\] { --tw-backdrop-blur: blur(30px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } } @media (min-width: 1024px) { .lg\:end-0 { inset-inline-end: 0px; } .lg\:end-\[40px\] { inset-inline-end: 40px; } .lg\:start-\[40px\] { inset-inline-start: 40px; } .lg\:top-\[34px\] { top: 34px; } .lg\:top-\[40px\] { top: 40px; } .lg\:mx-0 { margin-left: 0px; margin-right: 0px; } .lg\:mx-12 { margin-left: 3rem; margin-right: 3rem; } .lg\:mx-auto { margin-left: auto; margin-right: auto; } .lg\:my-8 { margin-bottom: 2rem; margin-top: 2rem; } .lg\:mb-\[40px\] { margin-bottom: 40px; } .lg\:me-\[40px\] { margin-inline-end: 40px; } .lg\:ms-\[40px\] { margin-inline-start: 40px; } .lg\:mt-0 { margin-top: 0px; } .lg\:mt-1 { margin-top: 0.25rem; } .lg\:mt-3 { margin-top: 0.75rem; } .lg\:mt-5 { margin-top: 1.25rem; } .lg\:block { display: block; } .lg\:hidden { display: none; } .lg\:size-\[200px\] { height: 200px; width: 200px; } .lg\:h-\[118px\] { height: 118px; } .lg\:h-\[280px\] { height: 280px; } .lg\:h-\[312px\] { height: 312px; } .lg\:h-\[320px\] { height: 320px; } .lg\:h-\[60px\] { height: 60px; } .lg\:h-\[66px\] { height: 66px; } .lg\:h-\[70px\] { height: 70px; } .lg\:h-auto { height: auto; } .lg\:h-full { height: 100%; } .lg\:min-h-\[524px\] { min-height: 524px; } .lg\:min-h-\[576px\] { min-height: 576px; } .lg\:w-\[1000px\] { width: 1000px; } .lg\:w-\[100px\] { width: 100px; } .lg\:w-\[118px\] { width: 118px; } .lg\:w-\[242px\] { width: 242px; } .lg\:w-\[400px\] { width: 400px; } .lg\:w-\[415px\] { width: 415px; } .lg\:w-\[548px\] { width: 548px; } .lg\:w-\[60px\] { width: 60px; } .lg\:w-full { width: 100%; } .lg\:min-w-\[270px\] { min-width: 270px; } .lg\:max-w-\[580px\] { max-width: 580px; } .lg\:max-w-full { max-width: 100%; } .lg\:max-w-none { max-width: none; } .lg\:flex-1 { flex: 1 1 0%; } .lg\:flex-auto { flex: 1 1 auto; } .lg\:-translate-y-1 { --tw-translate-y: -0.25rem; } .lg\:-translate-y-1, .lg\:translate-y-0 { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .lg\:translate-y-0 { --tw-translate-y: 0px; } .lg\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); } .lg\:flex-row { flex-direction: row; } .lg\:flex-col { flex-direction: column; } .lg\:flex-col-reverse { flex-direction: column-reverse; } .lg\:items-start { align-items: flex-start; } .lg\:items-center { align-items: center; } .lg\:justify-center { justify-content: center; } .lg\:justify-between { justify-content: space-between; } .lg\:gap-0 { gap: 0px; } .lg\:gap-10 { gap: 2.5rem; } .lg\:gap-2\.5 { gap: 0.625rem; } .lg\:gap-20 { gap: 5rem; } .lg\:gap-3 { gap: 0.75rem; } .lg\:gap-5 { gap: 1.25rem; } .lg\:gap-\[16px\] { gap: 16px; } .lg\:gap-\[20px\] { gap: 20px; } .lg\:gap-\[52px\] { gap: 52px; } .lg\:gap-\[60px\] { gap: 60px; } .lg\:overflow-hidden { overflow: hidden; } .lg\:bg-transparent { background-color: initial; } .lg\:bg-white\/\[0\.03\] { background-color: rgba(255, 255, 255, 0.03); } .lg\:bg-white\/\[0\.05\] { background-color: rgba(255, 255, 255, 0.05); } .lg\:p-8 { padding: 2rem; } .lg\:p-\[22px\] { padding: 22px; } .lg\:p-\[24px\] { padding: 24px; } .lg\:p-\[40px\] { padding: 40px; } .lg\:px-0 { padding-left: 0px; padding-right: 0px; } .lg\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .lg\:px-\[120px\] { padding-left: 120px; padding-right: 120px; } .lg\:py-0 { padding-top: 0px; } .lg\:pb-0, .lg\:py-0 { padding-bottom: 0px; } .lg\:pb-\[140px\] { padding-bottom: 140px; } .lg\:pt-0 { padding-top: 0px; } .lg\:text-center { text-align: center; } .lg\:text-start { text-align: start; } .lg\:\!text-4xl { font-size: 2.25rem !important; line-height: 2.5rem !important; } .lg\:text-\[12px\] { font-size: 12px; } .lg\:text-\[14px\] { font-size: 14px; } .lg\:text-\[20px\] { font-size: 20px; } .lg\:text-\[24px\] { font-size: 24px; } .lg\:text-\[32px\] { font-size: 32px; } .lg\:text-\[40px\] { font-size: 40px; } .lg\:text-\[48px\] { font-size: 48px; } .lg\:text-\[60px\] { font-size: 60px; } .lg\:text-\[76px\] { font-size: 76px; } .lg\:text-base { font-size: 1rem; } .lg\:text-lg { font-size: 1.125rem; } .lg\:text-xl { font-size: 1.25rem; } .lg\:leading-\[1\.2\] { line-height: 1.2; } .lg\:opacity-60 { opacity: 0.6; } .lg\:transition-\[opacity\,transform\] { transition-duration: 0.15s; transition-property: opacity, transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .lg\:delay-0 { transition-delay: 0s; } .lg\:delay-100 { transition-delay: 0.1s; } .lg\:duration-500 { transition-duration: 0.5s; } .lg\:duration-\[1200ms\] { transition-duration: 1.2s; } .lg\:duration-\[400ms\] { transition-duration: 0.4s; } .lg\:duration-\[550ms\] { transition-duration: 0.55s; } .lg\:duration-\[600ms\] { transition-duration: 0.6s; } .lg\:ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] { transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1); } .lg\:\[grid-template-columns\:var\(--eco-cols\)\] { grid-template-columns: var(--eco-cols); } .lg\:hover\:rounded-lg:hover { border-radius: 0.5rem; } .lg\:hover\:bg-\[\#151517\]:hover { --tw-bg-opacity: 1; background-color: rgb(21 21 23/var(--tw-bg-opacity,1)); } .dark\:lg\:block:is(.dark *) { display: block; } } @media (min-width: 1200px) { .xl\:start-\[298px\] { inset-inline-start: 298px; } .xl\:mx-auto { margin-left: auto; margin-right: auto; } .xl\:mb-\[40px\] { margin-bottom: 40px; } .xl\:mt-\[300px\] { margin-top: 300px; } .xl\:h-\[240px\] { height: 240px; } .xl\:h-\[242px\] { height: 242px; } .xl\:h-\[398px\] { height: 398px; } .xl\:h-\[642px\] { height: 642px; } .xl\:min-h-\[356px\] { min-height: 356px; } .xl\:w-\[1200px\] { width: 1200px; } .xl\:w-\[298px\] { width: 298px; } .xl\:w-\[369px\] { width: 369px; } .xl\:w-\[373px\] { width: 373px; } .xl\:w-\[400px\] { width: 400px; } .xl\:w-\[420px\] { width: 420px; } .xl\:w-\[529px\] { width: 529px; } .xl\:w-\[560px\] { width: 560px; } .xl\:w-\[570px\] { width: 570px; } .xl\:w-full { width: 100%; } .xl\:min-w-0 { min-width: 0px; } .xl\:max-w-none { max-width: none; } .xl\:max-w-screen-pc { max-width: 1200px; } .xl\:flex-\[13_1_0\] { flex: 13 1 0px; } .xl\:flex-\[30_1_0\] { flex: 30 1 0px; } .xl\:\!grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); } .xl\:flex-row { flex-direction: row; } .xl\:flex-nowrap { flex-wrap: nowrap; } .xl\:items-center { align-items: center; } .xl\:justify-start { justify-content: flex-start; } .xl\:justify-center { justify-content: center; } .xl\:justify-between { justify-content: space-between; } .xl\:gap-\[180px\] { gap: 180px; } .xl\:gap-\[24px\] { gap: 24px; } .xl\:gap-\[40px\] { gap: 40px; } .xl\:gap-\[60px\] { gap: 60px; } .xl\:gap-\[80px\] { gap: 80px; } .xl\:overflow-x-auto { overflow-x: auto; } .xl\:p-\[28px\] { padding: 28px; } .xl\:px-0 { padding-left: 0px; padding-right: 0px; } .xl\:px-\[32px\] { padding-left: 32px; padding-right: 32px; } .xl\:px-\[359px\] { padding-left: 359px; padding-right: 359px; } .xl\:px-\[40px\] { padding-left: 40px; padding-right: 40px; } .xl\:pb-\[240px\] { padding-bottom: 240px; } .xl\:pt-\[40px\] { padding-top: 40px; } .xl\:pt-\[80px\] { padding-top: 80px; } .xl\:text-\[14px\] { font-size: 14px; } .xl\:text-\[20px\] { font-size: 20px; } .xl\:text-\[24px\] { font-size: 24px; } .xl\:text-\[28px\] { font-size: 28px; } .xl\:text-\[40px\] { font-size: 40px; } .xl\:text-\[48px\] { font-size: 48px; } .xl\:text-\[56px\] { font-size: 56px; } .xl\:text-xl { font-size: 1.25rem; } .xl\:no-scrollbar::-webkit-scrollbar { display: none; } .xl\:no-scrollbar { scrollbar-width: none; } } @media (min-width: 1536px) { .\32 xl\:end-10 { inset-inline-end: 2.5rem; } .\32 xl\:mx-auto { margin-left: auto; margin-right: auto; } .\32 xl\:h-\[388px\] { height: 388px; } .\32 xl\:h-\[76px\] { height: 76px; } .\32 xl\:max-h-\[760px\] { max-height: 760px; } .\32 xl\:w-\[1200px\] { width: 1200px; } .\32 xl\:w-\[515px\] { width: 515px; } .\32 xl\:w-\[530px\] { width: 530px; } .\32 xl\:w-\[588px\] { width: 588px; } .\32 xl\:w-auto { width: auto; } .\32 xl\:max-w-\[1200px\] { max-width: 1200px; } .\32 xl\:gap-\[20px\] { gap: 20px; } .\32 xl\:text-2xl { font-size: 1.5rem; } .\32 xl\:text-\[100px\] { font-size: 100px; } .\32 xl\:text-\[116px\] { font-size: 116px; } .\32 xl\:text-\[60px\] { font-size: 60px; } .\32 xl\:text-\[80px\] { font-size: 80px; } } @media (max-width: 1023px) { .ltLg\:visible { visibility: visible; } .ltLg\:relative { position: relative; } .ltLg\:-start-\[180px\] { inset-inline-start: -180px; } .ltLg\:bottom-\[24px\] { bottom: 24px; } .ltLg\:left-\[24px\] { left: 24px; } .ltLg\:left-\[50\%\] { left: 50%; } .ltLg\:right-\[unset\] { right: unset; } .ltLg\:top-0 { top: 0px; } .ltLg\:top-\[80px\] { top: 80px; } .ltLg\:order-1 { order: 1; } .ltLg\:order-2 { order: 2; } .ltLg\:order-first { order: -9999; } .ltLg\:col-span-1 { grid-column: span 1 / span 1; } .ltLg\:mx-0 { margin-left: 0px; margin-right: 0px; } .ltLg\:mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; } .ltLg\:mx-\[24px\] { margin-left: 24px; margin-right: 24px; } .ltLg\:mx-auto { margin-left: auto; margin-right: auto; } .ltLg\:my-\[24px\] { margin-bottom: 24px; margin-top: 24px; } .ltLg\:mb-3 { margin-bottom: 0.75rem; } .ltLg\:mb-\[16px\] { margin-bottom: 16px; } .ltLg\:mb-\[24px\] { margin-bottom: 24px; } .ltLg\:mb-\[30px\] { margin-bottom: 30px; } .ltLg\:mb-\[32px\] { margin-bottom: 32px; } .ltLg\:mb-\[50px\] { margin-bottom: 50px; } .ltLg\:ms-0 { margin-inline-start: 0px; } .ltLg\:mt-0 { margin-top: 0px; } .ltLg\:mt-20 { margin-top: 5rem; } .ltLg\:mt-6 { margin-top: 1.5rem; } .ltLg\:mt-\[-260px\] { margin-top: -260px; } .ltLg\:mt-\[16px\] { margin-top: 16px; } .ltLg\:mt-\[20px\] { margin-top: 20px; } .ltLg\:mt-\[24px\] { margin-top: 24px; } .ltLg\:mt-\[32px\] { margin-top: 32px; } .ltLg\:mt-\[40px\] { margin-top: 40px; } .ltLg\:mt-\[42px\] { margin-top: 42px; } .ltLg\:mt-\[456px\] { margin-top: 456px; } .ltLg\:mt-\[50px\] { margin-top: 50px; } .ltLg\:mt-\[80px\] { margin-top: 80px; } .ltLg\:block { display: block; } .ltLg\:flex { display: flex; } .ltLg\:\!hidden { display: none !important; } .ltLg\:hidden { display: none; } .ltLg\:size-\[202px\] { height: 202px; width: 202px; } .ltLg\:size-\[214px\] { height: 214px; width: 214px; } .ltLg\:size-\[220px\] { height: 220px; width: 220px; } .ltLg\:size-\[240px\] { height: 240px; width: 240px; } .ltLg\:size-\[255px\] { height: 255px; width: 255px; } .ltLg\:size-\[32px\] { height: 32px; width: 32px; } .ltLg\:size-\[40px\] { height: 40px; width: 40px; } .ltLg\:size-\[48px\] { height: 48px; width: 48px; } .ltLg\:size-\[80px\] { height: 80px; width: 80px; } .ltLg\:\!h-\[40px\] { height: 40px !important; } .ltLg\:\!h-\[70px\] { height: 70px !important; } .ltLg\:h-6 { height: 1.5rem; } .ltLg\:h-\[140px\] { height: 140px; } .ltLg\:h-\[18px\] { height: 18px; } .ltLg\:h-\[218px\] { height: 218px; } .ltLg\:h-\[24px\] { height: 24px; } .ltLg\:h-\[300px\] { height: 300px; } .ltLg\:h-\[40px\] { height: 40px; } .ltLg\:h-auto { height: auto; } .ltLg\:min-h-\[272px\] { min-height: 272px; } .ltLg\:min-h-\[unset\] { min-height: unset; } .ltLg\:\!w-\[40px\] { width: 40px !important; } .ltLg\:\!w-\[70px\] { width: 70px !important; } .ltLg\:\!w-full { width: 100% !important; } .ltLg\:w-1\/3 { width: 33.3333%; } .ltLg\:w-11\/12 { width: 91.6667%; } .ltLg\:w-2\/3 { width: 66.6667%; } .ltLg\:w-4\/5 { width: 80%; } .ltLg\:w-5 { width: 1.25rem; } .ltLg\:w-9 { width: 2.25rem; } .ltLg\:w-\[104px\] { width: 104px; } .ltLg\:w-\[120px\] { width: 120px; } .ltLg\:w-\[167px\] { width: 167px; } .ltLg\:w-\[180px\] { width: 180px; } .ltLg\:w-\[240px\] { width: 240px; } .ltLg\:w-\[26px\] { width: 26px; } .ltLg\:w-\[326px\] { width: 326px; } .ltLg\:w-\[33\%\] { width: 33%; } .ltLg\:w-\[340px\] { width: 340px; } .ltLg\:w-\[455px\] { width: 455px; } .ltLg\:w-\[500px\] { width: 500px; } .ltLg\:w-\[600px\] { width: 600px; } .ltLg\:w-auto { width: auto; } .ltLg\:w-full { width: 100%; } .ltLg\:min-w-\[0\] { min-width: 0px; } .ltLg\:max-w-\[120px\] { max-width: 120px; } .ltLg\:max-w-\[256px\] { max-width: 256px; } .ltLg\:max-w-\[320px\] { max-width: 320px; } .ltLg\:max-w-\[343px\] { max-width: 343px; } .ltLg\:max-w-none { max-width: none; } .ltLg\:flex-\[2\] { flex: 2 1 0%; } .ltLg\:translate-x-\[-50\%\] { --tw-translate-x: -50%; } .ltLg\:translate-x-\[-50\%\], .ltLg\:translate-y-\[-24px\] { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .ltLg\:translate-y-\[-24px\] { --tw-translate-y: -24px; } .ltLg\:scale-\[0\.5\] { --tw-scale-x: 0.5; --tw-scale-y: 0.5; } .ltLg\:scale-\[0\.5\], .ltLg\:scale-\[0\.7\] { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .ltLg\:scale-\[0\.7\] { --tw-scale-x: 0.7; --tw-scale-y: 0.7; } .ltLg\:scale-\[0\.8\] { --tw-scale-x: 0.8; --tw-scale-y: 0.8; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .ltLg\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); } .ltLg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); } .ltLg\:flex-row { flex-direction: row; } .ltLg\:flex-row-reverse { flex-direction: row-reverse; } .ltLg\:flex-col { flex-direction: column; } .ltLg\:flex-col-reverse { flex-direction: column-reverse; } .ltLg\:items-start { align-items: flex-start; } .ltLg\:items-center { align-items: center; } .ltLg\:justify-start { justify-content: flex-start; } .ltLg\:justify-center { justify-content: center; } .ltLg\:gap-0 { gap: 0px; } .ltLg\:gap-4 { gap: 1rem; } .ltLg\:gap-8 { gap: 2rem; } .ltLg\:gap-\[16px\] { gap: 16px; } .ltLg\:gap-\[24px\] { gap: 24px; } .ltLg\:gap-\[2px\] { gap: 2px; } .ltLg\:gap-\[30px\] { gap: 30px; } .ltLg\:gap-\[32px\] { gap: 32px; } .ltLg\:gap-\[60px\] { gap: 60px; } .ltLg\:overflow-auto { overflow: auto; } .ltLg\:overflow-hidden { overflow: hidden; } .ltLg\:\!rounded-\[8px\] { border-radius: 8px !important; } .ltLg\:rounded-\[10px\] { border-radius: 10px; } .ltLg\:rounded-\[8px\] { border-radius: 8px; } .ltLg\:border-0 { border-width: 0px; } .ltLg\:bg-ds-color-background-tertiary { background-color: var(--ds-color-background-tertiary); } .ltLg\:p-6 { padding: 1.5rem; } .ltLg\:p-\[20px\] { padding: 20px; } .ltLg\:p-\[24px\] { padding: 24px; } .ltLg\:p-\[40px\] { padding: 40px; } .ltLg\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .ltLg\:px-\[16px\] { padding-left: 16px; padding-right: 16px; } .ltLg\:px-\[24px\] { padding-left: 24px; padding-right: 24px; } .ltLg\:px-\[40px\] { padding-left: 40px; padding-right: 40px; } .ltLg\:py-20 { padding-bottom: 5rem; padding-top: 5rem; } .ltLg\:py-\[115px\] { padding-bottom: 115px; padding-top: 115px; } .ltLg\:py-\[20px\] { padding-bottom: 20px; padding-top: 20px; } .ltLg\:py-\[40px\] { padding-bottom: 40px; padding-top: 40px; } .ltLg\:py-\[48px\] { padding-bottom: 48px; padding-top: 48px; } .ltLg\:py-\[80px\] { padding-bottom: 80px; padding-top: 80px; } .ltLg\:pb-0 { padding-bottom: 0px; } .ltLg\:pb-4 { padding-bottom: 1rem; } .ltLg\:pb-6 { padding-bottom: 1.5rem; } .ltLg\:pb-\[10px\] { padding-bottom: 10px; } .ltLg\:pb-\[120px\] { padding-bottom: 120px; } .ltLg\:pb-\[133px\] { padding-bottom: 133px; } .ltLg\:pb-\[20px\] { padding-bottom: 20px; } .ltLg\:pb-\[32px\] { padding-bottom: 32px; } .ltLg\:pb-\[50px\] { padding-bottom: 50px; } .ltLg\:pb-\[64px\] { padding-bottom: 64px; } .ltLg\:pe-\[20px\] { padding-inline-end: 20px; } .ltLg\:ps-0 { padding-inline-start: 0px; } .ltLg\:ps-\[40px\] { padding-inline-start: 40px; } .ltLg\:pt-\[12px\] { padding-top: 12px; } .ltLg\:pt-\[135px\] { padding-top: 135px; } .ltLg\:pt-\[24px\] { padding-top: 24px; } .ltLg\:pt-\[40px\] { padding-top: 40px; } .ltLg\:pt-\[50px\] { padding-top: 50px; } .ltLg\:pt-\[60px\] { padding-top: 60px; } .ltLg\:pt-\[61px\] { padding-top: 61px; } .ltLg\:pt-\[77px\] { padding-top: 77px; } .ltLg\:pt-\[80px\] { padding-top: 80px; } .ltLg\:text-center { text-align: center; } .ltLg\:text-start { text-align: start; } .ltLg\:\!text-\[14px\] { font-size: 14px !important; } .ltLg\:text-\[12px\] { font-size: 12px; } .ltLg\:text-\[14px\] { font-size: 14px; } .ltLg\:text-\[16px\] { font-size: 16px; } .ltLg\:text-\[17px\] { font-size: 17px; } .ltLg\:text-\[20px\] { font-size: 20px; } .ltLg\:text-\[24px\] { font-size: 24px; } .ltLg\:text-\[28px\] { font-size: 28px; } .ltLg\:text-\[32px\] { font-size: 32px; } .ltLg\:text-\[40px\] { font-size: 40px; } .ltLg\:text-\[48px\] { font-size: 48px; } .ltLg\:font-\[500\] { font-weight: 500; } .ltLg\:font-\[600\] { font-weight: 600; } .ltLg\:leading-\[140\%\] { line-height: 140%; } .ltLg\:text-ds-color-text-primary { color: var(--ds-color-text-primary); } .ltLg\:text-ds-color-text-secondary { color: var(--ds-color-text-secondary); } .ltLg\:last\:pb-\[40px\]:last-child { padding-bottom: 40px; } } @media (min-width: 768px) and (max-width: 1019px) { .ipadMd\:w-\[768px\] { width: 768px; } .ipadMd\:px-\[24px\] { padding-left: 24px; padding-right: 24px; } } @media (min-width: 1020px) and (max-width: 1199px) { .ipadLg\:w-\[1020px\] { width: 1020px; } .ipadLg\:px-\[130px\] { padding-left: 130px; padding-right: 130px; } } @media (min-width: 1024px) { .atIpad\:top-\[305px\] { top: 305px; } .atIpad\:mt-\[24px\] { margin-top: 24px; } .atIpad\:hidden { display: none; } .atIpad\:h-\[242px\] { height: 242px; } .atIpad\:w-1\/2 { width: 50%; } .atIpad\:min-w-0 { min-width: 0px; } .atIpad\:min-w-\[295px\] { min-width: 295px; } .atIpad\:flex-1 { flex: 1 1 0%; } .atIpad\:shrink-0 { flex-shrink: 0; } .atIpad\:flex-row { flex-direction: row; } .atIpad\:items-center { align-items: center; } .atIpad\:justify-center { justify-content: center; } .atIpad\:justify-between { justify-content: space-between; } .atIpad\:gap-\[48px\] { gap: 48px; } .atIpad\:gap-\[60px\] { gap: 60px; } .atIpad\:gap-x-\[20px\] { column-gap: 20px; } .atIpad\:gap-y-\[36px\] { row-gap: 36px; } .atIpad\:rounded-\[33px\] { border-radius: 33px; } .atIpad\:px-\[40px\] { padding-left: 40px; padding-right: 40px; } .atIpad\:py-\[65px\] { padding-bottom: 65px; padding-top: 65px; } .atIpad\:text-\[20px\] { font-size: 20px; } .atIpad\:text-\[40px\] { font-size: 40px; } .atIpad\:text-\[48px\] { font-size: 48px; } .atIpad\:leading-\[1\.2\] { line-height: 1.2; } } @media (max-width: 1200px) { .ltPc\:mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; } .ltPc\:mx-\[24px\] { margin-left: 24px; margin-right: 24px; } .ltPc\:my-\[115px\] { margin-bottom: 115px; margin-top: 115px; } .ltPc\:mb-\[24px\] { margin-bottom: 24px; } .ltPc\:mt-\[40px\] { margin-top: 40px; } .ltPc\:size-\[255px\] { height: 255px; width: 255px; } .ltPc\:h-6 { height: 1.5rem; } .ltPc\:\!w-full { width: 100% !important; } .ltPc\:w-5 { width: 1.25rem; } .ltPc\:w-\[495px\] { width: 495px; } .ltPc\:w-full { width: 100%; } .ltPc\:max-w-\[436px\] { max-width: 436px; } .ltPc\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); } .ltPc\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .ltPc\:p-0 { padding: 0px; } .ltPc\:p-\[40px\] { padding: 40px; } .ltPc\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .ltPc\:px-12 { padding-left: 3rem; padding-right: 3rem; } .ltPc\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .ltPc\:px-\[40px\] { padding-left: 40px; padding-right: 40px; } .ltPc\:px-\[64px\] { padding-left: 64px; padding-right: 64px; } .ltPc\:px-\[80px\] { padding-left: 80px; padding-right: 80px; } .ltPc\:py-20 { padding-bottom: 5rem; padding-top: 5rem; } .ltPc\:py-\[116px\] { padding-bottom: 116px; padding-top: 116px; } .ltPc\:py-\[60px\] { padding-bottom: 60px; padding-top: 60px; } .ltPc\:pb-\[32px\] { padding-bottom: 32px; } .ltPc\:text-\[14px\] { font-size: 14px; } .ltPc\:text-\[16px\] { font-size: 16px; } .ltPc\:text-\[24px\] { font-size: 24px; } .ltPc\:text-\[48px\] { font-size: 48px; } .ltPc\:text-xl { font-size: 1.25rem; } .ltPc\:leading-7 { line-height: 1.75rem; } .ltPc\:leading-\[58px\] { line-height: 58px; } } @media (min-width: 1024px) and (max-width: 1200px) { .ltPcMin\:max-w-\[520px\] { max-width: 520px; } } @media (max-width: 1019px) { .ltIpadLg\:mx-\[40px\] { margin-left: 40px; margin-right: 40px; } .ltIpadLg\:mb-\[120px\] { margin-bottom: 120px; } .ltIpadLg\:mb-\[60px\] { margin-bottom: 60px; } .ltIpadLg\:mt-\[120px\] { margin-top: 120px; } .ltIpadLg\:mt-\[26px\] { margin-top: 26px; } .ltIpadLg\:h-\[260px\] { height: 260px; } .ltIpadLg\:w-\[120px\] { width: 120px; } .ltIpadLg\:w-\[24px\] { width: 24px; } .ltIpadLg\:w-\[260px\] { width: 260px; } .ltIpadLg\:max-w-\[1428px\] { max-width: 1428px; } .ltIpadLg\:max-w-\[180px\] { max-width: 180px; } .ltIpadLg\:max-w-\[343px\] { max-width: 343px; } .ltIpadLg\:max-w-\[92px\] { max-width: 92px; } .ltIpadLg\:gap-\[34px\] { gap: 34px; } .ltIpadLg\:gap-\[40px\] { gap: 40px; } .ltIpadLg\:gap-\[60px\] { gap: 60px; } .ltIpadLg\:gap-x-\[22px\] { column-gap: 22px; } .ltIpadLg\:gap-y-\[76px\] { row-gap: 76px; } .ltIpadLg\:px-0 { padding-left: 0px; padding-right: 0px; } .ltIpadLg\:px-\[20px\] { padding-left: 20px; padding-right: 20px; } .ltIpadLg\:px-\[38px\] { padding-left: 38px; padding-right: 38px; } .ltIpadLg\:px-\[40px\] { padding-left: 40px; padding-right: 40px; } .ltIpadLg\:py-\[32px\] { padding-bottom: 32px; padding-top: 32px; } .ltIpadLg\:pb-\[120px\] { padding-bottom: 120px; } .ltIpadLg\:text-\[24px\] { font-size: 24px; } .ltIpadLg\:text-\[36px\] { font-size: 36px; } } @media (min-width: 768px) { .gtIpad\:block { display: block; } .gtIpad\:flex { display: flex; } .gtIpad\:grid { display: grid; } .gtIpad\:hidden { display: none; } .gtIpad\:min-h-0 { min-height: 0px; } .gtIpad\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .gtIpad\:flex-row { flex-direction: row; } .gtIpad\:flex-wrap { flex-wrap: wrap; } .gtIpad\:items-center { align-items: center; } .gtIpad\:items-stretch { align-items: stretch; } .gtIpad\:justify-end { justify-content: flex-end; } .gtIpad\:justify-between { justify-content: space-between; } .gtIpad\:gap-0 { gap: 0px; } .gtIpad\:gap-\[12px\] { gap: 12px; } .gtIpad\:gap-\[16px\] { gap: 16px; } .gtIpad\:gap-\[40px\] { gap: 40px; } .gtIpad\:px-0 { padding-left: 0px; padding-right: 0px; } } @media (min-width: 1200px) { .pc\:min-h-\[420px\] { min-height: 420px; } .pc\:max-w-screen-pc { max-width: 1200px; } } @media (max-width: 767px) { .mobileRange\:relative { position: relative; } .mobileRange\:inset-auto { inset: auto; } .mobileRange\:inset-x-0 { left: 0px; right: 0px; } .mobileRange\:inset-x-\[-30vw\] { left: -30vw; right: -30vw; } .mobileRange\:bottom-\[-48px\] { bottom: -48px; } .mobileRange\:top-0 { top: 0px; } .mobileRange\:top-\[-200px\] { top: -200px; } .mobileRange\:z-\[1\] { z-index: 1; } .mobileRange\:mx-\[16px\] { margin-left: 16px; margin-right: 16px; } .mobileRange\:mx-auto { margin-left: auto; margin-right: auto; } .mobileRange\:mb-\[16px\] { margin-bottom: 16px; } .mobileRange\:mt-0 { margin-top: 0px; } .mobileRange\:mt-\[-24px\] { margin-top: -24px; } .mobileRange\:mt-\[20px\] { margin-top: 20px; } .mobileRange\:mt-\[260px\] { margin-top: 260px; } .mobileRange\:mt-\[40px\] { margin-top: 40px; } .mobileRange\:mt-auto { margin-top: auto; } .mobileRange\:block { display: block; } .mobileRange\:flex { display: flex; } .mobileRange\:grid { display: grid; } .mobileRange\:hidden { display: none; } .mobileRange\:size-\[10px\] { height: 10px; width: 10px; } .mobileRange\:size-\[16px\] { height: 16px; width: 16px; } .mobileRange\:size-\[280px\] { height: 280px; width: 280px; } .mobileRange\:size-\[4px\] { height: 4px; width: 4px; } .mobileRange\:size-\[64px\] { height: 64px; width: 64px; } .mobileRange\:size-full { height: 100%; width: 100%; } .mobileRange\:\!h-\[40px\] { height: 40px !important; } .mobileRange\:h-\[100px\] { height: 100px; } .mobileRange\:h-\[120px\] { height: 120px; } .mobileRange\:h-\[160px\] { height: 160px; } .mobileRange\:h-\[22px\] { height: 22px; } .mobileRange\:h-\[4px\] { height: 4px; } .mobileRange\:h-\[60px\] { height: 60px; } .mobileRange\:h-auto { height: auto; } .mobileRange\:min-h-0 { min-height: 0px; } .mobileRange\:min-h-\[360px\] { min-height: 360px; } .mobileRange\:w-\[100px\] { width: 100px; } .mobileRange\:w-\[12px\] { width: 12px; } .mobileRange\:w-\[295px\] { width: 295px; } .mobileRange\:w-\[305px\] { width: 305px; } .mobileRange\:w-\[60px\] { width: 60px; } .mobileRange\:w-\[72px\] { width: 72px; } .mobileRange\:w-\[80px\] { width: 80px; } .mobileRange\:w-\[944px\] { width: 944px; } .mobileRange\:w-full { width: 100%; } .mobileRange\:\!min-w-\[160px\] { min-width: 160px !important; } .mobileRange\:min-w-\[160px\] { min-width: 160px; } .mobileRange\:min-w-\[944px\] { min-width: 944px; } .mobileRange\:max-w-\[720px\] { max-width: 720px; } .mobileRange\:max-w-none { max-width: none; } .mobileRange\:flex-1 { flex: 1 1 0%; } .mobileRange\:flex-none { flex: 0 0 auto; } .mobileRange\:shrink-0 { flex-shrink: 0; } .mobileRange\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .mobileRange\:flex-row { flex-direction: row; } .mobileRange\:flex-col { flex-direction: column; } .mobileRange\:flex-wrap { flex-wrap: wrap; } .mobileRange\:items-start { align-items: flex-start; } .mobileRange\:items-center { align-items: center; } .mobileRange\:items-stretch { align-items: stretch; } .mobileRange\:justify-start { justify-content: flex-start; } .mobileRange\:\!gap-\[24px\] { gap: 24px !important; } .mobileRange\:gap-0 { gap: 0px; } .mobileRange\:gap-\[10px\] { gap: 10px; } .mobileRange\:gap-\[12px\] { gap: 12px; } .mobileRange\:gap-\[16px\] { gap: 16px; } .mobileRange\:gap-\[20px\] { gap: 20px; } .mobileRange\:gap-\[24px\] { gap: 24px; } .mobileRange\:gap-\[32px\] { gap: 32px; } .mobileRange\:gap-\[40px\] { gap: 40px; } .mobileRange\:gap-\[4px\] { gap: 4px; } .mobileRange\:gap-\[6px\] { gap: 6px; } .mobileRange\:gap-\[8px\] { gap: 8px; } .mobileRange\:gap-y-\[20px\] { row-gap: 20px; } .mobileRange\:self-center { align-self: center; } .mobileRange\:overflow-x-auto { overflow-x: auto; } .mobileRange\:\!rounded-\[8px\] { border-radius: 8px !important; } .mobileRange\:rounded-\[12px\] { border-radius: 12px; } .mobileRange\:rounded-\[20px\] { border-radius: 20px; } .mobileRange\:rounded-\[8px\] { border-radius: 8px; } .mobileRange\:border-0 { border-width: 0px; } .mobileRange\:border-none { border-style: none; } .mobileRange\:bg-\[rgba\(0\,0\,0\,0\.3\)\] { background-color: rgba(0, 0, 0, 0.3); } .mobileRange\:object-\[50\%_28\%\] { object-position: 50% 28%; } .mobileRange\:p-\[12px\] { padding: 12px; } .mobileRange\:p-\[24px\] { padding: 24px; } .mobileRange\:px-\[16px\] { padding-left: 16px; padding-right: 16px; } .mobileRange\:px-\[20px\] { padding-left: 20px; padding-right: 20px; } .mobileRange\:px-\[24px\] { padding-left: 24px; padding-right: 24px; } .mobileRange\:px-\[8px\] { padding-left: 8px; padding-right: 8px; } .mobileRange\:py-\[10px\] { padding-bottom: 10px; padding-top: 10px; } .mobileRange\:py-\[12px\] { padding-bottom: 12px; padding-top: 12px; } .mobileRange\:py-\[30px\] { padding-bottom: 30px; padding-top: 30px; } .mobileRange\:pb-0 { padding-bottom: 0px; } .mobileRange\:pb-\[16px\] { padding-bottom: 16px; } .mobileRange\:pb-\[24px\] { padding-bottom: 24px; } .mobileRange\:pb-\[30px\] { padding-bottom: 30px; } .mobileRange\:pb-\[40px\] { padding-bottom: 40px; } .mobileRange\:pb-\[8px\] { padding-bottom: 8px; } .mobileRange\:pt-0 { padding-top: 0px; } .mobileRange\:pt-\[12px\] { padding-top: 12px; } .mobileRange\:pt-\[20px\] { padding-top: 20px; } .mobileRange\:pt-\[24px\] { padding-top: 24px; } .mobileRange\:pt-\[30px\] { padding-top: 30px; } .mobileRange\:pt-\[40px\] { padding-top: 40px; } .mobileRange\:pt-\[44px\] { padding-top: 44px; } .mobileRange\:pt-\[48px\] { padding-top: 48px; } .mobileRange\:text-center { text-align: center; } .mobileRange\:\!text-\[14px\] { font-size: 14px !important; } .mobileRange\:text-\[12px\] { font-size: 12px; } .mobileRange\:text-\[14px\] { font-size: 14px; } .mobileRange\:text-\[16px\] { font-size: 16px; } .mobileRange\:text-\[17px\] { font-size: 17px; } .mobileRange\:text-\[20px\] { font-size: 20px; } .mobileRange\:text-\[22px\] { font-size: 22px; } .mobileRange\:text-\[24px\] { font-size: 24px; } .mobileRange\:text-\[28px\] { font-size: 28px; } .mobileRange\:text-\[32px\] { font-size: 32px; } .mobileRange\:leading-\[1\.3\] { line-height: 1.3; } .mobileRange\:leading-\[1\.4\] { line-height: 1.4; } .mobileRange\:\!shadow-\[0_2px_20px_0_rgba\(255\,255\,255\,0\.3\)\] { --tw-shadow: 0 2px 20px 0 hsla(0,0%,100%,.3) !important; --tw-shadow-colored: 0 2px 20px 0 var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) !important; } .mobileRange\:hover\:border-0:hover { border-width: 0px; } } @media (min-width: 768px) and (max-width: 1023px) { .ipadRange\:absolute { position: absolute; } .ipadRange\:bottom-0 { bottom: 0px; } .ipadRange\:end-0 { inset-inline-end: 0px; } .ipadRange\:start-0 { inset-inline-start: 0px; } .ipadRange\:top-\[120px\] { top: 120px; } .ipadRange\:mx-\[24px\] { margin-left: 24px; margin-right: 24px; } .ipadRange\:mx-auto { margin-left: auto; margin-right: auto; } .ipadRange\:mb-\[24px\] { margin-bottom: 24px; } .ipadRange\:mb-\[28px\] { margin-bottom: 28px; } .ipadRange\:mb-\[32px\] { margin-bottom: 32px; } .ipadRange\:mb-\[56px\] { margin-bottom: 56px; } .ipadRange\:mt-\[240px\] { margin-top: 240px; } .ipadRange\:mt-\[60px\] { margin-top: 60px; } .ipadRange\:mt-\[80px\] { margin-top: 80px; } .ipadRange\:box-border { box-sizing: border-box; } .ipadRange\:block { display: block; } .ipadRange\:flex { display: flex; } .ipadRange\:hidden { display: none; } .ipadRange\:size-\[20px\] { height: 20px; width: 20px; } .ipadRange\:size-\[220px\] { height: 220px; width: 220px; } .ipadRange\:size-\[24px\] { height: 24px; width: 24px; } .ipadRange\:size-\[30px\] { height: 30px; width: 30px; } .ipadRange\:size-\[40px\] { height: 40px; width: 40px; } .ipadRange\:size-\[4px\] { height: 4px; width: 4px; } .ipadRange\:size-\[60px\] { height: 60px; width: 60px; } .ipadRange\:\!h-\[232px\] { height: 232px !important; } .ipadRange\:\!h-\[40px\] { height: 40px !important; } .ipadRange\:h-\[140px\] { height: 140px; } .ipadRange\:h-\[152px\] { height: 152px; } .ipadRange\:h-\[160px\] { height: 160px; } .ipadRange\:h-\[306px\] { height: 306px; } .ipadRange\:h-\[310px\] { height: 310px; } .ipadRange\:h-\[338px\] { height: 338px; } .ipadRange\:h-\[80px\] { height: 80px; } .ipadRange\:h-auto { height: auto; } .ipadRange\:min-h-\[106px\] { min-height: 106px; } .ipadRange\:min-h-\[232px\] { min-height: 232px; } .ipadRange\:min-h-\[420px\] { min-height: 420px; } .ipadRange\:min-h-\[582px\] { min-height: 582px; } .ipadRange\:min-h-\[600px\] { min-height: 600px; } .ipadRange\:min-h-\[auto\] { min-height: auto; } .ipadRange\:w-\[120px\] { width: 120px; } .ipadRange\:w-\[160px\] { width: 160px; } .ipadRange\:w-\[16px\] { width: 16px; } .ipadRange\:w-\[260px\] { width: 260px; } .ipadRange\:w-\[268px\] { width: 268px; } .ipadRange\:w-\[280px\] { width: 280px; } .ipadRange\:w-\[290px\] { width: 290px; } .ipadRange\:w-\[317px\] { width: 317px; } .ipadRange\:w-\[323px\] { width: 323px; } .ipadRange\:w-\[340px\] { width: 340px; } .ipadRange\:w-\[616px\] { width: 616px; } .ipadRange\:w-\[768px\] { width: 768px; } .ipadRange\:w-\[80px\] { width: 80px; } .ipadRange\:w-\[944px\] { width: 944px; } .ipadRange\:w-\[calc\(100\%-80px\)\] { width: calc(100% - 80px); } .ipadRange\:w-full { width: 100%; } .ipadRange\:\!min-w-\[160px\] { min-width: 160px !important; } .ipadRange\:min-w-\[160px\] { min-width: 160px; } .ipadRange\:min-w-\[832px\] { min-width: 832px; } .ipadRange\:min-w-\[944px\] { min-width: 944px; } .ipadRange\:max-w-\[720px\] { max-width: 720px; } .ipadRange\:max-w-none { max-width: none; } .ipadRange\:shrink-0 { flex-shrink: 0; } .ipadRange\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); } .ipadRange\:grid-cols-\[180px_304px_233px_minmax\(233px\,1fr\)\] { grid-template-columns: 180px 304px 233px minmax(233px, 1fr); } .ipadRange\:flex-row { flex-direction: row; } .ipadRange\:items-center { align-items: center; } .ipadRange\:gap-0 { gap: 0px; } .ipadRange\:gap-\[16px\] { gap: 16px; } .ipadRange\:gap-\[18px\] { gap: 18px; } .ipadRange\:gap-\[200px\] { gap: 200px; } .ipadRange\:gap-\[20px\] { gap: 20px; } .ipadRange\:gap-\[24px\] { gap: 24px; } .ipadRange\:gap-\[32px\] { gap: 32px; } .ipadRange\:gap-\[40px\] { gap: 40px; } .ipadRange\:gap-\[60px\] { gap: 60px; } .ipadRange\:gap-\[8px\] { gap: 8px; } .ipadRange\:overflow-x-auto { overflow-x: auto; } .ipadRange\:\!rounded-\[8px\] { border-radius: 8px !important; } .ipadRange\:rounded-\[12px\] { border-radius: 12px; } .ipadRange\:rounded-\[16px\] { border-radius: 16px; } .ipadRange\:rounded-\[18px\] { border-radius: 18px; } .ipadRange\:rounded-\[24px\] { border-radius: 24px; } .ipadRange\:rounded-\[8px\] { border-radius: 8px; } .ipadRange\:object-contain { object-fit: contain; } .ipadRange\:p-\[12px\] { padding: 12px; } .ipadRange\:p-\[24px\] { padding: 24px; } .ipadRange\:p-\[28px\] { padding: 28px; } .ipadRange\:p-\[32px\] { padding: 32px; } .ipadRange\:px-\[16px\] { padding-left: 16px; padding-right: 16px; } .ipadRange\:px-\[20px\] { padding-left: 20px; padding-right: 20px; } .ipadRange\:px-\[24px\] { padding-left: 24px; padding-right: 24px; } .ipadRange\:px-\[32px\] { padding-left: 32px; padding-right: 32px; } .ipadRange\:px-\[40px\] { padding-left: 40px; padding-right: 40px; } .ipadRange\:px-\[50px\] { padding-left: 50px; padding-right: 50px; } .ipadRange\:py-\[18px\] { padding-bottom: 18px; padding-top: 18px; } .ipadRange\:py-\[20px\] { padding-bottom: 20px; padding-top: 20px; } .ipadRange\:py-\[28px\] { padding-bottom: 28px; padding-top: 28px; } .ipadRange\:py-\[40px\] { padding-bottom: 40px; padding-top: 40px; } .ipadRange\:py-\[60px\] { padding-bottom: 60px; padding-top: 60px; } .ipadRange\:pb-\[140px\] { padding-bottom: 140px; } .ipadRange\:pb-\[24px\] { padding-bottom: 24px; } .ipadRange\:pb-\[32px\] { padding-bottom: 32px; } .ipadRange\:pb-\[40px\] { padding-bottom: 40px; } .ipadRange\:pb-\[60px\] { padding-bottom: 60px; } .ipadRange\:pb-\[8px\] { padding-bottom: 8px; } .ipadRange\:ps-\[24px\] { padding-inline-start: 24px; } .ipadRange\:ps-\[28px\] { padding-inline-start: 28px; } .ipadRange\:ps-\[48px\] { padding-inline-start: 48px; } .ipadRange\:pt-\[20px\] { padding-top: 20px; } .ipadRange\:pt-\[24px\] { padding-top: 24px; } .ipadRange\:pt-\[32px\] { padding-top: 32px; } .ipadRange\:pt-\[40px\] { padding-top: 40px; } .ipadRange\:pt-\[60px\] { padding-top: 60px; } .ipadRange\:pt-\[80px\] { padding-top: 80px; } .ipadRange\:\!text-\[14px\] { font-size: 14px !important; } .ipadRange\:text-\[11px\] { font-size: 11px; } .ipadRange\:text-\[12px\] { font-size: 12px; } .ipadRange\:text-\[14px\] { font-size: 14px; } .ipadRange\:text-\[16px\] { font-size: 16px; } .ipadRange\:text-\[17px\] { font-size: 17px; } .ipadRange\:text-\[18px\] { font-size: 18px; } .ipadRange\:text-\[20px\] { font-size: 20px; } .ipadRange\:text-\[24px\] { font-size: 24px; } .ipadRange\:text-\[28px\] { font-size: 28px; } .ipadRange\:text-\[32px\] { font-size: 32px; } .ipadRange\:text-\[36px\] { font-size: 36px; } .ipadRange\:text-\[40px\] { font-size: 40px; } .ipadRange\:font-medium { font-weight: 500; } .ipadRange\:font-normal { font-weight: 400; } .ipadRange\:leading-\[1\.4\] { line-height: 1.4; } .ipadRange\:leading-\[15px\] { line-height: 15px; } .ipadRange\:leading-\[16px\] { line-height: 16px; } .ipadRange\:leading-\[18px\] { line-height: 18px; } .ipadRange\:leading-\[22px\] { line-height: 22px; } .ipadRange\:leading-\[26px\] { line-height: 26px; } .ipadRange\:leading-\[28px\] { line-height: 28px; } .ipadRange\:leading-\[44px\] { line-height: 44px; } } @media (min-width: 1024px) and (max-width: 1439px) { .pcMd\:h-\[140px\] { height: 140px; } } @media (min-width: 1440px) { .pcMax\:h-\[140px\] { height: 140px; } } @media (min-width: 1281px) { .gtPc\:-bottom-\[17px\] { bottom: -17px; } .gtPc\:-top-\[17px\] { top: -17px; } .gtPc\:top-\[80px\] { top: 80px; } .gtPc\:mt-\[60px\] { margin-top: 60px; } .gtPc\:block { display: block; } .gtPc\:flex { display: flex; } .gtPc\:inline-flex { display: inline-flex; } .gtPc\:hidden { display: none; } .gtPc\:size-\[24px\] { height: 24px; width: 24px; } .gtPc\:size-\[30px\] { height: 30px; width: 30px; } .gtPc\:size-\[64px\] { height: 64px; width: 64px; } .gtPc\:size-\[80px\] { height: 80px; width: 80px; } .gtPc\:\!h-auto { height: auto !important; } .gtPc\:h-\[16px\] { height: 16px; } .gtPc\:h-\[178px\] { height: 178px; } .gtPc\:h-\[44px\] { height: 44px; } .gtPc\:h-\[735px\] { height: 735px; } .gtPc\:h-\[min\(542px\,70vw\)\] { height: min(542px, 70vw); } .gtPc\:min-h-0 { min-height: 0px; } .gtPc\:min-h-\[117px\] { min-height: 117px; } .gtPc\:min-h-\[128px\] { min-height: 128px; } .gtPc\:min-h-\[834px\] { min-height: 834px; } .gtPc\:min-h-\[920px\] { min-height: 920px; } .gtPc\:w-\[120px\] { width: 120px; } .gtPc\:w-\[160px\] { width: 160px; } .gtPc\:w-\[18\.857px\] { width: 18.857px; } .gtPc\:w-\[min\(460px\,70vw\)\] { width: min(460px, 70vw); } .gtPc\:w-full { width: 100%; } .gtPc\:min-w-0 { min-width: 0px; } .gtPc\:max-w-\[916px\] { max-width: 916px; } .gtPc\:max-w-full { max-width: 100%; } .gtPc\:grid-cols-\[220px_minmax\(332px\,360px\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)\] { grid-template-columns: 220px minmax(332px, 360px) minmax(0px, 1fr) minmax(0px, 1fr); } .gtPc\:flex-row { flex-direction: row; } .gtPc\:flex-nowrap { flex-wrap: nowrap; } .gtPc\:items-stretch { align-items: stretch; } .gtPc\:gap-0 { gap: 0px; } .gtPc\:gap-\[12px\] { gap: 12px; } .gtPc\:gap-\[16px\] { gap: 16px; } .gtPc\:gap-\[20px\] { gap: 20px; } .gtPc\:gap-\[24px\] { gap: 24px; } .gtPc\:gap-\[32px\] { gap: 32px; } .gtPc\:gap-\[36px\] { gap: 36px; } .gtPc\:gap-\[40px\] { gap: 40px; } .gtPc\:gap-\[4px\] { gap: 4px; } .gtPc\:gap-\[60px\] { gap: 60px; } .gtPc\:gap-\[6px\] { gap: 6px; } .gtPc\:gap-\[80px\] { gap: 80px; } .gtPc\:rounded-\[16px\] { border-radius: 16px; } .gtPc\:rounded-\[20px\] { border-radius: 20px; } .gtPc\:rounded-\[24px\] { border-radius: 24px; } .gtPc\:rounded-\[25px\] { border-radius: 25px; } .gtPc\:border-b-0 { border-bottom-width: 0px; } .gtPc\:border-s-0 { border-inline-start-width: 0px; } .gtPc\:p-\[12px\] { padding: 12px; } .gtPc\:p-\[40px\] { padding: 40px; } .gtPc\:p-\[80px\] { padding: 80px; } .gtPc\:px-0 { padding-left: 0px; padding-right: 0px; } .gtPc\:px-\[24px\] { padding-left: 24px; padding-right: 24px; } .gtPc\:px-\[28px\] { padding-left: 28px; padding-right: 28px; } .gtPc\:px-\[40px\] { padding-left: 40px; padding-right: 40px; } .gtPc\:py-0 { padding-bottom: 0px; padding-top: 0px; } .gtPc\:py-\[120px\] { padding-bottom: 120px; padding-top: 120px; } .gtPc\:py-\[17px\] { padding-bottom: 17px; padding-top: 17px; } .gtPc\:py-\[24px\] { padding-bottom: 24px; padding-top: 24px; } .gtPc\:py-\[32px\] { padding-bottom: 32px; padding-top: 32px; } .gtPc\:py-\[80px\] { padding-bottom: 80px; padding-top: 80px; } .gtPc\:pb-0 { padding-bottom: 0px; } .gtPc\:pb-\[120px\] { padding-bottom: 120px; } .gtPc\:pb-\[24px\] { padding-bottom: 24px; } .gtPc\:pb-\[40px\] { padding-bottom: 40px; } .gtPc\:pb-\[56px\] { padding-bottom: 56px; } .gtPc\:ps-\[32px\] { padding-inline-start: 32px; } .gtPc\:ps-\[36px\] { padding-inline-start: 36px; } .gtPc\:pt-0 { padding-top: 0px; } .gtPc\:pt-\[100px\] { padding-top: 100px; } .gtPc\:pt-\[120px\] { padding-top: 120px; } .gtPc\:pt-\[24px\] { padding-top: 24px; } .gtPc\:pt-\[40px\] { padding-top: 40px; } .gtPc\:pt-\[80px\] { padding-top: 80px; } .gtPc\:text-\[12px\] { font-size: 12px; } .gtPc\:text-\[14px\] { font-size: 14px; } .gtPc\:text-\[16px\] { font-size: 16px; } .gtPc\:text-\[17px\] { font-size: 17px; } .gtPc\:text-\[20px\] { font-size: 20px; } .gtPc\:text-\[24px\] { font-size: 24px; } .gtPc\:text-\[32px\] { font-size: 32px; } .gtPc\:text-\[48px\] { font-size: 48px; } .gtPc\:text-\[56px\] { font-size: 56px; } .gtPc\:text-\[72px\] { font-size: 72px; } .gtPc\:font-bold { font-weight: 700; } .gtPc\:font-light { font-weight: 300; } .gtPc\:font-normal { font-weight: 400; } .gtPc\:font-semibold { font-weight: 600; } .gtPc\:leading-\[1\.2\] { line-height: 1.2; } .gtPc\:leading-\[1\.3\] { line-height: 1.3; } .gtPc\:has-\[\.swiper\]\:pt-0:has(.swiper) { padding-top: 0px; } } @media (min-width: 1024px) and (max-width: 1280px) { .atPc\:absolute { position: absolute; } .atPc\:-bottom-\[17px\] { bottom: -17px; } .atPc\:-top-\[17px\] { top: -17px; } .atPc\:bottom-0 { bottom: 0px; } .atPc\:end-0 { inset-inline-end: 0px; } .atPc\:start-0 { inset-inline-start: 0px; } .atPc\:top-\[120px\] { top: 120px; } .atPc\:mx-\[40px\] { margin-left: 40px; margin-right: 40px; } .atPc\:mx-\[50px\] { margin-left: 50px; margin-right: 50px; } .atPc\:mx-\[65px\] { margin-left: 65px; margin-right: 65px; } .atPc\:ml-\[10px\] { margin-left: 10px; } .atPc\:mt-\[240px\] { margin-top: 240px; } .atPc\:mt-\[40px\] { margin-top: 40px; } .atPc\:mt-\[60px\] { margin-top: 60px; } .atPc\:block { display: block; } .atPc\:flex { display: flex; } .atPc\:inline-flex { display: inline-flex; } .atPc\:hidden { display: none; } .atPc\:aspect-\[8\/5\] { aspect-ratio: 8 / 5; } .atPc\:size-\[18px\] { height: 18px; width: 18px; } .atPc\:size-\[24px\] { height: 24px; width: 24px; } .atPc\:size-\[260px\] { height: 260px; width: 260px; } .atPc\:size-\[30px\] { height: 30px; width: 30px; } .atPc\:size-\[64px\] { height: 64px; width: 64px; } .atPc\:size-\[80px\] { height: 80px; width: 80px; } .atPc\:\!h-\[456px\] { height: 456px !important; } .atPc\:h-\[120px\] { height: 120px; } .atPc\:h-\[16px\] { height: 16px; } .atPc\:h-\[178px\] { height: 178px; } .atPc\:h-\[180px\] { height: 180px; } .atPc\:h-\[200px\] { height: 200px; } .atPc\:h-\[28px\] { height: 28px; } .atPc\:h-\[360px\] { height: 360px; } .atPc\:h-\[376px\] { height: 376px; } .atPc\:h-\[44px\] { height: 44px; } .atPc\:h-\[min\(542px\,70vw\)\] { height: min(542px, 70vw); } .atPc\:h-auto { height: auto; } .atPc\:min-h-0 { min-height: 0px; } .atPc\:min-h-\[117px\] { min-height: 117px; } .atPc\:min-h-\[128px\] { min-height: 128px; } .atPc\:min-h-\[244px\] { min-height: 244px; } .atPc\:min-h-\[66px\] { min-height: 66px; } .atPc\:min-h-\[681px\] { min-height: 681px; } .atPc\:min-h-\[834px\] { min-height: 834px; } .atPc\:min-h-\[920px\] { min-height: 920px; } .atPc\:w-\[1200px\] { width: 1200px; } .atPc\:w-\[120px\] { width: 120px; } .atPc\:w-\[160px\] { width: 160px; } .atPc\:w-\[18\.857px\] { width: 18.857px; } .atPc\:w-\[280px\] { width: 280px; } .atPc\:w-\[320px\] { width: 320px; } .atPc\:w-\[329px\] { width: 329px; } .atPc\:w-\[34px\] { width: 34px; } .atPc\:w-\[400px\] { width: 400px; } .atPc\:w-\[944px\] { width: 944px; } .atPc\:w-\[min\(460px\,70vw\)\] { width: min(460px, 70vw); } .atPc\:w-auto { width: auto; } .atPc\:w-full { width: 100%; } .atPc\:min-w-0 { min-width: 0px; } .atPc\:min-w-\[1200px\] { min-width: 1200px; } .atPc\:max-w-\[180px\] { max-width: 180px; } .atPc\:max-w-\[436px\] { max-width: 436px; } .atPc\:max-w-\[720px\] { max-width: 720px; } .atPc\:max-w-\[916px\] { max-width: 916px; } .atPc\:shrink { flex-shrink: 1; } .atPc\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .atPc\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); } .atPc\:grid-cols-\[260px_332px_minmax\(0\,1fr\)_minmax\(0\,1fr\)\] { grid-template-columns: 260px 332px minmax(0px, 1fr) minmax(0px, 1fr); } .atPc\:flex-row { flex-direction: row; } .atPc\:flex-nowrap { flex-wrap: nowrap; } .atPc\:items-center { align-items: center; } .atPc\:items-stretch { align-items: stretch; } .atPc\:gap-0 { gap: 0px; } .atPc\:gap-\[12px\] { gap: 12px; } .atPc\:gap-\[16px\] { gap: 16px; } .atPc\:gap-\[20px\] { gap: 20px; } .atPc\:gap-\[24px\] { gap: 24px; } .atPc\:gap-\[32px\] { gap: 32px; } .atPc\:gap-\[36px\] { gap: 36px; } .atPc\:gap-\[40px\] { gap: 40px; } .atPc\:gap-\[4px\] { gap: 4px; } .atPc\:gap-\[54px\] { gap: 54px; } .atPc\:gap-\[60px\] { gap: 60px; } .atPc\:gap-\[80px\] { gap: 80px; } .atPc\:gap-\[8px\] { gap: 8px; } .atPc\:gap-x-\[34px\] { column-gap: 34px; } .atPc\:overflow-hidden { overflow: hidden; } .atPc\:rounded-\[16px\] { border-radius: 16px; } .atPc\:rounded-\[20px\] { border-radius: 20px; } .atPc\:rounded-\[24px\] { border-radius: 24px; } .atPc\:rounded-\[25px\] { border-radius: 25px; } .atPc\:border-b-0 { border-bottom-width: 0px; } .atPc\:border-s-0 { border-inline-start-width: 0px; } .atPc\:object-contain { object-fit: contain; } .atPc\:p-\[12px\] { padding: 12px; } .atPc\:p-\[20px\] { padding: 20px; } .atPc\:p-\[32px\] { padding: 32px; } .atPc\:p-\[40px\] { padding: 40px; } .atPc\:p-\[80px\] { padding: 80px; } .atPc\:px-0 { padding-left: 0px; padding-right: 0px; } .atPc\:px-\[20px\] { padding-left: 20px; padding-right: 20px; } .atPc\:px-\[24px\] { padding-left: 24px; padding-right: 24px; } .atPc\:px-\[28px\] { padding-left: 28px; padding-right: 28px; } .atPc\:px-\[32px\] { padding-left: 32px; padding-right: 32px; } .atPc\:px-\[40px\] { padding-left: 40px; padding-right: 40px; } .atPc\:px-\[50px\] { padding-left: 50px; padding-right: 50px; } .atPc\:py-0 { padding-bottom: 0px; padding-top: 0px; } .atPc\:py-\[120px\] { padding-bottom: 120px; padding-top: 120px; } .atPc\:py-\[17px\] { padding-bottom: 17px; padding-top: 17px; } .atPc\:py-\[24px\] { padding-bottom: 24px; padding-top: 24px; } .atPc\:py-\[32px\] { padding-bottom: 32px; padding-top: 32px; } .atPc\:py-\[43px\] { padding-bottom: 43px; padding-top: 43px; } .atPc\:py-\[45px\] { padding-bottom: 45px; padding-top: 45px; } .atPc\:py-\[80px\] { padding-bottom: 80px; padding-top: 80px; } .atPc\:pb-0 { padding-bottom: 0px; } .atPc\:pb-\[120px\] { padding-bottom: 120px; } .atPc\:pb-\[180px\] { padding-bottom: 180px; } .atPc\:pb-\[18px\] { padding-bottom: 18px; } .atPc\:pb-\[20px\] { padding-bottom: 20px; } .atPc\:pb-\[24px\] { padding-bottom: 24px; } .atPc\:pb-\[32px\] { padding-bottom: 32px; } .atPc\:pb-\[40px\] { padding-bottom: 40px; } .atPc\:pb-\[56px\] { padding-bottom: 56px; } .atPc\:pb-\[60px\] { padding-bottom: 60px; } .atPc\:pb-\[80px\] { padding-bottom: 80px; } .atPc\:ps-\[32px\] { padding-inline-start: 32px; } .atPc\:ps-\[36px\] { padding-inline-start: 36px; } .atPc\:pt-0 { padding-top: 0px; } .atPc\:pt-\[100px\] { padding-top: 100px; } .atPc\:pt-\[120px\] { padding-top: 120px; } .atPc\:pt-\[24px\] { padding-top: 24px; } .atPc\:pt-\[40px\] { padding-top: 40px; } .atPc\:pt-\[80px\] { padding-top: 80px; } .atPc\:text-\[12px\] { font-size: 12px; } .atPc\:text-\[14px\] { font-size: 14px; } .atPc\:text-\[16px\] { font-size: 16px; } .atPc\:text-\[17px\] { font-size: 17px; } .atPc\:text-\[20px\] { font-size: 20px; } .atPc\:text-\[24px\] { font-size: 24px; } .atPc\:text-\[32px\] { font-size: 32px; } .atPc\:text-\[40px\] { font-size: 40px; } .atPc\:text-\[48px\] { font-size: 48px; } .atPc\:text-\[56px\] { font-size: 56px; } .atPc\:text-\[72px\] { font-size: 72px; } .atPc\:font-bold { font-weight: 700; } .atPc\:font-light { font-weight: 300; } .atPc\:font-normal { font-weight: 400; } .atPc\:font-semibold { font-weight: 600; } .atPc\:leading-\[1\.2\] { line-height: 1.2; } .atPc\:leading-\[1\.3\] { line-height: 1.3; } .atPc\:has-\[\.swiper\]\:pt-0:has(.swiper) { padding-top: 0px; } } @media (max-width: 1280px) { .ltPcRange\:fixed { position: fixed; } .ltPcRange\:relative { position: relative; } .ltPcRange\:left-\[0\] { left: 0px; } .ltPcRange\:start-\[50\%\] { inset-inline-start: 50%; } .ltPcRange\:top-\[0\] { top: 0px; } .ltPcRange\:mx-4 { margin-left: 1rem; margin-right: 1rem; } .ltPcRange\:mx-\[40px\] { margin-left: 40px; margin-right: 40px; } .ltPcRange\:mb-\[24px\] { margin-bottom: 24px; } .ltPcRange\:mb-\[60px\] { margin-bottom: 60px; } .ltPcRange\:me-0 { margin-inline-end: 0px; } .ltPcRange\:me-\[16px\] { margin-inline-end: 16px; } .ltPcRange\:ms-\[32px\] { margin-inline-start: 32px; } .ltPcRange\:mt-\[-340px\] { margin-top: -340px; } .ltPcRange\:mt-\[20px\] { margin-top: 20px; } .ltPcRange\:mt-\[60px\] { margin-top: 60px; } .ltPcRange\:mt-\[88px\] { margin-top: 88px; } .ltPcRange\:flex { display: flex; } .ltPcRange\:size-\[60px\] { height: 60px; width: 60px; } .ltPcRange\:\!h-\[22px\] { height: 22px !important; } .ltPcRange\:\!h-\[44px\] { height: 44px !important; } .ltPcRange\:h-\[100vh\] { height: 100vh; } .ltPcRange\:h-\[212px\] { height: 212px; } .ltPcRange\:h-\[40px\] { height: 40px; } .ltPcRange\:h-\[52px\] { height: 52px; } .ltPcRange\:h-\[64px\] { height: 64px; } .ltPcRange\:h-\[80px\] { height: 80px; } .ltPcRange\:h-auto { height: auto; } .ltPcRange\:min-h-\[292px\] { min-height: 292px; } .ltPcRange\:\!w-\[22px\] { width: 22px !important; } .ltPcRange\:\!w-\[44px\] { width: 44px !important; } .ltPcRange\:w-\[100vw\] { width: 100vw; } .ltPcRange\:w-\[1165px\] { width: 1165px; } .ltPcRange\:w-\[236px\] { width: 236px; } .ltPcRange\:w-\[360px\] { width: 360px; } .ltPcRange\:w-\[440px\] { width: 440px; } .ltPcRange\:w-\[calc\(50\%-12px\)\] { width: calc(50% - 12px); } .ltPcRange\:w-auto { width: auto; } .ltPcRange\:min-w-\[0\] { min-width: 0px; } .ltPcRange\:max-w-full { max-width: 100%; } .ltPcRange\:max-w-screen-pc { max-width: 1200px; } .ltPcRange\:flex-1 { flex: 1 1 0%; } .ltPcRange\:translate-x-1\/2 { --tw-translate-x: 50%; } .ltPcRange\:translate-x-1\/2, .ltPcRange\:translate-y-\[-24px\] { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .ltPcRange\:translate-y-\[-24px\] { --tw-translate-y: -24px; } .ltPcRange\:flex-col-reverse { flex-direction: column-reverse; } .ltPcRange\:flex-wrap { flex-wrap: wrap; } .ltPcRange\:\!justify-center { justify-content: center !important; } .ltPcRange\:justify-center { justify-content: center; } .ltPcRange\:gap-\[16px\] { gap: 16px; } .ltPcRange\:gap-\[68px\] { gap: 68px; } .ltPcRange\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .ltPcRange\:px-\[40px\] { padding-left: 40px; padding-right: 40px; } .ltPcRange\:py-\[40px\] { padding-bottom: 40px; padding-top: 40px; } .ltPcRange\:pb-\[27px\] { padding-bottom: 27px; } .ltPcRange\:pb-\[80px\] { padding-bottom: 80px; } .ltPcRange\:pe-\[40px\] { padding-inline-end: 40px; } .ltPcRange\:ps-\[60px\] { padding-inline-start: 60px; } .ltPcRange\:pt-0 { padding-top: 0px; } .ltPcRange\:pt-\[100px\] { padding-top: 100px; } .ltPcRange\:pt-\[40px\] { padding-top: 40px; } .ltPcRange\:pt-\[80px\] { padding-top: 80px; } .ltPcRange\:text-center { text-align: center; } .ltPcRange\:text-\[12px\] { font-size: 12px; } .ltPcRange\:text-\[14px\] { font-size: 14px; } .ltPcRange\:text-\[16px\] { font-size: 16px; } .ltPcRange\:text-\[17px\] { font-size: 17px; } .ltPcRange\:text-\[20px\] { font-size: 20px; } .ltPcRange\:text-\[28px\] { font-size: 28px; } .ltPcRange\:text-\[32px\] { font-size: 32px; } .ltPcRange\:text-\[40px\] { font-size: 40px; } .ltPcRange\:text-\[64px\] { font-size: 64px; } .ltPcRange\:font-\[500\] { font-weight: 500; } .ltPcRange\:last\:pb-\[80px\]:last-child { padding-bottom: 80px; } } @media (max-width: 1023px) { .ltNewPc\:ms-\[120px\] { margin-inline-start: 120px; } .ltNewPc\:mt-\[20px\] { margin-top: 20px; } .ltNewPc\:mt-\[24px\] { margin-top: 24px; } .ltNewPc\:block { display: block; } .ltNewPc\:hidden { display: none; } .ltNewPc\:max-h-\[234px\] { max-height: 234px; } .ltNewPc\:w-full { width: 100%; } .ltNewPc\:auto-cols-\[minmax\(310px\,1fr\)\] { grid-auto-columns: minmax(310px, 1fr); } .ltNewPc\:grid-flow-col { grid-auto-flow: column; } .ltNewPc\:auto-rows-auto { grid-auto-rows: auto; } .ltNewPc\:grid-cols-none { grid-template-columns: none; } .ltNewPc\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0px, 1fr)); } .ltNewPc\:items-start { align-items: flex-start; } .ltNewPc\:justify-start { justify-content: flex-start; } .ltNewPc\:overflow-x-auto { overflow-x: auto; } .ltNewPc\:\!bg-cover { background-size: cover !important; } .ltNewPc\:\!bg-center { background-position: 50% center !important; } .ltNewPc\:text-start { text-align: start; } .ltNewPc\:no-scrollbar::-webkit-scrollbar { display: none; } .ltNewPc\:no-scrollbar { scrollbar-width: none; } .ltNewPc\:\!\[background-image\:var\(--eco-bg-sm\,none\)\] { background-image: var(--eco-bg-sm,none) !important; } } @media (max-width: 767px) { .ltIpad\:absolute { position: absolute; } .ltIpad\:relative { position: relative; } .ltIpad\:sticky { position: sticky; } .ltIpad\:-end-\[10px\] { inset-inline-end: -10px; } .ltIpad\:-start-\[180px\] { inset-inline-start: -180px; } .ltIpad\:bottom-\[16px\] { bottom: 16px; } .ltIpad\:bottom-auto { bottom: auto; } .ltIpad\:left-\[16px\] { left: 16px; } .ltIpad\:right-\[15px\] { right: 15px; } .ltIpad\:start-0 { inset-inline-start: 0px; } .ltIpad\:start-\[25\%\] { inset-inline-start: 25%; } .ltIpad\:start-\[34\%\] { inset-inline-start: 34%; } .ltIpad\:start-auto { inset-inline-start: auto; } .ltIpad\:top-0 { top: 0px; } .ltIpad\:top-\[-20px\] { top: -20px; } .ltIpad\:top-\[-47px\] { top: -47px; } .ltIpad\:top-\[108px\] { top: 108px; } .ltIpad\:top-\[15px\] { top: 15px; } .ltIpad\:top-\[30px\] { top: 30px; } .ltIpad\:top-\[32px\] { top: 32px; } .ltIpad\:top-auto { top: auto; } .ltIpad\:z-20 { z-index: 20; } .ltIpad\:mx-0 { margin-left: 0px; margin-right: 0px; } .ltIpad\:mx-4 { margin-left: 1rem; margin-right: 1rem; } .ltIpad\:mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; } .ltIpad\:mx-\[16px\] { margin-left: 16px; margin-right: 16px; } .ltIpad\:mx-\[20px\] { margin-left: 20px; margin-right: 20px; } .ltIpad\:mx-\[30px\] { margin-left: 30px; margin-right: 30px; } .ltIpad\:mx-\[40px\] { margin-left: 40px; margin-right: 40px; } .ltIpad\:mx-auto { margin-left: auto; margin-right: auto; } .ltIpad\:my-4 { margin-bottom: 1rem; margin-top: 1rem; } .ltIpad\:my-\[120px\] { margin-bottom: 120px; margin-top: 120px; } .ltIpad\:my-\[16px\] { margin-bottom: 16px; margin-top: 16px; } .ltIpad\:my-\[40px\] { margin-bottom: 40px; margin-top: 40px; } .ltIpad\:\!mt-\[32px\] { margin-top: 32px !important; } .ltIpad\:-mt-1 { margin-top: -0.25rem; } .ltIpad\:mb-0 { margin-bottom: 0px; } .ltIpad\:mb-10 { margin-bottom: 2.5rem; } .ltIpad\:mb-12 { margin-bottom: 3rem; } .ltIpad\:mb-2 { margin-bottom: 0.5rem; } .ltIpad\:mb-4 { margin-bottom: 1rem; } .ltIpad\:mb-\[12px\] { margin-bottom: 12px; } .ltIpad\:mb-\[150px\] { margin-bottom: 150px; } .ltIpad\:mb-\[152px\] { margin-bottom: 152px; } .ltIpad\:mb-\[16px\] { margin-bottom: 16px; } .ltIpad\:mb-\[20px\] { margin-bottom: 20px; } .ltIpad\:mb-\[24px\] { margin-bottom: 24px; } .ltIpad\:mb-\[28px\] { margin-bottom: 28px; } .ltIpad\:mb-\[32px\] { margin-bottom: 32px; } .ltIpad\:mb-\[40px\] { margin-bottom: 40px; } .ltIpad\:mb-\[4px\] { margin-bottom: 4px; } .ltIpad\:mr-\[8px\] { margin-right: 8px; } .ltIpad\:ms-0 { margin-inline-start: 0px; } .ltIpad\:ms-2 { margin-inline-start: 0.5rem; } .ltIpad\:ms-4 { margin-inline-start: 1rem; } .ltIpad\:ms-\[14px\] { margin-inline-start: 14px; } .ltIpad\:ms-\[20px\] { margin-inline-start: 20px; } .ltIpad\:ms-\[50px\] { margin-inline-start: 50px; } .ltIpad\:mt-0 { margin-top: 0px; } .ltIpad\:mt-10 { margin-top: 2.5rem; } .ltIpad\:mt-12 { margin-top: 3rem; } .ltIpad\:mt-14 { margin-top: 3.5rem; } .ltIpad\:mt-2 { margin-top: 0.5rem; } .ltIpad\:mt-6 { margin-top: 1.5rem; } .ltIpad\:mt-8 { margin-top: 2rem; } .ltIpad\:mt-\[-160px\] { margin-top: -160px; } .ltIpad\:mt-\[-60px\] { margin-top: -60px; } .ltIpad\:mt-\[100px\] { margin-top: 100px; } .ltIpad\:mt-\[10px\] { margin-top: 10px; } .ltIpad\:mt-\[12px\] { margin-top: 12px; } .ltIpad\:mt-\[14px\] { margin-top: 14px; } .ltIpad\:mt-\[150px\] { margin-top: 150px; } .ltIpad\:mt-\[160px\] { margin-top: 160px; } .ltIpad\:mt-\[16px\] { margin-top: 16px; } .ltIpad\:mt-\[20px\] { margin-top: 20px; } .ltIpad\:mt-\[22px\] { margin-top: 22px; } .ltIpad\:mt-\[24px\] { margin-top: 24px; } .ltIpad\:mt-\[26px\] { margin-top: 26px; } .ltIpad\:mt-\[28px\] { margin-top: 28px; } .ltIpad\:mt-\[30px\] { margin-top: 30px; } .ltIpad\:mt-\[328px\] { margin-top: 328px; } .ltIpad\:mt-\[32px\] { margin-top: 32px; } .ltIpad\:mt-\[34px\] { margin-top: 34px; } .ltIpad\:mt-\[36px\] { margin-top: 36px; } .ltIpad\:mt-\[37\.5px\] { margin-top: 37.5px; } .ltIpad\:mt-\[37px\] { margin-top: 37px; } .ltIpad\:mt-\[40px\] { margin-top: 40px; } .ltIpad\:mt-\[46px\] { margin-top: 46px; } .ltIpad\:mt-\[48px\] { margin-top: 48px; } .ltIpad\:mt-\[4px\] { margin-top: 4px; } .ltIpad\:mt-\[54px\] { margin-top: 54px; } .ltIpad\:mt-\[60px\] { margin-top: 60px; } .ltIpad\:mt-\[63px\] { margin-top: 63px; } .ltIpad\:mt-\[70px\] { margin-top: 70px; } .ltIpad\:mt-\[76px\] { margin-top: 76px; } .ltIpad\:mt-\[8px\] { margin-top: 8px; } .ltIpad\:box-border { box-sizing: border-box; } .ltIpad\:line-clamp-2 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .ltIpad\:block { display: block; } .ltIpad\:inline-block { display: inline-block; } .ltIpad\:flex { display: flex; } .ltIpad\:inline-flex { display: inline-flex; } .ltIpad\:grid { display: grid; } .ltIpad\:\!hidden { display: none !important; } .ltIpad\:hidden { display: none; } .ltIpad\:size-16 { height: 4rem; width: 4rem; } .ltIpad\:size-4 { height: 1rem; width: 1rem; } .ltIpad\:size-6 { height: 1.5rem; width: 1.5rem; } .ltIpad\:size-8 { height: 2rem; width: 2rem; } .ltIpad\:size-\[120px\] { height: 120px; width: 120px; } .ltIpad\:size-\[12px\] { height: 12px; width: 12px; } .ltIpad\:size-\[150px\] { height: 150px; width: 150px; } .ltIpad\:size-\[200px\] { height: 200px; width: 200px; } .ltIpad\:size-\[214px\] { height: 214px; width: 214px; } .ltIpad\:size-\[240px\] { height: 240px; width: 240px; } .ltIpad\:size-\[24px\] { height: 24px; width: 24px; } .ltIpad\:size-\[26px\] { height: 26px; width: 26px; } .ltIpad\:size-\[30px\] { height: 30px; width: 30px; } .ltIpad\:size-\[32px\] { height: 32px; width: 32px; } .ltIpad\:size-\[40px\] { height: 40px; width: 40px; } .ltIpad\:size-\[44px\] { height: 44px; width: 44px; } .ltIpad\:size-\[4px\] { height: 4px; width: 4px; } .ltIpad\:\!h-\[30px\] { height: 30px !important; } .ltIpad\:\!h-\[32px\] { height: 32px !important; } .ltIpad\:\!h-\[60px\] { height: 60px !important; } .ltIpad\:h-\[140px\] { height: 140px; } .ltIpad\:h-\[164px\] { height: 164px; } .ltIpad\:h-\[174px\] { height: 174px; } .ltIpad\:h-\[185px\] { height: 185px; } .ltIpad\:h-\[204px\] { height: 204px; } .ltIpad\:h-\[234px\] { height: 234px; } .ltIpad\:h-\[28px\] { height: 28px; } .ltIpad\:h-\[33px\] { height: 33px; } .ltIpad\:h-\[38px\] { height: 38px; } .ltIpad\:h-\[40px\] { height: 40px; } .ltIpad\:h-\[422px\] { height: 422px; } .ltIpad\:h-\[56px\] { height: 56px; } .ltIpad\:h-\[68px\] { height: 68px; } .ltIpad\:h-auto { height: auto; } .ltIpad\:h-full { height: 100%; } .ltIpad\:max-h-\[184px\] { max-height: 184px; } .ltIpad\:min-h-0 { min-height: 0px; } .ltIpad\:min-h-14 { min-height: 3.5rem; } .ltIpad\:min-h-16 { min-height: 4rem; } .ltIpad\:min-h-\[172px\] { min-height: 172px; } .ltIpad\:min-h-\[380px\] { min-height: 380px; } .ltIpad\:min-h-\[428px\] { min-height: 428px; } .ltIpad\:\!w-\[60px\] { width: 60px !important; } .ltIpad\:\!w-full { width: 100% !important; } .ltIpad\:w-7 { width: 1.75rem; } .ltIpad\:w-\[104px\] { width: 104px; } .ltIpad\:w-\[120px\] { width: 120px; } .ltIpad\:w-\[122px\] { width: 122px; } .ltIpad\:w-\[136px\] { width: 136px; } .ltIpad\:w-\[159px\] { width: 159px; } .ltIpad\:w-\[164px\] { width: 164px; } .ltIpad\:w-\[167px\] { width: 167px; } .ltIpad\:w-\[168px\] { width: 168px; } .ltIpad\:w-\[18px\] { width: 18px; } .ltIpad\:w-\[200px\] { width: 200px; } .ltIpad\:w-\[20px\] { width: 20px; } .ltIpad\:w-\[210px\] { width: 210px; } .ltIpad\:w-\[21px\] { width: 21px; } .ltIpad\:w-\[220px\] { width: 220px; } .ltIpad\:w-\[261px\] { width: 261px; } .ltIpad\:w-\[298px\] { width: 298px; } .ltIpad\:w-\[299px\] { width: 299px; } .ltIpad\:w-\[316px\] { width: 316px; } .ltIpad\:w-\[32px\] { width: 32px; } .ltIpad\:w-\[343px\] { width: 343px; } .ltIpad\:w-\[345px\] { width: 345px; } .ltIpad\:w-\[375px\] { width: 375px; } .ltIpad\:w-\[400px\] { width: 400px; } .ltIpad\:w-\[50\%\] { width: 50%; } .ltIpad\:w-\[80px\] { width: 80px; } .ltIpad\:w-\[calc\(100\%-32px\)\] { width: calc(100% - 32px); } .ltIpad\:w-\[calc\(100vw-32px\)\] { width: calc(-32px + 100vw); } .ltIpad\:w-auto { width: auto; } .ltIpad\:w-full { width: 100%; } .ltIpad\:w-max { width: max-content; } .ltIpad\:w-min { width: min-content; } .ltIpad\:w-screen { width: 100vw; } .ltIpad\:min-w-0 { min-width: 0px; } .ltIpad\:min-w-\[100px\] { min-width: 100px; } .ltIpad\:min-w-\[164px\] { min-width: 164px; } .ltIpad\:min-w-\[40\%\] { min-width: 40%; } .ltIpad\:min-w-min { min-width: min-content; } .ltIpad\:max-w-\[100px\] { max-width: 100px; } .ltIpad\:max-w-\[138px\] { max-width: 138px; } .ltIpad\:max-w-\[24px\] { max-width: 24px; } .ltIpad\:max-w-\[269px\] { max-width: 269px; } .ltIpad\:max-w-\[280px\] { max-width: 280px; } .ltIpad\:max-w-\[354px\] { max-width: 354px; } .ltIpad\:max-w-\[375px\] { max-width: 375px; } .ltIpad\:max-w-full { max-width: 100%; } .ltIpad\:max-w-none { max-width: none; } .ltIpad\:flex-1 { flex: 1 1 0%; } .ltIpad\:flex-none { flex: 0 0 auto; } .ltIpad\:translate-x-0 { --tw-translate-x: 0px; } .ltIpad\:translate-x-0, .ltIpad\:translate-y-0 { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .ltIpad\:translate-y-0 { --tw-translate-y: 0px; } .ltIpad\:scale-50 { --tw-scale-x: .5; --tw-scale-y: .5; } .ltIpad\:scale-50, .ltIpad\:scale-\[0\.3\] { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .ltIpad\:scale-\[0\.3\] { --tw-scale-x: 0.3; --tw-scale-y: 0.3; } .ltIpad\:scale-\[0\.4\] { --tw-scale-x: 0.4; --tw-scale-y: 0.4; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .ltIpad\:cursor-pointer { cursor: pointer; } .ltIpad\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); } .ltIpad\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .ltIpad\:flex-row { flex-direction: row; } .ltIpad\:\!flex-col { flex-direction: column !important; } .ltIpad\:flex-col { flex-direction: column; } .ltIpad\:flex-col-reverse { flex-direction: column-reverse; } .ltIpad\:items-start { align-items: flex-start; } .ltIpad\:items-center { align-items: center; } .ltIpad\:items-baseline { align-items: baseline; } .ltIpad\:items-stretch { align-items: stretch; } .ltIpad\:justify-start { justify-content: flex-start; } .ltIpad\:justify-center { justify-content: center; } .ltIpad\:gap-0 { gap: 0px; } .ltIpad\:gap-4 { gap: 1rem; } .ltIpad\:gap-5 { gap: 1.25rem; } .ltIpad\:gap-6 { gap: 1.5rem; } .ltIpad\:gap-8 { gap: 2rem; } .ltIpad\:gap-\[11px\] { gap: 11px; } .ltIpad\:gap-\[120px\] { gap: 120px; } .ltIpad\:gap-\[12px\] { gap: 12px; } .ltIpad\:gap-\[14px\] { gap: 14px; } .ltIpad\:gap-\[15px\] { gap: 15px; } .ltIpad\:gap-\[16px\] { gap: 16px; } .ltIpad\:gap-\[20px\] { gap: 20px; } .ltIpad\:gap-\[22px\] { gap: 22px; } .ltIpad\:gap-\[24px\] { gap: 24px; } .ltIpad\:gap-\[32px\] { gap: 32px; } .ltIpad\:gap-\[35px\] { gap: 35px; } .ltIpad\:gap-\[36px\] { gap: 36px; } .ltIpad\:gap-\[40px\] { gap: 40px; } .ltIpad\:gap-\[4px\] { gap: 4px; } .ltIpad\:gap-\[8px\] { gap: 8px; } .ltIpad\:gap-y-\[100px\] { row-gap: 100px; } .ltIpad\:self-end { align-self: flex-end; } .ltIpad\:self-center { align-self: center; } .ltIpad\:overflow-auto { overflow: auto; } .ltIpad\:\!overflow-visible { overflow: visible !important; } .ltIpad\:overflow-visible { overflow: visible; } .ltIpad\:overflow-y-auto { overflow-y: auto; } .ltIpad\:rounded-2xl { border-radius: 1rem; } .ltIpad\:rounded-\[10px\] { border-radius: 10px; } .ltIpad\:rounded-\[25px\] { border-radius: 25px; } .ltIpad\:rounded-\[5\.3px\] { border-radius: 5.3px; } .ltIpad\:\!border-\[0\] { border-width: 0px !important; } .ltIpad\:border-0 { border-width: 0px; } .ltIpad\:border-\[0\.5px\] { border-width: 0.5px; } .ltIpad\:p-0 { padding: 0px; } .ltIpad\:p-4 { padding: 1rem; } .ltIpad\:p-6 { padding: 1.5rem; } .ltIpad\:p-\[10px_12px\] { padding: 10px 12px; } .ltIpad\:p-\[16px\] { padding: 16px; } .ltIpad\:p-\[20px\] { padding: 20px; } .ltIpad\:p-\[24px\] { padding: 24px; } .ltIpad\:p-\[25px\] { padding: 25px; } .ltIpad\:px-0 { padding-left: 0px; padding-right: 0px; } .ltIpad\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .ltIpad\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .ltIpad\:px-4 { padding-left: 1rem; padding-right: 1rem; } .ltIpad\:px-\[12px\] { padding-left: 12px; padding-right: 12px; } .ltIpad\:px-\[15px\] { padding-left: 15px; padding-right: 15px; } .ltIpad\:px-\[16px\] { padding-left: 16px; padding-right: 16px; } .ltIpad\:px-\[20px\] { padding-left: 20px; padding-right: 20px; } .ltIpad\:px-\[24px\] { padding-left: 24px; padding-right: 24px; } .ltIpad\:px-\[30px\] { padding-left: 30px; padding-right: 30px; } .ltIpad\:px-\[36px\] { padding-left: 36px; padding-right: 36px; } .ltIpad\:px-\[46px\] { padding-left: 46px; padding-right: 46px; } .ltIpad\:px-\[6px\] { padding-left: 6px; padding-right: 6px; } .ltIpad\:px-\[8px\] { padding-left: 8px; padding-right: 8px; } .ltIpad\:py-14 { padding-bottom: 3.5rem; padding-top: 3.5rem; } .ltIpad\:py-3 { padding-bottom: 0.75rem; padding-top: 0.75rem; } .ltIpad\:py-6 { padding-bottom: 1.5rem; padding-top: 1.5rem; } .ltIpad\:py-\[11px\] { padding-bottom: 11px; padding-top: 11px; } .ltIpad\:py-\[16px\] { padding-bottom: 16px; padding-top: 16px; } .ltIpad\:py-\[17px\] { padding-bottom: 17px; padding-top: 17px; } .ltIpad\:py-\[18px\] { padding-bottom: 18px; padding-top: 18px; } .ltIpad\:py-\[20px\] { padding-bottom: 20px; padding-top: 20px; } .ltIpad\:py-\[24px\] { padding-bottom: 24px; padding-top: 24px; } .ltIpad\:py-\[32px\] { padding-bottom: 32px; padding-top: 32px; } .ltIpad\:py-\[36px\] { padding-bottom: 36px; padding-top: 36px; } .ltIpad\:py-\[40px\] { padding-bottom: 40px; padding-top: 40px; } .ltIpad\:py-\[48px\] { padding-bottom: 48px; padding-top: 48px; } .ltIpad\:py-\[64px\] { padding-bottom: 64px; padding-top: 64px; } .ltIpad\:py-\[68px\] { padding-bottom: 68px; padding-top: 68px; } .ltIpad\:py-\[6px\] { padding-bottom: 6px; padding-top: 6px; } .ltIpad\:pb-0 { padding-bottom: 0px; } .ltIpad\:pb-4 { padding-bottom: 1rem; } .ltIpad\:pb-6 { padding-bottom: 1.5rem; } .ltIpad\:pb-\[10px\] { padding-bottom: 10px; } .ltIpad\:pb-\[150px\] { padding-bottom: 150px; } .ltIpad\:pb-\[16px\] { padding-bottom: 16px; } .ltIpad\:pb-\[18px\] { padding-bottom: 18px; } .ltIpad\:pb-\[20px\] { padding-bottom: 20px; } .ltIpad\:pb-\[32px\] { padding-bottom: 32px; } .ltIpad\:pb-\[40px\] { padding-bottom: 40px; } .ltIpad\:pb-\[48px\] { padding-bottom: 48px; } .ltIpad\:pb-\[54px\] { padding-bottom: 54px; } .ltIpad\:pb-\[56px\] { padding-bottom: 56px; } .ltIpad\:pe-0 { padding-inline-end: 0px; } .ltIpad\:pe-\[16px\] { padding-inline-end: 16px; } .ltIpad\:pl-\[16px\] { padding-left: 16px; } .ltIpad\:pr-\[24px\] { padding-right: 24px; } .ltIpad\:ps-0 { padding-inline-start: 0px; } .ltIpad\:ps-\[16px\] { padding-inline-start: 16px; } .ltIpad\:pt-0 { padding-top: 0px; } .ltIpad\:pt-10 { padding-top: 2.5rem; } .ltIpad\:pt-4 { padding-top: 1rem; } .ltIpad\:pt-5 { padding-top: 1.25rem; } .ltIpad\:pt-\[20px\] { padding-top: 20px; } .ltIpad\:pt-\[24px\] { padding-top: 24px; } .ltIpad\:pt-\[32px\] { padding-top: 32px; } .ltIpad\:pt-\[40px\] { padding-top: 40px; } .ltIpad\:pt-\[60px\] { padding-top: 60px; } .ltIpad\:pt-\[64px\] { padding-top: 64px; } .ltIpad\:pt-\[80px\] { padding-top: 80px; } .ltIpad\:pt-\[95px\] { padding-top: 95px; } .ltIpad\:text-center { text-align: center; } .ltIpad\:text-start { text-align: start; } .ltIpad\:\!text-\[12px\] { font-size: 12px !important; } .ltIpad\:text-2xl { font-size: 1.5rem; } .ltIpad\:text-5xl { font-size: 3rem; line-height: 1; } .ltIpad\:text-\[12px\] { font-size: 12px; } .ltIpad\:text-\[14px\] { font-size: 14px; } .ltIpad\:text-\[16px\] { font-size: 16px; } .ltIpad\:text-\[17px\] { font-size: 17px; } .ltIpad\:text-\[18px\] { font-size: 18px; } .ltIpad\:text-\[20px\] { font-size: 20px; } .ltIpad\:text-\[24px\] { font-size: 24px; } .ltIpad\:text-\[28px\] { font-size: 28px; } .ltIpad\:text-\[30px\] { font-size: 30px; } .ltIpad\:text-\[32px\] { font-size: 32px; } .ltIpad\:text-\[40px\] { font-size: 40px; } .ltIpad\:text-base { font-size: 1rem; } .ltIpad\:text-lg { font-size: 1.125rem; } .ltIpad\:text-sm { font-size: 0.875rem; } .ltIpad\:text-xs { font-size: 0.75rem; } .ltIpad\:font-\[400\] { font-weight: 400; } .ltIpad\:font-\[500\] { font-weight: 500; } .ltIpad\:font-\[600\], .ltIpad\:font-semibold { font-weight: 600; } .ltIpad\:leading-4 { line-height: 1rem; } .ltIpad\:leading-5 { line-height: 1.25rem; } .ltIpad\:leading-\[1\.35\] { line-height: 1.35; } .ltIpad\:leading-\[1\.4\] { line-height: 1.4; } .ltIpad\:leading-\[120\%\] { line-height: 120%; } .ltIpad\:leading-\[140\%\] { line-height: 140%; } .ltIpad\:leading-\[14px\] { line-height: 14px; } .ltIpad\:leading-\[18px\] { line-height: 18px; } .ltIpad\:leading-\[20px\] { line-height: 20px; } .ltIpad\:leading-\[22px\] { line-height: 22px; } .ltIpad\:leading-\[24px\] { line-height: 24px; } .ltIpad\:leading-\[26px\] { line-height: 26px; } .ltIpad\:leading-\[28px\] { line-height: 28px; } .ltIpad\:leading-\[33px\] { line-height: 33px; } .ltIpad\:leading-\[34px\] { line-height: 34px; } .ltIpad\:leading-\[38px\] { line-height: 38px; } .ltIpad\:leading-\[44px\] { line-height: 44px; } .ltIpad\:leading-\[56px\] { line-height: 56px; } .ltIpad\:text-\[\#a0a3a7\] { --tw-text-opacity: 1; color: rgb(160 163 167/var(--tw-text-opacity,1)); } .ltIpad\:text-ds-color-text-tertiary { color: var(--ds-color-text-tertiary); } .ltIpad\:text-white { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); } } @media (max-width: 1023.9px) { .\span\]\:cursor-pointer > span { cursor: pointer; } .\[\&\>span\]\:text-ds-color-text-primary > span { color: var(--ds-color-text-primary); } .\[\&\>span\]\:text-primary > span { color: var(--color-primary); } .\[\&\>span\]\:underline > span { text-decoration-line: underline; } .\[\&_\.bit-collapse-borderless\]\:bg-ds-color-always-black .bit-collapse-borderless { background-color: var(--ds-color-always-black); } .\[\&_\.bit-input-group-addon\]\:bg-ds-color-background-primary .bit-input-group-addon { background-color: var(--ds-color-background-primary); } .\[\&_\.bit-input-group-addon\]\:py-0 .bit-input-group-addon { padding-bottom: 0px; padding-top: 0px; } .\[\&_\.bit-modal-body\]\:\!py-0 .bit-modal-body { padding-bottom: 0px !important; padding-top: 0px !important; } @media (max-width: 767px) { .ltIpad\:\[\&_\.bit-modal-close\]\:\!end-\[12px\] .bit-modal-close { inset-inline-end: 12px !important; } .ltIpad\:\[\&_\.bit-modal-close\]\:\!top-\[12px\] .bit-modal-close { top: 12px !important; } .ltIpad\:\[\&_\.bit-modal-content\]\:\!p-\[12px\] .bit-modal-content { padding: 12px !important; } } .\[\&_\.bit-select-selection-item\]\:text-start .bit-select-selection-item { text-align: start; } .\[\&_\.bit-select-selection-item\]\:\!text-ds-color-text-secondary .bit-select-selection-item { color: var(--ds-color-text-secondary) !important; } .\[\&_\.bit-upload-list\]\:flex .bit-upload-list { display: flex; } .\[\&_\.opra-brand-text\]\:text-\[var\(--ds-color-function-brand\)\] .opra-brand-text { color: var(--ds-color-function-brand); } .\[\&_\.slick-list\]\:\!rounded-\[0\] .slick-list { border-radius: 0px !important; } .\[\&_\.swiper-pagination-bullet-active\]\:\!w-\[8px\] .swiper-pagination-bullet-active { width: 8px !important; } .\[\&_\.swiper-pagination-bullet-active\]\:\!rounded-\[15px\] .swiper-pagination-bullet-active { border-radius: 15px !important; } .\[\&_\.swiper-pagination-bullet\]\:size-\[4px\] .swiper-pagination-bullet { height: 4px; width: 4px; } .\[\&_\.swiper-pagination-bullet\]\:\!bg-white .swiper-pagination-bullet { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255/var(--tw-bg-opacity,1)) !important; } .\[\&_\.swiper-slide\]\:\!w-\[286px\] .swiper-slide { width: 286px !important; } .\[\&_\.swiper-slide\]\:\!w-\[296px\] .swiper-slide { width: 296px !important; } .\[\&_\>div\]\:h-full > div { height: 100%; } .\[\&_a\]\:text-\[\#03aac7\] a { --tw-text-opacity: 1; color: rgb(3 170 199/var(--tw-text-opacity,1)); } .\[\&_a\]\:text-ds-color-link-default a { color: var(--ds-color-link-default); } .\[\&_a\]\:text-primary a { color: var(--color-primary); } .\[\&_a\]\:underline a { text-decoration-line: underline; } .\[\&_strong\]\:text-white strong { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); } :root { --swiper-theme-color: #007aff; } :host { display: block; margin-left: auto; margin-right: auto; position: relative; z-index: 1; } .swiper { display: block; list-style: none; margin-left: auto; margin-right: auto; overflow: hidden; padding: 0px; position: relative; z-index: 1; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { box-sizing: initial; display: flex; height: 100%; position: relative; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); width: 100%; z-index: 1; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translateZ(0px); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { display: block; flex-shrink: 0; height: 100%; position: relative; transition-property: transform; width: 100%; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { backface-visibility: hidden; transform: translateZ(0px); } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; & .swiper-cube-shadow, & .swiper-slide { transform-style: preserve-3d; } } .swiper-css-mode { & > .swiper-wrapper { overflow: auto; scrollbar-width: none; &::-webkit-scrollbar { display: none; } } & > .swiper-wrapper > .swiper-slide { scroll-snap-align: start; } &.swiper-horizontal { & > .swiper-wrapper { scroll-snap-type: x mandatory; } & > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-slides-offset-before); scroll-margin-inline-start: var(--swiper-slides-offset-before); } & > .swiper-wrapper > .swiper-slide:last-child { margin-inline-end: var(--swiper-slides-offset-after); } } &.swiper-vertical { & > .swiper-wrapper { scroll-snap-type: y mandatory; } & > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-slides-offset-before); scroll-margin-block-start: var(--swiper-slides-offset-before); } & > .swiper-wrapper > .swiper-slide:last-child { margin-block-end: var(--swiper-slides-offset-after); } } &.swiper-free-mode { & > .swiper-wrapper { scroll-snap-type: none; } & > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } } &.swiper-centered { & > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } & > .swiper-wrapper > .swiper-slide { scroll-snap-align: center; scroll-snap-stop: always; } } &.swiper-centered.swiper-horizontal { & > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } & > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } } &.swiper-centered.swiper-vertical { & > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } & > .swiper-wrapper::before { height: var(--swiper-centered-offset-after); min-width: 1px; width: 100%; } } } .swiper-3d { & .swiper-slide-shadow, & .swiper-slide-shadow-bottom, & .swiper-slide-shadow-left, & .swiper-slide-shadow-right, & .swiper-slide-shadow-top { height: 100%; left: 0px; pointer-events: none; position: absolute; top: 0px; width: 100%; z-index: 10; } & .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } & .swiper-slide-shadow-left { background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent); } & .swiper-slide-shadow-right { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent); } & .swiper-slide-shadow-top { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent); } & .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), transparent); } } .swiper-lazy-preloader { border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: 50%; border-top: 4px solid transparent; box-sizing: border-box; height: 42px; left: 50%; margin-left: -21px; margin-top: -21px; position: absolute; top: 50%; transform-origin: 50% center; width: 42px; z-index: 10; } .swiper-watch-progress .swiper-slide-visible, .swiper:not(.swiper-watch-progress) { & .swiper-lazy-preloader { animation: 1s linear 0s infinite normal none running swiper-preloader-spin; } } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } .swiper-pagination { position: absolute; text-align: center; transform: translateZ(0px); transition: opacity 0.3s; z-index: 10; &.swiper-pagination-hidden { opacity: 0; } &.swiper-pagination-disabled, .swiper-pagination-disabled > & { display: none !important; } } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom,8px); left: 0px; top: var(--swiper-pagination-top,auto); width: 100%; } .swiper-pagination-bullets-dynamic { font-size: 0px; overflow: hidden; & .swiper-pagination-bullet { position: relative; transform: scale(0.33); } & .swiper-pagination-bullet-active, & .swiper-pagination-bullet-active-main { transform: scale(1); } & .swiper-pagination-bullet-active-prev { transform: scale(0.66); } & .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } & .swiper-pagination-bullet-active-next { transform: scale(0.66); } & .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } } .swiper-pagination-bullet { background: var(--swiper-pagination-bullet-inactive-color,#000); border-radius: var(--swiper-pagination-bullet-border-radius,50%); display: inline-block; height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px)); opacity: var(--swiper-pagination-bullet-inactive-opacity,.2); width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px)); button& { appearance: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: none; margin: 0px; padding: 0px; } .swiper-pagination-clickable & { cursor: pointer; } &:only-child { display: none !important; } } .swiper-pagination-bullet-active { background: var(--swiper-pagination-color,var(--swiper-theme-color)); opacity: var(--swiper-pagination-bullet-opacity,1); } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { left: var(--swiper-pagination-left,auto); right: var(--swiper-pagination-right,8px); top: 50%; transform: translate3d(0px, -50%, 0px); & .swiper-pagination-bullet { display: block; margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0; } &.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; & .swiper-pagination-bullet { display: inline-block; transition: transform 0.2s, top 0.2s; } } } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets { & .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px); } &.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; & .swiper-pagination-bullet { transition: transform 0.2s, left 0.2s; } } } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, right 0.2s; } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color,inherit); } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25)); position: absolute; & .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color,var(--swiper-theme-color)); height: 100%; left: 0px; position: absolute; top: 0px; transform: scale(0); transform-origin: left top; width: 100%; } .swiper-rtl & .swiper-pagination-progressbar-fill { transform-origin: right top; } &.swiper-pagination-horizontal, &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-horizontal > &, .swiper-vertical > &.swiper-pagination-progressbar-opposite { height: var(--swiper-pagination-progressbar-size,4px); left: 0px; top: 0px; width: 100%; } &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, &.swiper-pagination-vertical, .swiper-horizontal > &.swiper-pagination-progressbar-opposite, .swiper-vertical > & { height: 100%; left: 0px; top: 0px; width: var(--swiper-pagination-progressbar-size,4px); } } .swiper-pagination-lock { display: none; } @keyframes slide-up-c657f89a { 0% { transform: translateY(100%); } 100% { transform: translateY(0px); } } @keyframes slide-up-54b6085f { 0% { transform: translateY(100%); } 100% { transform: translateY(0px); } } @keyframes move-9ed3fd2c { 0%, 100% { top: 40px; } 50% { top: 60px; } } @keyframes fade-19c663f0 { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes kf_9867_14547_opacity_0-fe7bd308 { 0% { opacity: 1; } 40.239% { animation-timing-function: cubic-bezier(0.7, 0, 0.85, 0.15); opacity: 0.3; } 60.239%, 100% { opacity: 0; } } @keyframes kf_9867_14547_scale_0-fe7bd308 { 0% { scale: 1; } 60.239% { animation-timing-function: cubic-bezier(0.7, 0, 0.85, 0.15); scale: 1; } 85.239%, 100% { scale: 0.4; } } @keyframes kf_tradifi_fadein-fe7bd308 { 0% { opacity: 0; transform: translateY(-8px); } 40.239% { animation-timing-function: cubic-bezier(0.15, 0.85, 0.3, 1); opacity: 0; transform: translateY(-8px); } 85.239%, 100% { opacity: 1; transform: translateY(0px); } } @keyframes draw-ltr-83e7baec { 0% { transform: rotate(0deg); } 100% { transform: rotate(180deg); } } @keyframes draw-rtl-83e7baec { 0% { transform: rotate(0deg); } 100% { transform: rotate(-180deg); } } @keyframes loading-rotate-ltr { 100% { transform: rotate(360deg); } } @keyframes loading-rotate-rtl { 100% { transform: rotate(-360deg); } } @keyframes loading-dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -40px; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -120px; } } @keyframes bit-skeleton-loading-ltr { 0% { background-position: 100% 50%; } 100% { background-position: 0px 50%; } } @keyframes bit-skeleton-loading-rtl { 0% { background-position: 0px 50%; } 100% { background-position: 100% 50%; } } @keyframes v-modal-in { 0% { opacity: 0; } } @keyframes v-modal-out { 100% { opacity: 0; } } @keyframes dialog-fade-in { 0% { transform: translate3d(0px, -20px, 0px); opacity: 0; } 100% { transform: translate3d(0px, 0px, 0px); opacity: 1; } } @keyframes dialog-fade-out { 0% { transform: translate3d(0px, 0px, 0px); opacity: 1; } 100% { transform: translate3d(0px, -20px, 0px); opacity: 0; } } @keyframes modal-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes modal-fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes dialog-fade-in-responsive { 0% { transform: translateY(100%); opacity: 0; } 100% { transform: translate(0px); opacity: 1; } } @keyframes dialog-fade-out-responsive { 0% { transform: translate(0px); opacity: 1; } 100% { transform: translateY(100%); opacity: 0; } } @keyframes rotating-ltr { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } @keyframes rotating-rtl { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(-360deg); } } @keyframes slideInRight-enter-ltr { 0% { opacity: 0; transform-origin: 0px 0px; transform: translateX(100%); } 100% { opacity: 1; transform-origin: 0px 0px; transform: translateX(0px); } } @keyframes slideInRight-enter-rtl { 0% { opacity: 0; transform-origin: 100% 0px; transform: translateX(-100%); } 100% { opacity: 1; transform-origin: 100% 0px; transform: translateX(0px); } } @keyframes slideInRight-leave-ltr { 0% { transform-origin: 0px 0px; transform: translateX(0px); opacity: 1; } 100% { transform-origin: 0px 0px; transform: translateX(100%); opacity: 0; } } @keyframes slideInRight-leave-rtl { 0% { transform-origin: 100% 0px; transform: translateX(0px); opacity: 1; } 100% { transform-origin: 100% 0px; transform: translateX(-100%); opacity: 0; } } @keyframes slideInLeft-enter-ltr { 0% { opacity: 0; transform-origin: 0px 0px; transform: translateX(-100%); } 100% { opacity: 1; transform-origin: 0px 0px; transform: translateX(0px); } } @keyframes slideInLeft-enter-rtl { 0% { opacity: 0; transform-origin: 100% 0px; transform: translateX(100%); } 100% { opacity: 1; transform-origin: 100% 0px; transform: translateX(0px); } } @keyframes slideInLeft-leave-ltr { 0% { transform-origin: 0px 0px; transform: translateX(0px); opacity: 1; } 100% { transform-origin: 0px 0px; transform: translateX(-100%); opacity: 0; } } @keyframes slideInLeft-leave-rtl { 0% { transform-origin: 100% 0px; transform: translateX(0px); opacity: 1; } 100% { transform-origin: 100% 0px; transform: translateX(100%); opacity: 0; } } @keyframes viewer-fade-in { 0% { transform: translate3d(0px, -20px, 0px); opacity: 0; } 100% { transform: translate3d(0px, 0px, 0px); opacity: 1; } } @keyframes viewer-fade-out { 0% { transform: translate3d(0px, 0px, 0px); opacity: 1; } 100% { transform: translate3d(0px, -20px, 0px); opacity: 0; } } @keyframes swiper-preloader-spin-ltr { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes swiper-preloader-spin-rtl { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } @keyframes shine-ltr { 100% { background-position: 320px 0px; } } @keyframes shine-rtl { 100% { background-position: right 320px top 0px; } } [data-v-003cc42f] a, [data-v-5d26c372] a, [data-v-7c7244fa] a, [data-v-7dc536ac] a, [data-v-f8f8bb8a] a { color: var(--content-link-default); } [data-v-7c7244fa] a:hover { color: var(--content-link-hover); } [dir][data-v-003cc42f] a:hover, [dir][data-v-7c7244fa] a:hover, [dir][data-v-7dc536ac] a:hover, [dir][data-v-f8f8bb8a] a:hover { cursor: pointer; } .input[data-v-217b175c], .markdown-body[data-v-3bf9f9bf] li p { display: inline; } .input[data-v-217b175c] .mi-input__wrapper { width: inherit; border-color: var(--color-third-text); border-radius: 0px; border-top-style: none; border-left-style: none; border-right-style: none; padding: 0px !important; } .input-component.error[data-v-217b175c] .mi-input__wrapper { border-bottom-color: var(--ds-color-function-error) !important; } .input-component.error[data-v-217b175c] .mi-input__wrapper .mi-input__inner { color: var(--ds-color-function-error) !important; } .collapse[data-v-4d84651c] { --mi-collapse-border-color: transparent; } .collapse[data-v-4d84651c] .mi-collapse-item__header { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding-top: 0px; padding-bottom: 0px; } .collapse[data-v-4d84651c] .mi-collapse-item { margin-top: 12px; } .collapse[data-v-4d84651c] .mi-collapse-item:first-child { margin-top: 0px; } .collapse[data-v-4d84651c] .mi-collapse-item__content { padding-bottom: 0px; } .collapse[data-v-4d84651c] .mi-collapse-item__arrow, .collapse[data-v-4d84651c] .mi-collapse-item__arrow.is-active { --un-rotate-x: 0; --un-rotate-y: 0; --un-rotate-z: 0; transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } .collapse[data-v-4d84651c] .mi-collapse-item__arrow { margin-left: 4px; display: none; --un-rotate: 90deg; } .collapse[data-v-4d84651c] .mi-collapse-item__arrow.is-active { --un-rotate: 270deg; } [dir] .micro-risk-dialog .mi-dialog__header { border-bottom: solid 1px var(--border-strength-100); } .content a[href] { color: var(--color-primary); } [dir="ltr"] .dialog[data-v-81444ba8] .mi-dialog__header { text-align: left; } [dir="rtl"] .dialog[data-v-81444ba8] .mi-dialog__header { text-align: right; } [data-v-7dc536ac] a:hover, [data-v-f8f8bb8a] a:hover { color: var(--content-link-hover); } .checkbox[data-v-da871ae7] .mi-checkbox__input { align-self: flex-start; } .micro-privacy-dialog[data-v-6c0096d8], .micro-privacy-dialog[data-v-e9a61f74] { --mi-disabled-text-color: var(--color-primary-text); } [dir] .micro-cookie-dialog[data-v-c657f89a] { box-shadow: rgba(31, 31, 31, 0.15) 0px 10px 32px 0px; transform: translateY(100%); } [dir="ltr"] .micro-cookie-dialog[data-v-c657f89a], [dir="rtl"] .micro-cookie-dialog[data-v-c657f89a] { animation: 0.8s ease 0s 1 normal forwards running slide-up-c657f89a; } .micro-cookie-dialog[data-v-54b6085f] a, .micro-cookie-dialog[data-v-c657f89a] a { color: var(--color-primary-text); text-decoration-line: underline; } .micro-cookie-list-dialog-wrap[data-v-df025c29] .mi-dialog__body { height: 437px; } [dir] .micro-cookie-dialog[data-v-54b6085f] { box-shadow: rgba(31, 31, 31, 0.15) 0px 10px 32px 0px; transform: translateY(100%); } [dir="ltr"] .micro-cookie-dialog[data-v-54b6085f], [dir="rtl"] .micro-cookie-dialog[data-v-54b6085f] { animation: 0.8s ease 0s 1 normal forwards running slide-up-54b6085f; } .mi-button[data-v-54cc2ad9] { min-width: 80px; } [dir] .mi-button[data-v-54cc2ad9], [dir] .register-kyc-guide__dialog_micro .mi-button.is-round { border-radius: 8px !important; } @media (max-width: 767px) { .mi-button[data-v-54cc2ad9] { flex: 1 1 0% !important; } [dir="ltr"] .mi-button[data-v-54cc2ad9] { margin-left: 0px; } [dir="rtl"] .mi-button[data-v-54cc2ad9] { margin-right: 0px; } } .mi-button[data-v-32aa08db], .micro-select[data-v-32aa08db] { width: 100%; } .micro-select[data-v-32aa08db] .mi-input .mi-input__wrapper input.mi-input__inner::placeholder { color: var(--ds-color-text-tertiary) !important; } @media screen and (max-width: 767px) { .register-kyc-guide__dialog_micro { width: 100%; } } .register-kyc-guide__dialog_micro .kyc_register_dialog_header { text-overflow: ellipsis; overflow: hidden; } [dir] .global-theme.black .register-rewards__dialog--bg, [dir] .register-rewards__dialog--bg[data-v-bc3d61cc] { background: rgb(28, 29, 31); } .register-rewards__dialog--text[data-v-bc3d61cc] { color: rgb(13, 14, 14); } [dir] .register-rewards__dialog--bg { padding-bottom: 16px; } [dir] .register-rewards__dialog--base { background-color: transparent !important; box-shadow: none !important; border: 0px !important; } [dir] .register-rewards__dialog--base .mi-dialog_-footer, [dir] .register-rewards__dialog--base .mi-dialog__body, [dir] .register-rewards__dialog--base .mi-dialog__header { padding: 0px !important; } [dir] .global-theme.white .register-rewards__dialog--bg { background: rgb(255, 255, 255); } [dir="ltr"] .dialog[data-v-003cc42f] .mi-dialog__header { text-align: left; } [dir="rtl"] .dialog[data-v-003cc42f] .mi-dialog__header { text-align: right; } [data-v-003cc42f] a:hover { color: var(--content-link-hover); } .eea-2-eu-dialog-footer[data-v-003cc42f] { display: flex; gap: 12px; width: 100%; box-sizing: border-box; } @media only screen and (max-width: 767px) { .eea-2-eu-dialog-footer[data-v-003cc42f] { flex-direction: column-reverse; } } .eea-2-eu-dialog-btn[data-v-003cc42f] { flex: 1 1 0px; min-width: 0px; max-width: 100%; overflow: hidden; } .eea-2-eu-dialog-btn[data-v-003cc42f] > span, .eea-register-dialog-btn[data-v-971c7b28] > span { min-width: 0px; max-width: 100%; width: 100%; overflow: hidden; display: flex !important; } .eea-2-eu-dialog-btn-text[data-v-003cc42f] { display: block; min-width: 0px; max-width: 100%; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .eea-register-dialog-footer[data-v-971c7b28] { display: flex; gap: 12px; width: 100%; box-sizing: border-box; } @media only screen and (max-width: 767px) { .eea-register-dialog-footer[data-v-971c7b28] { flex-direction: column; } } .eea-register-dialog-btn[data-v-971c7b28] { flex: 1 1 0px; min-width: 0px; max-width: 100%; overflow: hidden; } .eea-register-dialog-btn-text[data-v-971c7b28] { display: block; min-width: 0px; max-width: 100%; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .title[data-v-ac0f8957] { display: flex; gap: 8px; } [dir] .title[data-v-ac0f8957] { padding-top: 8px; } .title p[data-v-ac0f8957] { color: var(--color-primary-text); line-height: 22px; font-size: 16px; font-weight: 500; } [dir="ltr"] .title p[data-v-ac0f8957] { padding-right: 10px; text-align: left; } [dir="rtl"] .title p[data-v-ac0f8957] { padding-left: 10px; text-align: right; } .login-expire-icon[data-v-ac0f8957] { color: var(--ds-color-function-warning); } .content[data-v-ac0f8957] { font-size: 14px; color: var(--ds-color-text-secondary); line-height: 20px; } [dir] .content[data-v-ac0f8957] { margin-top: 8px; } [dir="ltr"] .content[data-v-ac0f8957] { padding-left: 32px; text-align: left; } [dir="rtl"] .content[data-v-ac0f8957] { padding-right: 32px; text-align: right; } .content span[data-v-ac0f8957] { color: var(--color-primary-text); font-weight: 600; } .footer[data-v-ac0f8957] { display: flex; gap: 8px; flex-direction: row-reverse; } [dir] .footer[data-v-ac0f8957] { margin-top: 16px; } .login-expire-notifaticon { width: 359px !important; } .micro-global-dialog-popper { z-index: 100000001 !important; border-style: none !important; padding: 4px 10px !important; font-size: 12px !important; --un-text-opacity: 1 !important; color: rgba(255,255,255,var(--un-text-opacity)) !important; } .micro-global-dialog[data-v-e4cc8647] .mi-overlay-dialog { display: flex; align-items: center; justify-content: center; text-align: center; } .micro-global-dialog[data-v-e4cc8647] .mi-dialog { margin: 0px; background-color: transparent; --mi-dialog-bg-color: transparent; --mi-dialog-box-shadow: none; } .micro-global-dialog[data-v-e4cc8647] .mi-dialog .mi-dialog__body, .micro-global-dialog[data-v-e4cc8647] .mi-dialog .mi-dialog__header { padding: 0px; } .micro-global-dialog[data-v-e4cc8647] .mi-dialog .mi-dialog__headerbtn { top: -30px; right: -30px; z-index: 100; width: 24px; height: 24px; font-size: 14px; } .micro-global-dialog[data-v-e4cc8647] .mi-dialog .mi-dialog__close { font-size: 16px; --un-text-opacity: 1; color: rgba(255,255,255,var(--un-text-opacity)); } .micro-global-dialog[data-v-e4cc8647] .video-dialog { --mi-dialog-bg-color: transparent; display: inline-block; width: auto; } .micro-global-dialog[data-v-e4cc8647] .video-dialog .mi-dialog__body { line-height: 0.25rem; } [dir="rtl"] .micro-global-dialog .arrow-prev[data-v-e4cc8647], [dir="rtl"] .micro-header[data-v-7cde414e] svg, [dir="rtl"] a.nav-item:hover .arrow-right[data-v-c8f1fb2f] { --un-rotate: 0; --un-rotate-y: 180deg; } .coll[data-v-8af2eb0c] .mi-collapse-item.is-active .arrow, [dir="rtl"] .micro-global-dialog .arrow-next[data-v-e4cc8647], [dir="rtl"] .micro-global-dialog .arrow-prev[data-v-e4cc8647], [dir="rtl"] .micro-header[data-v-7cde414e] svg, [dir="rtl"] a.nav-item:hover .arrow-right[data-v-c8f1fb2f] { transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } [dir="rtl"] .micro-global-dialog .arrow-next[data-v-e4cc8647] { --un-rotate: 0; --un-rotate-y: 0deg; } .micro-global-kyc-dialog[data-v-78f8c457] .mi-dialog, .micro-global-kyc-dialog[data-v-7d279dfc] .mi-dialog { background-color: var(--color-bg); padding: 0px; color: var(--color-primary-text); } .micro-global-kyc-dialog[data-v-7d279dfc] .mi-dialog .mi-dialog__header { padding-left: 16px; padding-top: 32px; padding-bottom: 0px; font-size: 20px; font-weight: 700; } .micro-global-kyc-dialog[data-v-7d279dfc] .mi-dialog .mi-dialog__headerbtn { top: 18px; right: 12px; font-size: 16px; } .micro-global-kyc-dialog[data-v-7d279dfc] .mi-dialog .mi-dialog__body { padding: 0px 32px 32px; } .micro-global-kyc-dialog[data-v-7d279dfc] .mi-dialog .mi-button { margin-top: 16px; align-self: flex-end; border-style: none; font-size: 12px; line-height: 18px; color: var(--color-white-text); } .micro-global-kyc-dialog[data-v-78f8c457] .mi-dialog .mi-dialog__header { padding-left: 16px; padding-top: 32px; padding-bottom: 0px; font-size: 20px; font-weight: 700; } .micro-global-kyc-dialog[data-v-78f8c457] .mi-dialog .mi-dialog__headerbtn { top: 18px; right: 12px; font-size: 16px; } .micro-global-kyc-dialog[data-v-78f8c457] .mi-dialog .mi-dialog__body { padding: 0px 32px 32px; } .micro-global-kyc-dialog[data-v-78f8c457] .mi-dialog .mi-button { margin-top: 16px; align-self: flex-end; border-style: none; font-size: 12px; line-height: 18px; color: var(--color-white-text); } .coll[data-v-8af2eb0c] { --mi-collapse-content-bg-color: transparent; --mi-collapse-header-bg-color: transparent; border-style: none !important; } .coll[data-v-8af2eb0c] .mi-collapse-item__header { border-style: none; padding: 24px 0px; } .coll[data-v-8af2eb0c] .mi-collapse-item__wrap { border-style: none; } .coll[data-v-8af2eb0c] .mi-collapse-item__content { padding: 12px 0px; line-height: 18px; color: var(--color-primary-text); } .coll[data-v-8af2eb0c] .mi-collapse-item__arrow { display: none; } .coll[data-v-8af2eb0c] .mi-collapse-item.is-active .arrow { --un-rotate-x: 0; --un-rotate-y: 0; --un-rotate-z: 0; --un-rotate: 180deg; } .nav-item[data-v-8af2eb0c] { box-sizing: border-box; display: inline-block; width: 100%; cursor: pointer; padding-left: 1rem; font-weight: 500; color: var(--color-third-text); text-decoration: none; } .nav-item[data-v-8af2eb0c]:last-child { margin-bottom: 0px; } .micro-dark .nav-item[data-v-8af2eb0c] { color: var(--content-disabled); } [dir] .nav-item[data-v-8af2eb0c] { margin-bottom: 1.5rem; } .telegram-item[data-v-8af2eb0c] { display: block; text-decoration: none; line-height: 24px; color: var(--content-primary); font-weight: 400; font-size: 12px; } [dir] .telegram-item[data-v-8af2eb0c] { padding: 6px 12px; } [dir] .telegram-item[data-v-8af2eb0c]:hover { background-color: var(--background-tertiary); border-radius: 4px; } .logo-item:hover img + img[data-v-41716b56], .logo-item:hover img + img[data-v-ef010b17] { visibility: visible; } .logo[data-v-ef010b17] { display: none; width: 132px; height: 54px; } [dir="rtl"] .logo[data-v-ef010b17] { --un-rotate: 0; --un-rotate-y: 0deg !important; transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)) !important; } .logo-light[data-v-ef010b17] { display: inline-block; } .contact-item .envelope[data-v-ef010b17] { fill: var(--content-tertiary); } .contact-item:hover .envelope[data-v-ef010b17] { fill: var(--content-secondary); } .telegram-item[data-v-ef010b17] { display: block; text-decoration: none; line-height: 24px; color: var(--content-primary); font-weight: 400; font-size: 12px; } [dir] .telegram-item[data-v-ef010b17] { cursor: pointer; padding: 6px 12px; } [dir] .telegram-item[data-v-ef010b17]:hover { background-color: var(--background-tertiary); border-radius: 4px; } [dir] .mi-popper.telegram-popper { padding: 6px !important; } .mi-popper.telegram-popper.is-light { --mi-bg-color-popup: #fff; } [dir] .mi-popper.telegram-popper.is-light { border: solid 1px var(--color-line) !important; } .mi-popper.telegram-popper.is-dark { --mi-bg-color-popup: #303133; } [dir] .mi-switch__core { border-radius: 6px !important; } [dir] .mi-switch__core .mi-switch__action { border-radius: 4px !important; } [dir="ltr"] [dir="rtl"] .copyright[data-v-4f8c567b], [dir="ltr"] [dir="rtl"] .link[data-v-4f8c567b] { direction: ltr; } [dir="rtl"] [dir="rtl"] .copyright[data-v-4f8c567b], [dir="rtl"] [dir="rtl"] .link[data-v-4f8c567b] { direction: rtl; } .item[data-v-4f8c567b] { height: 46px; display: flex; cursor: pointer; align-items: center; padding-left: 0px; padding-right: 0px; } [dir] .copyright a[data-v-4f8c567b], [dir] .item-span[data-v-4f8c567b] { border: 1px solid transparent; } [dir] .copyright a[data-v-4f8c567b]:hover, [dir] .item-span[data-v-4f8c567b]:hover { border-bottom: 1px dotted var(--color-third-text); } [dir] .footer-item-title[data-v-c8f1fb2f] { margin-bottom: 24px; } a.nav-item[data-v-c8f1fb2f] { box-sizing: border-box; width: 100%; display: inline-flex; cursor: pointer; align-items: center; justify-content: flex-start; font-size: 14px; font-weight: 500; color: var(--color-third-text); text-decoration: none; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .micro-dark a.nav-item[data-v-c8f1fb2f] { color: var(--content-disabled); } a.nav-item[data-v-c8f1fb2f]:hover { color: var(--ds-color-text-primary) !important; } [dir] a.nav-item[data-v-c8f1fb2f]:not(:first-of-type) { margin-top: 12px; } a.nav-item .arrow-right[data-v-c8f1fb2f], a.nav-item .football[data-v-c8f1fb2f] { visibility: hidden; opacity: 0; } [dir="ltr"] a.nav-item .arrow-right[data-v-c8f1fb2f], [dir="rtl"] a.nav-item .arrow-right[data-v-c8f1fb2f] { transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } [dir="ltr"] a.nav-item .arrow-right[data-v-c8f1fb2f] { --un-translate-x: -10px; } [dir="rtl"] a.nav-item .arrow-right[data-v-c8f1fb2f] { --un-translate-x: 10px; --un-rotate: 0; --un-rotate-y: 180deg; } [dir="ltr"] .switch-dialog .switch-account-box .account-line .account-info .account-subtitle.frozen span[data-v-6304fd83], [dir="ltr"] .switch-dialog .switch-account-box .operation-bottom .add-subaccount span[data-v-6304fd83], [dir="ltr"] a.nav-item .arrow-right[data-v-c8f1fb2f] { margin-left: 5px; } [dir="rtl"] .switch-dialog .switch-account-box .account-line .account-info .account-subtitle.frozen span[data-v-6304fd83], [dir="rtl"] .switch-dialog .switch-account-box .operation-bottom .add-subaccount span[data-v-6304fd83], [dir="rtl"] a.nav-item .arrow-right[data-v-c8f1fb2f] { margin-right: 5px; } [dir] a.nav-item .football[data-v-c8f1fb2f] { margin-bottom: 10px; } a.nav-item:hover .arrow-right[data-v-c8f1fb2f] { visibility: visible; opacity: 1; transition: 0.25s ease-out; --un-translate-x: 0rem; transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } .logo[data-v-04c4d57a] { display: none; width: 132px; height: 54px; } [dir] [dir="rtl"] .logo[data-v-04c4d57a] { transform: rotateY(0deg) !important; } .logo-light[data-v-04c4d57a] { display: inline-block; } .popover[data-v-1f461013] { transition: transform 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; } [dir] .popover[data-v-1f461013] { transform: perspective(1px) scale(0.75); transform-origin: 50% 0px; } .popover.visible[data-v-1f461013] { visibility: visible; perspective: 1px; --un-scale-x: 0.01; --un-scale-y: 0.01; transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); opacity: 1; } .micro-light .popover.visible[data-v-1f461013] { --un-shadow: 0 6px 18px 0 var(--un-shadow-color, rgba(146,160,171,0.2)); box-shadow: var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow); } [dir] .popover.visible[data-v-1f461013] { transform: perspective(1px) scale(1); border-radius: 12px; } [dir="ltr"] .popover.left[data-v-1f461013] { left: 8px; } [dir="rtl"] .popover.left[data-v-1f461013] { right: 8px; } [dir="ltr"] .popover.right[data-v-1f461013] { right: 0px; } [dir="rtl"] .popover.right[data-v-1f461013] { left: 0px; } .popover .popover-main[data-v-1f461013] { max-height: calc(-175px + 100vh); } [dir] .has-border[data-v-b5e1c5b9] { border-radius: 20px; } [dir] .has-shadow[data-v-b5e1c5b9] { box-shadow: rgba(146, 160, 171, 0.2) 0px 6px 18px 0px; } [data-v-5d26c372] a:hover { color: var(--content-link-hover); } [dir][data-v-5d26c372] a:hover { cursor: pointer; } [dir][data-v-5d26c372] .mi-checkbox__inner { border-radius: 2px !important; } .carousel { position: relative; width: 100%; overflow: hidden; } .carousel-container { overflow: hidden; width: 100%; touch-action: pan-y; } .carousel-track { display: flex; transition: transform 0.3s; } .carousel-item { min-width: 100%; box-sizing: border-box; } [dir] .carousel-btn { border-radius: 12px !important; } .micro-h5-never-reminder-dialog { width: 311px !important; } [dir="ltr"] .micro-h5-never-reminder-dialog > .mi-dialog__footer, [dir="rtl"] .micro-h5-never-reminder-dialog > .mi-dialog__footer { padding-right: 24px; padding-left: 24px; } .micro-h5-never-reminder-dialog > .mi-dialog__footer .mi-button { width: 125px; } .popover-enter-enter-from[data-v-9ed3fd2c] { opacity: 0; } [dir] .popover-enter-enter-from[data-v-9ed3fd2c] { transform: translateY(-15px); } .popover-enter-enter-active[data-v-9ed3fd2c] { transition: transform 300ms cubic-bezier(0.33, 1, 0.68, 1), opacity 300ms cubic-bezier(0.33, 1, 0.68, 1); } .popover-enter-enter-to[data-v-9ed3fd2c] { opacity: 1; } [dir] .popover-enter-enter-to[data-v-9ed3fd2c] { transform: translateY(0px); } .popover-enter-leave-active[data-v-9ed3fd2c] { transition: transform 150ms ease-in, opacity 150ms ease-in; } .popover-enter-leave-to[data-v-9ed3fd2c] { opacity: 0; } [dir] .popover-enter-leave-to[data-v-9ed3fd2c] { } [dir="ltr"] .popover.left[data-v-9ed3fd2c] { right: 0px; } [dir="ltr"] .popover.right[data-v-9ed3fd2c], [dir="rtl"] .popover.left[data-v-9ed3fd2c] { left: 0px; } [dir="rtl"] .popover.right[data-v-9ed3fd2c] { right: 0px; } [dir="ltr"] .login-popover-move .popover[data-v-9ed3fd2c], [dir="rtl"] .login-popover-move .popover[data-v-9ed3fd2c] { animation: 1s ease 0s infinite normal none running move-9ed3fd2c; } .login-popover-move > div[data-v-9ed3fd2c]:first-of-type { width: 100%; } .close-popover .popover-main[data-v-9ed3fd2c] { display: none; } .drawer-text-color[data-v-5857c0e6] { color: rgb(21, 21, 23); } .item[data-v-da2e1472] { height: 46px; display: flex; cursor: pointer; align-items: center; padding-left: 20px; padding-right: 20px; } .item[data-v-da2e1472]:hover { background-color: var(--color-input-bg); } .menu-collapse[data-v-b5039a98] { border-width: 0px; border-style: solid; } .collapse-item[data-v-b5039a98] { position: relative; } .telegram-item[data-v-95ae7cf7] { display: block; text-decoration: none; line-height: 24px; color: var(--content-primary); font-weight: 400; font-size: 12px; } [dir] .telegram-item[data-v-95ae7cf7] { padding: 6px 12px; } [dir] .telegram-item[data-v-95ae7cf7]:hover { background-color: var(--background-tertiary); border-radius: 4px; } [data-v-95ae7cf7] .logo-item img { width: 32px !important; height: 32px !important; } .micro-submenu-drawer { z-index: 9999 !important; } [dir] .micro-submenu-drawer .mi-drawer__body, [dir] .micro-submenu-drawer .mi-drawer__header { background-color: var(--ds-color-background-base); } [dir] .micro-submenu-drawer .mi-drawer__header { padding-bottom: 20px !important; margin-bottom: 0px !important; } .micro-teleport { z-index: 9999 !important; position: relative; } [dir] .micro-menu-drawer .mi-drawer__body, [dir] .micro-menu-drawer .mi-drawer__header { background-color: var(--ds-color-background-base); } [dir] .micro-menu-drawer .mi-drawer__header { padding-bottom: 20px !important; margin-bottom: 0px !important; } .micro-search-provider-standalone[data-v-331cd31a] { min-height: 0px; } .popover-search[data-v-cf7cd8fc] .popover .popover-main { max-height: 600px; overflow: hidden; } @media screen and (max-width: 767px) { .popover-search[data-v-cf7cd8fc] .popover { width: 100vw; height: 100vh; overscroll-behavior: contain; } .popover-search[data-v-cf7cd8fc] .popover .popover-main { height: 100vh; max-height: initial; overscroll-behavior: contain; } [dir] .popover-search[data-v-cf7cd8fc] .popover .popover-main { border-radius: 0px; } } .vip-chat-content-link[data-v-fe240797], .vip-chat-content-link[data-v-fe240797]:active, .vip-chat-content-link[data-v-fe240797]:hover, .vip-chat-content-link[data-v-fe240797]:visited { color: inherit; text-decoration: none; outline: 0px; } [dir] .vip-chat-count-badge[data-v-fe240797] { background: var(--ds-color-function-brand, #03aac7); } .tabs[data-v-19c663f0] { --mi-border-color-light: transparent; --mi-font-size-base: 16px; --mi-text-color-primary: var(--color-third-text); } .tabs[data-v-19c663f0] .mi-tabs__nav { height: 50px; } .tabs[data-v-19c663f0] .mi-tabs__item { padding-left: 12px; padding-right: 12px; } .tabs[data-v-19c663f0] .mi-tabs__item.is-active { color: var(--color-primary-text); } .tabs[data-v-19c663f0] .mi-tabs__item:hover { color: var(--color-primary-text); opacity: 0.6; } .tabs[data-v-19c663f0] .mi-tabs__header { margin: 0px; } .tabs[data-v-19c663f0] .mi-tabs__active-bar { background-color: var(--color-primary); } .tabs[data-v-19c663f0] .mi-icon { top: -5px; } [dir="ltr"] .imail-popover[data-v-19c663f0] { box-shadow: rgba(171, 188, 203, 0.12) 2px 4px 6px 2px; } [dir="rtl"] .imail-popover[data-v-19c663f0] { box-shadow: rgba(171, 188, 203, 0.12) -2px 4px 6px 2px; } [dir] .icon-inmail-dot[data-v-19c663f0] { border-color: var(--background-primary); } [dir="ltr"] .icon-inmail-dot[data-v-19c663f0], [dir="rtl"] .icon-inmail-dot[data-v-19c663f0] { animation: 1.4s linear 0s infinite alternate-reverse none running fade-19c663f0; } [dir] .micro-inmail-icon:hover .icon-inmail-dot[data-v-19c663f0] { border-color: var(--background-secondary); } .group-menu[data-v-fe7bd308], .menu-item[data-v-fe7bd308] { position: relative; height: 32px; cursor: pointer; align-items: center; border-radius: 8px; color: var(--ds-color-text-primary); } .menu-item[data-v-fe7bd308] { display: inline-flex; white-space: nowrap; padding: 8px 12px; font-size: 16px; } .menu-item[data-v-fe7bd308]:hover { background-color: var(--background-secondary); } .menu-item .title[data-v-fe7bd308] { font-size: 14px; font-weight: 400; line-height: 0.25rem; } .menu-item .tag-img[data-v-fe7bd308] { position: absolute; top: -4px; right: -16px; z-index: 1; height: 16px; } .group-menu[data-v-fe7bd308] { margin-right: 8px; width: 40px; display: flex; justify-content: center; --group-primary: currentColor; } .group-menu[data-v-fe7bd308]:hover { background-color: var(--background-secondary); --group-primary: var(--color-primary); } .tradifi-wrapper[data-v-fe7bd308] { position: relative; display: inline-block; } .tradifi-sizer[data-v-fe7bd308] { visibility: hidden; } .tradifi-base[data-v-fe7bd308], .tradifi-stocks[data-v-fe7bd308] { position: absolute; top: 0px; bottom: 0px; display: flex; align-items: center; justify-content: center; white-space: nowrap; } [dir="ltr"] .tradifi-base[data-v-fe7bd308], [dir="ltr"] .tradifi-stocks[data-v-fe7bd308], [dir="rtl"] .tradifi-base[data-v-fe7bd308], [dir="rtl"] .tradifi-stocks[data-v-fe7bd308] { right: 0px; left: 0px; } .tradifi-base[data-v-fe7bd308] { opacity: 0; } [dir="ltr"] .tradifi-base[data-v-fe7bd308], [dir="rtl"] .tradifi-base[data-v-fe7bd308] { animation: 3s linear 1.5s 1 normal forwards running kf_tradifi_fadein-fe7bd308; } [dir="ltr"] .tradifi-stocks[data-v-fe7bd308], [dir="rtl"] .tradifi-stocks[data-v-fe7bd308] { animation: 0.5s linear 2.5s 1 normal forwards running kf_9867_14547_opacity_0-fe7bd308, 3s linear normal running kf_9867_14547_scale_0-fe7bd308; } .micro-header[data-v-7cde414e] { position: relative; flex-direction: column; } .micro-header[data-v-7cde414e] * { box-sizing: border-box; } .micro-header[data-v-7cde414e] a { text-decoration: none; } .micro-header[data-v-7cde414e] ::-webkit-scrollbar { width: 4px; height: 4px; } [dir] .micro-header[data-v-7cde414e] ::-webkit-scrollbar { background-color: transparent; } .micro-header[data-v-7cde414e] ::-webkit-scrollbar-track { width: 4px; } [dir] .micro-header[data-v-7cde414e] ::-webkit-scrollbar-track { background-color: transparent; } [dir] .micro-header[data-v-7cde414e] ::-webkit-scrollbar-thumb { background-color: var(--background-tertiary); border-radius: 4px; } .micro-header .bg[data-v-7cde414e] { position: absolute; top: 0px; left: 0px; z-index: 0; width: 100%; height: 100%; --un-backdrop-blur: blur(10px); backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia); } html[dir] .bg[data-v-7cde414e] { background: var(--ds-color-always-black); } .menu-item[data-v-74a16491] { position: relative; display: flex; cursor: pointer; align-items: center; gap: 12px; border-radius: 6px; padding: 8px 12px; } .menu-item[data-v-74a16491]:first-child { margin-top: 0px; } .menu-item[data-v-74a16491]:hover { background-color: var(--color-input-bg); } .menu-item[data-v-74a16491]:active { background-color: var(--color-secondary-btn-bg); } .menu-item .desc[data-v-74a16491], .menu-item .title[data-v-74a16491] { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .menu-item .title[data-v-74a16491] { display: flex; align-items: center; font-size: 14px; font-weight: 500; line-height: 22px; } .menu-item .title .red-dot[data-v-74a16491] { margin-left: 4px; display: inline-block; border-radius: 100%; --un-bg-opacity: 1; background-color: rgba(247,100,126,var(--un-bg-opacity)); width: 8px !important; height: 8px !important; } .menu-item .desc[data-v-74a16491] { font-size: 12px; font-weight: 400; line-height: 18px; color: var(--content-tertiary); } .menu-item .menu-icon[data-v-74a16491] { width: 24px; height: 24px; } [dir="rtl"] .menu-item .menu-icon.unreverse[data-v-74a16491], [dir="rtl"] .menu-item .menu-icon[data-v-74a16491] { --un-rotate: 0; transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } [dir="rtl"] .menu-item .menu-icon[data-v-74a16491] { --un-rotate-y: 180deg; } [dir="rtl"] .menu-item .menu-icon.unreverse[data-v-74a16491] { --un-rotate-y: 0deg; } .menu-item .arrow[data-v-74a16491], .menu-item .new-arrow[data-v-74a16491] { position: absolute; right: 10px; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .menu-item .arrow[data-v-74a16491] { fill: var(--content-tertiary); opacity: 0; top: calc(50% - 7px); } [dir="rtl"] .menu-item .arrow[data-v-74a16491], [dir="rtl"] .menu-item .new-arrow[data-v-74a16491] { left: 10px !important; right: unset !important; } .menu-item .new-arrow[data-v-74a16491] { color: var(--content-tertiary); width: 24px; top: 50%; } .menu-item:hover .arrow[data-v-74a16491] { opacity: 1; } .menu-item:hover .new-arrow[data-v-74a16491] { color: var(--ds-color-text-primary); } .menu-item[data-v-8f37fcca] { min-height: 48px; width: 244px; display: flex; align-items: center; gap: 12px; border-radius: 4px; padding: 8px 12px; } .menu-item[data-v-8f37fcca]:hover { background-color: var(--color-input-bg); } .menu-item[data-v-8f37fcca]:active { background-color: var(--color-secondary-btn-bg); } .menu-item .title[data-v-8f37fcca] { font-weight: 500; line-height: 22px; } .menu-item .desc[data-v-8f37fcca] { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 12px; line-height: 18px; color: var(--content-disabled); } .menu-item .menu-icon[data-v-8f37fcca] { width: 24px; height: 24px; min-width: 24px; } .radio[data-v-f194e879] { display: flex; flex-wrap: nowrap; } .radio[data-v-f194e879] .mi-radio-button { flex: 1 1 0%; } .radio[data-v-f194e879] .mi-radio-button .mi-radio-button__inner { width: 100%; } .tab[data-v-59fe3edc] .mi-tabs__header { margin: 0px; } .tab[data-v-59fe3edc] .mi-tabs__header .mi-tabs__item { padding-left: 8px; padding-right: 8px; font-size: 12px; color: var(--content-secondary); } .tab[data-v-59fe3edc] .mi-tabs__header .mi-tabs__item.is-active, .tab[data-v-59fe3edc] .mi-tabs__header .mi-tabs__item:hover { color: var(--content-primary); } .tab[data-v-59fe3edc] .mi-tabs__header .mi-tabs__active-bar { background-color: var(--content-primary); } .tab[data-v-59fe3edc] .mi-tabs__content, .tab[data-v-59fe3edc] .mi-tabs__nav-wrap::after { display: none; } .tradingview[data-v-f7632c0a] { position: fixed; bottom: 8px; width: 252px; height: 45px; display: flex; cursor: pointer; align-items: center; justify-content: center; border-width: 1px; border-color: var(--v3-border-strength-0); border-radius: 4px; border-style: solid; padding: 8px; color: var(--color-primary-text) !important; } .menu-popover-enter-enter-from[data-v-c154e1a9] { opacity: 0; translate: 0px -15px; } .menu-popover-enter-enter-active[data-v-c154e1a9] { transition: translate 300ms cubic-bezier(0.33, 1, 0.68, 1), opacity 300ms cubic-bezier(0.33, 1, 0.68, 1); } .menu-popover-enter-enter-to[data-v-c154e1a9] { opacity: 1; translate: 0px; } .menu-popover-enter-leave-active[data-v-c154e1a9] { transition: translate 150ms ease-in, opacity 150ms ease-in; } .menu-popover-enter-leave-to[data-v-c154e1a9] { opacity: 0; translate: 0px; } .popover-frosted[data-v-c154e1a9] { backdrop-filter: blur(20px); } [dir] .micro-light .popover-frosted[data-v-c154e1a9] { background-color: rgba(255, 255, 255, 0.55) !important; } [dir] .micro-dark .popover-frosted[data-v-c154e1a9] { background-color: rgba(20, 21, 26, 0.55) !important; } .language-currency[data-v-cfad69ae] .dialog .mi-dialog__body, .language-currency[data-v-cfad69ae] .dialog .mi-dialog__header { padding: 0px; } .language-currency[data-v-cfad69ae] .dialog .mi-tabs__header { margin-bottom: 0px; padding-left: 20px; padding-right: 20px; line-height: 64px !important; } .language-currency[data-v-cfad69ae] .dialog .mi-tabs__item.is-active { color: var(--color-primary) !important; } .language-currency[data-v-cfad69ae] .dialog .mi-tabs__active-bar { background-color: var(--color-primary); } .language-currency[data-v-cfad69ae] .dialog .mi-dialog__headerbtn { top: 20px; } .language-currency.fullscreen .item[data-v-cfad69ae] { width: 100%; } .language-currency.fullscreen[data-v-cfad69ae] .dialog { border-radius: 0px; } .language-currency.fullscreen[data-v-cfad69ae] .mi-dialog__header { position: sticky; top: 0px; margin-right: 0px; background-color: inherit; padding: 0px !important; } .language-currency.fullscreen[data-v-cfad69ae] .mi-dialog__body { background-color: inherit; padding: 0px !important; } .list[data-v-cfad69ae] { display: flex; flex-wrap: wrap; gap: 10px 16px; padding: 20px; } .list .item[data-v-cfad69ae] { box-sizing: border-box; height: 44px; cursor: pointer; border-radius: 4px; padding-left: 12px; padding-right: 12px; line-height: 44px; color: var(--color-primary-text); width: calc(25% - 16px); } .list .item.active[data-v-cfad69ae], .list .item[data-v-cfad69ae]:hover { color: var(--color-primary); } [dir] .list .item.active[data-v-cfad69ae], [dir] .list .item[data-v-cfad69ae]:hover { background: var(--color-secondary-btn-bg); } [dir] .task-bubble[data-v-043067a5] { background: rgba(255, 212, 166, 0.2); } .task-bubble-text[data-v-043067a5] { white-space: nowrap; text-overflow: ellipsis; width: 230px; overflow: hidden; } [dir] .icon-inmail-dot[data-v-83368216] { border-color: var(--content-always-white); } .micro-bit-avatar[data-v-7a60c4a5] { position: relative; } [dir] .micro-bit-avatar .mi-avatar--circle[data-v-7a60c4a5] { border-radius: 8px; } .micro-bit-avatar .micro-bit-avatar-mask[data-v-7a60c4a5] { position: absolute; height: 100%; width: 100%; top: 0px; display: flex; justify-content: center; align-items: center; pointer-events: none; } [dir] .micro-bit-avatar .micro-bit-avatar-mask[data-v-7a60c4a5] { background: rgba(0, 0, 0, 0.7); } @media screen and (max-width: 767px) { [dir] .micro-bit-avatar .mi-avatar--circle[data-v-7a60c4a5] { border-radius: 6px; } } .micro-verified-label .text-verified[data-v-54cd041d] { color: var(--content-success); } [dir] .micro-verified-label .text-verified[data-v-54cd041d] { background-color: rgba(14, 203, 129, 0.12); } .micro-userInfo .micro-userInfo-viplevel[data-v-83e7baec], .micro-verified-label .text-unverified[data-v-54cd041d] { color: var(--content-disabled); } [dir] .micro-verified-label .text-unverified[data-v-54cd041d] { background-color: var(--color-input-bg); } [dir] .micro-userInfo[data-v-83e7baec]:hover .micro-vip-tag { background-color: var(--background-primary); } [dir] .micro-userInfo .bg-sub-account[data-v-83e7baec] { background-color: var(--background-purple-soft); } [dir] .micro-userInfo .bg-main-account[data-v-83e7baec] { background-color: var(--background-blue-soft); } .micro-userInfo .icon-user-switch-group[data-v-83e7baec] { position: relative; width: 22px; height: 22px; } .micro-userInfo .icon-user-switch-group .icon-user-switch-outer[data-v-83e7baec] { position: absolute; top: 0px; } [dir="ltr"] .micro-userInfo .icon-user-switch-group .icon-user-switch-outer[data-v-83e7baec] { left: 0px; } [dir="rtl"] .micro-userInfo .icon-user-switch-group .icon-user-switch-outer[data-v-83e7baec] { right: 0px; } .micro-userInfo .icon-user-switch-group .icon-user-switch-inner[data-v-83e7baec] { position: absolute; top: 5px; } [dir="ltr"] .micro-userInfo .icon-user-switch-group .icon-user-switch-inner[data-v-83e7baec] { left: 5px; } [dir="rtl"] .micro-userInfo .icon-user-switch-group .icon-user-switch-inner[data-v-83e7baec] { right: 5px; } .micro-referral-glow[data-v-db2f75f8] { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; pointer-events: none; mix-blend-mode: screen; } [dir="ltr"] .micro-referral-glow[data-v-db2f75f8] { object-position: right top; } [dir="rtl"] .micro-referral-glow[data-v-db2f75f8] { object-position: left top; } .micro-referral .micro-referral-hl { color: var(--ds-color-text-primary); } [dir] .vip-exclusive-tasks[data-v-376e01e7] { background-size: 100% 100%; background-repeat: no-repeat; } .vip-exclusive-tasks.theme-light[data-v-376e01e7] { --ds-color-function-vip-text: #be903a; } [dir] .vip-exclusive-tasks.theme-light[data-v-376e01e7] { background-image: url("./58a1b323fa073979.png"); } .vip-exclusive-tasks.theme-dark[data-v-376e01e7] { --ds-color-function-vip-text: #ffd583; } [dir] .vip-exclusive-tasks.theme-dark[data-v-376e01e7] { background-image: url("./d203d7ce412999e6.png"); } [dir] .prospect-task[data-v-8a2b9a76] { background-size: 100% 100%; background-repeat: no-repeat; } .prospect-task.theme-light[data-v-8a2b9a76] { --ds-color-function-vip-text: #be903a; } [dir] .prospect-task.theme-light[data-v-8a2b9a76] { background-image: url("./58a1b323fa073979.png"); } .prospect-task.theme-dark[data-v-8a2b9a76] { --ds-color-function-vip-text: #ffd583; } [dir] .prospect-task.theme-dark[data-v-8a2b9a76] { background-image: url("./d203d7ce412999e6.png"); } .vip-prospect-task-tooltip { max-width: 250px !important; } [dir] .vip-upgrade-process[data-v-09b0f588] { background-size: 100% 100%; background-repeat: no-repeat; } .vip-upgrade-process.theme-light[data-v-09b0f588] { --ds-color-function-vip-text: #be903a; } [dir] .vip-upgrade-process.theme-light[data-v-09b0f588] { background-image: url("./58a1b323fa073979.png"); } .vip-upgrade-process.theme-dark[data-v-09b0f588] { --ds-color-function-vip-text: #ffd583; } [dir] .vip-upgrade-process.theme-dark[data-v-09b0f588] { background-image: url("./d203d7ce412999e6.png"); } [dir] .micro-menu-extra-card[data-v-07331818] { background-color: rgba(3, 170, 199, 0.14); } [dir] .micro-user-affiliate-ad[data-v-07331818] { background-color: rgba(255, 212, 166, 0.5); } .menu-collapse[data-v-07331818] { border-width: 0px; border-style: solid; } .menu-collapse[data-v-07331818] .mi-collapse-item__header { position: relative; flex: 1 1 0%; border-width: 0px; border-style: solid; padding: 0px; font-weight: 400; } .menu-collapse[data-v-07331818] .mi-collapse-item__arrow { position: absolute; right: 8px; top: 12px; } [dir="rtl"] .menu-collapse[data-v-07331818] .mi-collapse-item__arrow { left: 8px; right: unset; } .menu-collapse[data-v-07331818] .mi-collapse-item__wrap { border-width: 0px; border-style: solid; } .menu-collapse[data-v-07331818] .mi-collapse-item__content { padding-left: 28px; } .switch-dialog[data-v-6304fd83] * { box-sizing: border-box; } .switch-dialog[data-v-6304fd83] .dialog { --mi-dialog-padding-primary: 0; --mi-tabs-header-height: 1.4; --mi-text-color-primary: var(--color-primary-text); --mi-dialog-border-radius: 8px; padding: 0px; } .micro-light .switch-dialog[data-v-6304fd83] .dialog { background-color: var(--color-bg) !important; } .micro-dark .switch-dialog[data-v-6304fd83] .dialog { background-color: var(--color-card-bg) !important; } .switch-dialog[data-v-6304fd83] .dialog .mi-dialog__headerbtn { font-size: 16px; } .switch-dialog[data-v-6304fd83] .dialog .mi-dialog__header { padding-left: 24px; padding-right: 24px; padding-top: 24px; } .switch-dialog[data-v-6304fd83] .dialog .mi-dialog__body { padding: 12px 32px; } .switch-dialog[data-v-6304fd83] .dialog .mi-tabs__item.is-active { color: var(--color-primary); } .switch-dialog[data-v-6304fd83] .dialog .mi-tabs__nav-wrap::after { height: 1px; } .micro-light .switch-dialog[data-v-6304fd83] .dialog .mi-tabs__nav-wrap::after { --un-bg-opacity: 1; background-color: rgba(221,221,221,var(--un-bg-opacity)); } .micro-dark .switch-dialog[data-v-6304fd83] .dialog .mi-tabs__nav-wrap::after { --un-bg-opacity: 1; background-color: rgba(100,107,113,var(--un-bg-opacity)); } .switch-dialog[data-v-6304fd83] .dialog .mi-tabs__active-bar { background-color: var(--color-primary); } [dir] .switch-dialog .switch-account-box[data-v-6304fd83] { padding: 0px; } .switch-dialog .switch-account-box[data-v-6304fd83] .mi-autocomplete__popper { display: none; } .switch-dialog .switch-account-box[data-v-6304fd83] .mi-tabs__item { height: 64px; line-height: 64px; font-size: 16px; font-weight: 500; } .switch-dialog .switch-account-box[data-v-6304fd83] .mi-tabs__item.is-active { color: var(--color-primary-text); } [dir] .switch-dialog .switch-account-box[data-v-6304fd83] .mi-tabs__header { margin-bottom: 0px; padding: 0px; } .switch-dialog .switch-account-box[data-v-6304fd83] .mi-tabs__active-bar { background-color: var(--color-primary); } .switch-dialog .switch-account-box[data-v-6304fd83] .mi-tabs__nav-next, .switch-dialog .switch-account-box[data-v-6304fd83] .mi-tabs__nav-prev { line-height: 64px; } .switch-dialog .switch-account-box[data-v-6304fd83] .mi-tabs__nav-wrap::after { height: 1px !important; } [dir] .switch-dialog .switch-account-box[data-v-6304fd83] .mi-tabs__nav-wrap::after { background-color: var(--content-inverse-secondary) !important; } .switch-dialog .switch-account-box .sub-account-below[data-v-6304fd83] { font-size: 16px; } [dir] .switch-dialog .switch-account-box .sub-account-below[data-v-6304fd83] { margin-bottom: 8px; padding: 0px; } .mi-scrollbar__bar.is-vertical > div, .switch-dialog .switch-account-box[data-v-6304fd83] .mi-autocomplete { width: 100%; } .switch-dialog .switch-account-box .search-account[data-v-6304fd83] { display: block; height: 40px; mix-blend-mode: normal; } [dir] .switch-dialog .switch-account-box .search-account[data-v-6304fd83] .mi-input__inner { border-radius: 48px; } [dir="ltr"] .switch-dialog .switch-account-box .search-account[data-v-6304fd83] .mi-input__inner { padding-left: 30px; } [dir="rtl"] .switch-dialog .switch-account-box .search-account[data-v-6304fd83] .mi-input__inner { padding-right: 30px; } .switch-dialog .switch-account-box .input-search-icon[data-v-6304fd83] .mi-image__inner { vertical-align: middle; } [dir] .markdown-body[data-v-3bf9f9bf] li, [dir] .switch-dialog .switch-account-box .input-search-icon[data-v-6304fd83] .mi-image__inner, [dir] .switch-dialog .switch-account-box .not-account-list > div div.title[data-v-6304fd83] { margin-bottom: 4px; } .switch-dialog .switch-account-box .mi-autocomplete-suggestion.mi-popper[data-v-6304fd83] { display: none; } .switch-dialog .switch-account-box .account-line[data-v-6304fd83] { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: auto; } [dir] .switch-dialog .switch-account-box .account-line[data-v-6304fd83] { margin: 0px; cursor: pointer; } [dir="ltr"] .switch-dialog .switch-account-box .account-line[data-v-6304fd83] { padding: 12px 0px 12px 8px; } [dir="rtl"] .switch-dialog .switch-account-box .account-line[data-v-6304fd83] { padding: 12px 8px 12px 0px; } [dir] .switch-dialog .switch-account-box .account-line.primary-account[data-v-6304fd83] { margin: 16px 0px 24px; } [dir] .switch-dialog .switch-account-box .account-line[data-v-6304fd83]:hover { background: var(--background-secondary); } .switch-dialog .switch-account-box .account-line .account-abbr[data-v-6304fd83] { width: 32px; height: 32px; color: var(--color-primary); line-height: 32px; } [dir] .switch-dialog .switch-account-box .account-line .account-abbr[data-v-6304fd83] { border-radius: 6px; background-color: var(--content-inverse-secondary); text-align: center; } .switch-dialog .switch-account-box .account-line .account-abbr .avatar[data-v-6304fd83] { height: 32px; width: 32px; } [dir] .switch-dialog .switch-account-box .account-line .account-abbr .avatar[data-v-6304fd83] { border-radius: 6px; background-color: var(--background-secondary); background-size: cover; } .switch-dialog .switch-account-box .account-line .account-info[data-v-6304fd83] { width: 80%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } [dir="ltr"] .switch-dialog .switch-account-box .account-line .account-info[data-v-6304fd83] { padding-left: 6px; } [dir="rtl"] .switch-dialog .switch-account-box .account-line .account-info[data-v-6304fd83] { padding-right: 6px; } .switch-dialog .switch-account-box .account-line .account-info .account-title[data-v-6304fd83] { font-size: 14px; line-height: 22px; color: var(--content-secondary); } .switch-dialog .switch-account-box .account-line .account-info .account-title2[data-v-6304fd83] { color: var(--content-tertiary); font-size: 12px; line-height: 18px; } .switch-dialog .switch-account-box .account-line .account-info .account-subtitle[data-v-6304fd83] { font-weight: 400; font-size: 12px; line-height: 22px; height: 22px; color: var(--main-gray); } [dir] .switch-dialog .switch-account-box .account-line .account-info .account-subtitle[data-v-6304fd83] { margin-top: 4px; background-color: var(--background-tertiary); border-radius: 4px; padding: 0px 8px; } .switch-dialog .switch-account-box .account-line .account-info .account-subtitle.frozen span[data-v-6304fd83] { color: var(--main-golden); } .switch-dialog .switch-account-box .account-line .frozen[data-v-6304fd83] { color: var(--main-gray) !important; } [dir] .switch-dialog .switch-account-box .account-line .frozen[data-v-6304fd83] { cursor: not-allowed !important; } .switch-dialog .switch-account-box .account-line .operation[data-v-6304fd83] { width: 10%; position: relative; height: 16px; } .switch-dialog .switch-account-box .account-line .operation label.radio-label[data-v-6304fd83] { width: 14px; height: 14px; line-height: 14px; display: block; } [dir] .switch-dialog .switch-account-box .account-line .operation label.radio-label[data-v-6304fd83] { border-radius: 14px; border: 1px solid var(--content-inverse-tertiary); cursor: pointer; background: 0px 0px !important; } [dir] .switch-dialog .switch-account-box .account-line .operation label.radio-label.frozen[data-v-6304fd83] { background: var(--main-light-gray); cursor: not-allowed; } .switch-dialog .switch-account-box .account-line .operation label.check-label[data-v-6304fd83] { width: 16px; height: 16px; line-height: 16px; display: block; } [dir] .switch-dialog .switch-account-box .account-line .operation label.check-label[data-v-6304fd83] { border-radius: 2px; border: 1px solid var(--main-gray); cursor: pointer; } .micro-search-recommend-coins .btn-disabled svg[data-v-a35f7e05], [dir] .switch-dialog .switch-account-box .account-line.selected[data-v-6304fd83] { cursor: not-allowed; } [dir] .switch-dialog .switch-account-box .account-line.selected label[data-v-6304fd83] { background: var(--color-primary); border-color: var(--color-primary); cursor: not-allowed; } .switch-dialog .switch-account-box .account-line.selected label.radio-label[data-v-6304fd83] { display: flex; flex-direction: row; justify-content: center; align-items: center; } [dir] .switch-dialog .switch-account-box .account-line.selected label.radio-label[data-v-6304fd83] { border: 1px solid var(--color-primary); } .switch-dialog .switch-account-box .account-line.selected label.radio-label em[data-v-6304fd83] { display: block; width: 8px; height: 8px; color: var(--color-primary); } [dir] .switch-dialog .switch-account-box .account-line.selected label.radio-label em[data-v-6304fd83] { border-radius: 8px; background-color: var(--color-primary); text-align: center; cursor: not-allowed; } .switch-dialog .switch-account-box .account-line.selected label.check-label[data-v-6304fd83]::before { display: block; content: "✓"; font-size: 16px; color: var(--content-inverse-secondary); } [dir] .switch-dialog .switch-account-box .account-line.selected label.check-label[data-v-6304fd83]::before { text-align: center; cursor: not-allowed; } [dir] .switch-dialog .switch-account-box .switch-account_form-box[data-v-6304fd83] { margin-top: 16px; padding: 0px; } .switch-dialog .switch-account-box .infinite-list-wrapper[data-v-6304fd83] { height: 240px; overflow: auto; } [dir] .switch-dialog .switch-account-box .infinite-list-wrapper .list[data-v-6304fd83] { padding: 0px; } [dir] .switch-dialog .switch-account-box .not-account-list[data-v-6304fd83] { padding: 0px; margin: 16px 0px 55px; } .switch-dialog .switch-account-box .not-account-list > div[data-v-6304fd83] { display: flex; flex-direction: column; justify-content: center; align-items: center; } [dir] .switch-dialog .switch-account-box .not-account-list > div[data-v-6304fd83] { padding: 24px 0px; background: var(--content-inverse-secondary); border-radius: 4px; } .switch-dialog .switch-account-box .not-account-list > div .no-data-image[data-v-6304fd83] { width: 104px; height: 104px; } .switch-dialog .switch-account-box .not-account-list > div div.title[data-v-6304fd83] { font-size: 14px; font-weight: 700; color: var(--color-black-text); } .switch-dialog .switch-account-box .not-account-list > div div.content[data-v-6304fd83] { font-size: 12px; font-weight: 400; color: var(--content-inverse-secondary); } [dir] .switch-dialog .switch-account-box .not-account-list > div div.content[data-v-6304fd83] { padding: 0px 60px; text-align: center; } [dir] .switch-dialog .switch-account-box .load-more-tip[data-v-6304fd83] { text-align: center; padding: 10px 0px; } .switch-dialog .switch-account-box .operation-bottom[data-v-6304fd83] { height: 60px; } [dir] .switch-dialog .switch-account-box .operation-bottom[data-v-6304fd83] { border-top: 1px solid var(--border-strength-200); } .switch-dialog .switch-account-box .operation-bottom .add-subaccount[data-v-6304fd83], .switch-dialog .switch-account-box .operation-bottom[data-v-6304fd83] { display: flex; justify-content: center; flex-direction: row; align-items: center; } [dir] .switch-dialog .switch-account-box .operation-bottom .add-subaccount[data-v-6304fd83] { cursor: pointer; } .switch-dialog .switch-account-box .operation-bottom .add-subaccount img[data-v-6304fd83] { width: 20px; height: 20px; } .switch-dialog .switch-account-box .operation-bottom .add-subaccount span[data-v-6304fd83] { font-size: 12px; color: var(--color-primary); } @media screen and (max-width: 767px) { [dir] .not-account-list div[data-v-6304fd83]:last-of-type { padding: 0px 30px !important; } } [dir] .micro-user-drawer .mi-drawer__body, [dir] .micro-user-drawer .mi-drawer__header { background-color: var(--ds-color-background-base); } [dir] .micro-user-drawer .mi-drawer__header { padding-bottom: 20px !important; margin-bottom: 0px !important; } .micro-kyc-guide-bar svg[data-v-d4e111d4] { flex-shrink: 0; } .skeleton[data-v-e1260e58] .mi-skeleton__paragraph { margin-top: 0px; } .skeleton[data-v-952c255c] .mi-skeleton__paragraph { margin-top: 0px; height: 22px; flex: 1 1 0%; } .micro-search-recommend-coins .btn-disabled[data-v-a35f7e05] { cursor: not-allowed; color: var(--color-disabled-text); } [dir="rtl"] .arrow svg[data-v-3156c3b9], [dir="rtl"] .micro-search-recommend-coins .btn-prev[data-v-47df5c15], [dir="rtl"] .micro-search-recommend-coins .btn-prev[data-v-a35f7e05] { --un-rotate: 0; --un-rotate-y: 180deg; transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } .micro-search-recommend-coins[data-v-a35f7e05] .coin-card { border-radius: 8px; } .skeleton[data-v-3156c3b9] .mi-skeleton__paragraph { margin-top: 0px; } .arrow[data-v-3156c3b9] { transition: 150ms ease-in; } .skeleton[data-v-acd081f1] .mi-skeleton__paragraph { margin-top: 0px; height: 22px; flex: 1 1 0%; } .micro-search-recommend-coins .btn-disabled[data-v-47df5c15] { cursor: not-allowed; color: var(--color-disabled-text); } .micro-search-hot-search .btn-disabled svg[data-v-2056f30d], .micro-search-recommend-coins .btn-disabled svg[data-v-47df5c15] { cursor: not-allowed; } .micro-search-recommend-coins[data-v-47df5c15] .coin-card { border-radius: 8px; } .block-item-wrapper[data-v-87c3940a] { position: relative; } .block-item-wrapper .item-content[data-v-87c3940a] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } [dir="ltr"] .block-item-wrapper[data-v-87c3940a]:last-child { margin-right: 0px; } [dir="rtl"] .block-item-wrapper[data-v-87c3940a]:last-child { margin-left: 0px; } .block-item-wrapper .item-pin[data-v-87c3940a] { position: absolute; top: 0px; color: var(--color-secondary-text); font-size: 10px; line-height: 14px; font-weight: 500; } [dir] .block-item-wrapper .item-pin[data-v-87c3940a] { padding: 2px 6px; border-bottom: 1px solid var(--ds-color-border-strong); border-radius: 8px; } [dir="ltr"] .block-item-wrapper .item-pin[data-v-87c3940a] { right: 0px; border-left: 1px solid var(--ds-color-border-strong); border-bottom-right-radius: 0px; border-top-left-radius: 0px; } [dir="rtl"] .block-item-wrapper .item-pin[data-v-87c3940a] { left: 0px; border-right: 1px solid var(--ds-color-border-strong); border-bottom-left-radius: 0px; border-top-right-radius: 0px; } @media screen and (min-width: 768px) { .block-item-wrapper[data-v-87c3940a] { width: 128px; } [dir] .block-item-wrapper .up[data-v-87c3940a] { background: var(--content-trade-buy-text); } [dir] .block-item-wrapper .down[data-v-87c3940a] { background-color: var(--content-trade-sell-text); } .block-item .item-avatar[data-v-87c3940a], .block-item .item-header-info[data-v-87c3940a] { margin-bottom: 8px; } } @media screen and (max-width: 767px) { [dir] .block-item-wrapper[data-v-87c3940a] { margin-bottom: 12px; } .block-item-wrapper .block-item[data-v-87c3940a] { display: flex; justify-content: space-between; align-items: center; } .block-item-wrapper .block-item .item-header[data-v-87c3940a] { display: flex; align-items: center; } [dir="ltr"] .block-item-wrapper .block-item .item-header .item-avatar[data-v-87c3940a] { margin-right: 12px; } [dir="rtl"] .block-item-wrapper .block-item .item-header .item-avatar[data-v-87c3940a] { margin-left: 12px; } } .micro-search-copy-trading[data-v-759f612b] { margin-bottom: 24px; } .micro-search-copy-trading .up[data-v-759f612b] { color: var(--content-trade-buy-text); } .micro-search-copy-trading .down[data-v-759f612b] { color: var(--content-trade-sell-text); } .micro-search-copy-trading .list-wrapper[data-v-759f612b] { display: flex; flex-wrap: nowrap; justify-content: space-between; } .micro-search-copy-trading .btn-wrapper[data-v-759f612b] { position: relative; cursor: pointer; } .micro-search-copy-trading .btn-wrapper[data-v-759f612b]::after, .micro-search-earn .btn-wrapper[data-v-3382a7be]::after { content: ""; position: absolute; top: -10px; bottom: -10px; } [dir="ltr"] .micro-search-copy-trading .btn-wrapper[data-v-759f612b]::after, [dir="rtl"] .micro-search-copy-trading .btn-wrapper[data-v-759f612b]::after { right: -10px; left: -10px; } @media screen and (max-width: 767px) { .micro-search-copy-trading[data-v-759f612b] { margin-bottom: 20px; } .micro-search-copy-trading .list-wrapper[data-v-759f612b] { display: block; } } .micro-search-earn .list-wrapper[data-v-3382a7be] { display: flex; flex-wrap: nowrap; justify-content: space-between; } .micro-search-earn .btn-wrapper[data-v-3382a7be] { position: relative; cursor: pointer; } [dir="ltr"] .micro-search-earn .btn-wrapper[data-v-3382a7be]::after, [dir="rtl"] .micro-search-earn .btn-wrapper[data-v-3382a7be]::after { right: -10px; left: -10px; } @media screen and (max-width: 767px) { .micro-search-earn .list-wrapper[data-v-3382a7be] { display: block; } [dir="ltr"] .micro-search-earn .list-wrapper .block-item-wrapper[data-v-3382a7be] { margin-right: 0px; } [dir="rtl"] .micro-search-earn .list-wrapper .block-item-wrapper[data-v-3382a7be] { margin-left: 0px; } } .micro-search-hot-search .btn-disabled[data-v-2056f30d] { cursor: not-allowed; color: var(--color-disabled-text); } [dir="rtl"] .micro-search-hot-search .btn-prev[data-v-2056f30d] { --un-rotate: 0; --un-rotate-y: 180deg; transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } .match-text { position: relative; display: inline-block; } [dir] .match-text { background-color: var(--ds-color-function-brand-soft); } .loading[data-v-3bf9f9bf] { width: fit-content; } [dir="ltr"] .shadow-box[data-v-3bf9f9bf] { background: linear-gradient(180deg,rgba(255,255,255,0) 0%,var(--ds-color-background-primary) 80.67%); } [dir="rtl"] .shadow-box[data-v-3bf9f9bf] { background: linear-gradient(-180deg,rgba(255,255,255,0) 0%,var(--ds-color-background-primary) 80.67%); } .markdown-body[data-v-3bf9f9bf] ul { list-style: inside disc !important; } [dir] .markdown-body[data-v-3bf9f9bf] ol, [dir] .markdown-body[data-v-3bf9f9bf] ul { margin: 0px !important; } [dir="ltr"] .markdown-body[data-v-3bf9f9bf] ol, [dir="ltr"] .markdown-body[data-v-3bf9f9bf] ul { padding-left: 16px !important; } [dir="rtl"] .markdown-body[data-v-3bf9f9bf] ol, [dir="rtl"] .markdown-body[data-v-3bf9f9bf] ul { padding-right: 16px !important; } .markdown-body[data-v-3bf9f9bf] ol { list-style: inside decimal !important; } .markdown-body[data-v-3bf9f9bf] li { display: list-item !important; line-height: 1.5; } [dir] .markdown-body[data-v-3bf9f9bf] li p { margin: 0px; padding: 0px; } .markdown-body[data-v-3bf9f9bf] h2 { font-size: 16px !important; line-height: 24px !important; } .text-buy[data-v-ae70d693] { color: var(--color-buy); } .text-sell[data-v-ae70d693] { color: var(--color-sell); } .text-normal[data-v-ae70d693] { color: var(--color-secondary-text); } .micro-search-list-item .btn-favorite[data-v-7ee0df38] { color: rgb(255, 145, 66); } @media screen and (max-width: 768px) { .micro-search-list .price-label { width: auto; flex-direction: column; align-items: flex-end; justify-content: flex-end; } } [dir] .match-text[data-v-aee2a03a] { background-color: var(--ds-color-function-brand-soft); } .list-features__scroll[data-v-aee2a03a] { scrollbar-width: none; } .list-features__scroll[data-v-aee2a03a]::-webkit-scrollbar { display: none; } .list-features__arrow--left[data-v-aee2a03a], .list-features__arrow--right[data-v-aee2a03a] { width: 32px; } [dir="ltr"] .list-features__arrow--left.light[data-v-aee2a03a] { background: linear-gradient(270deg, transparent 0px, rgb(255, 255, 255) 100%); } [dir="rtl"] .list-features__arrow--left.light[data-v-aee2a03a] { background: linear-gradient(-270deg, transparent 0px, rgb(255, 255, 255) 100%); } [dir="ltr"] .list-features__arrow--left.dark[data-v-aee2a03a] { background: linear-gradient(270deg, transparent 0px, rgb(23, 24, 26) 100%); } [dir="rtl"] .list-features__arrow--left.dark[data-v-aee2a03a] { background: linear-gradient(-270deg, transparent 0px, rgb(23, 24, 26) 100%); } [dir="ltr"] .list-features__arrow--right.light[data-v-aee2a03a] { background: linear-gradient(90deg, transparent 0px, rgb(255, 255, 255) 100%); } [dir="rtl"] .list-features__arrow--right.light[data-v-aee2a03a] { background: linear-gradient(-90deg, transparent 0px, rgb(255, 255, 255) 100%); } [dir="ltr"] .list-features__arrow--right.dark[data-v-aee2a03a] { background: linear-gradient(90deg, transparent 0px, rgb(23, 24, 26) 100%); } [dir="rtl"] .list-features__arrow--right.dark[data-v-aee2a03a] { background: linear-gradient(-90deg, transparent 0px, rgb(23, 24, 26) 100%); } .match-text[data-v-aee2a03a] { position: relative; display: inline-block; } @media screen and (max-width: 768px) { .micro-search-list .price-label { width: auto; flex-direction: column; align-items: flex-end; justify-content: flex-end; } } @media screen and (max-width: 768px) { .micro-search-list .price-label { width: auto; flex-direction: column; align-items: flex-end; justify-content: flex-end; } } [dir] .match-text.dark[data-v-6988f417], [dir] .match-text.light[data-v-6988f417] { background-color: var(--ds-color-function-brand-soft); } .micro-search-list-item .btn-favorite[data-v-58e6077f], .micro-search-list-item .btn-favorite[data-v-6b149ee5], .micro-search-list-item .btn-favorite[data-v-ae5c2744], .micro-search-list-item .btn-favorite[data-v-d192ade9], .micro-search-list-item .btn-favorite[data-v-d8ac2101] { color: rgb(255, 145, 66); } @media screen and (max-width: 768px) { .micro-search-list .price-label { width: auto; flex-direction: column; align-items: flex-end; justify-content: flex-end; } } @media screen and (max-width: 768px) { .micro-search-list .price-label { width: auto; flex-direction: column; align-items: flex-end; justify-content: flex-end; } } .match-text[data-v-6988f417] { position: relative; display: inline-block; } [dir] .micro-search-list.micro-search-list-item .match-text.light { background-color: rgba(3, 170, 199, 0.14); } [dir] .micro-search-list.micro-search-list-item .match-text.dark { background-color: rgba(3, 170, 199, 0.2); } .micro-search-list .price-label { width: 136px; align-items: flex-end; } @media screen and (max-width: 768px) { .micro-search-list .price-label { width: auto; flex-direction: column; align-items: flex-end; justify-content: flex-end; } } .search-result[data-v-aa77f58e] .mi-tabs__nav-wrap::after, [data-v-289bfe85] .mi-tabs__nav-wrap::after { height: 0px; } [dir] .search-result[data-v-aa77f58e] .mi-tabs__header, [dir][data-v-289bfe85] .mi-tabs__header { margin: 0px 0px 4px; padding: 0px 24px; } [data-v-289bfe85] .mi-tabs__item { height: 54px; line-height: 54px; } [dir] .search-result[data-v-aa77f58e] .mi-tabs__item, [dir][data-v-289bfe85] .mi-tabs__item { padding: 0px 12px; } .search-result[data-v-aa77f58e] .mi-tabs__item:not(.is-active), [data-v-289bfe85] .mi-tabs__item:not(.is-active) { color: var(--color-third-text); } [data-v-289bfe85] .mi-tabs__item.is-active { color: var(--color-primary-text); } [data-v-289bfe85] .mi-tabs__active-bar { background-color: var(--color-primary); display: none; } .search-result[data-v-aa77f58e] .mi-tabs.is-line .mi-tabs__nav-wrap::after, [data-v-289bfe85] .mi-tabs.is-line .mi-tabs__nav-wrap::after { height: 0px !important; } @media screen and (max-width: 767px) { [dir][data-v-289bfe85] .mi-tabs__header { padding: 0px 15px; } } .micro-search-list-item .title { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; word-break: break-word; -webkit-line-clamp: 2; } .micro-search-list-item .match-text { position: relative; display: inline-block; } [dir] .micro-search-list-item .match-text, [dir] .micro-search-list.micro-search-list-item .match-text.dark, [dir] .micro-search-list.micro-search-list-item .match-text.light { background-color: var(--ds-color-function-brand-soft); } .micro-search-list-item .btn-favorite[data-v-e51be04a] { color: rgb(255, 145, 66); } .micro-search-list.micro-search-list-item .match-text { position: relative; display: inline-block; } .micro-search-list .swap-displayname { display: flex; flex-direction: column; } @media screen and (max-width: 768px) { .micro-search-list .price-label { width: auto; flex-direction: column; align-items: flex-end; justify-content: flex-end; } } .search-result[data-v-aa77f58e] .mi-tabs__item { height: 54px; line-height: 54px; } [dir] .search-result[data-v-aa77f58e] .mi-divider--horizontal { margin: 0px 24px; border-top-color: var(--color-line); } .search-result[data-v-aa77f58e] .mi-tabs__item.is-active { color: var(--color-primary-text); } .search-result[data-v-aa77f58e] .mi-tabs__active-bar { background-color: var(--color-primary); display: none; } @media screen and (max-width: 767px) { [dir] .search-result[data-v-aa77f58e] .mi-tabs__header { padding: 0px 15px; } } .swiper-container[data-v-aa77f58e] { width: 100%; overflow: hidden; } [dir] .swiper-container[data-v-aa77f58e] { background-color: rgb(255, 255, 255); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px; padding: 0px 20px; } .swiper-wrapper[data-v-aa77f58e] { display: flex; align-items: center; min-height: 50px; } .swiper-slide[data-v-aa77f58e] { width: auto !important; flex-shrink: 0; } .nav-item[data-v-aa77f58e] { transition: 0.3s; font-size: 14px; font-weight: 500; color: rgb(102, 102, 102); white-space: nowrap; user-select: none; } [dir] .nav-item[data-v-aa77f58e] { padding: 8px 16px; cursor: pointer; border-radius: 6px; } .nav-item[data-v-aa77f58e]:hover { color: rgb(51, 51, 51); } [dir] .nav-item[data-v-aa77f58e]:hover { background-color: rgb(248, 249, 250); } .nav-item.active[data-v-aa77f58e] { color: rgb(255, 255, 255); } [dir] .nav-item.active[data-v-aa77f58e] { background-color: rgb(0, 0, 0); } [dir] .nav-item.active[data-v-aa77f58e]:hover { background-color: rgb(51, 51, 51); } [data-v-9de7d9f4] .mi-loading-mask { --mi-bg-color-primary: var(--color-card-bg); } .micro-search-wrapper[data-v-9de7d9f4] { margin-right: 4px; overflow-y: auto; scrollbar-gutter: stable; overscroll-behavior: contain; } .micro-search[data-v-9de7d9f4] { width: 400px; } .micro-search[data-v-9de7d9f4] .mi-input.light .mi-input__wrapper { background-color: var(--color-bg); } .micro-search[data-v-9de7d9f4] .mi-input.dark .mi-input__wrapper { background-color: var(--ds-color-layer-0); } .micro-search[data-v-9de7d9f4] .mi-input .mi-input__wrapper { height: 40px; border-radius: 8px; transition: 0.4s; } .micro-search[data-v-9de7d9f4] .mi-input .mi-input__wrapper .mi-input__inner { color: var(--color-primary-text); } .micro-search[data-v-9de7d9f4] .mi-input .mi-input__wrapper .mi-input__inner::placeholder { color: var(--color-placeholder-text); } .micro-search[data-v-9de7d9f4] .mi-input .mi-input__prefix .el-input__icon { color: var(--color-placeholder-text); } .micro-search[data-v-9de7d9f4] .mi-input .mi-input__suffix .el-input__icon { width: 16px; height: 16px; border-radius: 50%; background-color: var(--content-disabled); color: var(--color-bg); } @media screen and (max-width: 767px) { .micro-search-wrapper[data-v-9de7d9f4] { max-height: none; } .micro-search[data-v-9de7d9f4] { width: 100%; height: auto; } [dir] .micro-search[data-v-9de7d9f4] { padding-top: 12px; } } [dir="ltr"] [dir="rtl"] .copyright[data-v-0c8ad6ce], [dir="ltr"] [dir="rtl"] .link[data-v-0c8ad6ce] { direction: ltr; } [dir="rtl"] [dir="rtl"] .copyright[data-v-0c8ad6ce], [dir="rtl"] [dir="rtl"] .link[data-v-0c8ad6ce] { direction: rtl; } .item[data-v-0c8ad6ce] { height: 46px; display: flex; cursor: pointer; align-items: center; padding-left: 0px; padding-right: 0px; } [dir] .copyright a[data-v-0c8ad6ce], [dir] .item-span[data-v-0c8ad6ce] { border: 1px solid transparent; } .copyright a[data-v-0c8ad6ce]:hover, .item-span[data-v-0c8ad6ce]:hover { color: var(--ds-color-text-primary); } .logo[data-v-1562b6c4] { display: none; width: 132px; height: 54px; } [dir="rtl"] .logo[data-v-1562b6c4] { --un-rotate: 0; --un-rotate-y: 0deg !important; transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)) !important; } .logo-light[data-v-1562b6c4] { display: inline-block; } .micro-tabbar[data-v-a81d881d] * { box-sizing: border-box; } :root { --mi-font-family: 'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',Arial,sans-serif; --mi-transition-md-fade: transform var(--mi-transition-duration) var(--mi-transition-function-fast-bezier),opacity var(--mi-transition-duration) var(--mi-transition-function-fast-bezier); --mi-color-main-hover: linear-gradient(0deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.12) 100%),var(--ds-color-background-inverse-primary); --mi-color-main-active: linear-gradient(0deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.18) 100%),var(--ds-color-background-inverse-primary); --mi-color-chunky-hover: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%),var(--ds-color-background-primary); --mi-color-chunky-active: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%),var(--ds-color-background-primary); --mi-loading-spinner-size: 56px; --mi-loading-fullscreen-spinner-size: 50px; } .mi-loading-parent--relative { position: relative !important; } .mi-loading-parent--hidden { overflow: hidden !important; } .mi-loading-mask { position: absolute; z-index: 2000; opacity: 0.9; top: 0px; bottom: 0px; transition: opacity var(--mi-transition-duration); } [dir] .mi-loading-mask { background-color: var(--mi-bg-color-primary); margin: 0px; } [dir="ltr"] .mi-loading-mask, [dir="rtl"] .mi-loading-mask { left: 0px; right: 0px; } .mi-loading-mask.is-fullscreen { position: fixed; } [dir] .mi-loading-mask.is-fullscreen .mi-loading-spinner { margin-top: calc((0px - var(--mi-loading-fullscreen-spinner-size))/2); } .mi-loading-mask.is-fullscreen .mi-loading-spinner .circular { height: var(--mi-loading-fullscreen-spinner-size); width: var(--mi-loading-fullscreen-spinner-size); } .mi-loading-spinner { top: 50%; width: 100%; position: absolute; } [dir] .mi-loading-spinner { margin-top: calc((0px - var(--mi-loading-spinner-size))/2); text-align: center; } .mi-loading-spinner .mi-loading-text { color: var(--mi-color-primary); font-size: 14px; } [dir] .mi-loading-spinner .mi-loading-text { margin: 3px 0px; } .mi-loading-spinner .circular { display: inline; height: var(--mi-loading-spinner-size); width: var(--mi-loading-spinner-size); color: var(--mi-text-color-primary); } [dir="ltr"] .mi-loading-spinner .circular { animation: 1s linear 0s infinite normal none running loading-rotate-ltr; } [dir="rtl"] .mi-loading-spinner .circular { animation: 1s linear 0s infinite normal none running loading-rotate-rtl; } .mi-loading-spinner .circular .round { stroke: var(--mi-border-color-primary); } .mi-loading-spinner .path { stroke-dasharray: 90, 150; stroke-dashoffset: 0; stroke-width: 2; stroke: var(--mi-color-primary); stroke-linecap: round; } [dir="ltr"] .mi-loading-spinner .path, [dir="rtl"] .mi-loading-spinner .path { animation: 1.5s ease-in-out 0s infinite normal none running loading-dash; } .mi-loading-spinner i { color: var(--mi-color-primary); } .mi-loading-fade-enter-from, .mi-loading-fade-leave-to { opacity: 0; } body.black, body.dark, html.black, html.dark { --mi-color-main: var(--ds-color-background-inverse-primary); --mi-color-main-hover: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%),var(--ds-color-background-inverse-primary); --mi-color-main-active: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%),var(--ds-color-background-inverse-primary); --mi-color-main-disabled: var(--ds-color-background-inverse-disabled); --mi-color-main-plain: var(--ds-color-always-black); --mi-color-chunky: var(--ds-color-background-primary); --mi-color-chunky-hover: linear-gradient(0deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.12) 100%),var(--ds-color-background-primary); --mi-color-chunky-active: linear-gradient(0deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.18) 100%),var(--ds-color-background-primary); --mi-color-chunky-disabled: var(--ds-color-background-inverse-disabled); --mi-color-chunky-plain: var(--ds-color-always-black); --mi-color-primary: var(--ds-color-function-brand); --mi-color-primary-hover: var(--ds-color-function-brand-hover); --mi-color-primary-active: var(--ds-color-function-brand-active); --mi-color-primary-disabled: var(--ds-color-bit-color-primary-disabled); --mi-color-primary-plain: var(--ds-color-function-brand-soft); --mi-color-success: var(--ds-color-function-success); --mi-color-success-hover: var(--ds-color-function-success-hover); --mi-color-success-active: var(--ds-color-function-success-active); --mi-color-success-disabled: var(--ds-color-function-success-disabled); --mi-color-success-plain: var(--ds-color-function-success-soft); --mi-color-warning: var(--ds-color-function-warning); --mi-color-warning-hover: var(--ds-color-function-warning-hover); --mi-color-warning-active: var(--ds-color-function-warning-active); --mi-color-warning-disabled: var(--ds-color-function-warning-disabled); --mi-color-warning-plain: var(--ds-color-function-warning-soft); --mi-color-danger: var(--ds-color-function-error); --mi-color-danger-hover: var(--ds-color-function-error-hover); --mi-color-danger-active: var(--ds-color-function-error-active); --mi-color-danger-disabled: var(--ds-color-function-error-disabled); --mi-color-danger-plain: var(--ds-color-function-error-soft); --mi-color-error: var(--ds-color-function-error); --mi-color-error-hover: var(--ds-color-function-error-hover); --mi-color-error-active: var(--ds-color-function-error-active); --mi-color-error-disabled: var(--ds-color-function-error-disabled); --mi-color-error-plain: var(--ds-color-function-error-soft); --mi-color-info: #222525; --mi-color-info-hover: #414747; --mi-color-info-active: #656e6f; --mi-color-info-disabled: #b8b8b8; --mi-color-info-plain: var(--ds-color-always-black); --mi-box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.3); --mi-box-shadow-light: 0px 6px 24px rgba(0, 0, 0, 0.2); --mi-box-shadow-lighter: 0px 10px 32px rgba(0, 0, 0, 0.5); --mi-box-shadow-dark: 0px 12px 42px rgba(0, 0, 0, 0.6); --mi-bg-color: #1f1f1f; --mi-bg-color-default-primary: transparent; --mi-bg-color-primary: var(--ds-color-background-primary); --mi-bg-color-secondary: var(--ds-color-background-secondary); --mi-bg-color-special: var(--ds-color-brand-1); --mi-bg-color-tertiary: var(--ds-color-background-tertiary); --mi-bg-color-disabled: var(--ds-color-background-disabled); --mi-bg-color-popup: var(--ds-color-background-tooltip); --mi-bg-color-dialog: var(--ds-color-layer-0); --mi-bg-color-mask: var(--ds-color-background-mask); --mi-bg-color-inverse-primary: var(--ds-color-background-inverse-primary); --mi-fg-color-tertiary: var(--ds-color-layer-active); --mi-text-color-primary: var(--ds-color-text-primary); --mi-text-color-secondary: var(--ds-color-text-secondary); --mi-text-color-tertiary: var(--ds-color-text-tertiary); --mi-text-color-placeholder: var(--ds-color-text-tertiary); --mi-text-color-disabled: var(--ds-color-text-disabled); --mi-text-color-inverse-primary: var(--ds-color-text-inverse-primary); --mi-border-color-darker: rgba(245, 248, 255, 0.35); --mi-border-color-dark: rgba(245, 248, 255, 0.3); --mi-border-color: rgba(245, 248, 255, 0.25); --mi-border-color-light: #222525; --mi-border-color-lighter: rgba(245, 248, 255, 0.15); --mi-border-color-extra-light: rgba(245, 248, 255, 0.1); --mi-border-color-primary: var(--ds-color-border-subtle); --mi-border-color-secondary: var(--ds-color-border-strong); --mi-border-color-inverse-primary: var(--ds-color-border-black); --mi-border-color-grey: var(--ds-color-neutral-8); --mi-fill-color: #393A3A; --mi-fill-color-light: #262626; --mi-fill-color-lighter: #282828; --mi-fill-color-extra-light: #232323; --mi-fill-color-dark: #424243; --mi-fill-color-darker: #353535; --mi-fill-color-blank: transparent; --mi-fill-color-overlay: #0D0E0E; --mi-mask-color: rgba(0, 0, 0, 0.8); --mi-mask-color-extra-light: rgba(0, 0, 0, 0.3); } body.black .mi-button, body.dark .mi-button, html.black .mi-button, html.dark .mi-button { --mi-button-disabled-text-color: #fff; --mi-button-disabled-bg-color: #222525; --mi-button-disabled-border-color: var(--mi-border-color-light); } body.black .mi-card, body.dark .mi-card, html.black .mi-card, html.dark .mi-card { --mi-card-bg-color: var(--mi-bg-color-primary); } body.black .mi-empty, body.dark .mi-empty, html.black .mi-empty, html.dark .mi-empty { --mi-empty-fill-color-0: #343434; --mi-empty-fill-color-1: #646464; --mi-empty-fill-color-2: #727272; --mi-empty-fill-color-3: #AFAFAF; --mi-empty-fill-color-4: #8C8C8C; --mi-empty-fill-color-5: #343434; --mi-empty-fill-color-6: #000000; --mi-empty-fill-color-7: #727272; --mi-empty-fill-color-8: #727272; --mi-empty-fill-color-9: #343434; } body.black .mi-switch, body.dark .mi-switch, html.black .mi-switch, html.dark .mi-switch { --mi-switch-hover-on-color: var(--ds-color-function-brand); } body.black .mi-message, body.dark .mi-message, html.black .mi-message, html.dark .mi-message { --mi-message-bg-color: var(--mi-bg-color-dialog); --mi-message-close-hover-color: var(--mi-text-color-secondary); --mi-message-box-shadow: 0px 10px 32px 0px rgba(31, 31, 31, 0.15); } body.black .mi-alert, body.dark .mi-alert, html.black .mi-alert, html.dark .mi-alert { --mi-alert-info-bg-color: #202121; } body.black .mi-checkbox, body.dark .mi-checkbox, html.black .mi-checkbox, html.dark .mi-checkbox { --mi-checkbox-checked-icon-color: var(--mi-bg-color-primary); } :root { --mi-font-size-extra-large: 20px; --mi-font-size-large: 18px; --mi-font-size-medium: 16px; --mi-font-size-base: 14px; --mi-font-size-small: 13px; --mi-font-size-extra-small: 12px; --mi-font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif; --mi-font-weight-primary: 500; --mi-font-line-height-primary: 24px; --mi-index-normal: 1; --mi-index-top: 1000; --mi-index-popper: 2000; --mi-border-radius-base: var(--ds-border-radius-base); --mi-border-radius-small: var(--ds-border-radius-small); --mi-border-radius-md: var(--ds-border-radius-medium); --mi-border-radius-round: 48px; --mi-border-radius-circle: 100%; --mi-transition-duration: 0.3s; --mi-transition-duration-fast: 0.2s; --mi-transition-function-ease-in-out-bezier: cubic-bezier(0.645, 0.045, 0.355, 1); --mi-transition-function-fast-bezier: cubic-bezier(0.23, 1, 0.32, 1); --mi-transition-all: all var(--mi-transition-duration) var(--mi-transition-function-ease-in-out-bezier); --mi-transition-fade: opacity var(--mi-transition-duration) var(--mi-transition-function-fast-bezier); --mi-transition-md-fade: transform var(--mi-transition-duration) var(--mi-transition-function-fast-bezier), opacity var(--mi-transition-duration) var(--mi-transition-function-fast-bezier); --mi-transition-fade-linear: opacity var(--mi-transition-duration-fast) linear; --mi-transition-border: border-color var(--mi-transition-duration-fast) var(--mi-transition-function-ease-in-out-bezier); --mi-transition-box-shadow: box-shadow var(--mi-transition-duration-fast) var(--mi-transition-function-ease-in-out-bezier); --mi-transition-color: color var(--mi-transition-duration-fast) var(--mi-transition-function-ease-in-out-bezier); --mi-component-size-large: 48px; --mi-component-size-medium: 40px; --mi-component-size: 32px; --mi-component-size-small: 24px; --mi-color-white: var(--ds-color-always-white); --mi-color-black: var(--ds-color-always-black); --mi-color-clear: none; --mi-color-main: var(--ds-color-background-inverse-primary); --mi-color-main-hover: linear-gradient(0deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.12) 100%), var(--ds-color-background-inverse-primary); --mi-color-main-active: linear-gradient(0deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.18) 100%), var(--ds-color-background-inverse-primary); --mi-color-main-disabled: var(--ds-color-background-inverse-disabled); --mi-color-main-plain: var(--ds-color-always-white); --mi-color-chunky: var(--ds-color-background-primary); --mi-color-chunky-hover: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%), var(--ds-color-background-primary); --mi-color-chunky-active: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%), var(--ds-color-background-primary); --mi-color-chunky-disabled: var(--ds-color-background-inverse-disabled); --mi-color-chunky-plain: var(--ds-color-always-white); --mi-color-primary: var(--ds-color-function-brand); --mi-color-primary-hover: var(--ds-color-function-brand-hover); --mi-color-primary-active: var(--ds-color-function-brand-active); --mi-color-primary-disabled: var(--ds-color-bit-color-primary-disabled); --mi-color-primary-plain: var(--ds-color-function-brand-soft); --mi-color-success: var(--ds-color-function-success); --mi-color-success-hover: var(--ds-color-function-success-hover); --mi-color-success-active: var(--ds-color-function-success-active); --mi-color-success-disabled: var(--ds-color-function-success-disabled); --mi-color-success-plain: var(--ds-color-function-success-soft); --mi-color-warning: var(--ds-color-function-warning); --mi-color-warning-hover: var(--ds-color-function-warning-hover); --mi-color-warning-active: var(--ds-color-function-warning-active); --mi-color-warning-disabled: var(--ds-color-function-warning-disabled); --mi-color-warning-plain: var(--ds-color-function-warning-soft); --mi-color-danger: var(--ds-color-function-error); --mi-color-danger-hover: var(--ds-color-function-error-hover); --mi-color-danger-active: var(--ds-color-function-error-active); --mi-color-danger-disabled: var(--ds-color-function-error-disabled); --mi-color-danger-plain: var(--ds-color-function-error-soft); --mi-color-error: var(--ds-color-function-error); --mi-color-error-hover: var(--ds-color-function-error-hover); --mi-color-error-active: var(--ds-color-function-error-active); --mi-color-error-disabled: var(--ds-color-function-error); --mi-color-error-plain: var(--ds-color-function-error); --mi-color-info: #eff1f1; --mi-color-info-hover: #c8cdcd; --mi-color-info-active: #9aa3a3; --mi-color-info-disabled: #b8b8b8; --mi-color-info-plain: var(--ds-color-always-white); --mi-bg-color: #ffffff; --mi-bg-color-default-primary: var(--ds-color-background-primary); --mi-bg-color-primary: var(--ds-color-background-primary); --mi-bg-color-secondary: var(--ds-color-background-secondary); --mi-bg-color-special: var(--ds-color-brand-1); --mi-bg-color-tertiary: var(--ds-color-background-tertiary); --mi-bg-color-disabled: var(--ds-color-background-disabled); --mi-bg-color-popup: var(--ds-color-background-tooltip); --mi-bg-color-dialog: var(--ds-color-layer-0); --mi-bg-color-mask: var(--ds-color-background-mask); --mi-bg-color-inverse-primary: var(--ds-color-background-inverse-primary); --mi-fg-color-tertiary: var(--ds-color-layer-active); --mi-text-color-primary: var(--ds-color-text-primary); --mi-text-color-secondary: var(--ds-color-text-secondary); --mi-text-color-tertiary: var(--ds-color-text-tertiary); --mi-text-color-placeholder: var(--ds-color-text-tertiary); --mi-text-color-disabled: var(--ds-color-text-disabled); --mi-text-color-inverse-primary: var(--ds-color-text-inverse-primary); --mi-border-color: #c8cdcd; --mi-border-color-light: #eff1f1; --mi-border-color-lighter: #ebeef5; --mi-border-color-extra-light: #f2f6fc; --mi-border-color-dark: #d4d7de; --mi-border-color-darker: #cdd0d6; --mi-border-color-primary: var(--ds-color-border-subtle); --mi-border-color-secondary: var(--ds-color-border-strong); --mi-border-color-inverse-primary: var(--ds-color-border-black); --mi-border-color-grey: var(--ds-color-neutral-8); --mi-border-color-disabled: var(--ds-color-border-disabled); --mi-fill-color: #f0f2f5; --mi-fill-color-light: rgba(31, 31, 31, 0.03); --mi-fill-color-lighter: #fafafa; --mi-fill-color-extra-light: #fafcff; --mi-fill-color-dark: #ebedf0; --mi-fill-color-darker: rgba(31, 31, 31, 0.1); --mi-fill-color-blank: #ffffff; --mi-fill-color-disabled: #eff1f1; --mi-fill-color-overlay: #fff; --mi-fill-color-tertiary: #ebebeb; --mi-box-shadow: 0px 1px 5px 2px rgba(146, 160, 171, 0.1); --mi-box-shadow-light: 0px 6px 18px rgba(146, 160, 171, 0.2); --mi-box-shadow-lighter: 0px 10px 32px rgba(146, 160, 171, 0.28); --mi-box-shadow-dark: 0px 12px 40px rgba(146, 160, 171, 0.36); --mi-box-shadow-input: 0px 0px 0px 2px rgba(3, 170, 199, 0.14); --mi-disabled-bg-color: var(--mi-bg-color-disabled); --mi-disabled-text-color: var(--mi-text-color-disabled); --mi-disabled-border-color: var(--mi-border-color-secondary); --mi-overlay-color: rgba(0, 0, 0, 0.8); --mi-overlay-color-light: rgba(0, 0, 0, 0.7); --mi-overlay-color-lighter: rgba(0, 0, 0, 0.5); --mi-mask-color: rgba(255, 255, 255, 0.9); --mi-mask-color-extra-light: rgba(255, 255, 255, 0.3); --mi-border-width: 1px; --mi-border-style: solid; --mi-border-color-hover: var(--mi-color-primary); --mi-border: var(--mi-border-width) var(--mi-border-style) var(--mi-border-color-secondary); --mi-svg-monochrome-grey: var(--mi-border-color); } .mi-dialog { width: var(--mi-dialog-width, 50%); } [dir] .mi-dialog { margin: var(--mi-dialog-margin-top, 15vh) auto 50px; } [dir] .mi-dialog__headerbtn { background: 0px 0px; } @media only screen and (max-width: 767px) { .mi-dialog.is-responsive { position: absolute; bottom: 0px; --mi-dialog-margin-top: 0; width: 100% !important; --mi-dialog-width: 100% !important; } [dir] .mi-dialog.is-responsive { border-radius: var(--mi-dialog-border-radius) var(--mi-dialog-border-radius)0 0; margin: 0px; padding: 0px; } .mi-dialog.is-responsive .mi-dialog__indicator { display: flex; width: 100%; justify-content: center; align-items: center; } [dir] .mi-dialog.is-responsive .mi-dialog__indicator { padding: 6px 0px; } .mi-dialog.is-responsive .mi-dialog__indicator-line { width: 40px; height: 4px; } [dir] .mi-dialog.is-responsive .mi-dialog__indicator-line { border-radius: 2px; background-color: var(--mi-text-color-disabled); } .mi-dialog.is-responsive .mi-dialog__header { line-height: 1.4; font-size: 16px; font-weight: 600; } [dir] .mi-dialog.is-responsive .mi-dialog__header { text-align: start; padding: 16px 16px 12px; } .mi-dialog.is-responsive .mi-dialog__headerbtn { font-size: 20px; top: 24px; } [dir] .mi-dialog.is-responsive .mi-dialog__headerbtn { padding: 0px; } [dir="ltr"] .mi-dialog.is-responsive .mi-dialog__headerbtn { right: 12px; } [dir="rtl"] .mi-dialog.is-responsive .mi-dialog__headerbtn { left: 12px; } [dir="ltr"] .mi-dialog.is-responsive .mi-dialog__headerbtn-rtl { right: unset; left: 12px; } [dir="rtl"] .mi-dialog.is-responsive .mi-dialog__headerbtn-rtl { left: unset; right: 12px; } .mi-dialog.is-responsive .mi-dialog__headerbtn:focus, .mi-dialog.is-responsive .mi-dialog__headerbtn:hover { color: var(--mi-text-color-tertiary); } [dir] .mi-dialog.is-responsive .mi-dialog__headerbtn:focus, [dir] .mi-dialog.is-responsive .mi-dialog__headerbtn:hover { background-color: transparent; } .mi-dialog.is-responsive .mi-dialog__title { font-size: 16px; line-height: 1.4; width: calc(100% - 36px); } [dir] .mi-dialog.is-responsive .mi-dialog__body { padding: 12px 16px; } [dir] .mi-dialog.is-responsive .mi-dialog__footer { padding: 8px 16px 20px; } .mi-dialog.is-responsive .mi-dialog__footer .dialog-footer { display: inline-flex; } .mi-dialog.is-responsive .mi-dialog__footer .dialog-footer .mi-button { flex: 1 1 0%; } [dir="ltr"] .mi-dialog.is-responsive .mi-dialog__footer .dialog-footer .mi-button { margin-right: 12px; } [dir="rtl"] .mi-dialog.is-responsive .mi-dialog__footer .dialog-footer .mi-button { margin-left: 12px; } } @media only screen and (max-width: 767px) { [dir="ltr"] .dialog-fade-enter-active .mi-overlay-dialog.is-responsive, [dir="rtl"] .dialog-fade-enter-active .mi-overlay-dialog.is-responsive { animation: dialog-fade-in-responsive var(--mi-transition-duration); } } @media only screen and (max-width: 767px) { [dir="ltr"] .dialog-fade-leave-active .mi-overlay-dialog.is-responsive, [dir="rtl"] .dialog-fade-leave-active .mi-overlay-dialog.is-responsive { animation: dialog-fade-out-responsive var(--mi-transition-duration); } } .mi-button { --mi-button-font-weight: var(--mi-font-weight-primary); --mi-button-border-color: var(--mi-bg-color-tertiary); --mi-button-bg-color: var(--mi-bg-color-tertiary); --mi-button-text-color: var(--mi-text-color-primary); --mi-button-disabled-text-color: var(--mi-disabled-text-color); --mi-button-disabled-bg-color: var(--mi-bg-color-disabled); --mi-button-disabled-border-color: var(--mi-border-color-secondary); --mi-button-divide-border-color: rgba(var(--ds-color-always-white), 0.5); --mi-button-hover-text-color: var(--mi-text-color-primary); --mi-button-hover-bg-color: var(--mi-color-chunky-hover); --mi-button-hover-border-color: transparent; --mi-button-active-text-color: var(--mi-text-color-primary); --mi-button-active-border-color: transparent; --mi-button-active-bg-color: var(--mi-color-chunky-active); --mi-button-outline-color: var(--mi-color-primary-light-5); --mi-button-hover-link-text-color: var(--mi-color-info); --mi-button-active-color: var(--mi-text-color-primary); display: inline-flex; justify-content: center; align-items: center; line-height: 1; height: 32px; white-space: nowrap; color: var(--mi-button-text-color); box-sizing: border-box; outline: 0px; transition: 0.1s; font-weight: var(--mi-button-font-weight); user-select: none; vertical-align: middle; appearance: none; font-size: var(--mi-font-size-base); } [dir] .mi-button { cursor: pointer; text-align: center; background: var(--mi-button-bg-color); border-top-style: ; border-top-width: ; border-right-style: ; border-right-width: ; border-bottom-style: ; border-bottom-width: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-color: var(--mi-button-border-color); padding: 8px 12px; border-radius: var(--mi-border-radius-base); } [dir="ltr"] .mi-button-rtl { direction: rtl; } [dir="rtl"] .mi-button-rtl { direction: ltr; } .mi-button:focus, .mi-button:hover { color: var(--mi-button-hover-text-color); outline: 0px; } [dir] .mi-button:focus, [dir] .mi-button:hover { border-color: var(--mi-button-hover-border-color); background: var(--mi-button-hover-bg-color); } .mi-button:active { outline: 0px; } [dir] .mi-button:active { border-color: var(--mi-button-active-border-color); background: var(--mi-button-active-bg-color); } .mi-button:focus-visible { outline: 0px; } .mi-button > span { display: inline-flex; align-items: center; } .mi-button + .mi-button { margin-inline-start: 12px; } [dir] .mi-button.is-round { padding: 8px 12px; } [dir="ltr"] .mi-button [class*="mi-icon"] + span { margin-left: 8px; } [dir="rtl"] .mi-button [class*="mi-icon"] + span { margin-right: 8px; } html[dir="rtl"] .mi-button [class*="mi-icon"] + span, html[dir="rtl"] .mi-button.is-loading .end { margin-left: unset; margin-inline-start: 8px; } .mi-button [class*="mi-icon"] svg { vertical-align: bottom; } .mi-button.is-plain { --mi-button-hover-text-color: var(--mi-color-primary); --mi-button-hover-bg-color: var(--mi-fill-color-blank); --mi-button-hover-border-color: var(--mi-color-primary); } .mi-button.is-active { color: var(--mi-button-active-text-color); outline: 0px; } [dir] .mi-button.is-active { border-color: var(--mi-button-active-border-color); background-color: var(--mi-button-active-bg-color); } .mi-button.is-disabled, .mi-button.is-disabled:focus, .mi-button.is-disabled:hover { color: var(--mi-text-color-disabled); } [dir] .mi-button.is-disabled, [dir] .mi-button.is-disabled:focus, [dir] .mi-button.is-disabled:hover { cursor: not-allowed; background-image: none; background-color: var(--mi-bg-color-disabled); border-color: var(--mi-border-color-secondary); } .mi-button.is-loading { position: relative; pointer-events: none; } .mi-button.is-loading::before { z-index: 1; pointer-events: none; content: ""; position: absolute; top: -1px; bottom: -1px; } [dir] .mi-button.is-loading::before { border-radius: inherit; background-color: var(--mi-mask-color-extra-light); } [dir="ltr"] .mi-button.is-loading::before, [dir="rtl"] .mi-button.is-loading::before { right: -1px; left: -1px; } [dir="ltr"] .mi-button.is-loading .end { margin-left: 8px; } [dir="rtl"] .mi-button.is-loading .end { margin-right: 8px; } [dir] .mi-button.is-round { border-radius: var(--mi-border-radius-base); } [dir] .mi-button.is-circle { border-radius: 50%; padding: 8px !important; } .mi-button.is-text { color: var(--mi-button-text-color); } [dir] .mi-button.is-text { border: 0px solid transparent; background-color: transparent; } .mi-button.is-text.is-disabled { color: var(--mi-button-disabled-text-color); } [dir] .mi-button.is-text.is-disabled { background-color: transparent !important; } [dir] .mi-button.is-text:not(.is-disabled):focus, [dir] .mi-button.is-text:not(.is-disabled):hover { background-color: var(--mi-fill-color-light); } .mi-button.is-text:not(.is-disabled):focus-visible { outline: 0px; } [dir] .mi-button.is-text:not(.is-disabled):active { background-color: var(--mi-fill-color); } [dir] .mi-button.is-text:not(.is-disabled).is-has-bg { background-color: var(--mi-fill-color-light); } [dir] .mi-button.is-text:not(.is-disabled).is-has-bg:focus, [dir] .mi-button.is-text:not(.is-disabled).is-has-bg:hover { background-color: var(--mi-fill-color); } [dir] .mi-button.is-text:not(.is-disabled).is-has-bg:active { background-color: var(--mi-fill-color-dark); } .mi-button__text--expand { letter-spacing: 0.3em; } [dir="ltr"] .mi-button__text--expand { margin-right: -0.3em; } [dir="rtl"] .mi-button__text--expand { margin-left: -0.3em; } .mi-button.is-link { color: var(--mi-button-text-color); height: auto; } [dir] .mi-button.is-link { border-color: transparent; padding: 2px; } [dir="ltr"] .mi-button.is-link { background: 0px 0px; } [dir="rtl"] .mi-button.is-link { background: 100% 0px; } .mi-button.is-link:focus, .mi-button.is-link:hover { color: var(--mi-button-hover-link-text-color); } .mi-button.is-link.is-disabled { color: var(--mi-button-disabled-text-color); } [dir] .mi-button.is-link.is-disabled { background-color: transparent !important; border-color: transparent !important; } [dir] .mi-button.is-link:not(.is-disabled):focus, [dir] .mi-button.is-link:not(.is-disabled):hover { border-color: transparent; background-color: transparent; } .mi-button.is-link:not(.is-disabled):active { color: var(--mi-button-active-color); } [dir] .mi-button.is-link:not(.is-disabled):active { border-color: transparent; background-color: transparent; } .mi-button--main { color: var(--mi-text-color-inverse-primary); } .mi-button--main:not(.is-disabled):active, .mi-button--main:not(.is-disabled):focus, .mi-button--main:not(.is-disabled):hover { color: var(--mi-text-color-inverse-primary); } .mi-button--chunky { color: var(--mi-text-color-primary); } [dir] .mi-button--chunky { border-color: var(--mi-text-color-primary); box-shadow: 0 4px 0 0 var(--mi-text-color-primary); } .mi-button--chunky.is-disabled { color: var(--mi-text-color-disabled) !important; } [dir] .mi-button--chunky.is-disabled { box-shadow: none !important; } .mi-button--chunky:not(.is-disabled):focus, .mi-button--chunky:not(.is-disabled):hover { color: var(--mi-text-color-primary); } [dir] .mi-button--chunky:not(.is-disabled):focus, [dir] .mi-button--chunky:not(.is-disabled):hover { border-color: var(--mi-text-color-primary); } .mi-button--chunky:not(.is-disabled):active { color: var(--mi-text-color-primary); } [dir] .mi-button--chunky:not(.is-disabled):active { border-color: var(--mi-text-color-primary); transform: translateY(3px); box-shadow: none !important; } .mi-button--text { color: var(--mi-color-primary); } [dir] .mi-button--text { border-color: transparent; } [dir="ltr"] .mi-button--text { background: 0px 0px; padding-left: 0px; padding-right: 0px; } [dir="rtl"] .mi-button--text { background: 100% 0px; padding-right: 0px; padding-left: 0px; } .mi-button--text.is-disabled { color: var(--mi-button-disabled-text-color); } [dir] .mi-button--text.is-disabled { background-color: transparent !important; border-color: transparent !important; } .mi-button--text:not(.is-disabled):focus, .mi-button--text:not(.is-disabled):hover { color: var(--mi-color-primary-light-3); } [dir] .mi-button--text:not(.is-disabled):focus, [dir] .mi-button--text:not(.is-disabled):hover { border-color: transparent; background-color: transparent; } .mi-button--text:not(.is-disabled):active { color: var(--mi-color-primary-dark-2); } [dir] .mi-button--text:not(.is-disabled):active { border-color: transparent; background-color: transparent; } .mi-button__link--expand { letter-spacing: 0.3em; } [dir="ltr"] .mi-button__link--expand { margin-right: -0.3em; } [dir="rtl"] .mi-button__link--expand { margin-left: -0.3em; } .mi-button--main, .mi-button--main.is-link, .mi-button--main.is-plain, .mi-button--main.is-text { --mi-button-border-color: var(--mi-color-main); --mi-button-hover-border-color: var(--mi-color-main); --mi-button-active-border-color: var(--mi-color-main); } .mi-button--main { --mi-button-text-color: var(--mi-color-white); --mi-button-bg-color: var(--mi-color-main); --mi-button-outline-color: var(--mi-color-main-light-5); --mi-button-active-color: var(--mi-color-main-dark-2); --mi-button-hover-text-color: var(--mi-color-white); --mi-button-hover-link-text-color: var(--mi-color-main-light-5); --mi-button-hover-bg-color: var(--mi-color-main-hover); --mi-button-active-bg-color: var(--mi-color-main-active); --mi-button-disabled-text-color: var(--mi-color-info-hover); --mi-button-disabled-bg-color: var(--mi-color-info); --mi-button-disabled-border-color: var(--mi-color-info); } .mi-button--main.is-link, .mi-button--main.is-plain, .mi-button--main.is-text { --mi-button-text-color: var(--mi-color-main); --mi-button-bg-color: var(--mi-color-clear); --mi-button-hover-text-color: var(--mi-color-main-hover); --mi-button-hover-bg-color: var(--mi-color-clear); --mi-button-active-text-color: var(--mi-color-main-active); --mi-button-active-bg-color: var(--mi-color-clear); } .mi-button--main.is-link.is-disabled, .mi-button--main.is-link.is-disabled:active, .mi-button--main.is-link.is-disabled:focus, .mi-button--main.is-link.is-disabled:hover, .mi-button--main.is-plain.is-disabled, .mi-button--main.is-plain.is-disabled:active, .mi-button--main.is-plain.is-disabled:focus, .mi-button--main.is-plain.is-disabled:hover, .mi-button--main.is-text.is-disabled, .mi-button--main.is-text.is-disabled:active, .mi-button--main.is-text.is-disabled:focus, .mi-button--main.is-text.is-disabled:hover { color: var(--mi-color-main-hover); } [dir] .mi-button--main.is-link.is-disabled, [dir] .mi-button--main.is-link.is-disabled:active, [dir] .mi-button--main.is-link.is-disabled:focus, [dir] .mi-button--main.is-link.is-disabled:hover, [dir] .mi-button--main.is-plain.is-disabled, [dir] .mi-button--main.is-plain.is-disabled:active, [dir] .mi-button--main.is-plain.is-disabled:focus, [dir] .mi-button--main.is-plain.is-disabled:hover, [dir] .mi-button--main.is-text.is-disabled, [dir] .mi-button--main.is-text.is-disabled:active, [dir] .mi-button--main.is-text.is-disabled:focus, [dir] .mi-button--main.is-text.is-disabled:hover { background-color: var(--mi-color-main-base); border-color: var(--mi-color-main-active); } .mi-button--chunky, .mi-button--chunky.is-link, .mi-button--chunky.is-plain, .mi-button--chunky.is-text { --mi-button-border-color: var(--mi-color-chunky); --mi-button-hover-border-color: var(--mi-color-chunky); --mi-button-active-border-color: var(--mi-color-chunky); } .mi-button--chunky { --mi-button-text-color: var(--mi-color-white); --mi-button-bg-color: var(--mi-color-chunky); --mi-button-outline-color: var(--mi-color-chunky-light-5); --mi-button-active-color: var(--mi-color-chunky-dark-2); --mi-button-hover-text-color: var(--mi-color-white); --mi-button-hover-link-text-color: var(--mi-color-chunky-light-5); --mi-button-hover-bg-color: var(--mi-color-chunky-hover); --mi-button-active-bg-color: var(--mi-color-chunky-active); --mi-button-disabled-text-color: var(--mi-color-info-hover); --mi-button-disabled-bg-color: var(--mi-color-info); --mi-button-disabled-border-color: var(--mi-color-info); } .mi-button--chunky.is-link, .mi-button--chunky.is-plain, .mi-button--chunky.is-text { --mi-button-text-color: var(--mi-color-chunky); --mi-button-bg-color: var(--mi-color-clear); --mi-button-hover-text-color: var(--mi-color-chunky-hover); --mi-button-hover-bg-color: var(--mi-color-clear); --mi-button-active-text-color: var(--mi-color-chunky-active); --mi-button-active-bg-color: var(--mi-color-clear); } .mi-button--chunky.is-link.is-disabled, .mi-button--chunky.is-link.is-disabled:active, .mi-button--chunky.is-link.is-disabled:focus, .mi-button--chunky.is-link.is-disabled:hover, .mi-button--chunky.is-plain.is-disabled, .mi-button--chunky.is-plain.is-disabled:active, .mi-button--chunky.is-plain.is-disabled:focus, .mi-button--chunky.is-plain.is-disabled:hover, .mi-button--chunky.is-text.is-disabled, .mi-button--chunky.is-text.is-disabled:active, .mi-button--chunky.is-text.is-disabled:focus, .mi-button--chunky.is-text.is-disabled:hover { color: var(--mi-color-chunky-hover); } [dir] .mi-button--chunky.is-link.is-disabled, [dir] .mi-button--chunky.is-link.is-disabled:active, [dir] .mi-button--chunky.is-link.is-disabled:focus, [dir] .mi-button--chunky.is-link.is-disabled:hover, [dir] .mi-button--chunky.is-plain.is-disabled, [dir] .mi-button--chunky.is-plain.is-disabled:active, [dir] .mi-button--chunky.is-plain.is-disabled:focus, [dir] .mi-button--chunky.is-plain.is-disabled:hover, [dir] .mi-button--chunky.is-text.is-disabled, [dir] .mi-button--chunky.is-text.is-disabled:active, [dir] .mi-button--chunky.is-text.is-disabled:focus, [dir] .mi-button--chunky.is-text.is-disabled:hover { background-color: var(--mi-color-chunky-base); border-color: var(--mi-color-chunky-active); } .mi-button--primary, .mi-button--primary.is-link, .mi-button--primary.is-plain, .mi-button--primary.is-text { --mi-button-border-color: var(--mi-color-primary); --mi-button-hover-border-color: var(--mi-color-primary); --mi-button-active-border-color: var(--mi-color-primary); } .mi-button--primary { --mi-button-text-color: var(--mi-color-white); --mi-button-bg-color: var(--mi-color-primary); --mi-button-outline-color: var(--mi-color-primary-light-5); --mi-button-active-color: var(--mi-color-primary-dark-2); --mi-button-hover-text-color: var(--mi-color-white); --mi-button-hover-link-text-color: var(--mi-color-primary-light-5); --mi-button-hover-bg-color: var(--mi-color-primary-hover); --mi-button-active-bg-color: var(--mi-color-primary-active); --mi-button-disabled-text-color: var(--mi-color-info-hover); --mi-button-disabled-bg-color: var(--mi-color-info); --mi-button-disabled-border-color: var(--mi-color-info); } .mi-button--primary.is-link, .mi-button--primary.is-plain, .mi-button--primary.is-text { --mi-button-text-color: var(--mi-color-primary); --mi-button-bg-color: var(--mi-color-clear); --mi-button-hover-text-color: var(--mi-color-primary-hover); --mi-button-hover-bg-color: var(--mi-color-clear); --mi-button-active-text-color: var(--mi-color-primary-active); --mi-button-active-bg-color: var(--mi-color-clear); } .mi-button--primary.is-link.is-disabled, .mi-button--primary.is-link.is-disabled:active, .mi-button--primary.is-link.is-disabled:focus, .mi-button--primary.is-link.is-disabled:hover, .mi-button--primary.is-plain.is-disabled, .mi-button--primary.is-plain.is-disabled:active, .mi-button--primary.is-plain.is-disabled:focus, .mi-button--primary.is-plain.is-disabled:hover, .mi-button--primary.is-text.is-disabled, .mi-button--primary.is-text.is-disabled:active, .mi-button--primary.is-text.is-disabled:focus, .mi-button--primary.is-text.is-disabled:hover { color: var(--mi-color-primary-hover); } [dir] .mi-button--primary.is-link.is-disabled, [dir] .mi-button--primary.is-link.is-disabled:active, [dir] .mi-button--primary.is-link.is-disabled:focus, [dir] .mi-button--primary.is-link.is-disabled:hover, [dir] .mi-button--primary.is-plain.is-disabled, [dir] .mi-button--primary.is-plain.is-disabled:active, [dir] .mi-button--primary.is-plain.is-disabled:focus, [dir] .mi-button--primary.is-plain.is-disabled:hover, [dir] .mi-button--primary.is-text.is-disabled, [dir] .mi-button--primary.is-text.is-disabled:active, [dir] .mi-button--primary.is-text.is-disabled:focus, [dir] .mi-button--primary.is-text.is-disabled:hover { background-color: var(--mi-color-primary-base); border-color: var(--mi-color-primary-active); } .mi-button--success, .mi-button--success.is-link, .mi-button--success.is-plain, .mi-button--success.is-text { --mi-button-border-color: var(--mi-color-success); --mi-button-hover-border-color: var(--mi-color-success); --mi-button-active-border-color: var(--mi-color-success); } .mi-button--success { --mi-button-text-color: var(--mi-color-white); --mi-button-bg-color: var(--mi-color-success); --mi-button-outline-color: var(--mi-color-success-light-5); --mi-button-active-color: var(--mi-color-success-dark-2); --mi-button-hover-text-color: var(--mi-color-white); --mi-button-hover-link-text-color: var(--mi-color-success-light-5); --mi-button-hover-bg-color: var(--mi-color-success-hover); --mi-button-active-bg-color: var(--mi-color-success-active); --mi-button-disabled-text-color: var(--mi-color-info-hover); --mi-button-disabled-bg-color: var(--mi-color-info); --mi-button-disabled-border-color: var(--mi-color-info); } .mi-button--success.is-link, .mi-button--success.is-plain, .mi-button--success.is-text { --mi-button-text-color: var(--mi-color-success); --mi-button-bg-color: var(--mi-color-clear); --mi-button-hover-text-color: var(--mi-color-success-hover); --mi-button-hover-bg-color: var(--mi-color-clear); --mi-button-active-text-color: var(--mi-color-success-active); --mi-button-active-bg-color: var(--mi-color-clear); } .mi-button--success.is-link.is-disabled, .mi-button--success.is-link.is-disabled:active, .mi-button--success.is-link.is-disabled:focus, .mi-button--success.is-link.is-disabled:hover, .mi-button--success.is-plain.is-disabled, .mi-button--success.is-plain.is-disabled:active, .mi-button--success.is-plain.is-disabled:focus, .mi-button--success.is-plain.is-disabled:hover, .mi-button--success.is-text.is-disabled, .mi-button--success.is-text.is-disabled:active, .mi-button--success.is-text.is-disabled:focus, .mi-button--success.is-text.is-disabled:hover { color: var(--mi-color-success-hover); } [dir] .mi-button--success.is-link.is-disabled, [dir] .mi-button--success.is-link.is-disabled:active, [dir] .mi-button--success.is-link.is-disabled:focus, [dir] .mi-button--success.is-link.is-disabled:hover, [dir] .mi-button--success.is-plain.is-disabled, [dir] .mi-button--success.is-plain.is-disabled:active, [dir] .mi-button--success.is-plain.is-disabled:focus, [dir] .mi-button--success.is-plain.is-disabled:hover, [dir] .mi-button--success.is-text.is-disabled, [dir] .mi-button--success.is-text.is-disabled:active, [dir] .mi-button--success.is-text.is-disabled:focus, [dir] .mi-button--success.is-text.is-disabled:hover { background-color: var(--mi-color-success-base); border-color: var(--mi-color-success-active); } .mi-button--warning, .mi-button--warning.is-link, .mi-button--warning.is-plain, .mi-button--warning.is-text { --mi-button-border-color: var(--mi-color-warning); --mi-button-hover-border-color: var(--mi-color-warning); --mi-button-active-border-color: var(--mi-color-warning); } .mi-button--warning { --mi-button-text-color: var(--mi-color-white); --mi-button-bg-color: var(--mi-color-warning); --mi-button-outline-color: var(--mi-color-warning-light-5); --mi-button-active-color: var(--mi-color-warning-dark-2); --mi-button-hover-text-color: var(--mi-color-white); --mi-button-hover-link-text-color: var(--mi-color-warning-light-5); --mi-button-hover-bg-color: var(--mi-color-warning-hover); --mi-button-active-bg-color: var(--mi-color-warning-active); --mi-button-disabled-text-color: var(--mi-color-info-hover); --mi-button-disabled-bg-color: var(--mi-color-info); --mi-button-disabled-border-color: var(--mi-color-info); } .mi-button--warning.is-link, .mi-button--warning.is-plain, .mi-button--warning.is-text { --mi-button-text-color: var(--mi-color-warning); --mi-button-bg-color: var(--mi-color-clear); --mi-button-hover-text-color: var(--mi-color-warning-hover); --mi-button-hover-bg-color: var(--mi-color-clear); --mi-button-active-text-color: var(--mi-color-warning-active); --mi-button-active-bg-color: var(--mi-color-clear); } .mi-button--warning.is-link.is-disabled, .mi-button--warning.is-link.is-disabled:active, .mi-button--warning.is-link.is-disabled:focus, .mi-button--warning.is-link.is-disabled:hover, .mi-button--warning.is-plain.is-disabled, .mi-button--warning.is-plain.is-disabled:active, .mi-button--warning.is-plain.is-disabled:focus, .mi-button--warning.is-plain.is-disabled:hover, .mi-button--warning.is-text.is-disabled, .mi-button--warning.is-text.is-disabled:active, .mi-button--warning.is-text.is-disabled:focus, .mi-button--warning.is-text.is-disabled:hover { color: var(--mi-color-warning-hover); } [dir] .mi-button--warning.is-link.is-disabled, [dir] .mi-button--warning.is-link.is-disabled:active, [dir] .mi-button--warning.is-link.is-disabled:focus, [dir] .mi-button--warning.is-link.is-disabled:hover, [dir] .mi-button--warning.is-plain.is-disabled, [dir] .mi-button--warning.is-plain.is-disabled:active, [dir] .mi-button--warning.is-plain.is-disabled:focus, [dir] .mi-button--warning.is-plain.is-disabled:hover, [dir] .mi-button--warning.is-text.is-disabled, [dir] .mi-button--warning.is-text.is-disabled:active, [dir] .mi-button--warning.is-text.is-disabled:focus, [dir] .mi-button--warning.is-text.is-disabled:hover { background-color: var(--mi-color-warning-base); border-color: var(--mi-color-warning-active); } .mi-button--danger, .mi-button--danger.is-link, .mi-button--danger.is-plain, .mi-button--danger.is-text { --mi-button-border-color: var(--mi-color-danger); --mi-button-hover-border-color: var(--mi-color-danger); --mi-button-active-border-color: var(--mi-color-danger); } .mi-button--danger { --mi-button-text-color: var(--mi-color-white); --mi-button-bg-color: var(--mi-color-danger); --mi-button-outline-color: var(--mi-color-danger-light-5); --mi-button-active-color: var(--mi-color-danger-dark-2); --mi-button-hover-text-color: var(--mi-color-white); --mi-button-hover-link-text-color: var(--mi-color-danger-light-5); --mi-button-hover-bg-color: var(--mi-color-danger-hover); --mi-button-active-bg-color: var(--mi-color-danger-active); --mi-button-disabled-text-color: var(--mi-color-info-hover); --mi-button-disabled-bg-color: var(--mi-color-info); --mi-button-disabled-border-color: var(--mi-color-info); } .mi-button--danger.is-link, .mi-button--danger.is-plain, .mi-button--danger.is-text { --mi-button-text-color: var(--mi-color-danger); --mi-button-bg-color: var(--mi-color-clear); --mi-button-hover-text-color: var(--mi-color-danger-hover); --mi-button-hover-bg-color: var(--mi-color-clear); --mi-button-active-text-color: var(--mi-color-danger-active); --mi-button-active-bg-color: var(--mi-color-clear); } .mi-button--danger.is-link.is-disabled, .mi-button--danger.is-link.is-disabled:active, .mi-button--danger.is-link.is-disabled:focus, .mi-button--danger.is-link.is-disabled:hover, .mi-button--danger.is-plain.is-disabled, .mi-button--danger.is-plain.is-disabled:active, .mi-button--danger.is-plain.is-disabled:focus, .mi-button--danger.is-plain.is-disabled:hover, .mi-button--danger.is-text.is-disabled, .mi-button--danger.is-text.is-disabled:active, .mi-button--danger.is-text.is-disabled:focus, .mi-button--danger.is-text.is-disabled:hover { color: var(--mi-color-danger-hover); } [dir] .mi-button--danger.is-link.is-disabled, [dir] .mi-button--danger.is-link.is-disabled:active, [dir] .mi-button--danger.is-link.is-disabled:focus, [dir] .mi-button--danger.is-link.is-disabled:hover, [dir] .mi-button--danger.is-plain.is-disabled, [dir] .mi-button--danger.is-plain.is-disabled:active, [dir] .mi-button--danger.is-plain.is-disabled:focus, [dir] .mi-button--danger.is-plain.is-disabled:hover, [dir] .mi-button--danger.is-text.is-disabled, [dir] .mi-button--danger.is-text.is-disabled:active, [dir] .mi-button--danger.is-text.is-disabled:focus, [dir] .mi-button--danger.is-text.is-disabled:hover { background-color: var(--mi-color-danger-base); border-color: var(--mi-color-danger-active); } .mi-button--info, .mi-button--info.is-link, .mi-button--info.is-plain, .mi-button--info.is-text { --mi-button-border-color: var(--mi-color-info); --mi-button-hover-border-color: var(--mi-color-info); --mi-button-active-border-color: var(--mi-color-info); } .mi-button--info { --mi-button-text-color: var(--mi-color-white); --mi-button-bg-color: var(--mi-color-info); --mi-button-outline-color: var(--mi-color-info-light-5); --mi-button-active-color: var(--mi-color-info-dark-2); --mi-button-hover-text-color: var(--mi-color-white); --mi-button-hover-link-text-color: var(--mi-color-info-light-5); --mi-button-hover-bg-color: var(--mi-color-info-hover); --mi-button-active-bg-color: var(--mi-color-info-active); --mi-button-disabled-text-color: var(--mi-color-info-hover); --mi-button-disabled-bg-color: var(--mi-color-info); --mi-button-disabled-border-color: var(--mi-color-info); color: var(--mi-text-color-primary); } .mi-button--info.is-link, .mi-button--info.is-plain, .mi-button--info.is-text { --mi-button-text-color: var(--mi-color-info); --mi-button-bg-color: var(--mi-color-clear); --mi-button-hover-text-color: var(--mi-color-info-hover); --mi-button-hover-bg-color: var(--mi-color-clear); --mi-button-active-text-color: var(--mi-color-info-active); --mi-button-active-bg-color: var(--mi-color-clear); } .mi-button--info.is-link.is-disabled, .mi-button--info.is-link.is-disabled:active, .mi-button--info.is-link.is-disabled:focus, .mi-button--info.is-link.is-disabled:hover, .mi-button--info.is-plain.is-disabled, .mi-button--info.is-plain.is-disabled:active, .mi-button--info.is-plain.is-disabled:focus, .mi-button--info.is-plain.is-disabled:hover, .mi-button--info.is-text.is-disabled, .mi-button--info.is-text.is-disabled:active, .mi-button--info.is-text.is-disabled:focus, .mi-button--info.is-text.is-disabled:hover { color: var(--mi-color-info-hover); } [dir] .mi-button--info.is-link.is-disabled, [dir] .mi-button--info.is-link.is-disabled:active, [dir] .mi-button--info.is-link.is-disabled:focus, [dir] .mi-button--info.is-link.is-disabled:hover, [dir] .mi-button--info.is-plain.is-disabled, [dir] .mi-button--info.is-plain.is-disabled:active, [dir] .mi-button--info.is-plain.is-disabled:focus, [dir] .mi-button--info.is-plain.is-disabled:hover, [dir] .mi-button--info.is-text.is-disabled, [dir] .mi-button--info.is-text.is-disabled:active, [dir] .mi-button--info.is-text.is-disabled:focus, [dir] .mi-button--info.is-text.is-disabled:hover { background-color: var(--mi-color-info-base); border-color: var(--mi-color-info-active); } .mi-button--info.is-link:active, .mi-button--info.is-link:focus, .mi-button--info.is-link:hover, .mi-button--info.is-text:active, .mi-button--info.is-text:focus, .mi-button--info.is-text:hover, .mi-button--info:active, .mi-button--info:focus, .mi-button--info:hover { color: var(--mi-text-color-primary); } .mi-button--info.is-link, .mi-button--info.is-text { color: var(--mi-color-info-hover); } .mi-button--large { --mi-button-size: 48px; height: var(--mi-button-size); font-size: var(--mi-font-size-medium); } [dir="ltr"] .mi-button--large [class*="mi-icon"] + span { margin-left: 4px; } [dir="rtl"] .mi-button--large [class*="mi-icon"] + span { margin-right: 4px; } [dir] .mi-button--large, [dir] .mi-button--large.is-round { padding: 15px 24px; border-radius: var(--mi-border-radius-md); } .mi-button--large.is-circle { width: var(--mi-button-size); } [dir] .mi-button--large.is-circle { padding: 15px; } .mi-button--small { --mi-button-size: 24px; height: var(--mi-button-size); font-size: var(--mi-font-size-small); } [dir="ltr"] .mi-button--small [class*="mi-icon"] + span { margin-left: 4px; } [dir="rtl"] .mi-button--small [class*="mi-icon"] + span { margin-right: 4px; } [dir] .mi-button--small, [dir] .mi-button--small.is-round { padding: 5px 8px; border-radius: var(--mi-border-radius-small); } .mi-button--small.is-circle { width: var(--mi-button-size); } [dir] .mi-button--small.is-circle { padding: 5px; } .mi-button--medium { --mi-button-size: 40px; height: var(--mi-button-size); font-size: var(--mi-font-size-base); } [dir="ltr"] .mi-button--medium [class*="mi-icon"] + span { margin-left: 4px; } [dir="rtl"] .mi-button--medium [class*="mi-icon"] + span { margin-right: 4px; } [dir] .mi-button--medium, [dir] .mi-button--medium.is-round { padding: 12px 16px; border-radius: var(--mi-border-radius-base); } .mi-button--medium.is-circle { width: var(--mi-button-size); } [dir] .mi-button--medium.is-circle { padding: 12px; } .mi-skeleton { --mi-skeleton-color: var(--mi-fill-color-light); --mi-skeleton-to-color: var(--mi-fill-color-darker); --mi-skeleton-item-textarea-height: 160px; width: 100%; } [dir="ltr"] .mi-skeleton-rtl { direction: rtl; } [dir="rtl"] .mi-skeleton-rtl { direction: ltr; } .mi-skeleton__first-line, .mi-skeleton__paragraph { height: 16px; } [dir] .mi-skeleton__first-line, [dir] .mi-skeleton__paragraph { margin-top: 12px; background: var(--mi-skeleton-color); } [dir] .mi-skeleton.is-animated .mi-skeleton__item { background-size: 400% 100%; } [dir="ltr"] .mi-skeleton.is-animated .mi-skeleton__item { background: linear-gradient(90deg,var(--mi-skeleton-color) 25%,var(--mi-skeleton-to-color) 37%,var(--mi-skeleton-color) 63%); animation: 1.4s ease 0s infinite normal none running bit-skeleton-loading-ltr; } [dir="rtl"] .mi-skeleton.is-animated .mi-skeleton__item { background: linear-gradient(-90deg,var(--mi-skeleton-color) 25%,var(--mi-skeleton-to-color) 37%,var(--mi-skeleton-color) 63%); animation: 1.4s ease 0s infinite normal none running bit-skeleton-loading-rtl; } .mi-skeleton { --mi-skeleton-circle-size: var(--mi-avatar-size); } .mi-skeleton__item { display: inline-block; height: 16px; width: 100%; } [dir] .mi-skeleton__item { background: var(--mi-skeleton-color); border-radius: 3px; } .mi-skeleton__circle { width: 44px; height: 44px; line-height: 44px; } [dir] .mi-skeleton__circle { border-radius: 50%; } .mi-skeleton__circle--small { width: 32px; height: 32px; line-height: 32px; } .mi-skeleton__circle--default { width: 44px; height: 44px; line-height: 44px; } .mi-skeleton__circle--large { width: 56px; height: 56px; line-height: 56px; } .mi-skeleton__button { height: 40px; width: 64px; } [dir] .mi-skeleton__button { border-radius: 4px; } [dir] .mi-skeleton__button--round { border-radius: 64px; } .mi-skeleton__p { width: 100%; height: 16px; } .mi-skeleton__p.is-last { width: 50%; } .mi-skeleton__p.is-first { width: 33%; } .mi-skeleton__text { width: 100%; height: var(--mi-font-size-small); } .mi-skeleton__caption { height: var(--mi-font-size-extra-small); } .mi-skeleton__h1 { height: var(--mi-font-size-extra-large); } .mi-skeleton__h3 { height: var(--mi-font-size-large); } .mi-skeleton__h5 { height: var(--mi-font-size-medium); } .mi-skeleton__image { width: unset; display: flex; align-items: center; justify-content: center; } [dir] .mi-skeleton__image { border-radius: 0px; } .mi-skeleton__image svg { color: var(--mi-svg-monochrome-grey); fill: currentcolor; width: 22%; height: 22%; } .mi-skeleton__textarea { height: var(--mi-skeleton-item-textarea-height); } .mi-theme-dark-vue3, .mi-theme-light-vue3 { --ds-color-background-mask: var(--ds-color-black-alpha-70); --ds-color-background-tooltip: var(--ds-color-neutral-7); --ds-color-function-brand: var(--ds-color-brand-6); --ds-color-function-brand-active: var(--ds-color-brand-7); --ds-color-function-brand-hover: var(--ds-color-brand-5); --ds-color-function-error: var(--ds-color-rose-6); --ds-color-function-trade-sell: var(--ds-color-red-6); --ds-color-function-trade-sell-active: var(--ds-color-red-7); --ds-color-function-trade-sell-hover: var(--ds-color-red-5); --ds-color-text-inverse-tertiary: var(--ds-color-neutral-5); --ds-color-text-tertiary: var(--ds-color-neutral-5); --ds-color-card-discovery: rgba(213, 191, 239, 0.5); --mi-color-main: var(--ds-color-background-inverse-primary); --mi-color-main-disabled: var(--ds-color-background-inverse-disabled); --mi-color-chunky: var(--ds-color-background-primary); --mi-color-chunky-disabled: var(--ds-color-background-inverse-disabled); --mi-color-primary: var(--ds-color-function-brand); --mi-color-primary-hover: var(--ds-color-function-brand-hover); --mi-color-primary-active: var(--ds-color-function-brand-active); --mi-color-primary-disabled: var(--ds-color-bit-color-primary-disabled); --mi-color-primary-plain: var(--ds-color-function-brand-soft); --mi-color-success: var(--ds-color-function-success); --mi-color-success-hover: var(--ds-color-function-success-hover); --mi-color-success-active: var(--ds-color-function-success-active); --mi-color-success-disabled: var(--ds-color-function-success-disabled); --mi-color-success-plain: var(--ds-color-function-success-soft); --mi-color-warning: var(--ds-color-function-warning); --mi-color-warning-hover: var(--ds-color-function-warning-hover); --mi-color-warning-active: var(--ds-color-function-warning-active); --mi-color-warning-disabled: var(--ds-color-function-warning-disabled); --mi-color-warning-plain: var(--ds-color-function-warning-soft); --mi-color-danger: var(--ds-color-function-error); --mi-color-danger-hover: var(--ds-color-function-error-hover); --mi-color-danger-active: var(--ds-color-function-error-active); --mi-color-danger-disabled: var(--ds-color-function-error-disabled); --mi-color-danger-plain: var(--ds-color-function-error-soft); --mi-color-error: var(--ds-color-function-error); --mi-color-error-hover: var(--ds-color-function-error-hover); --mi-color-error-active: var(--ds-color-function-error-active); --mi-color-info-disabled: #b8b8b8; --mi-bg-color-primary: var(--ds-color-background-primary); --mi-bg-color-secondary: var(--ds-color-background-secondary); --mi-bg-color-special: var(--ds-color-brand-1); --mi-bg-color-tertiary: var(--ds-color-background-tertiary); --mi-bg-color-disabled: var(--ds-color-background-disabled); --mi-bg-color-popup: var(--ds-color-background-tooltip); --mi-bg-color-dialog: var(--ds-color-layer-0); --mi-bg-color-mask: var(--ds-color-background-mask); --mi-bg-color-inverse-primary: var(--ds-color-background-inverse-primary); --mi-fg-color-tertiary: var(--ds-color-layer-active); --mi-text-color-primary: var(--ds-color-text-primary); --mi-text-color-secondary: var(--ds-color-text-secondary); --mi-text-color-tertiary: var(--ds-color-text-tertiary); --mi-text-color-placeholder: var(--ds-color-text-tertiary); --mi-text-color-disabled: var(--ds-color-text-disabled); --mi-text-color-inverse-primary: var(--ds-color-text-inverse-primary); --mi-border-color-primary: var(--ds-color-border-subtle); --mi-border-color-secondary: var(--ds-color-border-strong); --mi-border-color-inverse-primary: var(--ds-color-border-black); --mi-border-color-grey: var(--ds-color-neutral-8); --mi-border-color-hover: var(--mi-color-primary); --mi-svg-monochrome-grey: var(--mi-border-color); --content-primary: var(--ds-color-text-primary); --content-secondary: var(--ds-color-text-secondary); --content-tertiary: var(--ds-color-text-tertiary); --content-disabled: var(--ds-color-text-disabled); --content-link-default: var(--ds-color-link-default); --content-link-hover: var(--ds-color-link-hover); --content-always-black: var(--ds-color-always-black); --content-always-white: var(--ds-color-always-white); --content-success: var(--ds-color-function-success); --content-error: var(--ds-color-function-error); --content-warning: var(--ds-color-function-warning); --content-trade-buy: var(--ds-color-function-trade-buy); --content-trade-sell: var(--ds-color-function-trade-sell); --content-trade-buy-text: var(--ds-color-function-trade-buy); --content-trade-sell-text: var(--ds-color-function-trade-sell); --content-inverse-primary: var(--ds-color-text-inverse-primary); --content-inverse-secondary: var(--ds-color-text-inverse-secondary); --content-inverse-tertiary: var(--ds-color-text-inverse-secondary); --border-strength-100: var(--ds-color-border-subtle); --border-strength-200: var(--ds-color-border-strong); --border-strength-800: var(--ds-color-border-black); --background-primary: var(--ds-color-background-primary); --background-secondary: var(--ds-color-background-secondary); --background-tertiary: var(--ds-color-background-tertiary); --background-disabled: var(--ds-color-background-disabled); --background-always-black: var(--ds-color-always-black); --background-blue-soft: var(--ds-color-function-brand-soft); --background-blue-sharp: var(--ds-color-function-brand); --background-orange-sharp: var(--ds-color-orange-3); --background-inverse-primary: var(--ds-color-background-inverse-primary); --background-inverse-secondary: var(--ds-color-background-inverse-secondary); --background-inverse-tertiary: var(--ds-color-background-inverse-tertiary); --background-popup: var(--ds-color-background-tooltip); --content-layer-active: var(--ds-color-layer-active); } .mi-theme-light-vue3 { --ds-color-background-disabled: var(--ds-color-neutral-2); --ds-color-background-input: var(--ds-color-neutral-1); --ds-color-background-input-grey: var(--ds-color-neutral-1); --ds-color-background-inverse-disabled: var(--ds-color-neutral-7); --ds-color-background-inverse-primary: var(--ds-color-neutral-10); --ds-color-background-inverse-secondary: var(--ds-color-neutral-8); --ds-color-background-inverse-tertiary: var(--ds-color-neutral-6); --ds-color-background-primary: var(--ds-color-neutral-white); --ds-color-background-secondary: var(--ds-color-neutral-1); --ds-color-background-tertiary: var(--ds-color-neutral-1); --ds-color-background-popover: var(--ds-color-neutral-white); --ds-color-background-mask-alt: var(--ds-color-black-alpha-70); --ds-color-border-black: var(--ds-color-neutral-8); --ds-color-border-strong: var(--ds-color-neutral-3); --ds-color-border-subtle: var(--ds-color-neutral-2); --ds-color-border-gutter: var(--ds-color-neutral-1); --ds-color-function-brand-disabled: var(--ds-color-brand-3); --ds-color-function-brand-soft: var(--ds-color-brand-1); --ds-color-function-error-active: var(--ds-color-rose-7); --ds-color-function-error-disabled: var(--ds-color-rose-3); --ds-color-function-error-hover: var(--ds-color-rose-5); --ds-color-function-error-soft: var(--ds-color-rose-1); --ds-color-function-success: var(--ds-color-green-6); --ds-color-function-success-active: var(--ds-color-green-7); --ds-color-function-success-disabled: var(--ds-color-green-3); --ds-color-function-success-hover: var(--ds-color-green-5); --ds-color-function-success-soft: var(--ds-color-green-1); --ds-color-function-trade-buy: #01BC8D; --ds-color-function-trade-buy-active: #01A07E; --ds-color-function-trade-buy-disabled: #7DE4C0; --ds-color-function-trade-buy-hover: #26C99B; --ds-color-function-trade-buy-soft: var(--ds-color-green-1); --ds-color-function-trade-sell-disabled: var(--ds-color-red-3); --ds-color-function-warning: var(--ds-color-orange-6); --ds-color-function-warning-active: var(--ds-color-orange-7); --ds-color-function-warning-disabled: var(--ds-color-orange-3); --ds-color-function-warning-hover: var(--ds-color-orange-5); --ds-color-function-warning-soft: var(--ds-color-orange-1); --ds-color-function-discovery: var(--ds-color-purple-7); --ds-color-function-discovery-soft: var(--ds-color-purple-1); --ds-color-function-discovery-disabled: var(--ds-color-neutral-2); --ds-color-layer-0: var(--ds-color-neutral-white); --ds-color-layer-1: #F9F9FA; --ds-color-layer-2: var(--ds-color-neutral-2); --ds-color-layer-3: var(--ds-color-neutral-3); --ds-color-layer-active: var(--ds-color-neutral-white); --ds-color-link-default: var(--ds-color-brand-6); --ds-color-link-disabled: var(--ds-color-brand-3); --ds-color-link-hover: var(--ds-color-brand-5); --ds-color-link-pressed: var(--ds-color-brand-7); --ds-color-text-error: var(--ds-color-rose-6); --ds-color-text-inverse-primary: var(--ds-color-neutral-1); --ds-color-text-inverse-secondary: var(--ds-color-neutral-4); --ds-color-text-primary: var(--ds-color-neutral-10); --ds-color-text-secondary: var(--ds-color-neutral-6); --ds-color-text-disabled: var(--ds-color-neutral-4); --ds-color-text-success: var(--ds-color-green-6); --ds-color-text-warning: var(--ds-color-orange-6); --mi-color-white: var(--ds-color-always-white); --mi-color-black: var(--ds-color-always-black); --mi-color-clear: none; --mi-color-main-hover: linear-gradient(0deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.12) 100%),var(--ds-color-background-inverse-primary); --mi-color-main-active: linear-gradient(0deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.18) 100%),var(--ds-color-background-inverse-primary); --mi-color-main-plain: var(--ds-color-always-white); --mi-color-chunky-hover: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%),var(--ds-color-background-primary); --mi-color-chunky-active: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%),var(--ds-color-background-primary); --mi-color-chunky-plain: var(--ds-color-always-white); --mi-color-error-disabled: var(--ds-color-function-error); --mi-color-error-plain: var(--ds-color-function-error); --mi-color-info: #eff1f1; --mi-color-info-hover: #c8cdcd; --mi-color-info-active: #9aa3a3; --mi-color-info-plain: var(--ds-color-always-white); --mi-bg-color: #ffffff; --mi-bg-color-default-primary: var(--ds-color-background-primary); --mi-border-color: #c8cdcd; --mi-border-color-light: #eff1f1; --mi-border-color-lighter: #ebeef5; --mi-border-color-extra-light: #f2f6fc; --mi-border-color-dark: #d4d7de; --mi-border-color-darker: #cdd0d6; --mi-fill-color: #f0f2f5; --mi-fill-color-light: rgba(31, 31, 31, 0.03); --mi-fill-color-lighter: #fafafa; --mi-fill-color-extra-light: #fafcff; --mi-fill-color-dark: #ebedf0; --mi-fill-color-darker: rgba(31, 31, 31, 0.1); --mi-fill-color-blank: #ffffff; --mi-fill-color-disabled: #eff1f1; --mi-fill-color-overlay: #fff; --mi-fill-color-tertiary: #ebebeb; --mi-box-shadow: 0px 1px 5px 2px rgba(146, 160, 171, 0.1); --mi-box-shadow-light: 0px 6px 18px rgba(146, 160, 171, 0.2); --mi-box-shadow-lighter: 0px 10px 32px rgba(146, 160, 171, 0.28); --mi-box-shadow-dark: 0px 12px 40px rgba(146, 160, 171, 0.36); --mi-box-shadow-input: 0px 0px 0px 2px rgba(3, 170, 199, 0.14); --mi-disabled-bg-color: var(--mi-bg-color-disabled); --mi-disabled-text-color: var(--mi-text-color-disabled); --mi-disabled-border-color: var(--mi-border-color-secondary); --mi-overlay-color: rgba(0, 0, 0, 0.8); --mi-overlay-color-light: rgba(0, 0, 0, 0.7); --mi-overlay-color-lighter: rgba(0, 0, 0, 0.5); --mi-mask-color: rgba(255, 255, 255, 0.9); --mi-mask-color-extra-light: rgba(255, 255, 255, 0.3); --content-highlight-blue: var(--ds-color-brand-6); --border-blue: var(--ds-color-brand-6); --border-orange: var(--ds-color-orange-6); --border-grey: var(--ds-color-neutral-7); --border-yellow: var(--ds-color-yellow-6); --border-red: var(--ds-color-rose-6); --background-purple-soft: var(--ds-color-purple-3); --background-purple-sharp: var(--ds-color-purple-6); --background-orange-soft: var(--ds-color-orange-2); --background-coptytading-banner: var(--ds-color-brand-1); } .mi-theme-dark-vue3 { --ds-color-background-disabled: var(--ds-color-neutral-7); --ds-color-background-input: var(--ds-color-neutral-8); --ds-color-background-input-grey: #1F2023; --ds-color-background-inverse-disabled: var(--ds-color-neutral-2); --ds-color-background-inverse-primary: var(--ds-color-neutral-white); --ds-color-background-inverse-secondary: var(--ds-color-neutral-1); --ds-color-background-inverse-tertiary: var(--ds-color-neutral-2); --ds-color-background-primary: var(--ds-color-neutral-10); --ds-color-background-secondary: #1F2023; --ds-color-background-tertiary: var(--ds-color-neutral-8); --ds-color-background-popover: var(--ds-color-neutral-7); --ds-color-background-mask-alt: var(--ds-color-black-alpha-80); --ds-color-border-black: var(--ds-color-neutral-white); --ds-color-border-strong: var(--ds-color-neutral-7); --ds-color-border-subtle: #27282B; --ds-color-border-gutter: #0E0F11; --ds-color-function-brand-disabled: var(--ds-color-brand-8); --ds-color-function-brand-soft: var(--ds-color-brand-10); --ds-color-function-error-active: var(--ds-color-rose-4); --ds-color-function-error-disabled: var(--ds-color-rose-8); --ds-color-function-error-hover: var(--ds-color-rose-6); --ds-color-function-error-soft: var(--ds-color-rose-10); --ds-color-function-success: var(--ds-color-green-5); --ds-color-function-success-active: var(--ds-color-green-4); --ds-color-function-success-disabled: var(--ds-color-green-8); --ds-color-function-success-hover: var(--ds-color-green-6); --ds-color-function-success-soft: var(--ds-color-green-10); --ds-color-function-trade-buy: #26C99B; --ds-color-function-trade-buy-active: #4FD7AC; --ds-color-function-trade-buy-disabled: #00846C; --ds-color-function-trade-buy-hover: #01BC8D; --ds-color-function-trade-buy-soft: var(--ds-color-green-10); --ds-color-function-trade-sell-disabled: var(--ds-color-red-7); --ds-color-function-warning: var(--ds-color-orange-5); --ds-color-function-warning-active: var(--ds-color-orange-4); --ds-color-function-warning-disabled: var(--ds-color-orange-8); --ds-color-function-warning-hover: var(--ds-color-orange-6); --ds-color-function-warning-soft: var(--ds-color-orange-10); --ds-color-function-discovery: var(--ds-color-purple-5); --ds-color-function-discovery-soft: var(--ds-color-purple-10); --ds-color-function-discovery-disabled: var(--ds-color-neutral-7); --ds-color-layer-0: var(--ds-color-neutral-9); --ds-color-layer-1: #1B1B1D; --ds-color-layer-2: var(--ds-color-neutral-8); --ds-color-layer-3: var(--ds-color-neutral-7); --ds-color-layer-active: var(--ds-color-neutral-7); --ds-color-link-default: var(--ds-color-brand-5); --ds-color-link-disabled: var(--ds-color-brand-8); --ds-color-link-hover: var(--ds-color-brand-6); --ds-color-link-pressed: var(--ds-color-brand-4); --ds-color-text-error: var(--ds-color-rose-5); --ds-color-text-inverse-primary: var(--ds-color-neutral-10); --ds-color-text-inverse-secondary: var(--ds-color-neutral-6); --ds-color-text-primary: var(--ds-color-neutral-1); --ds-color-text-secondary: var(--ds-color-neutral-2); --ds-color-text-disabled: var(--ds-color-neutral-6); --ds-color-text-success: var(--ds-color-green-5); --ds-color-text-warning: var(--ds-color-orange-5); --mi-color-main-hover: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%),var(--ds-color-background-inverse-primary); --mi-color-main-active: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%),var(--ds-color-background-inverse-primary); --mi-color-main-plain: var(--ds-color-always-black); --mi-color-chunky-hover: linear-gradient(0deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.12) 100%),var(--ds-color-background-primary); --mi-color-chunky-active: linear-gradient(0deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.18) 100%),var(--ds-color-background-primary); --mi-color-chunky-plain: var(--ds-color-always-black); --mi-color-error-disabled: var(--ds-color-function-error-disabled); --mi-color-error-plain: var(--ds-color-function-error-soft); --mi-color-info: #222525; --mi-color-info-hover: #414747; --mi-color-info-active: #656e6f; --mi-color-info-plain: var(--ds-color-always-black); --mi-box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.3); --mi-box-shadow-light: 0px 6px 24px rgba(0, 0, 0, 0.2); --mi-box-shadow-lighter: 0px 10px 32px rgba(0, 0, 0, 0.5); --mi-box-shadow-dark: 0px 12px 42px rgba(0, 0, 0, 0.6); --mi-bg-color: #1f1f1f; --mi-bg-color-default-primary: transparent; --mi-border-color-darker: rgba(245, 248, 255, 0.35); --mi-border-color-dark: rgba(245, 248, 255, 0.3); --mi-border-color: rgba(245, 248, 255, 0.25); --mi-border-color-light: #222525; --mi-border-color-lighter: rgba(245, 248, 255, 0.15); --mi-border-color-extra-light: rgba(245, 248, 255, 0.1); --mi-fill-color: #393A3A; --mi-fill-color-light: #262626; --mi-fill-color-lighter: #282828; --mi-fill-color-extra-light: #232323; --mi-fill-color-dark: #424243; --mi-fill-color-darker: #353535; --mi-fill-color-blank: transparent; --mi-fill-color-overlay: #0D0E0E; --mi-mask-color: rgba(0, 0, 0, 0.8); --mi-mask-color-extra-light: rgba(0, 0, 0, 0.3); --content-highlight-blue-text-on-info: var(--ds-color-brand-3); --border-blue: var(--ds-color-brand-4); --border-orange: var(--ds-color-orange-4); --border-grey: var(--ds-color-neutral-2); --border-yellow: var(--ds-color-yellow-4); --border-red: var(--ds-color-rose-4); --background-purple-soft: var(--ds-color-purple-8); --background-purple-sharp: var(--ds-color-purple-3); --background-orange-soft: var(--ds-color-orange-7); --background-coptytading-banner: var(--ds-color-background-tertiary); } .mi-checkbox { --mi-checkbox-font-size: 14px; --mi-checkbox-font-weight: var(--mi-font-weight-primary); --mi-checkbox-text-color: var(--mi-text-color-primary); --mi-checkbox-input-height: 16px; --mi-checkbox-input-width: 16px; --mi-checkbox-border-radius: var(--mi-border-radius-base); --mi-checkbox-bg-color: var(--mi-fill-color-blank); --mi-checkbox-input-border: var(--mi-border); --mi-checkbox-disabled-border-color: var(--mi-border-color-disabled); --mi-checkbox-disabled-input-fill: var(--mi-bg-color-disabled); --mi-checkbox-disabled-icon-color: var(--mi-text-color-disabled); --mi-checkbox-disabled-checked-input-fill: var(--mi-bg-color-disabled); --mi-checkbox-disabled-checked-input-border-color: var(--mi-border-color-disabled); --mi-checkbox-disabled-checked-icon-color: var(--mi-text-color-disabled); --mi-checkbox-checked-text-color: var(--mi-text-color-primary); --mi-checkbox-checked-input-border-color: var(--mi-color-primary); --mi-checkbox-checked-bg-color: var(--mi-color-primary); --mi-checkbox-checked-icon-color: var(--mi-color-white); --mi-checkbox-input-border-color-hover: var(--mi-color-primary); --mi-checkbox-checked-input-border-color-main: var(--mi-color-main); --mi-checkbox-checked-bg-color-main: var(--mi-color-main); color: var(--mi-checkbox-text-color); font-size: var(--mi-font-size-base); position: relative; display: inline-flex; align-items: center; white-space: nowrap; user-select: none; height: 32px; } [dir] .mi-checkbox { cursor: pointer; } [dir="ltr"] .mi-checkbox { margin-right: 24px; } [dir="rtl"] .mi-checkbox { margin-left: 24px; } .mi-checkbox-rtl { margin-inline-end: 30px; } [dir="ltr"] .mi-checkbox-rtl { direction: rtl; margin-right: unset; } [dir="rtl"] .mi-checkbox-rtl { direction: ltr; margin-left: unset; } [dir] .mi-checkbox.is-disabled, [dir] .mi-checkbox__input.is-disabled + span.mi-checkbox__label { cursor: not-allowed; } .mi-checkbox.is-bordered { box-sizing: border-box; } [dir] .mi-checkbox.is-bordered { border-radius: var(--mi-border-radius-base); border: var(--mi-border); } [dir="ltr"] .mi-checkbox.is-bordered { padding: 0px 15px 0px 9px; } [dir="rtl"] .mi-checkbox.is-bordered { padding: 0px 9px 0px 15px; } [dir] .mi-checkbox.is-bordered.is-checked { border-color: var(--mi-color-primary); } [dir] .mi-checkbox.is-bordered.is-disabled { border-color: var(--mi-border-color-lighter); } [dir] .mi-checkbox.is-bordered.mi-checkbox--large { border-radius: var(--mi-border-radius-md); } [dir="ltr"] .mi-checkbox.is-bordered.mi-checkbox--large { padding: 0px 19px 0px 11px; } [dir="rtl"] .mi-checkbox.is-bordered.mi-checkbox--large { padding: 0px 11px 0px 19px; } .mi-checkbox.is-bordered.mi-checkbox--large .mi-checkbox__label { font-size: var(--mi-font-size-medium); } .mi-checkbox.is-bordered.mi-checkbox--large .mi-checkbox__inner { height: 15px; width: 15px; } [dir] .mi-checkbox.is-bordered.mi-checkbox--small { border-radius: var(--mi-border-radius-small); } [dir="ltr"] .mi-checkbox.is-bordered.mi-checkbox--small { padding: 0px 11px 0px 7px; } [dir="rtl"] .mi-checkbox.is-bordered.mi-checkbox--small { padding: 0px 7px 0px 11px; } .mi-checkbox.is-bordered.mi-checkbox--small .mi-checkbox__label { font-size: var(--mi-font-size-small); } .mi-checkbox.is-bordered.mi-checkbox--small .mi-checkbox__inner { height: 12px; width: 12px; } .mi-checkbox.is-bordered.mi-checkbox--small .mi-checkbox__inner::after { height: 6px; width: 2px; } .mi-checkbox input:focus-visible + .mi-checkbox__inner { outline: 0px; } .mi-checkbox__input { white-space: nowrap; outline: 0px; display: inline-flex; position: relative; line-height: 1; vertical-align: middle; } [dir] .mi-checkbox__input { cursor: pointer; } [dir] .mi-checkbox__input.is-checked .mi-checkbox__inner, [dir] .mi-checkbox__input.is-indeterminate .mi-checkbox__inner { background-color: var(--mi-checkbox-checked-bg-color); border-color: var(--mi-checkbox-checked-input-border-color); } [dir="ltr"] .mi-checkbox__input.is-checked .mi-checkbox__inner::after { transform: rotate(45deg) scaleY(1); } [dir="rtl"] .mi-checkbox__input.is-checked .mi-checkbox__inner::after { transform: rotate(-45deg) scaleY(1); } .mi-checkbox__input.is-checked + .mi-checkbox__label { color: var(--mi-checkbox-checked-text-color); } [dir] .mi-checkbox__input.is-checked.is-main .mi-checkbox__inner { background-color: var(--mi-checkbox-checked-bg-color-main); border-color: var(--mi-checkbox-checked-input-border-color-main); } [dir] .mi-checkbox__input.is-main:not(.is-disabled) .mi-checkbox__inner:hover { border-color: var(--mi-checkbox-checked-input-border-color-main); } [dir] .mi-checkbox__input.is-focus:not(.is-checked) .mi-checkbox__original:not(:focus-visible) { border-color: var(--mi-checkbox-input-border-color-hover); } [dir] .mi-checkbox__input.is-focus.is-main .mi-checkbox__inner { border-color: var(--mi-checkbox-checked-input-border-color-main); } .mi-checkbox__input.is-indeterminate .mi-checkbox__inner::before { content: ""; position: absolute; display: block; height: 4px; top: 5px; } [dir] .mi-checkbox__input.is-indeterminate .mi-checkbox__inner::before { background-color: var(--mi-checkbox-checked-icon-color); transform: scale(0.5); } [dir="ltr"] .mi-checkbox__input.is-indeterminate .mi-checkbox__inner::before, [dir="rtl"] .mi-checkbox__input.is-indeterminate .mi-checkbox__inner::before { right: 0px; left: 0px; } .mi-checkbox__input.is-indeterminate .mi-checkbox__inner::after { display: none; } [dir] .mi-checkbox__input.is-indeterminate.is-main .mi-checkbox__inner { background-color: var(--mi-checkbox-checked-bg-color-main); border-color: var(--mi-checkbox-checked-input-border-color-main); } [dir] .mi-checkbox__input.is-disabled .mi-checkbox__inner { background-color: var(--mi-checkbox-disabled-input-fill); border-color: var(--mi-checkbox-disabled-border-color); cursor: not-allowed; } [dir] .mi-checkbox__input.is-disabled .mi-checkbox__inner::after { cursor: not-allowed; border-color: var(--mi-checkbox-disabled-icon-color); } [dir] .mi-checkbox__input.is-disabled.is-checked .mi-checkbox__inner, [dir] .mi-checkbox__input.is-disabled.is-indeterminate .mi-checkbox__inner { background-color: var(--mi-checkbox-disabled-checked-input-fill); border-color: var(--mi-checkbox-disabled-checked-input-border-color); } [dir] .mi-checkbox__input.is-disabled.is-checked .mi-checkbox__inner::after { border-color: var(--mi-checkbox-disabled-checked-icon-color); } [dir] .mi-checkbox__input.is-disabled.is-indeterminate .mi-checkbox__inner::before { background-color: var(--mi-checkbox-disabled-checked-icon-color); border-color: var(--mi-checkbox-disabled-checked-icon-color); } .mi-checkbox__input.is-disabled + span.mi-checkbox__label { color: var(--mi-disabled-text-color); } .mi-checkbox__inner { display: inline-block; position: relative; box-sizing: border-box; width: var(--mi-checkbox-input-width); height: var(--mi-checkbox-input-height); z-index: var(--mi-index-normal); transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), outline 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); } [dir] .mi-checkbox__inner { border: var(--mi-checkbox-input-border); border-radius: var(--mi-checkbox-border-radius); background-color: var(--mi-checkbox-bg-color); } [dir] .mi-checkbox__inner:hover { border-color: var(--mi-checkbox-input-border-color-hover); } .mi-checkbox__inner::after { box-sizing: content-box; content: ""; height: 7px; position: absolute; top: 1.5px; width: 3px; transition: transform 0.15s ease-in 50ms; } [dir] .mi-checkbox__inner::after { border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: 0px; transform-origin: center center; } [dir="ltr"] .mi-checkbox__inner::after { border-left: 0px; left: 4.5px; transform: rotate(45deg) scaleY(0); } [dir="rtl"] .mi-checkbox__inner::after { border-right: 0px; right: 4.5px; transform: rotate(-45deg) scaleY(0); } .mi-checkbox__original { opacity: 0; outline: 0px; position: absolute; width: 0px; height: 0px; z-index: -1; } [dir] .mi-checkbox__original { margin: 0px; } .mi-checkbox__label { display: inline-block; font-size: var(--mi-checkbox-font-size); } [dir="ltr"] .mi-checkbox__label { padding-left: 8px; } [dir="rtl"] .mi-checkbox__label { padding-right: 8px; } .mi-checkbox__label-rtl { padding-inline-start: 8px; } [dir="ltr"] .mi-checkbox__label-rtl { padding-left: unset; } [dir="rtl"] .mi-checkbox__label-rtl { padding-right: unset; } .mi-checkbox.mi-checkbox--large { height: 48px; } .mi-checkbox.mi-checkbox--large .mi-checkbox__label { font-size: 14px; } .mi-checkbox.mi-checkbox--large .mi-checkbox__inner { width: 14px; height: 14px; } .mi-checkbox.mi-checkbox--small { height: 24px; } .mi-checkbox.mi-checkbox--small .mi-checkbox__label { font-size: 12px; } .mi-checkbox.mi-checkbox--small .mi-checkbox__inner { width: 12px; height: 12px; } .mi-checkbox.mi-checkbox--small .mi-checkbox__input.is-indeterminate .mi-checkbox__inner::before { top: 4px; } .mi-checkbox.mi-checkbox--small .mi-checkbox__inner::after { width: 2px; height: 6px; } [dir="ltr"] .mi-checkbox.mi-checkbox--small .mi-checkbox__inner::after { left: 3.5px; right: 0.5px; } [dir="rtl"] .mi-checkbox.mi-checkbox--small .mi-checkbox__inner::after { right: 3.5px; left: 0.5px; } [dir="ltr"] .mi-checkbox:last-of-type { margin-right: 0px; } [dir="rtl"] .mi-checkbox:last-of-type { margin-left: 0px; } :root { --mi-popup-modal-bg-color: var(--mi-color-black); --mi-popup-modal-opacity: 0.5; } [dir="ltr"] .v-modal-enter, [dir="rtl"] .v-modal-enter { animation: v-modal-in var(--mi-transition-duration-fast) ease; } [dir="ltr"] .v-modal-leave, [dir="rtl"] .v-modal-leave { animation: v-modal-out var(--mi-transition-duration-fast) ease forwards; } .v-modal { position: fixed; top: 0px; width: 100%; height: 100%; opacity: var(--mi-popup-modal-opacity); } [dir] .v-modal { background: var(--mi-popup-modal-bg-color); } [dir="ltr"] .v-modal { left: 0px; } [dir="rtl"] .v-modal { right: 0px; } .mi-popup-parent--hidden { overflow: hidden; } .mi-dialog { --mi-dialog-width: 50%; --mi-dialog-margin-top: 15vh; --mi-dialog-box-shadow: var(--mi-box-shadow); --mi-dialog-title-font-size: var(--mi-font-size-large); --mi-dialog-content-font-size: 14px; --mi-dialog-font-line-height: var(--mi-font-line-height-primary); --mi-dialog-padding-primary: 20px; --mi-dialog-border-radius: var(--mi-border-radius-md); position: relative; box-sizing: border-box; width: var(--mi-dialog-width,50%); } [dir] .mi-dialog { margin: var(--mi-dialog-margin-top,15vh) auto 50px; background: var(--mi-bg-color-dialog); border-radius: 16px; box-shadow: var(--mi-dialog-box-shadow); padding: 0px; } [dir="ltr"] .mi-dialog-rtl { direction: rtl; } [dir="rtl"] .mi-dialog-rtl { direction: ltr; } .mi-dialog:focus { outline: 0px !important; } [dir] .mi-dialog.is-align-center { margin: auto; } .mi-dialog.is-fullscreen { --mi-dialog-width: 100%; --mi-dialog-margin-top: 0; height: 100%; overflow: auto; } [dir] .mi-dialog.is-fullscreen { margin-bottom: 0px; } .mi-dialog__wrapper { position: fixed; top: 0px; bottom: 0px; overflow: auto; } [dir] .mi-dialog__wrapper { margin: 0px; } [dir="ltr"] .mi-dialog__wrapper, [dir="rtl"] .mi-dialog__wrapper { left: 0px; right: 0px; } .mi-dialog.is-draggable .mi-dialog__header { user-select: none; } [dir] .mi-dialog.is-draggable .mi-dialog__header { cursor: move; } .mi-dialog__header { justify-content: space-between; line-height: 1.4; font-size: 20px; font-weight: 600; color: var(--mi-text-color-primary); } [dir] .mi-dialog__header { padding: 32px 32px 8px; } .mi-dialog__headerbtn { position: absolute; top: 32px; align-self: flex-start; outline: 0px; display: flex; z-index: 1; color: var(--mi-text-color-tertiary); } [dir] .mi-dialog__headerbtn { padding: 4px; border: 0px; cursor: pointer; } [dir="ltr"] .mi-dialog__headerbtn { right: 32px; background: 0px 0px; } [dir="rtl"] .mi-dialog__headerbtn { left: 32px; background: 100% 0px; } [dir="ltr"] .mi-dialog__headerbtn-rtl { right: unset; left: 32px; } [dir="rtl"] .mi-dialog__headerbtn-rtl { left: unset; right: 32px; } .mi-dialog__headerbtn:focus, .mi-dialog__headerbtn:hover { color: var(--mi-text-color-primary); } [dir] .mi-dialog__headerbtn:focus, [dir] .mi-dialog__headerbtn:hover { border-radius: 50%; background-color: var(--mi-bg-color-secondary); } .mi-dialog__title { flex: 1 1 0%; line-height: 1.4; font-size: 20px; font-weight: 600; color: var(--mi-text-color-primary); overflow-wrap: break-word; width: calc(100% - 28px); display: inline-block; } .mi-dialog__body { color: var(--mi-text-color-secondary); font-size: var(--mi-dialog-content-font-size); line-height: 1.4; } [dir] .mi-dialog__body { padding: 12px 32px; } .mi-dialog__footer { box-sizing: border-box; } [dir] .mi-dialog__footer { padding: 8px 32px 32px; } [dir="ltr"] .mi-dialog__footer { text-align: right; } [dir="ltr"] .mi-dialog__footer-rtl, [dir="rtl"] .mi-dialog__footer { text-align: left; } [dir="rtl"] .mi-dialog__footer-rtl { text-align: right; } .mi-dialog__indicator { display: none; } .mi-dialog.is-no-close .mi-dialog__title { width: 100% !important; } [dir] .mi-dialog.is-no-title .mi-dialog__header { padding-bottom: 0px; } [dir] .mi-dialog--center { text-align: center; } .mi-dialog--center .mi-dialog__title { width: calc(100% - 32px); } [dir] .mi-dialog--center .mi-dialog__body { text-align: initial; } [dir] .mi-dialog--center .mi-dialog__footer { text-align: inherit; } .mi-dialog--center .mi-dialog__footer .dialog-footer { display: flex; } .mi-dialog--center .mi-dialog__footer .dialog-footer .mi-button { flex: 1 1 0%; } .mi-dialog--center .mi-dialog__footer .dialog-footer .mi-button + .mi-button { margin-inline-start: 12px; } [dir] .mi-dialog.is-border .mi-dialog__header { padding: 24px 32px 16px; } .mi-dialog.is-border .mi-dialog__headerbtn { top: 24px; } [dir] .mi-dialog.is-border .mi-dialog__body { border-top: 1px solid var(--mi-border-color-primary); border-bottom: 1px solid var(--mi-border-color-primary); } @media only screen and (max-width: 767px) { .mi-dialog.is-responsive { position: absolute; bottom: 0px; --mi-dialog-margin-top: 0; width: 100% !important; --mi-dialog-width: 100% !important; } [dir] .mi-dialog.is-responsive { border-radius: var(--mi-dialog-border-radius) var(--mi-dialog-border-radius)0 0; margin: 0px; padding: 0px; } .mi-dialog.is-responsive .mi-dialog__indicator { display: flex; width: 100%; justify-content: center; align-items: center; } [dir] .mi-dialog.is-responsive .mi-dialog__indicator { padding: 6px 0px; } .mi-dialog.is-responsive .mi-dialog__indicator-line { width: 40px; height: 4px; } [dir] .mi-dialog.is-responsive .mi-dialog__indicator-line { border-radius: 2px; background-color: var(--mi-text-color-disabled); } .mi-dialog.is-responsive .mi-dialog__header { line-height: 1.4; font-size: 16px; font-weight: 600; } [dir] .mi-dialog.is-responsive .mi-dialog__header { text-align: start; padding: 16px 16px 12px; } .mi-dialog.is-responsive .mi-dialog__headerbtn { font-size: 20px; top: 24px; } [dir] .mi-dialog.is-responsive .mi-dialog__headerbtn { padding: 0px; } [dir="ltr"] .mi-dialog.is-responsive .mi-dialog__headerbtn { right: 12px; } [dir="rtl"] .mi-dialog.is-responsive .mi-dialog__headerbtn { left: 12px; } [dir="ltr"] .mi-dialog.is-responsive .mi-dialog__headerbtn-rtl { right: unset; left: 12px; } [dir="rtl"] .mi-dialog.is-responsive .mi-dialog__headerbtn-rtl { left: unset; right: 12px; } .mi-dialog.is-responsive .mi-dialog__headerbtn:focus, .mi-dialog.is-responsive .mi-dialog__headerbtn:hover { color: var(--mi-text-color-tertiary); } [dir] .mi-dialog.is-responsive .mi-dialog__headerbtn:focus, [dir] .mi-dialog.is-responsive .mi-dialog__headerbtn:hover { background-color: transparent; } .mi-dialog.is-responsive .mi-dialog__title { font-size: 16px; line-height: 1.4; width: calc(100% - 36px); } [dir] .mi-dialog.is-responsive .mi-dialog__body { padding: 12px 16px; } [dir] .mi-dialog.is-responsive .mi-dialog__footer { padding: 8px 16px 20px; } .mi-dialog.is-responsive .mi-dialog__footer .dialog-footer { display: inline-flex; } .mi-dialog.is-responsive .mi-dialog__footer .dialog-footer .mi-button { flex: 1 1 0%; } [dir="ltr"] .mi-dialog.is-responsive .mi-dialog__footer .dialog-footer .mi-button { margin-right: 12px; } [dir="rtl"] .mi-dialog.is-responsive .mi-dialog__footer .dialog-footer .mi-button { margin-left: 12px; } } .mi-overlay, .mi-overlay-dialog { position: fixed; top: 0px; bottom: 0px; overflow: auto; } [dir="ltr"] .mi-overlay-dialog, [dir="rtl"] .mi-overlay-dialog { left: 0px; right: 0px; } [dir="ltr"] .dialog-fade-enter-active, [dir="rtl"] .dialog-fade-enter-active { animation: modal-fade-in var(--mi-transition-duration); } [dir="ltr"] .dialog-fade-enter-active .mi-overlay-dialog, [dir="rtl"] .dialog-fade-enter-active .mi-overlay-dialog { animation: dialog-fade-in var(--mi-transition-duration); } @media only screen and (max-width: 767px) { [dir="ltr"] .dialog-fade-enter-active .mi-overlay-dialog.is-responsive, [dir="rtl"] .dialog-fade-enter-active .mi-overlay-dialog.is-responsive { animation: dialog-fade-in-responsive var(--mi-transition-duration); } } [dir="ltr"] .dialog-fade-leave-active, [dir="rtl"] .dialog-fade-leave-active { animation: modal-fade-out var(--mi-transition-duration); } [dir="ltr"] .dialog-fade-leave-active .mi-overlay-dialog, [dir="rtl"] .dialog-fade-leave-active .mi-overlay-dialog { animation: dialog-fade-out var(--mi-transition-duration); } @media only screen and (max-width: 767px) { [dir="ltr"] .dialog-fade-leave-active .mi-overlay-dialog.is-responsive, [dir="rtl"] .dialog-fade-leave-active .mi-overlay-dialog.is-responsive { animation: dialog-fade-out-responsive var(--mi-transition-duration); } } .mi-overlay { z-index: 2000; height: 100%; } [dir] .mi-overlay { background-color: var(--mi-overlay-color-lighter); } [dir="ltr"] .mi-overlay, [dir="rtl"] .mi-overlay { left: 0px; right: 0px; } .mi-overlay .mi-overlay-root { height: 0px; } .mi-checkbox-group { font-size: 0px; line-height: 0; } [dir="ltr"] .mi-checkbox-group-rtl { direction: rtl; } [dir="rtl"] .mi-checkbox-group-rtl { direction: ltr; } .mi-textarea { --mi-input-text-color: var(--mi-text-color-secondary); --mi-input-border: var(--mi-border); --mi-input-hover-border: var(--mi-border-color-hover); --mi-input-focus-border: var(--mi-color-primary); --mi-input-transparent-border: 0 0 0 1px transparent inset; --mi-input-border-color: var(--mi-border-color-primary); --mi-input-border-radius: var(--mi-border-radius-base); --mi-input-bg-color: var(--mi-fill-color-blank); --mi-input-icon-color: var(--mi-color-info-active); --mi-input-placeholder-color: var(--mi-text-color-placeholder); --mi-input-hover-border-color: var(--mi-border-color-secondary); --mi-input-hover-border-picker-color: var(--mi-border-color-picker-hover); --mi-input-clear-hover-color: var(--mi-color-info-active); --mi-input-focus-border-color: var(--mi-color-primary); position: relative; display: inline-block; width: 100%; vertical-align: bottom; font-size: var(--mi-font-size-base); } [dir="ltr"] .mi-textarea-rtl { direction: rtl; } [dir="rtl"] .mi-textarea-rtl { direction: ltr; } .mi-textarea__inner { position: relative; display: block; resize: vertical; line-height: 1.5; box-sizing: border-box; width: 100%; font-size: inherit; font-family: inherit; color: var(--mi-input-text-color,var(--mi-text-color-secondary)); appearance: none; transition: var(--mi-transition-box-shadow); } [dir] .mi-textarea__inner { padding: 12px 16px; background-color: var(--mi-input-bg-color,var(--mi-fill-color-blank)); background-image: none; border-radius: var(--mi-border-radius-md); border: 1px solid var(--mi-border-color-secondary); } .mi-textarea__inner::placeholder { color: var(--mi-input-placeholder-color,var(--mi-text-color-placeholder)); } [dir] .mi-textarea__inner:hover { border-color: var(--mi-input-hover-border-color); } .mi-textarea__inner:focus { outline: 0px; } [dir] .mi-textarea__inner:focus { border-color: var(--mi-border-color-inverse-primary); } .mi-textarea .mi-input__count { color: var(--mi-text-color-disabled); position: absolute; font-size: 12px; line-height: 14px; bottom: 8px; } [dir] .mi-textarea .mi-input__count { background: var(--mi-fill-color-blank); } [dir="ltr"] .mi-textarea .mi-input__count { right: 12px; } [dir="rtl"] .mi-textarea .mi-input__count { left: 12px; } [dir="ltr"] .mi-textarea .mi-input__count-rtl { right: unset; left: 12px; } [dir="rtl"] .mi-textarea .mi-input__count-rtl { left: unset; right: 12px; } .mi-textarea.is-disabled .mi-textarea__inner { color: var(--mi-disabled-text-color); } [dir] .mi-textarea.is-disabled .mi-textarea__inner { background-color: var(--mi-disabled-bg-color); border-color: var(--mi-disabled-border-color); cursor: not-allowed; } .mi-textarea.is-disabled .mi-textarea__inner::placeholder { color: var(--mi-text-color-placeholder); } [dir] .mi-textarea.is-exceed .mi-textarea__inner { box-shadow: 0 0 0 1px var(--mi-color-danger) inset; } .mi-textarea.is-exceed .mi-input__count { color: var(--mi-color-danger); } .mi-input { --mi-input-text-color: var(--mi-text-color-secondary); --mi-input-border: var(--mi-border); --mi-input-hover-border: var(--mi-border-color-hover); --mi-input-focus-border: var(--mi-color-primary); --mi-input-transparent-border: 0 0 0 1px transparent inset; --mi-input-border-color: var(--mi-border-color-primary); --mi-input-border-radius: var(--mi-border-radius-base); --mi-input-bg-color: var(--mi-fill-color-blank); --mi-input-icon-color: var(--mi-color-info-active); --mi-input-placeholder-color: var(--mi-text-color-placeholder); --mi-input-hover-border-color: var(--mi-border-color-secondary); --mi-input-hover-border-picker-color: var(--mi-border-color-picker-hover); --mi-input-clear-hover-color: var(--mi-color-info-active); --mi-input-focus-border-color: var(--mi-color-primary); --mi-input-height: var(--mi-component-size); position: relative; font-size: var(--mi-font-size-base); display: inline-flex; width: 100%; line-height: var(--mi-input-height); box-sizing: border-box; vertical-align: middle; } .mi-input::-webkit-scrollbar { z-index: 11; width: 6px; } .mi-input::-webkit-scrollbar:horizontal { height: 6px; } .mi-input::-webkit-scrollbar-thumb { width: 6px; } [dir] .mi-input::-webkit-scrollbar-thumb { border-radius: 5px; background: var(--mi-text-color-disabled); } [dir] .mi-input::-webkit-scrollbar-corner { background: var(--mi-fill-color-blank); } [dir] .mi-input::-webkit-scrollbar-track { background: var(--mi-fill-color-blank); } .mi-input::-webkit-scrollbar-track-piece { width: 6px; } [dir] .mi-input::-webkit-scrollbar-track-piece { background: var(--mi-fill-color-blank); } [dir="ltr"] .mi-input-rtl { direction: rtl; } [dir="rtl"] .mi-input-rtl { direction: ltr; } .mi-input .mi-input__clear, .mi-input .mi-input__password { color: var(--mi-input-icon-color); font-size: 14px; } [dir] .mi-input .mi-input__clear, [dir] .mi-input .mi-input__password { cursor: pointer; } .mi-input .mi-input__clear:hover, .mi-input .mi-input__password:hover { color: var(--mi-input-clear-hover-color); } .mi-input .mi-input__count { height: 100%; display: inline-flex; align-items: center; color: var(--mi-text-color-disabled); font-size: 12px; } .mi-input .mi-input__count .mi-input__count-inner { line-height: initial; display: inline-block; } [dir] .mi-input .mi-input__count .mi-input__count-inner { background: var(--mi-fill-color-blank); } [dir="ltr"] .mi-input .mi-input__count .mi-input__count-inner { padding-left: 8px; } [dir="rtl"] .mi-input .mi-input__count .mi-input__count-inner { padding-right: 8px; } .mi-input__wrapper { display: inline-flex; flex-grow: 1; align-items: center; justify-content: center; transition: var(--mi-transition-box-shadow); } [dir] .mi-input__wrapper { padding: 0px 16px; background-color: var(--mi-input-bg-color,var(--mi-fill-color-blank)); background-image: none; border-radius: var(--mi-input-border-radius,var(--mi-border-radius-base)); transform: translate3d(0px, 0px, 0px); border: 1px solid var(--mi-border-color-secondary); } [dir] .mi-input__wrapper:hover { border-color: var(--mi-input-hover-border-color); } [dir] .mi-input__wrapper.is-focus { border-color: var(--mi-border-color-inverse-primary); } .mi-input__inner { --mi-input-inner-height: calc(var(--mi-input-height, 32px) - 2px); width: 100%; flex-grow: 1; appearance: none; color: var(--mi-input-text-color,var(--mi-text-color-secondary)); font-size: inherit; height: var(--mi-input-inner-height); line-height: var(--mi-input-inner-height); outline: 0px; box-sizing: border-box; } [dir] .mi-input__inner { padding: 0px; border: 0px; } [dir="ltr"] .mi-input__inner { background: 0px 0px; } [dir="rtl"] .mi-input__inner { background: 100% 0px; } .mi-input__inner:focus { outline: 0px; } .mi-input__inner::placeholder { color: var(--mi-input-placeholder-color,var(--mi-text-color-placeholder)); } .mi-input__prefix { display: inline-flex; white-space: nowrap; flex-shrink: 0; flex-wrap: nowrap; height: 100%; color: var(--mi-input-icon-color,var(--mi-color-info-active)); transition: all var(--mi-transition-duration); pointer-events: none; } [dir] .mi-input__prefix { text-align: center; } .mi-input__prefix-inner { pointer-events: all; display: inline-flex; align-items: center; justify-content: center; } [dir="ltr"] .mi-input__prefix-inner > :last-child { margin-right: 8px; } [dir="rtl"] .mi-input__prefix-inner > :last-child { margin-left: 8px; } [dir="ltr"] .mi-input__prefix-inner > :first-child, [dir="ltr"] .mi-input__prefix-inner > :first-child.mi-input__icon { margin-left: 0px; } [dir="rtl"] .mi-input__prefix-inner > :first-child, [dir="rtl"] .mi-input__prefix-inner > :first-child.mi-input__icon { margin-right: 0px; } .mi-input__prefix-inner-rtl > :last-child { margin-inline-end: 8px !important; } [dir="ltr"] .mi-input__prefix-inner-rtl > :last-child { margin-right: unset; } [dir="rtl"] .mi-input__prefix-inner-rtl > :last-child { margin-left: unset; } .mi-input__prefix-inner-rtl > :first-child, .mi-input__prefix-inner-rtl > :first-child.mi-input__icon { margin-inline-start: 0px !important; } [dir="ltr"] .mi-input__prefix-inner-rtl > :first-child, [dir="ltr"] .mi-input__prefix-inner-rtl > :first-child.mi-input__icon { margin-left: unset; } [dir="rtl"] .mi-input__prefix-inner-rtl > :first-child, [dir="rtl"] .mi-input__prefix-inner-rtl > :first-child.mi-input__icon { margin-right: unset; } .mi-input__suffix { display: inline-flex; white-space: nowrap; flex-shrink: 0; flex-wrap: nowrap; height: 100%; color: var(--mi-input-icon-color,var(--mi-color-info-active)); transition: all var(--mi-transition-duration); pointer-events: none; } [dir] .mi-input__suffix { text-align: center; } .mi-input__suffix-inner { pointer-events: all; display: inline-flex; align-items: center; justify-content: center; } [dir="ltr"] .mi-input__suffix-inner > :first-child { margin-left: 8px; } [dir="rtl"] .mi-input__suffix-inner > :first-child { margin-right: 8px; } .mi-input__suffix-inner-rtl > :first-child, .mi-input__suffix-inner-rtl > :last-child { margin-inline-start: 8px !important; } [dir="ltr"] .mi-input__suffix-inner-rtl > :first-child, [dir="ltr"] .mi-input__suffix-inner-rtl > :last-child { margin-left: unset !important; } [dir="rtl"] .mi-input__suffix-inner-rtl > :first-child, [dir="rtl"] .mi-input__suffix-inner-rtl > :last-child { margin-right: unset !important; } .mi-input .mi-input__icon { height: inherit; line-height: inherit; display: flex; justify-content: center; align-items: center; transition: all var(--mi-transition-duration); } [dir="ltr"] .mi-input .mi-input__icon { margin-left: 8px; } [dir="rtl"] .mi-input .mi-input__icon { margin-right: 8px; } .mi-input__validateIcon { pointer-events: none; } [dir] .mi-input.is-active .mi-input__wrapper { box-shadow: 0 0 0 1px var(--mi-input-focus-color,) inset; } [dir] .mi-input.is-disabled { cursor: not-allowed; } [dir] .mi-input.is-disabled .mi-input__wrapper { background-color: var(--mi-disabled-bg-color); } .mi-input.is-disabled .mi-input__inner { color: var(--mi-disabled-text-color); -webkit-text-fill-color: var(--mi-disabled-text-color); } [dir] .mi-input.is-disabled .mi-input__icon, [dir] .mi-input.is-disabled .mi-input__inner { cursor: not-allowed; } .mi-input.is-disabled .mi-input__inner::placeholder { color: var(--mi-text-color-placeholder); } [dir] .mi-input.is-exceed .mi-input__wrapper { border: 1px solid var(--mi-color-danger); } .mi-input.is-exceed .mi-input__suffix .mi-input__count { color: var(--mi-color-danger); } [dir] .mi-input.is-round .mi-input__wrapper { border-radius: var(--mi-border-radius-round); } .mi-input--large { --mi-input-height: var(--mi-component-size-large); font-size: 16px; } [dir] .mi-input--large .mi-input__wrapper, [dir] .mi-input--medium .mi-input__wrapper { padding: 0px 16px; } .mi-input--large .mi-input__inner { --mi-input-inner-height: calc(var(--mi-input-height, 48px) - 2px); } .mi-input--medium { --mi-input-height: var(--mi-component-size-medium); font-size: 14px; } .mi-input--medium .mi-input__inner { --mi-input-inner-height: calc(var(--mi-input-height, 40px) - 2px); } .mi-input--small { --mi-input-height: var(--mi-component-size-small); font-size: 12px; } [dir] .mi-input--small .mi-input__wrapper { padding: 0px 12px; } .mi-input--small .mi-input__inner { --mi-input-inner-height: calc(var(--mi-input-height, 24px) - 2px); } .mi-input-group { display: inline-flex; width: 100%; align-items: stretch; transition: var(--mi-transition-box-shadow); } [dir] .mi-input-group { background-color: transparent var(--mi-fill-color-light); border-radius: var(--mi-input-border-radius,var(--mi-border-radius-base)); box-shadow: 0 0 0 1px var(--mi-input-border-color,var(--mi-border-color-primary)) inset; } [dir] .mi-input-group.is-round { border-radius: var(--mi-border-radius-round); } [dir] .mi-input-group:hover { box-shadow: 0 0 0 1px var(--mi-input-hover-border-color) inset; } [dir] .mi-input-group.is-focus { box-shadow: 0 0 0 1px var(--mi-input-focus-border-color) inset; } .mi-input-group__append { position: relative; } .mi-input-group__append, .mi-input-group__prepend { color: var(--mi-text-color-secondary); display: inline-flex; align-items: center; justify-content: center; min-height: 100%; white-space: nowrap; } [dir] .mi-input-group__append, [dir] .mi-input-group__prepend { border-radius: var(--mi-input-border-radius); background-color: transparent !important; } .mi-input-group__append:focus, .mi-input-group__prepend:focus { outline: 0px; } .mi-input-group__append .mi-button, .mi-input-group__append .mi-select, .mi-input-group__prepend .mi-button, .mi-input-group__prepend .mi-select { display: inline-block; } .mi-input-group__append button.mi-button, .mi-input-group__append button.mi-button:hover, .mi-input-group__append div.mi-select .mi-input__wrapper, .mi-input-group__append div.mi-select:hover .mi-input__wrapper, .mi-input-group__prepend button.mi-button, .mi-input-group__prepend button.mi-button:hover, .mi-input-group__prepend div.mi-select .mi-input__wrapper, .mi-input-group__prepend div.mi-select:hover .mi-input__wrapper { color: inherit; } [dir] .mi-input-group__append button.mi-button, [dir] .mi-input-group__append button.mi-button:hover, [dir] .mi-input-group__append div.mi-select .mi-input__wrapper, [dir] .mi-input-group__append div.mi-select:hover .mi-input__wrapper, [dir] .mi-input-group__prepend button.mi-button, [dir] .mi-input-group__prepend button.mi-button:hover, [dir] .mi-input-group__prepend div.mi-select .mi-input__wrapper, [dir] .mi-input-group__prepend div.mi-select:hover .mi-input__wrapper { border-color: transparent; background-color: transparent; box-shadow: none !important; } [dir] .mi-input-group__append button.mi-button.is-focus, [dir] .mi-input-group__append button.mi-button:hover.is-focus, [dir] .mi-input-group__append div.mi-select .mi-input__wrapper.is-focus, [dir] .mi-input-group__append div.mi-select:hover .mi-input__wrapper.is-focus, [dir] .mi-input-group__prepend button.mi-button.is-focus, [dir] .mi-input-group__prepend button.mi-button:hover.is-focus, [dir] .mi-input-group__prepend div.mi-select .mi-input__wrapper.is-focus, [dir] .mi-input-group__prepend div.mi-select:hover .mi-input__wrapper.is-focus { box-shadow: none !important; } .mi-input-group__append .mi-button, .mi-input-group__append .mi-input, .mi-input-group__prepend .mi-button, .mi-input-group__prepend .mi-input { font-size: inherit; } .mi-input-group__prepend { position: relative; } [dir="ltr"] .mi-input-group__prepend { border-right: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; padding: 0px 12px 0px 16px; } [dir="rtl"] .mi-input-group__prepend { border-left: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; padding: 0px 16px 0px 12px; } [dir="ltr"] .mi-input-group__prepend .mi-button, [dir="ltr"] .mi-input-group__prepend .mi-select { margin: 0px -12px 0px -16px; } [dir="rtl"] .mi-input-group__prepend .mi-button, [dir="rtl"] .mi-input-group__prepend .mi-select { margin: 0px -16px 0px -12px; } .mi-input-group__prepend::before { content: " "; height: 16px; width: 1px; position: absolute; top: 50%; } [dir] .mi-input-group__prepend::before { background-color: var(--mi-input-border-color); transform: translateY(-50%); } [dir="ltr"] .mi-input-group__prepend::before { right: 0px; } [dir="rtl"] .mi-input-group__prepend::before { left: 0px; } .mi-input-group__prepend-rtl::before { content: none; } .mi-input-group__prepend-rtl::after { content: " "; height: 16px; width: 1px; position: absolute; top: 50%; } [dir] .mi-input-group__prepend-rtl::after { background-color: var(--mi-input-border-color); transform: translateY(-50%); } [dir="ltr"] .mi-input-group__prepend-rtl::after { left: 0px; } [dir="rtl"] .mi-input-group__prepend-rtl::after { right: 0px; } [dir="ltr"] .mi-input-group__append { border-left: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; padding-right: 16px; } [dir="rtl"] .mi-input-group__append { border-right: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; padding-left: 16px; } [dir="ltr"] .mi-input-group__append .mi-button, [dir="ltr"] .mi-input-group__append .mi-select { margin-right: -16px; } [dir="rtl"] .mi-input-group__append .mi-button, [dir="rtl"] .mi-input-group__append .mi-select { margin-left: -16px; } .mi-input-group__append-rtl { padding-inline-end: 16px; } [dir="ltr"] .mi-input-group__append-rtl { padding-right: unset; } [dir="rtl"] .mi-input-group__append-rtl { padding-left: unset; } .mi-input-group__append-rtl .mi-button, .mi-input-group__append-rtl .mi-select { margin-inline-end: -16px; } [dir="ltr"] .mi-input-group__append-rtl .mi-button, [dir="ltr"] .mi-input-group__append-rtl .mi-select { margin-right: unset; } [dir="rtl"] .mi-input-group__append-rtl .mi-button, [dir="rtl"] .mi-input-group__append-rtl .mi-select { margin-left: unset; } [dir] .mi-input-group--append > .mi-input__wrapper, [dir] .mi-input-group--prepend > .mi-input__wrapper { background-color: transparent; border-radius: 0px; box-shadow: none !important; border: 0px !important; } .fade-in-linear-enter-active, .fade-in-linear-leave-active { transition: var(--mi-transition-fade-linear); } .fade-in-linear-enter-from, .fade-in-linear-leave-to { opacity: 0; } .mi-fade-in-linear-enter-active, .mi-fade-in-linear-leave-active { transition: var(--mi-transition-fade-linear); } .mi-fade-in-linear-enter-from, .mi-fade-in-linear-leave-to { opacity: 0; } .mi-fade-in-enter-active, .mi-fade-in-leave-active { transition: all var(--mi-transition-duration) cubic-bezier(.55,0,.1,1); } .mi-fade-in-enter-from, .mi-fade-in-leave-active { opacity: 0; } .mi-zoom-in-center-enter-active, .mi-zoom-in-center-leave-active { transition: all var(--mi-transition-duration) cubic-bezier(.55,0,.1,1); } .mi-zoom-in-center-enter-from, .mi-zoom-in-center-leave-active { opacity: 0; } [dir] .mi-zoom-in-center-enter-from, [dir] .mi-zoom-in-center-leave-active { transform: scaleX(0); } .mi-zoom-in-top-enter-active { opacity: 1; } .mi-zoom-in-top-enter-active, .mi-zoom-in-top-leave-active { transition: var(--mi-transition-md-fade); } [dir] .mi-zoom-in-top-enter-active { transform: scaleY(1); transform-origin: center top; } [dir] .mi-zoom-in-top-leave-active { transform-origin: center top; } [dir] .mi-zoom-in-top-enter-active[data-popper-placement^="top"], [dir] .mi-zoom-in-top-leave-active[data-popper-placement^="top"] { transform-origin: center bottom; } .mi-zoom-in-top-enter-from, .mi-zoom-in-top-leave-active { opacity: 0; } [dir] .mi-zoom-in-top-enter-from, [dir] .mi-zoom-in-top-leave-active { transform: scaleY(0); } .mi-zoom-in-bottom-enter-active { opacity: 1; } .mi-zoom-in-bottom-enter-active, .mi-zoom-in-bottom-leave-active { transition: var(--mi-transition-md-fade); } [dir] .mi-zoom-in-bottom-enter-active { transform: scaleY(1); transform-origin: center bottom; } [dir] .mi-zoom-in-bottom-leave-active { transform-origin: center bottom; } .mi-zoom-in-bottom-enter-from, .mi-zoom-in-bottom-leave-active { opacity: 0; } [dir] .mi-zoom-in-bottom-enter-from, [dir] .mi-zoom-in-bottom-leave-active { transform: scaleY(0); } .mi-zoom-in-left-enter-active { opacity: 1; } .mi-zoom-in-left-enter-active, .mi-zoom-in-left-leave-active { transition: var(--mi-transition-md-fade); } [dir] .mi-zoom-in-left-enter-active { transform: scale(1, 1); } [dir="ltr"] .mi-zoom-in-left-enter-active, [dir="ltr"] .mi-zoom-in-left-leave-active { transform-origin: left top; } [dir="rtl"] .mi-zoom-in-left-enter-active, [dir="rtl"] .mi-zoom-in-left-leave-active { transform-origin: right top; } .mi-zoom-in-left-enter-from, .mi-zoom-in-left-leave-active { opacity: 0; } [dir] .mi-zoom-in-left-enter-from, [dir] .mi-zoom-in-left-leave-active { transform: scale(0.45, 0.45); } .collapse-transition { transition: var(--mi-transition-duration) height ease-in-out,var(--mi-transition-duration) padding-top ease-in-out,var(--mi-transition-duration) padding-bottom ease-in-out; } .mi-collapse-transition-enter-active, .mi-collapse-transition-leave-active { transition: var(--mi-transition-duration) max-height ease-in-out,var(--mi-transition-duration) padding-top ease-in-out,var(--mi-transition-duration) padding-bottom ease-in-out; } [dir="ltr"] .horizontal-collapse-transition { transition: var(--mi-transition-duration) width ease-in-out,var(--mi-transition-duration) padding-left ease-in-out,var(--mi-transition-duration) padding-right ease-in-out; } [dir="rtl"] .horizontal-collapse-transition { transition: var(--mi-transition-duration) width ease-in-out,var(--mi-transition-duration) padding-right ease-in-out,var(--mi-transition-duration) padding-left ease-in-out; } .mi-list-enter-active, .mi-list-leave-active { transition: 1s; } .mi-list-enter-from, .mi-list-leave-to { opacity: 0; } [dir] .mi-list-enter-from, [dir] .mi-list-leave-to { transform: translateY(-30px); } .mi-list-leave-active { position: absolute !important; } .mi-opacity-transition { transition: opacity var(--mi-transition-duration) cubic-bezier(.55,0,.1,1); } .mi-collapse { --mi-collapse-border-color: var(--mi-border-color-lighter); --mi-collapse-header-height: 48px; --mi-collapse-padding-horizontal: 25px; --mi-collapse-header-bg-color: var(--mi-fill-color-blank); --mi-collapse-header-text-color: var(--mi-text-color-primary); --mi-collapse-header-font-size: 13px; --mi-collapse-content-bg-color: var(--mi-fill-color-blank); --mi-collapse-content-font-size: 13px; --mi-collapse-content-text-color: var(--mi-text-color-tertiary); } [dir] .mi-collapse { border: 1px solid var(--mi-collapse-border-color); border-radius: 8px; } .mi-collapse-item.is-disabled .mi-collapse-item__header { color: var(--mi-text-color-disabled); } [dir] .mi-collapse-item.is-disabled .mi-collapse-item__header, [dir] .mi-radio__input.is-disabled .mi-radio__inner + .mi-radio__label, [dir] .mi-radio__input.is-disabled + span.mi-radio__label { cursor: not-allowed; } .mi-collapse-item__header { display: flex; align-items: center; color: var(--mi-collapse-header-text-color); font-size: var(--mi-font-size-base); font-weight: 600; transition: border-bottom-color var(--mi-transition-duration); outline: 0px; line-height: 140%; } [dir] .mi-collapse-item__header { cursor: pointer; border-bottom: 1px solid var(--mi-collapse-border-color); padding: 16px; } .mi-collapse-item__arrow { transition: transform var(--mi-transition-duration); font-weight: 300; } [dir="ltr"] .mi-collapse-item__arrow { margin: 0px 0px 0px auto; } [dir="rtl"] .mi-collapse-item__arrow { margin: 0px auto 0px 0px; } [dir="ltr"] .mi-collapse-item__arrow-rtl { margin: 0px auto 0px 0px; transform: rotate(180deg); } [dir="rtl"] .mi-collapse-item__arrow-rtl { margin: 0px 0px 0px auto; transform: rotate(-180deg); } [dir="ltr"] .mi-collapse-item__arrow.is-active { transform: rotate(90deg); } [dir="rtl"] .mi-collapse-item__arrow.is-active { transform: rotate(-90deg); } .mi-collapse-item__header.focusing:focus:not(:hover) { color: var(--mi-color-primary); } [dir] .mi-collapse-item__header.is-active { border-bottom-color: transparent; } .mi-collapse-item__wrap { will-change: height; overflow: hidden; box-sizing: border-box; } [dir] .mi-collapse-item__wrap { border-bottom: 1px solid var(--mi-collapse-border-color); } .mi-collapse-item__content { font-size: var(--mi-font-size-base); color: var(--mi-text-color-tertiary); line-height: 1.76923; } [dir] .mi-collapse-item__content { padding: 0px 16px 16px; } [dir] .mi-collapse-item:last-child { margin-bottom: -1px; } [dir] .mi-collapse-item:last-child .mi-collapse-item__header, [dir] .mi-collapse-item:last-child .mi-collapse-item__wrap { border-bottom: 0px; } [dir="ltr"] .mi-icon-loading, [dir="ltr"] .mi-icon.is-loading { animation: 2s linear 0s infinite normal none running rotating-ltr; } [dir="rtl"] .mi-icon-loading, [dir="rtl"] .mi-icon.is-loading { animation: 2s linear 0s infinite normal none running rotating-rtl; } [dir="ltr"] .mi-icon--right { margin-left: 5px; } [dir="ltr"] .mi-dropdown-menu__item i, [dir="ltr"] .mi-icon--left, [dir="rtl"] .mi-icon--right { margin-right: 5px; } [dir="rtl"] .mi-dropdown-menu__item i, [dir="rtl"] .mi-icon--left { margin-left: 5px; } .mi-icon--space { margin-inline-start: 5px; } .mi-icon, .mi-radio { position: relative; display: inline-flex; align-items: center; } .mi-icon { --color: inherit; line-height: 1em; justify-content: center; fill: currentcolor; color: var(--color); font-size: inherit; } .mi-icon, .mi-icon svg { height: 1em; width: 1em; } .mi-radio { --mi-radio-font-size: var(--mi-font-size-base); --mi-radio-text-color: var(--mi-text-color-primary); --mi-radio-font-weight: var(--mi-font-weight-primary); --mi-radio-input-height: 16px; --mi-radio-input-width: 16px; --mi-radio-input-border-radius: var(--mi-border-radius-circle); --mi-radio-input-bg-color: var(--mi-fill-color-blank); --mi-radio-input-border: var(--mi-border); --mi-radio-input-border-color: var(--mi-border-color); --mi-radio-input-border-color-hover: var(--mi-color-primary); color: var(--mi-radio-text-color); white-space: nowrap; outline: 0px; font-size: var(--mi-font-size-base); user-select: none; height: 32px; } [dir] .mi-radio { cursor: pointer; } [dir="ltr"] .mi-radio { margin-right: 32px; } [dir="rtl"] .mi-radio { margin-left: 32px; } .mi-radio-rtl { margin-inline-end: 30px; } [dir="ltr"] .mi-radio-rtl { direction: rtl; margin-right: unset; } [dir="rtl"] .mi-radio-rtl { direction: ltr; margin-left: unset; } .mi-radio.mi-radio--large { height: 48px; } .mi-radio.mi-radio--small { height: 24px; } .mi-radio.is-bordered { box-sizing: border-box; } [dir] .mi-radio.is-bordered { border-radius: var(--mi-border-radius-base); border: var(--mi-border); } [dir="ltr"] .mi-radio.is-bordered { padding: 0px 15px 0px 9px; } [dir="rtl"] .mi-radio.is-bordered { padding: 0px 9px 0px 15px; } [dir] .mi-radio.is-bordered.is-checked { border-color: var(--mi-color-primary); } [dir] .mi-radio.is-bordered.is-disabled { cursor: not-allowed; border-color: var(--mi-border-color-lighter); } [dir] .mi-radio.is-bordered.mi-radio--large { border-radius: var(--mi-border-radius-base); } [dir="ltr"] .mi-radio.is-bordered.mi-radio--large { padding: 0px 19px 0px 11px; } [dir="rtl"] .mi-radio.is-bordered.mi-radio--large { padding: 0px 11px 0px 19px; } .mi-radio.is-bordered.mi-radio--large .mi-radio__label { font-size: var(--mi-font-size-medium); } .mi-radio.is-bordered.mi-radio--large .mi-radio__inner { height: 14px; width: 14px; } [dir] .mi-radio.is-bordered.mi-radio--small { border-radius: var(--mi-border-radius-base); } [dir="ltr"] .mi-radio.is-bordered.mi-radio--small { padding: 0px 11px 0px 7px; } [dir="rtl"] .mi-radio.is-bordered.mi-radio--small { padding: 0px 7px 0px 11px; } .mi-radio.is-bordered.mi-radio--small .mi-radio__label { font-size: var(--mi-font-size-small); } .mi-radio.is-bordered.mi-radio--small .mi-radio__inner { height: 12px; width: 12px; } [dir="ltr"] .mi-radio:last-child { margin-right: 0px; } [dir="rtl"] .mi-radio:last-child { margin-left: 0px; } .mi-radio__input { white-space: nowrap; outline: 0px; display: inline-flex; position: relative; vertical-align: middle; } [dir] .mi-radio__input { cursor: pointer; } [dir] .mi-radio__input.is-disabled .mi-radio__inner { background-color: var(--mi-color-info); border-color: var(--mi-disabled-border-color); cursor: not-allowed; } [dir] .mi-radio__input.is-disabled .mi-radio__inner::after { cursor: not-allowed; background-color: var(--mi-disabled-bg-color); } [dir] .mi-radio__input.is-disabled.is-checked .mi-radio__inner { background-color: var(--mi-disabled-bg-color); border-color: var(--mi-disabled-border-color); } [dir] .mi-radio__input.is-disabled.is-checked .mi-radio__inner::after { background-color: var(--mi-text-color-placeholder); } .mi-radio__input.is-disabled + span.mi-radio__label { color: var(--mi-text-color-placeholder); } [dir] .mi-radio__input.is-checked .mi-radio__inner { border-color: var(--mi-color-primary); background: var(--mi-bg-color-primary); } [dir] .mi-radio__input.is-checked .mi-radio__inner::after { background: var(--mi-color-primary); } [dir="ltr"] .mi-radio__input.is-checked .mi-radio__inner::after { transform: translate(-50%, -50%) scale(1); } [dir="rtl"] .mi-radio__input.is-checked .mi-radio__inner::after { transform: translate(50%, -50%) scale(1); } [dir] .mi-radio__input.is-checked.is-main .mi-radio__inner { border-color: var(--mi-border-color-inverse-primary); } [dir] .mi-radio__input.is-checked.is-main .mi-radio__inner::after { background-color: var(--mi-bg-color-inverse-primary); } .mi-radio__input.is-checked + .mi-radio__label { color: var(--mi-radio-text-color); } [dir] .mi-radio__inner:hover, [dir] .mi-radio__input.is-focus .mi-radio__inner { border-color: var(--mi-radio-input-border-color-hover); } .mi-radio__inner { width: var(--mi-radio-input-width); height: var(--mi-radio-input-height); position: relative; display: inline-block; box-sizing: border-box; } [dir] .mi-radio__inner { border: var(--mi-radio-input-border); border-radius: var(--mi-radio-input-border-radius); background-color: var(--mi-radio-input-bg-color); cursor: pointer; } .mi-radio__inner::after { width: 8px; height: 8px; content: ""; position: absolute; top: 50%; transition: transform 0.15s ease-in; } [dir] .mi-radio__inner::after { border-radius: var(--mi-radio-input-border-radius); background-color: var(--mi-color-white); } [dir="ltr"] .mi-radio__inner::after { left: 50%; transform: translate(-50%, -50%) scale(0); } [dir="rtl"] .mi-radio__inner::after { right: 50%; transform: translate(50%, -50%) scale(0); } .mi-radio__original { opacity: 0; outline: 0px; position: absolute; z-index: -1; top: 0px; bottom: 0px; } [dir] .mi-message p, [dir] .mi-radio__original { margin: 0px; } [dir="ltr"] .mi-radio__original, [dir="rtl"] .mi-radio__original { right: 0px; left: 0px; } .mi-radio__original:focus-visible + .mi-radio__inner { outline: 0px; } [dir] .mi-radio__original:focus-visible + .mi-radio__inner { border-radius: var(--mi-radio-input-border-radius); } [dir] .mi-radio:focus:not(:focus-visible):not(.is-focus):not(:active):not(.is-disabled) .mi-radio__inner { box-shadow: 0 0 2px 2px var(--mi-radio-input-border-color-hover); } .mi-radio__label { font-size: var(--mi-radio-font-size); } [dir="ltr"] .mi-radio__label { padding-left: 8px; } [dir="rtl"] .mi-radio__label { padding-right: 8px; } .mi-radio__label-rtl { padding-inline-start: 8px; } [dir="ltr"] .mi-radio__label-rtl { padding-left: unset; } [dir="rtl"] .mi-radio__label-rtl { padding-right: unset; } .mi-radio.mi-radio--large .mi-radio__label { font-size: 14px; } .mi-radio.mi-radio--large .mi-radio__inner { width: 16px; height: 16px; } .mi-radio.mi-radio--large .mi-radio__inner::after { width: 8px; height: 8px; } .mi-radio.mi-radio--small .mi-radio__label { font-size: 12px; } .mi-radio.mi-radio--small .mi-radio__inner { width: 12px; height: 12px; } .mi-radio.mi-radio--small .mi-radio__inner::after { width: 6px; height: 6px; } .mi-alert { --mi-alert-padding: 16px 24px; --mi-alert-border-radius-base: 8px; --mi-alert-title-font-size: 14px; --mi-alert-info-bg-color: #e8ffff; --mi-alert-description-font-size: 14px; --mi-alert-close-font-size: 16px; --mi-alert-close-btn-size: 24px; --mi-alert-close-customed-font-size: 13px; --mi-alert-icon-size: 16px; --mi-alert-icon-large-size: 20px; width: 100%; box-sizing: border-box; position: relative; overflow: hidden; opacity: 1; display: flex; transition: opacity var(--mi-transition-duration-fast); } [dir] .mi-alert { padding: var(--mi-alert-padding); margin: 0px; border-radius: var(--mi-alert-border-radius-base); background-color: var(--mi-color-white); } [dir="ltr"] .mi-alert-rtl { direction: rtl; } [dir="rtl"] .mi-alert-rtl { direction: ltr; } .mi-alert.is-center { justify-content: center; } .mi-alert--success { --mi-alert-bg-color: var(--mi-color-success-plain); } [dir] .mi-alert--success { background-color: var(--mi-alert-bg-color); } .mi-alert--success, .mi-alert--success .mi-alert__close-btn, .mi-alert--success .mi-alert__description { color: var(--mi-text-color-primary); } .mi-alert--success .mi-alert__icon { color: var(--mi-color-success); } .mi-alert--info { --mi-alert-bg-color: var(--mi-color-info-plain); } [dir] .mi-alert--info { background-color: var(--mi-alert-info-bg-color); } .mi-alert--info, .mi-alert--info .mi-alert__close-btn, .mi-alert--info .mi-alert__description { color: var(--mi-text-color-primary); } .mi-alert--info .mi-alert__icon { color: var(--mi-color-primary); } .mi-alert--warning { --mi-alert-bg-color: var(--mi-color-warning-plain); } [dir] .mi-alert--warning { background-color: var(--mi-alert-bg-color); } .mi-alert--warning, .mi-alert--warning .mi-alert__close-btn, .mi-alert--warning .mi-alert__description { color: var(--mi-text-color-primary); } .mi-alert--warning .mi-alert__icon { color: var(--mi-color-warning); } .mi-alert--error { --mi-alert-bg-color: var(--mi-color-error-plain); } [dir] .mi-alert--error { background-color: var(--mi-alert-bg-color); } .mi-alert--error, .mi-alert--error .mi-alert__close-btn, .mi-alert--error .mi-alert__description { color: var(--mi-text-color-primary); } .mi-alert--error .mi-alert__icon { color: var(--mi-color-error); } .mi-alert__content { display: table-cell; } [dir="rtl"] .mi-alert__content .mi-alert__line { display: flex; } .mi-alert .mi-alert__icon { font-size: var(--mi-alert-icon-large-size); width: var(--mi-alert-icon-large-size); } [dir] .mi-alert .mi-alert__icon { margin-top: 2px; } [dir="ltr"] .mi-alert .mi-alert__icon { margin-right: 8px; } [dir="rtl"] .mi-alert .mi-alert__icon { margin-right: unset; margin-left: 8px; } .mi-alert .mi-alert__icon.is-big { font-size: var(--mi-alert-icon-large-size); width: var(--mi-alert-icon-large-size); } [dir] .mi-alert .mi-alert__icon.is-big { margin-top: 0px; } .mi-alert__title { font-size: var(--mi-alert-title-font-size); line-height: 22px; } .mi-alert__title.is-bold { font-weight: 500; } .mi-alert .mi-alert__description { font-size: var(--mi-alert-description-font-size); } [dir] .mi-alert .mi-alert__description { margin: 8px 0px 0px; } .mi-alert .mi-alert__closebtn { font-size: var(--mi-alert-close-font-size); opacity: 1; position: absolute; top: 16px; width: var(--mi-alert-close-btn-size); height: var(--mi-alert-close-btn-size); display: flex; align-items: center; justify-content: center; } [dir] .mi-alert .mi-alert__closebtn { cursor: pointer; } [dir="ltr"] .mi-alert .mi-alert__closebtn { right: 24px; } [dir="rtl"] .mi-alert .mi-alert__closebtn { right: unset; left: 24px; } [dir] .mi-alert .mi-alert__closebtn:hover { background-color: var(--mi-bg-color-tertiary); border-radius: var(--mi-alert-close-btn-size); } .mi-alert .mi-alert__closebtn.is-customed { font-style: normal; width: unset; color: var(--mi-text-color-secondary); font-size: var(--mi-alert-title-font-size); } [dir] .mi-alert .mi-alert__closebtn.is-customed:hover { background-color: unset; border-radius: unset; } .mi-alert-fade-enter-from, .mi-alert-fade-leave-active { opacity: 0; } .mi-radio-group { display: inline-flex; align-items: center; flex-wrap: wrap; font-size: 0px; } .mi-radio-group.is-round { overflow: hidden; } [dir] .mi-radio-group.is-round { border: 2px solid var(--mi-bg-color-tertiary); border-radius: var(--mi-border-radius-round); background-color: var(--mi-bg-color-tertiary); } [dir="ltr"] .mi-radio-group-rtl { direction: rtl; } [dir="rtl"] .mi-radio-group-rtl { direction: ltr; } .mi-button-group { display: inline-block; vertical-align: middle; } .mi-button-group::after, .mi-button-group::before { display: table; content: ""; } [dir] .mi-button-group::after { clear: both; } .mi-button-group-rtl { display: flex; } [dir="ltr"] .mi-button-group-rtl { direction: rtl; } [dir="rtl"] .mi-button-group-rtl { direction: ltr; } .mi-button-group > .mi-button { position: relative; } [dir="ltr"] .mi-button-group > .mi-button { float: left; } [dir="rtl"] .mi-button-group > .mi-button { float: right; } [dir="ltr"] .mi-button-group > .mi-button + .mi-button { margin-left: 0px; } [dir="rtl"] .mi-button-group > .mi-button + .mi-button { margin-right: 0px; } .mi-button-group > .mi-button-rtl + .mi-button-rtl { margin-inline-start: 0px; } [dir="ltr"] .mi-button-group > .mi-button-rtl:first-child { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: var(--mi-border-radius-base) !important; border-bottom-right-radius: var(--mi-border-radius-base) !important; } [dir="rtl"] .mi-button-group > .mi-button-rtl:first-child { border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: var(--mi-border-radius-base) !important; border-bottom-left-radius: var(--mi-border-radius-base) !important; } [dir="ltr"] .mi-button-group > .mi-button-rtl:last-child { border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: var(--mi-border-radius-base) !important; border-bottom-left-radius: var(--mi-border-radius-base) !important; } [dir="rtl"] .mi-button-group > .mi-button-rtl:last-child { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: var(--mi-border-radius-base) !important; border-bottom-right-radius: var(--mi-border-radius-base) !important; } [dir="ltr"] .mi-button-group > .mi-button-rtl:not(:last-child) { margin-right: unset; margin-left: -1px; } [dir="rtl"] .mi-button-group > .mi-button-rtl:not(:last-child) { margin-left: unset; margin-right: -1px; } [dir="ltr"] .mi-button-group > .mi-button:first-child { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } [dir="rtl"] .mi-button-group > .mi-button:first-child { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } [dir="ltr"] .mi-button-group > .mi-button:last-child { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } [dir="rtl"] .mi-button-group > .mi-button:last-child { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } [dir="ltr"] .mi-button-group > .mi-button:first-child:last-child, [dir="rtl"] .mi-button-group > .mi-button:first-child:last-child { border-top-left-radius: var(--mi-border-radius-base); border-bottom-left-radius: var(--mi-border-radius-base); border-top-right-radius: var(--mi-border-radius-base); border-bottom-right-radius: var(--mi-border-radius-base); } [dir] .mi-button-group > .mi-button:first-child:last-child.is-round { border-radius: var(--mi-border-radius-round); } [dir] .mi-button-group > .mi-button:first-child:last-child.is-circle { border-radius: 50%; } [dir] .mi-button-group > .mi-button:not(:first-child):not(:last-child) { border-radius: 0px; } [dir="ltr"] .mi-button-group > .mi-button:not(:last-child) { margin-right: -1px; } [dir="rtl"] .mi-button-group > .mi-button:not(:last-child) { margin-left: -1px; } .mi-button-group > .mi-button:active, .mi-button-group > .mi-button:focus, .mi-button-group > .mi-button:hover { z-index: 1; } .mi-button-group > .mi-button.is-active { z-index: 1; } [dir="ltr"] .mi-button-group > .mi-dropdown > .mi-button { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-left-color: var(--mi-button-divide-border-color); } [dir="rtl"] .mi-button-group > .mi-dropdown > .mi-button { border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-right-color: var(--mi-button-divide-border-color); } [dir="ltr"] .mi-button-group .mi-button--primary:first-child { border-right-color: var(--mi-button-divide-border-color); } [dir="rtl"] .mi-button-group .mi-button--primary:first-child { border-left-color: var(--mi-button-divide-border-color); } [dir="ltr"] .mi-button-group .mi-button--primary:last-child { border-left-color: var(--mi-button-divide-border-color); } [dir="rtl"] .mi-button-group .mi-button--primary:last-child { border-right-color: var(--mi-button-divide-border-color); } [dir="ltr"] .mi-button-group .mi-button--primary:not(:first-child):not(:last-child), [dir="rtl"] .mi-button-group .mi-button--primary:not(:first-child):not(:last-child) { border-right-color: var(--mi-button-divide-border-color); border-left-color: var(--mi-button-divide-border-color); } [dir="ltr"] .mi-button-group .mi-button--primary.mi-button-rtl:first-child { border-right-color: unset; border-left-color: var(--mi-button-divide-border-color); } [dir="rtl"] .mi-button-group .mi-button--primary.mi-button-rtl:first-child { border-left-color: unset; border-right-color: var(--mi-button-divide-border-color); } [dir="ltr"] .mi-button-group .mi-button--primary.mi-button-rtl:last-child { border-left-color: unset; border-right-color: var(--mi-button-divide-border-color); } [dir="rtl"] .mi-button-group .mi-button--primary.mi-button-rtl:last-child { border-right-color: unset; border-left-color: var(--mi-button-divide-border-color); } [dir="ltr"] .mi-button-group .mi-button--success:first-child { border-right-color: var(--mi-button-divide-border-color); } [dir="rtl"] .mi-button-group .mi-button--success:first-child { border-left-color: var(--mi-button-divide-border-color); } [dir="ltr"] .mi-button-group .mi-button--success:last-child { border-left-color: var(--mi-button-divide-border-color); } [dir="rtl"] .mi-button-group .mi-button--success:last-child { border-right-color: var(--mi-button-divide-border-color); } [dir="ltr"] .mi-button-group .mi-button--success:not(:first-child):not(:last-child), [dir="rtl"] .mi-button-group .mi-button--success:not(:first-child):not(:last-child) { border-right-color: var(--mi-button-divide-border-color); border-left-color: var(--mi-button-divide-border-color); } [dir="ltr"] .mi-button-group .mi-button--success.mi-button-rtl:first-child { border-right-color: unset; border-left-color: var(--mi-button-divide-border-color); } [dir="rtl"] .mi-button-group .mi-button--success.mi-button-rtl:first-child { border-left-color: unset; border-right-color: var(--mi-button-divide-border-color); } [dir="ltr"] .mi-button-group .mi-button--success.mi-button-rtl:last-child { border-left-color: unset; border-right-color: var(--mi-button-divide-border-color); } [dir="rtl"] .mi-button-group .mi-button--success.mi-button-rtl:last-child { border-right-color: unset; border-left-color: var(--mi-button-divide-border-color); } [dir="ltr"] .mi-button-group .mi-button--warning:first-child { border-right-color: var(--mi-button-divide-border-color); } [dir="rtl"] .mi-button-group .mi-button--warning:first-child { border-left-color: var(--mi-button-divide-border-color); } [dir="ltr"] .mi-button-group .mi-button--warning:last-child { border-left-color: var(--mi-button-divide-border-color); } [dir="rtl"] .mi-button-group .mi-button--warning:last-child { border-right-color: var(--mi-button-divide-border-color); } [dir="ltr"] .mi-button-group .mi-button--warning:not(:first-child):not(:last-child), [dir="rtl"] .mi-button-group .mi-button--warning:not(:first-child):not(:last-child) { border-right-color: var(--mi-button-divide-border-color); border-left-color: var(--mi-button-divide-border-color); } [dir="ltr"] .mi-button-group .mi-button--warning.mi-button-rtl:first-child { border-right-color: unset; border-left-color: var(--mi-button-divide-border-color); } [dir="rtl"] .mi-button-group .mi-button--warning.mi-button-rtl:first-child { border-left-color: unset; border-right-color: var(--mi-button-divide-border-color); } [dir="ltr"] .mi-button-group .mi-button--warning.mi-button-rtl:last-child { border-left-color: unset; border-right-color: var(--mi-button-divide-border-color); } [dir="rtl"] .mi-button-group .mi-button--warning.mi-button-rtl:last-child { border-right-color: unset; border-left-color: var(--mi-button-divide-border-color); } [dir="ltr"] .mi-button-group .mi-button--danger:first-child { border-right-color: var(--mi-button-divide-border-color); } [dir="rtl"] .mi-button-group .mi-button--danger:first-child { border-left-color: var(--mi-button-divide-border-color); } [dir="ltr"] .mi-button-group .mi-button--danger:last-child { border-left-color: var(--mi-button-divide-border-color); } [dir="rtl"] .mi-button-group .mi-button--danger:last-child { border-right-color: var(--mi-button-divide-border-color); } [dir="ltr"] .mi-button-group .mi-button--danger:not(:first-child):not(:last-child), [dir="rtl"] .mi-button-group .mi-button--danger:not(:first-child):not(:last-child) { border-right-color: var(--mi-button-divide-border-color); border-left-color: var(--mi-button-divide-border-color); } [dir="ltr"] .mi-button-group .mi-button--danger.mi-button-rtl:first-child { border-right-color: unset; border-left-color: var(--mi-button-divide-border-color); } [dir="rtl"] .mi-button-group .mi-button--danger.mi-button-rtl:first-child { border-left-color: unset; border-right-color: var(--mi-button-divide-border-color); } [dir="ltr"] .mi-button-group .mi-button--danger.mi-button-rtl:last-child { border-left-color: unset; border-right-color: var(--mi-button-divide-border-color); } [dir="rtl"] .mi-button-group .mi-button--danger.mi-button-rtl:last-child { border-right-color: unset; border-left-color: var(--mi-button-divide-border-color); } [dir="ltr"] .mi-button-group .mi-button--info:first-child { border-right-color: var(--mi-button-divide-border-color); } [dir="rtl"] .mi-button-group .mi-button--info:first-child { border-left-color: var(--mi-button-divide-border-color); } [dir="ltr"] .mi-button-group .mi-button--info:last-child { border-left-color: var(--mi-button-divide-border-color); } [dir="rtl"] .mi-button-group .mi-button--info:last-child { border-right-color: var(--mi-button-divide-border-color); } [dir="ltr"] .mi-button-group .mi-button--info:not(:first-child):not(:last-child), [dir="rtl"] .mi-button-group .mi-button--info:not(:first-child):not(:last-child) { border-right-color: var(--mi-button-divide-border-color); border-left-color: var(--mi-button-divide-border-color); } [dir="ltr"] .mi-button-group .mi-button--info.mi-button-rtl:first-child { border-right-color: unset; border-left-color: var(--mi-button-divide-border-color); } [dir="rtl"] .mi-button-group .mi-button--info.mi-button-rtl:first-child { border-left-color: unset; border-right-color: var(--mi-button-divide-border-color); } [dir="ltr"] .mi-button-group .mi-button--info.mi-button-rtl:last-child { border-left-color: unset; border-right-color: var(--mi-button-divide-border-color); } [dir="rtl"] .mi-button-group .mi-button--info.mi-button-rtl:last-child { border-right-color: unset; border-left-color: var(--mi-button-divide-border-color); } .mi-popper { --mi-popper-border-radius: var(--mi-popover-border-radius, 4px); position: absolute; z-index: 2000; font-size: 14px; line-height: 22px; min-width: 10px; overflow-wrap: break-word; visibility: visible; } [dir] .mi-popper { border-radius: var(--mi-popper-border-radius); padding: 8px 12px; } [dir="ltr"] .mi-popper-rtl { direction: rtl; } [dir="rtl"] .mi-popper-rtl { direction: ltr; } .mi-popper.is-dark, .mi-popper.is-light { color: var(--mi-bg-color); } [dir] .mi-popper.is-dark, [dir] .mi-popper.is-dark .mi-popper__arrow::before { border: 1px solid var(--mi-text-color-primary); background: var(--mi-text-color-primary); } [dir="ltr"] .mi-popper.is-dark .mi-popper__arrow::before { right: 0px; } [dir="rtl"] .mi-popper.is-dark .mi-popper__arrow::before { left: 0px; } [dir] .mi-popper.is-light { background: var(--mi-bg-color-popup); } [dir] .mi-popper.is-light .mi-popper__arrow::before { border: 1px solid var(--mi-border-color-light); background: var(--mi-bg-color-popup); } [dir="ltr"] .mi-popper.is-light .mi-popper__arrow::before { right: 0px; } [dir="rtl"] .mi-popper.is-light .mi-popper__arrow::before { left: 0px; } [dir] .mi-popper.is-pure { padding: 0px; } .mi-popper__arrow, .mi-popper__arrow::before { position: absolute; width: 10px; height: 10px; z-index: -1; } .mi-popper__arrow::before { content: " "; box-sizing: border-box; } [dir] .mi-popper__arrow::before { background: var(--mi-text-color-primary); } [dir="ltr"] .mi-popper__arrow::before { transform: rotate(45deg); } [dir="rtl"] .mi-popper__arrow::before { transform: rotate(-45deg); } .mi-popper[data-popper-placement^="top"] > .mi-popper__arrow { bottom: -3px; } [dir="ltr"] .mi-popper[data-popper-placement^="top"] > .mi-popper__arrow::before { border-bottom-right-radius: 0px; } [dir="rtl"] .mi-popper[data-popper-placement^="top"] > .mi-popper__arrow::before { border-bottom-left-radius: 0px; } .mi-popper[data-popper-placement^="bottom"] > .mi-popper__arrow { top: -3px; } [dir="ltr"] .mi-popper[data-popper-placement^="bottom"] > .mi-popper__arrow::before { border-top-left-radius: 0px; } [dir="ltr"] .mi-popper[data-popper-placement^="left"] > .mi-popper__arrow::before, [dir="rtl"] .mi-popper[data-popper-placement^="bottom"] > .mi-popper__arrow::before { border-top-right-radius: 0px; } [dir="ltr"] .mi-popper[data-popper-placement^="left"] > .mi-popper__arrow { right: -3px; } [dir="ltr"] .mi-popper[data-popper-placement^="right"] > .mi-popper__arrow, [dir="rtl"] .mi-popper[data-popper-placement^="left"] > .mi-popper__arrow { left: -3px; } [dir="rtl"] .mi-popper[data-popper-placement^="left"] > .mi-popper__arrow::before { border-top-left-radius: 0px; } [dir="rtl"] .mi-popper[data-popper-placement^="right"] > .mi-popper__arrow { right: -3px; } [dir="ltr"] .mi-popper[data-popper-placement^="right"] > .mi-popper__arrow::before { border-bottom-left-radius: 0px; } [dir="rtl"] .mi-popper[data-popper-placement^="right"] > .mi-popper__arrow::before { border-bottom-right-radius: 0px; } [dir] .mi-popper[data-popper-placement^="top"] .mi-popper__arrow::before { border-top-color: transparent !important; } [dir="ltr"] .mi-popper[data-popper-placement^="top"] .mi-popper__arrow::before { border-left-color: transparent !important; } [dir="rtl"] .mi-popper[data-popper-placement^="top"] .mi-popper__arrow::before { border-right-color: transparent !important; } [dir] .mi-popper[data-popper-placement^="bottom"] .mi-popper__arrow::before { border-bottom-color: transparent !important; } [dir="ltr"] .mi-popper[data-popper-placement^="bottom"] .mi-popper__arrow::before { border-right-color: transparent !important; } [dir="rtl"] .mi-popper[data-popper-placement^="bottom"] .mi-popper__arrow::before { border-left-color: transparent !important; } [dir] .mi-popper[data-popper-placement^="left"] .mi-popper__arrow::before { border-bottom-color: transparent !important; } [dir="ltr"] .mi-popper[data-popper-placement^="left"] .mi-popper__arrow::before { border-left-color: transparent !important; } [dir="rtl"] .mi-popper[data-popper-placement^="left"] .mi-popper__arrow::before { border-right-color: transparent !important; } [dir] .mi-popper[data-popper-placement^="right"] .mi-popper__arrow::before { border-top-color: transparent !important; } [dir="ltr"] .mi-popper[data-popper-placement^="right"] .mi-popper__arrow::before { border-right-color: transparent !important; } [dir="rtl"] .mi-popper[data-popper-placement^="right"] .mi-popper__arrow::before { border-left-color: transparent !important; } .mi-scrollbar { --mi-scrollbar-opacity: 0.3; --mi-scrollbar-bg-color: var(--mi-text-color-secondary); --mi-scrollbar-hover-opacity: 0.5; --mi-scrollbar-hover-bg-color: var(--mi-text-color-secondary); overflow: hidden; position: relative; height: 100%; } [dir="ltr"] .mi-scrollbar-rtl { direction: rtl; } [dir="rtl"] .mi-scrollbar-rtl { direction: ltr; } .mi-scrollbar__wrap { overflow: auto; height: 100%; } .mi-scrollbar__wrap--hidden-default { scrollbar-width: none; } .mi-scrollbar__wrap--hidden-default::-webkit-scrollbar { display: none; } .mi-scrollbar__thumb { position: relative; display: block; width: 0px; height: 0px; transition: var(--mi-transition-duration) background-color; opacity: var(--mi-scrollbar-opacity,.3); } [dir] .mi-scrollbar__thumb { cursor: pointer; border-radius: inherit; background-color: var(--mi-scrollbar-bg-color,var(--mi-text-color-secondary)); } .mi-scrollbar__thumb:hover { opacity: var(--mi-scrollbar-hover-opacity,.5); } [dir] .mi-scrollbar__thumb:hover { background-color: var(--mi-scrollbar-hover-bg-color,var(--mi-text-color-secondary)); } .mi-scrollbar__bar { position: absolute; bottom: 2px; z-index: 1; } [dir] .mi-scrollbar__bar { border-radius: 4px; } [dir="ltr"] .mi-scrollbar__bar { right: 2px; } [dir="ltr"] .mi-scrollbar__bar.is-horizontal, [dir="rtl"] .mi-scrollbar__bar { left: 2px; } [dir="ltr"] .mi-scrollbar__bar-rtl { right: unset; left: 2px; } [dir="rtl"] .mi-scrollbar__bar-rtl { left: unset; right: 2px; } .mi-scrollbar__bar.is-vertical { width: 6px; top: 2px; } .mi-scrollbar__bar.is-horizontal { height: 6px; } [dir="rtl"] .mi-scrollbar__bar.is-horizontal { right: 2px; } .mi-scrollbar__bar.is-horizontal > div { height: 100%; } .mi-scrollbar-fade-enter-active { transition: opacity 340ms ease-out; } .mi-scrollbar-fade-leave-active { transition: opacity 120ms ease-out; } .mi-dropdown .mi-button-rtl::before, .mi-scrollbar-fade-enter-from, .mi-scrollbar-fade-leave-active { opacity: 0; } .mi-dropdown { display: inline-flex; position: relative; color: var(--mi-text-color-secondary); font-size: var(--mi-font-size-base); line-height: 1; vertical-align: top; touch-action: none; } [dir="ltr"] .mi-dropdown-rtl { direction: rtl; } [dir="rtl"] .mi-dropdown-rtl { direction: ltr; } .mi-dropdown.is-disabled { color: var(--mi-text-color-placeholder); } [dir] .mi-dropdown.is-disabled { cursor: not-allowed; } .mi-dropdown, .mi-dropdown__popper { --mi-dropdown-menu-box-shadow: var(--mi-box-shadow-light); --mi-dropdown-menuItem-hover-fill: var(--mi-color-primary-light-9); --mi-dropdown-menuItem-hover-color: var(--mi-color-primary); --mi-dropdown-menu-index: 10; } [dir] .mi-dropdown__popper { border-radius: var(--ds-border-radius-medium) !important; } [dir="ltr"] .mi-dropdown__popper-rtl { direction: rtl; } [dir="rtl"] .mi-dropdown__popper-rtl { direction: ltr; } [dir] .mi-dropdown__popper.mi-popper { background: var(--mi-bg-color-dialog) !important; border: 1px solid var(--mi-border-color-primary) !important; box-shadow: var(--mi-box-shadow-light) !important; } .mi-dropdown__popper.mi-popper .mi-popper__arrow { height: 0px; overflow: hidden; } [dir] .mi-dropdown__popper .mi-dropdown-menu { border: 0px; } .mi-dropdown__popper .mi-dropdown__popper-selfdefine { outline: 0px; } .mi-dropdown__popper .mi-scrollbar__bar { z-index: calc(var(--mi-dropdown-menu-index) + 1); } .mi-dropdown__popper .mi-dropdown__list { list-style: none; box-sizing: border-box; } [dir] .mi-dropdown__popper .mi-dropdown__list, [dir] .mi-select-dialog .mi-dialog__body .mi-select-dialog-dropdown__wrap .mi-select-dialog-dropdown__list > ul { padding: 0px; margin: 0px; } .mi-dropdown .mi-button:active { color: var(--mi-button-text-color); } .mi-dropdown .mi-button:focus-visible { outline: 0px; } [dir="ltr"] .mi-dropdown .mi-button-rtl::before { background: 0px 0px !important; } [dir="rtl"] .mi-dropdown .mi-button-rtl::before { background: 100% 0px !important; } [dir="ltr"] .mi-dropdown .mi-button-rtl:first-child { border-left-width: medium !important; border-left-style: none !important; border-left-color: currentcolor !important; border-right-width: medium !important; border-right-style: none !important; border-right-color: currentcolor !important; border-top-right-radius: 48px !important; border-bottom-right-radius: 48px !important; } [dir="rtl"] .mi-dropdown .mi-button-rtl:first-child { border-right-width: medium !important; border-right-style: none !important; border-right-color: currentcolor !important; border-left-width: medium !important; border-left-style: none !important; border-left-color: currentcolor !important; border-top-left-radius: 48px !important; border-bottom-left-radius: 48px !important; } [dir="ltr"] .mi-dropdown .mi-button-rtl:last-child { border-top-left-radius: 48px !important; border-bottom-left-radius: 48px !important; } [dir="rtl"] .mi-dropdown .mi-button-rtl:last-child { border-top-right-radius: 48px !important; border-bottom-right-radius: 48px !important; } .mi-dropdown .mi-dropdown__caret-button { display: inline-flex; justify-content: center; align-items: center; width: 32px; } [dir="ltr"] .mi-dropdown .mi-dropdown__caret-button { padding-left: 0px; padding-right: 0px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; } [dir="rtl"] .mi-dropdown .mi-dropdown__caret-button { padding-right: 0px; padding-left: 0px; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; } .mi-dropdown .mi-dropdown__caret-button > span { display: inline-flex; } .mi-dropdown .mi-dropdown__caret-button::before { content: ""; position: absolute; display: block; width: 1px; top: -1px; bottom: -1px; } [dir] .mi-dropdown .mi-dropdown__caret-button::before { background: var(--mi-overlay-color-lighter); } [dir="ltr"] .mi-dropdown .mi-dropdown__caret-button::before { left: 0px; } [dir="rtl"] .mi-dropdown .mi-dropdown__caret-button::before { right: 0px; } .mi-dropdown .mi-dropdown__caret-button.mi-button::before { opacity: 0.5; } [dir] .mi-dropdown .mi-dropdown__caret-button.mi-button::before { background: var(--mi-border-color-secondary); } .mi-dropdown .mi-dropdown__caret-button .mi-dropdown__icon { font-size: inherit; } [dir="ltr"] .mi-dropdown .mi-dropdown__caret-button .mi-dropdown__icon { padding-left: 0px; } [dir="rtl"] .mi-dropdown .mi-dropdown__caret-button .mi-dropdown__icon { padding-right: 0px; } .mi-dropdown .mi-dropdown-selfdefine { outline: 0px; } .mi-dropdown--large .mi-dropdown__caret-button { width: 48px; } .mi-dropdown--small .mi-dropdown__caret-button { width: 24px; } .mi-dropdown-menu { position: relative; top: 0px; z-index: var(--mi-dropdown-menu-index); list-style: none; } [dir] .mi-dropdown-menu { padding: 0px; margin: 8px; background-color: var(--mi-bg-color-dialog); border: 0px; border-radius: var(--mi-border-radius-base); box-shadow: none; } [dir="ltr"] .mi-dropdown-menu { left: 0px; } [dir="rtl"] .mi-dropdown-menu { right: 0px; } .mi-dropdown-menu__item { display: flex; align-items: center; white-space: nowrap; list-style: none; line-height: 30px; font-size: var(--mi-font-size-base); color: var(--mi-text-color-primary); outline: 0px; } [dir] .mi-dropdown-menu__item { padding: 6px 8px; border-radius: var(--mi-border-radius-base); margin: 0px; cursor: pointer; } [dir] .mi-dropdown-menu__item:not(.is-disabled):focus { background-color: var(--mi-bg-color-tertiary); } .mi-dropdown-menu__item-rtl i { margin-inline-end: 5px; } [dir="ltr"] .mi-dropdown-menu__item-rtl i { margin-right: unset; } [dir="rtl"] .mi-dropdown-menu__item-rtl i { margin-left: unset; } [dir] .mi-dropdown-menu__item--divided { margin: 6px 0px; border-top: 1px solid var(--mi-border-color-lighter); } .mi-dropdown-menu__item.is-disabled { color: var(--mi-text-color-disabled); } [dir] .mi-dropdown-menu__item.is-disabled { cursor: not-allowed; } .mi-dropdown-menu--large .mi-dropdown-menu__item { min-width: 130px; line-height: 36px; font-size: 16px; } [dir] .mi-dropdown-menu--large .mi-dropdown-menu__item { padding: 6px 8px; } [dir] .mi-dropdown-menu--large .mi-dropdown-menu__item--divided { margin: 8px 0px; } .mi-dropdown-menu--small .mi-dropdown-menu__item { min-width: 90px; line-height: 20px; font-size: 12px; } [dir] .mi-dropdown-menu--small .mi-dropdown-menu__item { padding: 8px 6px; } [dir] .mi-dropdown-menu--small .mi-dropdown-menu__item--divided { margin: 4px 0px; } .mi-form { --mi-form-label-font-size: var(--mi-font-size-base); } [dir="ltr"] .mi-form-rtl { direction: rtl; } [dir="rtl"] .mi-form-rtl { direction: ltr; } .mi-form--label-left .mi-form-item__label { justify-content: flex-start; } .mi-form--label-top .mi-form-item { display: block; } .mi-form--label-top .mi-form-item .mi-form-item__label { display: block; height: auto; line-height: 16px; } [dir] .mi-form--default.mi-form--label-top .mi-form-item .mi-form-item__label, [dir] .mi-form--label-top .mi-form-item .mi-form-item__label, [dir] .mi-form--large.mi-form--label-top .mi-form-item .mi-form-item__label, [dir] .mi-form--medium.mi-form--label-top .mi-form-item .mi-form-item__label, [dir] .mi-form--small.mi-form--label-top .mi-form-item .mi-form-item__label { margin-bottom: 8px; } [dir="ltr"] .mi-form--label-top .mi-form-item .mi-form-item__label { text-align: left; } [dir="ltr"] .mi-form--label-top .mi-form-item .mi-form-item__label-rtl, [dir="rtl"] .mi-form--label-top .mi-form-item .mi-form-item__label { text-align: right; } [dir="rtl"] .mi-form--label-top .mi-form-item .mi-form-item__label-rtl { text-align: left; } .mi-form--inline .mi-form-item { display: inline-flex; vertical-align: middle; } [dir="ltr"] .mi-form--inline .mi-form-item { margin-right: 32px; } [dir="rtl"] .mi-form--inline .mi-form-item { margin-left: 32px; } .mi-form--inline.mi-form--label-top { display: flex; flex-wrap: wrap; } .mi-form--inline.mi-form--label-top .mi-form-item { display: block; } .mi-form--default.mi-form--label-top .mi-form-item .mi-form-item__label, .mi-form--large.mi-form--label-top .mi-form-item .mi-form-item__label, .mi-form--medium.mi-form--label-top .mi-form-item .mi-form-item__label, .mi-form--small.mi-form--label-top .mi-form-item .mi-form-item__label { line-height: 16px; } .mi-form-item { display: flex; --font-size: 14px; } [dir] .mi-form-item { margin-bottom: 24px; } [dir] .mi-form-item .mi-form-item { margin-bottom: 0px; } .mi-form-item .mi-input__validateIcon { display: none; } .mi-form-item--large { --font-size: 16px; --mi-form-label-font-size: var(--font-size); } [dir] .mi-form-item--large { margin-bottom: 24px; } .mi-form-item--large .mi-form-item__label { height: 48px; line-height: 48px; } .mi-form-item--large .mi-form-item__content { line-height: 48px; } [dir] .mi-form-item--default .mi-form-item__error, [dir] .mi-form-item--default .mi-form-item__extra, [dir] .mi-form-item--large .mi-form-item__error, [dir] .mi-form-item--large .mi-form-item__extra, [dir] .mi-form-item--medium .mi-form-item__error, [dir] .mi-form-item--medium .mi-form-item__extra { padding-top: 4px; } .mi-form-item--default, .mi-form-item--medium { --font-size: 14px; --mi-form-label-font-size: var(--font-size); } [dir] .mi-form-item--medium { margin-bottom: 24px; } .mi-form-item--medium .mi-form-item__label { height: 40px; line-height: 40px; } .mi-form-item--medium .mi-form-item__content { line-height: 40px; } [dir] .mi-form-item--default { margin-bottom: 24px; } .mi-form-item--default .mi-form-item__label { height: 32px; line-height: 32px; } .mi-form-item--default .mi-form-item__content { line-height: 32px; } .mi-form-item--small { --font-size: 12px; --mi-form-label-font-size: var(--font-size); } [dir] .mi-form-item--small { margin-bottom: 24px; } .mi-form-item--small .mi-form-item__label { height: 24px; line-height: 24px; } .mi-form-item--small .mi-form-item__content { line-height: 24px; } [dir] .mi-form-item--small .mi-form-item__error, [dir] .mi-form-item--small .mi-form-item__extra { padding-top: 2px; } .mi-form-item__label-wrap { display: flex; } .mi-form-item__label { display: inline-flex; justify-content: flex-end; align-items: flex-start; flex: 0 0 auto; font-size: var(--mi-form-label-font-size); color: var(--mi-text-color-primary); height: 32px; line-height: 32px; box-sizing: border-box; } [dir="ltr"] .mi-form-item__label { padding: 0px 16px 0px 0px; } [dir="rtl"] .mi-form-item__label { padding: 0px 0px 0px 16px; } .mi-form-item__label-rtl { padding-inline-end: 16px; } [dir] .mi-form-item__label-rtl { padding: unset; } .mi-form-item__label .mi-icon.mi-tooltip__trigger { font-size: 16px; vertical-align: bottom; margin-inline-end: 4px; } .mi-form-item__content { display: flex; flex-wrap: wrap; align-items: center; flex: 1 1 0%; line-height: 32px; position: relative; font-size: var(--font-size); min-width: 0px; } .mi-form-item__content .mi-input-group { vertical-align: top; } [dir] .mi-form-item__error, [dir] .mi-form-item__extra { padding-top: 4px; } .mi-form-item__error { color: var(--mi-color-danger); font-size: 12px; line-height: 1; position: absolute; top: 100%; } [dir="ltr"] .mi-form-item__error { left: 0px; } [dir="rtl"] .mi-form-item__error { right: 0px; } .mi-form-item__error--inline { position: relative; top: auto; display: inline-block; } [dir="ltr"] .mi-form-item__error--inline { left: auto; margin-left: 12px; } [dir="rtl"] .mi-form-item__error--inline { right: auto; margin-right: 12px; } .mi-form-item__extra { color: var(--mi-text-color-secondary); font-size: 12px; line-height: 1; position: absolute; top: 100%; } [dir="ltr"] .mi-form-item__extra { left: 0px; } [dir="rtl"] .mi-form-item__extra { left: unset; right: 0px; } .mi-form-item__extra--inline { position: relative; top: auto; display: inline-block; } [dir="ltr"] .mi-form-item__extra--inline { left: auto; margin-left: 12px; } [dir="rtl"] .mi-form-item__extra--inline { right: auto; margin-right: 12px; } .mi-form-item.is-required:not(.is-no-asterisk).asterisk-left > .mi-form-item__label-wrap > .mi-form-item__label::before, .mi-form-item.is-required:not(.is-no-asterisk).asterisk-left > .mi-form-item__label::before { content: "*"; color: var(--mi-color-danger); } [dir="ltr"] .mi-form-item.is-required:not(.is-no-asterisk).asterisk-left > .mi-form-item__label-wrap > .mi-form-item__label::before, [dir="ltr"] .mi-form-item.is-required:not(.is-no-asterisk).asterisk-left > .mi-form-item__label::before { margin-right: 4px; } [dir="rtl"] .mi-form-item.is-required:not(.is-no-asterisk).asterisk-left > .mi-form-item__label-wrap > .mi-form-item__label::before, [dir="rtl"] .mi-form-item.is-required:not(.is-no-asterisk).asterisk-left > .mi-form-item__label::before { margin-left: 4px; } .mi-form-item.is-required:not(.is-no-asterisk).asterisk-left > .mi-form-item__label-rtl::before, .mi-form-item.is-required:not(.is-no-asterisk).asterisk-left > .mi-form-item__label-wrap > .mi-form-item__label-rtl::before { margin-inline-end: 4px; } [dir="ltr"] .mi-form-item.is-required:not(.is-no-asterisk).asterisk-left > .mi-form-item__label-rtl::before, [dir="ltr"] .mi-form-item.is-required:not(.is-no-asterisk).asterisk-left > .mi-form-item__label-wrap > .mi-form-item__label-rtl::before { margin-right: unset; } [dir="rtl"] .mi-form-item.is-required:not(.is-no-asterisk).asterisk-left > .mi-form-item__label-rtl::before, [dir="rtl"] .mi-form-item.is-required:not(.is-no-asterisk).asterisk-left > .mi-form-item__label-wrap > .mi-form-item__label-rtl::before { margin-left: unset; } .mi-form-item.is-required:not(.is-no-asterisk).asterisk-right > .mi-form-item__label-wrap > .mi-form-item__label::after, .mi-form-item.is-required:not(.is-no-asterisk).asterisk-right > .mi-form-item__label::after { content: "*"; color: var(--mi-color-danger); } [dir="ltr"] .mi-form-item.is-required:not(.is-no-asterisk).asterisk-right > .mi-form-item__label-wrap > .mi-form-item__label::after, [dir="ltr"] .mi-form-item.is-required:not(.is-no-asterisk).asterisk-right > .mi-form-item__label::after { margin-left: 4px; } [dir="rtl"] .mi-form-item.is-required:not(.is-no-asterisk).asterisk-right > .mi-form-item__label-wrap > .mi-form-item__label::after, [dir="rtl"] .mi-form-item.is-required:not(.is-no-asterisk).asterisk-right > .mi-form-item__label::after { margin-right: 4px; } .mi-form-item.is-required:not(.is-no-asterisk).asterisk-right > .mi-form-item__label-rtl::after, .mi-form-item.is-required:not(.is-no-asterisk).asterisk-right > .mi-form-item__label-wrap > .mi-form-item__label-rtl::after { margin-inline-start: 4px; } [dir="ltr"] .mi-form-item.is-required:not(.is-no-asterisk).asterisk-right > .mi-form-item__label-rtl::after, [dir="ltr"] .mi-form-item.is-required:not(.is-no-asterisk).asterisk-right > .mi-form-item__label-wrap > .mi-form-item__label-rtl::after { margin-left: unset; } [dir="rtl"] .mi-form-item.is-required:not(.is-no-asterisk).asterisk-right > .mi-form-item__label-rtl::after, [dir="rtl"] .mi-form-item.is-required:not(.is-no-asterisk).asterisk-right > .mi-form-item__label-wrap > .mi-form-item__label-rtl::after { margin-right: unset; } [dir] .mi-form-item.is-error .mi-select-v2__wrapper, [dir] .mi-form-item.is-error .mi-select-v2__wrapper:focus, [dir] .mi-form-item.is-error .mi-textarea__inner, [dir] .mi-form-item.is-error .mi-textarea__inner:focus { border-color: var(--mi-color-danger); } [dir] .mi-form-item.is-error .mi-input-group__append .mi-input__wrapper, [dir] .mi-form-item.is-error .mi-input-group__prepend .mi-input__wrapper, [dir] .mi-form-item.is-error .mi-input__wrapper { border-color: var(--mi-color-danger); } .mi-form-item.is-error .mi-input__validateIcon { color: var(--mi-color-danger); } .mi-form-item--feedback .mi-input__validateIcon { display: inline-flex; } .mi-badge { --mi-badge-bg-color: var(--mi-color-danger); --mi-badge-radius: 10px; --mi-badge-font-size: 12px; --mi-badge-padding: 6px; --mi-badge-size: 18px; --mi-badge-left: -16px; position: relative; vertical-align: middle; display: inline-block; width: fit-content; font-size: var(--mi-badge-font-size); } .mi-badge__image { position: absolute; top: 4px; } [dir] .mi-badge__image { border-radius: 10px; background-color: var(--mi-color-white); } [dir="ltr"] .mi-badge__image { right: 10px; transform: translateY(-50%) translateX(100%); } [dir="rtl"] .mi-badge__image { left: 10px; transform: translateY(-50%) translateX(-100%); } .mi-badge__state--default, .mi-badge__state--error, .mi-badge__state--processing, .mi-badge__state--success, .mi-badge__state--warning { top: 50% !important; width: 6px !important; height: 6px !important; } [dir] .mi-badge__state--processing { background-color: var(--mi-color-primary) !important; transform: translateY(-50%) !important; border: 0px !important; } [dir="ltr"] .mi-badge__state--processing { left: var(--mi-badge-left); } [dir="rtl"] .mi-badge__state--processing { right: var(--mi-badge-left) !important; } [dir] .mi-badge__state--success { background-color: var(--mi-color-success) !important; transform: translateY(-50%) !important; border: 0px !important; } [dir="ltr"] .mi-badge__state--success { left: var(--mi-badge-left); } [dir="rtl"] .mi-badge__state--success { right: var(--mi-badge-left) !important; } [dir] .mi-badge__state--warning { background-color: var(--mi-color-warning) !important; transform: translateY(-50%) !important; border: 0px !important; } [dir="ltr"] .mi-badge__state--warning { left: var(--mi-badge-left); } [dir="rtl"] .mi-badge__state--warning { right: var(--mi-badge-left) !important; } [dir] .mi-badge__state--default { background-color: var(--mi-color-info) !important; transform: translateY(-50%) !important; border: 0px !important; } [dir="ltr"] .mi-badge__state--default { left: var(--mi-badge-left); } [dir="rtl"] .mi-badge__state--default { right: var(--mi-badge-left) !important; } [dir] .mi-badge__state--error { background-color: var(--mi-color-error) !important; transform: translateY(-50%) !important; border: 0px !important; } [dir="ltr"] .mi-badge__state--error { left: var(--mi-badge-left); } [dir="rtl"] .mi-badge__state--error { right: var(--mi-badge-left) !important; } .mi-badge__content { color: var(--mi-color-white); display: inline-flex; justify-content: center; align-items: center; font-size: var(--mi-badge-font-size); height: var(--mi-badge-size); white-space: nowrap; } [dir] .mi-badge__content { background-color: var(--mi-badge-bg-color); border-radius: var(--mi-badge-radius); padding: 0 var(--mi-badge-padding); border: 1px solid var(--mi-bg-color); } .mi-badge__content.is-fixed { position: absolute; top: 0px; z-index: var(--mi-index-normal); } [dir="ltr"] .mi-badge__content.is-fixed { right: calc(1px + var(--mi-badge-size)/2); transform: translateY(-50%) translateX(100%); } [dir="ltr"] .mi-badge__content.is-fixed-rtl, [dir="rtl"] .mi-badge__content.is-fixed { left: calc(1px + var(--mi-badge-size)/2); transform: translateY(-50%) translateX(-100%); } [dir="ltr"] .mi-badge__content.is-fixed-rtl { right: unset; } [dir="rtl"] .mi-badge__content.is-fixed-rtl { left: unset; right: calc(1px + var(--mi-badge-size)/2); transform: translateY(-50%) translateX(100%); } [dir="ltr"] .mi-badge__content.is-fixed.is-dot { right: 5px; } [dir="rtl"] .mi-badge__content.is-fixed.is-dot { left: 5px; } [dir="ltr"] .mi-badge__content.is-fixed.is-dot-rtl { right: unset; left: 5px; } [dir="rtl"] .mi-badge__content.is-fixed.is-dot-rtl { left: unset; right: 5px; } .mi-badge__content.is-dot { height: 8px; width: 8px; } [dir] .mi-badge__content.is-dot { padding: 0px; border-radius: 50%; } [dir="ltr"] .mi-badge__content.is-dot { right: 0px; } [dir="rtl"] .mi-badge__content.is-dot { left: 0px; } .mi-badge__content.is-offset { height: 8px; width: 8px; top: 5px; } [dir] .mi-badge__content.is-offset { padding: 0px; border-radius: 50%; } [dir="ltr"] .mi-badge__content.is-offset { right: 0px; left: 16px; } [dir="rtl"] .mi-badge__content.is-offset { left: 0px; right: 16px; } .mi-badge__content.is-right { top: 7px; height: 16px; line-height: 16px; } [dir="ltr"] .mi-badge__content.is-right { right: 20px; } [dir="rtl"] .mi-badge__content.is-right { left: 20px; } [dir] .mi-badge__content--primary { background-color: var(--mi-color-primary); } [dir] .mi-badge__content--success { background-color: var(--mi-color-success); } [dir] .mi-badge__content--warning { background-color: var(--mi-color-warning); } [dir] .mi-badge__content--info { background-color: var(--mi-color-info); } [dir] .mi-badge__content--danger { background-color: var(--mi-color-danger); } .mi-message { --mi-message-bg-color: var(--mi-bg-color-dialog); --mi-message-padding: 13px 16px; --mi-message-close-size: 16px; --mi-message-close-icon-color: var(--mi-text-color-placeholder); --mi-message-close-hover-color: var(--mi-text-color-secondary); --mi-message-box-shadow: 0 10px 32px 0 rgba(31, 31, 31, 0.15); --mi-message-max-width: 566px; --mi-message-border-radius: 24px; width: fit-content; max-width: var(--mi-message-max-width); box-sizing: border-box; position: fixed; top: 100px; transition: opacity var(--mi-transition-duration),transform .4s,top .4s; display: flex; align-items: center; } [dir] .mi-message { border-radius: var(--mi-message-border-radius); border-width: var(--mi-border-width); border-style: var(--mi-border-style); border-color: var(--mi-border-color-primary); box-shadow: var(--mi-message-box-shadow); background-color: var(--mi-message-bg-color); padding: var(--mi-message-padding); } [dir="ltr"] .mi-message { left: 50%; transform: translateX(-50%); } [dir="rtl"] .mi-message { right: 50%; transform: translateX(50%); } [dir="ltr"] .mi-message-rtl { direction: rtl; } [dir="rtl"] .mi-message-rtl { direction: ltr; } .mi-message.is-center { justify-content: center; } [dir="ltr"] .mi-message.is-closable .mi-message__content { padding-right: 40px; } [dir="rtl"] .mi-message.is-closable .mi-message__content { padding-left: 40px; } .mi-message.is-closable .mi-message__content-rtl { padding-inline-end: 40px; } [dir="ltr"] .mi-message.is-closable .mi-message__content-rtl { padding-right: unset; } [dir="rtl"] .mi-message.is-closable .mi-message__content-rtl { padding-left: unset; } .mi-message--success { --mi-message-text-color: var(--mi-color-success); } .mi-message--success .mi-message__content { color: var(--mi-text-color-primary); overflow-wrap: anywhere; } .mi-message .mi-message-icon--success { color: var(--mi-message-text-color); } .mi-message--info { --mi-message-text-color: var(--mi-color-info); } .mi-message--info .mi-message__content, .mi-message--warning .mi-message__content { color: var(--mi-text-color-primary); overflow-wrap: anywhere; } .mi-message--warning { --mi-message-text-color: var(--mi-color-warning); } .mi-message .mi-message-icon--warning { color: var(--mi-message-text-color); } .mi-message--error { --mi-message-text-color: var(--mi-color-error); } .mi-message--error .mi-message__content { color: var(--mi-text-color-primary); overflow-wrap: anywhere; } .mi-message .mi-message-icon--error { color: var(--mi-message-text-color); } .mi-message .mi-message-icon--info { color: var(--mi-color-primary); } .mi-message .mi-message-icon--loading { color: var(--mi-color-main); } [dir="ltr"] .mi-message .mi-message-icon--loading, [dir="rtl"] .mi-message .mi-message-icon--loading { animation: 1s linear 0s infinite normal none running rotating; } .mi-message .mi-message-icon--question { color: var(--mi-color-primary); } .mi-message__icon.mi-icon { font-size: 20px; } [dir="ltr"] .mi-message__icon.mi-icon { margin-right: 8px; } [dir="rtl"] .mi-message__icon.mi-icon { margin-left: 8px; } [dir="ltr"] .mi-message__icon-rtl.mi-icon { margin-right: unset; margin-left: 8px; } [dir="rtl"] .mi-message__icon-rtl.mi-icon { margin-left: unset; margin-right: 8px; } .mi-message .mi-message__badge { position: absolute; top: -8px; } [dir="ltr"] .mi-message .mi-message__badge { right: -8px; } [dir="rtl"] .mi-message .mi-message__badge { left: -8px; } [dir="ltr"] .mi-message .mi-message__badge-rtl { right: unset; left: -8px; } [dir="rtl"] .mi-message .mi-message__badge-rtl { left: unset; right: -8px; } .mi-message__content { font-size: 14px; line-height: 1; } [dir] .mi-message__content { padding: 0px; } .mi-message__content:focus { outline-width: 0px; } .mi-message .mi-message__closeBtn { position: absolute; top: 50%; color: var(--mi-message-close-icon-color); font-size: var(--mi-message-close-size); } [dir] .mi-message .mi-message__closeBtn { transform: translateY(-50%); cursor: pointer; } [dir="ltr"] .mi-message .mi-message__closeBtn { right: 16px; } [dir="rtl"] .mi-message .mi-message__closeBtn { left: 16px; } .mi-message .mi-message__closeBtn:focus { outline-width: 0px; } .mi-message .mi-message__closeBtn:hover { color: var(--mi-message-close-hover-color); } [dir="ltr"] .mi-message .mi-message__closeBtn-rtl { right: unset; left: 16px; } [dir="rtl"] .mi-message .mi-message__closeBtn-rtl { left: unset; right: 16px; } .mi-message-fade-enter-from, .mi-message-fade-leave-to { opacity: 0; } [dir="ltr"] .mi-message-fade-enter-from, [dir="ltr"] .mi-message-fade-leave-to { transform: translate(-50%, -100%); } [dir="rtl"] .mi-message-fade-enter-from, [dir="rtl"] .mi-message-fade-leave-to { transform: translate(50%, -100%); } @media screen and (max-width: 767px) { .mi-message { width: calc(-48px + 100vw); max-width: unset; } } .mi-select-dropdown__item { font-size: var(--mi-font-size-base); position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--mi-text-color-primary); height: 40px; display: flex; align-items: center; box-sizing: border-box; } [dir] .mi-select-dropdown__item { padding: 6px 8px; cursor: pointer; border-radius: var(--mi-border-radius-base); } [dir="ltr"] .mi-select-dropdown__item-rtl { direction: rtl; text-align: right; padding: 0px 20px 0px 32px; } [dir="rtl"] .mi-select-dropdown__item-rtl { direction: ltr; text-align: left; padding: 0px 32px 0px 20px; } .mi-select-dropdown__item.is-disabled { color: var(--mi-text-color-placeholder); } [dir] .mi-select-dropdown__item.is-disabled { cursor: not-allowed; } [dir] .mi-select-dropdown__item.hover, [dir] .mi-select-dropdown__item:hover { background-color: var(--mi-bg-color-tertiary); } .mi-select-dropdown__item.selected { color: var(--mi-text-color-primary); font-weight: 700; } .mi-select-dropdown__item.selected .mi-icon, .mi-select-dropdown__mobile-item.selected .mi-icon { color: var(--mi-text-color-primary); } .mi-select-dropdown__mobile-item { position: relative; font-weight: 400; } .mi-select-dropdown__mobile-item.selected { color: var(--mi-text-color-primary); font-weight: 400; } .mi-select-dropdown__mobile-item--underline::after { content: ""; height: 1px; width: 100%; position: absolute; display: block; bottom: 0px; } [dir] .mi-select-dropdown__mobile-item--underline::after { background-color: var(--mi-border-color-primary); } [dir="ltr"] .mi-select-dropdown__mobile-item--underline::after { left: 0px; } [dir="rtl"] .mi-select-dropdown__mobile-item--underline::after { right: 0px; } .mi-select-dropdown--small { height: 32px; line-height: 32px; } .mi-select-dropdown--medium { height: 48px; line-height: 48px; } .mi-select-dropdown--large { height: 56px; line-height: 56px; } .mi-tag { --mi-tag-font-size: 12px; --mi-tag-font-size-large: 14px; --mi-tag-border-radius: 4px; --mi-tag-border-radius-rounded: 9999px; --mi-tag-bg-neutral-solid: var(--ds-color-tag-background-neutral-solid); --mi-tag-bg-brand-subtle: var(--ds-color-tag-background-brand-subtle); --mi-tag-bg-warning-subtle: var(--ds-color-tag-background-warning-subtle); --mi-tag-bg-color: var(--mi-color-primary-light-9); --mi-tag-border-color: var(--mi-color-primary-light-8); --mi-tag-hover-color: var(--mi-color-primary); --mi-tag-text-color: var(--mi-color-primary); color: var(--mi-tag-text-color); display: inline-flex; justify-content: center; align-items: center; height: 24px; font-size: var(--mi-tag-font-size); line-height: 1; box-sizing: border-box; white-space: nowrap; --mi-icon-size: 14px; } [dir] .mi-tag { background-color: var(--mi-tag-bg-color); border-color: transparent; padding: 2px 8px; border-width: 1px; border-style: solid; border-radius: var(--mi-tag-border-radius); } [dir="ltr"] .mi-tag-rtl { direction: rtl; } [dir="rtl"] .mi-tag-rtl { direction: ltr; } .mi-tag.mi-tag--main { --mi-tag-bg-color: var(--mi-color-main-light-9); --mi-tag-border-color: var(--mi-color-main-light-8); --mi-tag-hover-color: var(--mi-color-main); } .mi-tag.mi-tag--chunky { --mi-tag-bg-color: var(--mi-color-chunky-light-9); --mi-tag-border-color: var(--mi-color-chunky-light-8); --mi-tag-hover-color: var(--mi-color-chunky); } .mi-tag.mi-tag--primary { --mi-tag-bg-color: var(--mi-color-primary-light-9); --mi-tag-border-color: var(--mi-color-primary-light-8); --mi-tag-hover-color: var(--mi-color-primary); } .mi-tag.mi-tag--success { --mi-tag-bg-color: var(--mi-color-success-light-9); --mi-tag-border-color: var(--mi-color-success-light-8); --mi-tag-hover-color: var(--mi-color-success); } .mi-tag.mi-tag--warning { --mi-tag-bg-color: var(--mi-color-warning-light-9); --mi-tag-border-color: var(--mi-color-warning-light-8); --mi-tag-hover-color: var(--mi-color-warning); } .mi-tag.mi-tag--danger { --mi-tag-bg-color: var(--mi-color-danger-light-9); --mi-tag-border-color: var(--mi-color-danger-light-8); --mi-tag-hover-color: var(--mi-color-danger); } .mi-tag.mi-tag--error { --mi-tag-bg-color: var(--mi-color-error-light-9); --mi-tag-border-color: var(--mi-color-error-light-8); --mi-tag-hover-color: var(--mi-color-error); } .mi-tag.mi-tag--info { --mi-tag-bg-color: var(--mi-color-info-light-9); --mi-tag-border-color: var(--mi-color-info-light-8); --mi-tag-hover-color: var(--mi-color-info); } .mi-tag.mi-tag--main { --mi-tag-text-color: var(--mi-color-main); } .mi-tag.mi-tag--chunky { --mi-tag-text-color: var(--mi-color-chunky); } .mi-tag.mi-tag--primary { --mi-tag-text-color: var(--mi-color-primary); } .mi-tag.mi-tag--success { --mi-tag-text-color: var(--mi-color-success); } .mi-tag.mi-tag--warning { --mi-tag-text-color: var(--mi-color-warning); } .mi-tag.mi-tag--danger { --mi-tag-text-color: var(--mi-color-danger); } .mi-tag.mi-tag--error { --mi-tag-text-color: var(--mi-color-error); } .mi-tag.mi-tag--info { --mi-tag-text-color: var(--mi-color-info); color: var(--mi-text-color-primary); } [dir] .mi-tag.mi-tag--info { background-color: var(--mi-tag-bg-neutral-solid); border-color: transparent; } .mi-tag.mi-tag--info .mi-tag__close { color: var(--mi-color-info-active); } [dir] .mi-tag.mi-tag--info .mi-tag__close:hover { background-color: var(--mi-color-info-hover); } [dir] .mi-tag.is-hit { border-color: var(--mi-color-primary); } [dir] .mi-tag.is-round { border-radius: var(--mi-tag-border-radius-rounded); } .mi-tag .mi-tag__close { color: var(--mi-tag-text-color); } .mi-tag .mi-tag__close:hover { color: var(--mi-color-white); } [dir] .mi-tag .mi-tag__close:hover { background-color: var(--mi-tag-hover-color); } .mi-tag--large { font-size: var(--mi-tag-font-size-large); } .mi-tag .mi-icon { font-size: calc(var(--mi-icon-size) - 2px); height: var(--mi-icon-size); width: var(--mi-icon-size); } [dir] .mi-tag .mi-icon { border-radius: 50%; cursor: pointer; } [dir="ltr"] .mi-tag .mi-tag__close { margin-left: 6px; } [dir="rtl"] .mi-tag .mi-tag__close { margin-right: 6px; } .mi-tag .mi-tag__close-rtl { margin-inline-start: 6px; } [dir="ltr"] .mi-tag .mi-tag__close-rtl { margin-left: unset; } [dir="rtl"] .mi-tag .mi-tag__close-rtl { margin-right: unset; } .mi-tag--dark { --mi-tag-bg-color: var(--mi-color-primary); --mi-tag-border-color: var(--mi-color-primary); --mi-tag-hover-color: var(--mi-color-primary-light-3); --mi-tag-text-color: var(--mi-color-white); } .mi-tag--dark.mi-tag--main { --mi-tag-bg-color: var(--mi-color-main); --mi-tag-border-color: var(--mi-color-main); --mi-tag-hover-color: var(--mi-color-main-light-3); } .mi-tag--dark.mi-tag--chunky { --mi-tag-bg-color: var(--mi-color-chunky); --mi-tag-border-color: var(--mi-color-chunky); --mi-tag-hover-color: var(--mi-color-chunky-light-3); } .mi-tag--dark.mi-tag--primary { --mi-tag-bg-color: var(--mi-color-primary); --mi-tag-border-color: var(--mi-color-primary); --mi-tag-hover-color: var(--mi-color-primary-light-3); } .mi-tag--dark.mi-tag--success { --mi-tag-bg-color: var(--mi-color-success); --mi-tag-border-color: var(--mi-color-success); --mi-tag-hover-color: var(--mi-color-success-light-3); } .mi-tag--dark.mi-tag--warning { --mi-tag-bg-color: var(--mi-color-warning); --mi-tag-border-color: var(--mi-color-warning); --mi-tag-hover-color: var(--mi-color-warning-light-3); } .mi-tag--dark.mi-tag--danger { --mi-tag-bg-color: var(--mi-color-danger); --mi-tag-border-color: var(--mi-color-danger); --mi-tag-hover-color: var(--mi-color-danger-light-3); } .mi-tag--dark.mi-tag--error { --mi-tag-bg-color: var(--mi-color-error); --mi-tag-border-color: var(--mi-color-error); --mi-tag-hover-color: var(--mi-color-error-light-3); } .mi-tag--dark.mi-tag--info { --mi-tag-bg-color: var(--mi-color-info); --mi-tag-border-color: var(--mi-color-info); --mi-tag-hover-color: var(--mi-color-info-light-3); } .mi-tag--dark.mi-tag--chunky, .mi-tag--dark.mi-tag--danger, .mi-tag--dark.mi-tag--error, .mi-tag--dark.mi-tag--info, .mi-tag--dark.mi-tag--main, .mi-tag--dark.mi-tag--primary, .mi-tag--dark.mi-tag--success, .mi-tag--dark.mi-tag--warning { --mi-tag-text-color: var(--mi-color-white); } [dir] .mi-tag--dark.mi-tag--info { background-color: var(--mi-bg-color-tertiary); } .mi-tag--outline { --mi-tag-border-color: var(--mi-color-primary-light-5); --mi-tag-hover-color: var(--mi-color-primary); --mi-tag-bg-color: var(--mi-fill-color-blank); } [dir] .mi-tag--outline { border-color: var(--mi-tag-border-color); } .mi-tag--outline.mi-tag--main { --mi-tag-bg-color: var(--mi-fill-color-blank); --mi-tag-border-color: var(--mi-color-main-light-5); --mi-tag-hover-color: var(--mi-color-main); } .mi-tag--outline.mi-tag--chunky { --mi-tag-bg-color: var(--mi-fill-color-blank); --mi-tag-border-color: var(--mi-color-chunky-light-5); --mi-tag-hover-color: var(--mi-color-chunky); } .mi-tag--outline.mi-tag--primary { --mi-tag-bg-color: var(--mi-fill-color-blank); --mi-tag-border-color: var(--mi-color-primary-light-5); --mi-tag-hover-color: var(--mi-color-primary); } .mi-tag--outline.mi-tag--success { --mi-tag-bg-color: var(--mi-fill-color-blank); --mi-tag-border-color: var(--mi-color-success-light-5); --mi-tag-hover-color: var(--mi-color-success); } .mi-tag--outline.mi-tag--warning { --mi-tag-bg-color: var(--mi-fill-color-blank); --mi-tag-border-color: var(--mi-color-warning-light-5); --mi-tag-hover-color: var(--mi-color-warning); } .mi-tag--outline.mi-tag--danger { --mi-tag-bg-color: var(--mi-fill-color-blank); --mi-tag-border-color: var(--mi-color-danger-light-5); --mi-tag-hover-color: var(--mi-color-danger); } .mi-tag--outline.mi-tag--error { --mi-tag-bg-color: var(--mi-fill-color-blank); --mi-tag-border-color: var(--mi-color-error-light-5); --mi-tag-hover-color: var(--mi-color-error); } .mi-tag--outline.mi-tag--info { --mi-tag-bg-color: var(--mi-fill-color-blank); --mi-tag-border-color: var(--mi-color-info-light-5); --mi-tag-hover-color: var(--mi-color-info); } [dir] .mi-tag--outline.mi-tag--info { border-color: var(--mi-border-color-primary); } [dir="ltr"] .mi-tag--outline.mi-tag--info { background: 0px 0px; } [dir="rtl"] .mi-tag--outline.mi-tag--info { background: 100% 0px; } [dir="ltr"] .mi-tag.is-closable { padding-right: 5px; } [dir="rtl"] .mi-tag.is-closable { padding-left: 5px; } .mi-tag--large { height: 32px; --mi-icon-size: 16px; } [dir] .mi-tag--large { padding: 0px 11px; } [dir="ltr"] .mi-tag--large .mi-tag__close { margin-left: 8px; } [dir="rtl"] .mi-tag--large .mi-tag__close { margin-right: 8px; } .mi-tag--large .mi-tag__close-rtl { margin-inline-start: 8px; } [dir="ltr"] .mi-tag--large .mi-tag__close-rtl { margin-left: unset; } [dir="rtl"] .mi-tag--large .mi-tag__close-rtl { margin-right: unset; } [dir="ltr"] .mi-tag--large.is-closable { padding-right: 7px; } [dir="rtl"] .mi-tag--large.is-closable { padding-left: 7px; } .mi-tag--small { height: 20px; --mi-icon-size: 12px; } [dir] .mi-tag--small { padding: 0px 7px; } [dir="ltr"] .mi-tag--small .mi-tag__close { margin-left: 4px; } [dir="rtl"] .mi-tag--small .mi-tag__close { margin-right: 4px; } .mi-tag--small .mi-tag__close-rtl { margin-inline-start: 4px; } [dir="ltr"] .mi-tag--small .mi-tag__close-rtl { margin-left: unset; } [dir="rtl"] .mi-tag--small .mi-tag__close-rtl { margin-right: unset; } [dir="ltr"] .mi-tag--small.is-closable { padding-right: 3px; } [dir="rtl"] .mi-tag--small.is-closable { padding-left: 3px; } [dir] .mi-tag--small .mi-icon-close { transform: scale(0.8); } [dir] .mi-tag.mi-tag--main.is-hit { border-color: var(--mi-color-main); } [dir] .mi-tag.mi-tag--chunky.is-hit { border-color: var(--mi-color-chunky); } [dir] .mi-tag.mi-tag--primary.is-hit { border-color: var(--mi-color-primary); } [dir] .mi-tag.mi-tag--success.is-hit { border-color: var(--mi-color-success); } [dir] .mi-tag.mi-tag--warning.is-hit { border-color: var(--mi-color-warning); } [dir] .mi-tag.mi-tag--danger.is-hit { border-color: var(--mi-color-danger); } [dir] .mi-tag.mi-tag--error.is-hit { border-color: var(--mi-color-error); } [dir] .mi-tag.mi-tag--info.is-hit { border-color: var(--mi-color-info); } [dir] .mi-select-group, [dir] .mi-select-group__wrap { margin: 0px; padding: 0px; } .mi-select-group__wrap { position: relative; list-style: none; } [dir] .mi-select-group__wrap:not(:last-of-type) { padding-bottom: 24px; } .mi-select-group__wrap:not(:last-of-type)::after { content: ""; position: absolute; display: block; bottom: 12px; height: 1px; } [dir] .mi-select-group__wrap:not(:last-of-type)::after { background: var(--mi-border-color-light); } [dir="ltr"] .mi-select-group__wrap:not(:last-of-type)::after, [dir="rtl"] .mi-select-group__wrap:not(:last-of-type)::after { right: 20px; left: 20px; } .mi-select-group__split-dash { position: absolute; height: 1px; } [dir] .mi-select-group__split-dash { background: var(--mi-border-color-light); } [dir="ltr"] .mi-select-group__split-dash, [dir="rtl"] .mi-select-group__split-dash { right: 20px; left: 20px; } .mi-select-group__title { font-size: 12px; color: var(--mi-text-color-tertiary); line-height: 30px; } [dir="ltr"] .mi-select-group__title { padding-left: 20px; } [dir="rtl"] .mi-select-group__title { padding-right: 20px; } .mi-select-group__title-rtl { padding-inline-start: 20px; } [dir="ltr"] .mi-select-group__title-rtl { direction: rtl; text-align: right; padding-left: unset; } [dir="rtl"] .mi-select-group__title-rtl { direction: ltr; text-align: left; padding-right: unset; } .mi-select-group--flex-row .mi-select-group { display: flex; flex-flow: wrap; } .mi-select-group--flex-row .mi-select-group .mi-select-dropdown__item { height: auto; line-height: normal; width: auto; } [dir] .mi-select-group--flex-row .mi-select-group .mi-select-dropdown__item, [dir] .mi-select-group--flex-row .mi-select-group .mi-select-dropdown__item.selected { padding: 4px 12px; } .mi-select-group--flex-row .mi-select-group .mi-select-dropdown__item.selected { width: auto; } [dir="ltr"] .mi-select-group .mi-select-dropdown__item { padding-left: 20px; } [dir="rtl"] .mi-select-group .mi-select-dropdown__item { padding-right: 20px; } .mi-select-dropdown { z-index: calc(var(--mi-index-top) + 1); box-sizing: border-box; } [dir] .mi-select-dropdown { border-radius: var(--mi-border-radius-base); } [dir="ltr"] .mi-select-dropdown-rtl { direction: rtl; } [dir="rtl"] .mi-select-dropdown-rtl { direction: ltr; } .mi-select-dropdown .mi-select-dropdown__item.selected { color: var(--mi-text-color-primary); font-weight: 500; display: flex; align-items: center; justify-content: space-between; } [dir] .mi-select-dropdown .mi-select-dropdown__item.selected, [dir] .mi-select-dropdown .mi-select-dropdown__item.selected.hover, [dir] .mi-select-dropdown.is-multiple .mi-select-dropdown__item.selected.hover, [dir] .mi-select-dropdown.is-multiple .mi-select-dropdown__item.selected.selected-last { background-color: var(--mi-bg-color-tertiary); } [dir] .mi-select-dropdown .mi-select-dropdown__item.selected.is-disabled::after, [dir] .mi-select-dropdown.is-multiple .mi-select-dropdown__item.selected.is-disabled::after { background-color: var(--mi-text-color-disabled); } [dir] .mi-select-dropdown .mi-select-dropdown__item.selected .mi-checkbox__input.is-checked .mi-checkbox__inner { background-color: var(--mi-text-color-primary); border-color: var(--mi-text-color-primary); } .mi-select-dropdown .mi-select-dropdown__mobile-item.selected { font-weight: 400; } .mi-select-dropdown.is-multiple .mi-select-dropdown__item.selected { color: var(--mi-text-color-primary); font-weight: 400; } [dir] .mi-select-dialog .mi-dialog__body .mi-select-dialog-dropdown__wrap .mi-select-dialog-dropdown__list .mi-select-dropdown__mobile-item:hover, [dir] .mi-select-dropdown.is-multiple .mi-select-dropdown__item.selected { background-color: transparent; } .mi-select-dropdown.is-multiple .mi-select-dropdown__item-rtl.selected::after { content: none; } .mi-select-dropdown .mi-select-dropdown__option-item.is-selected::after { content: ""; position: absolute; top: 50%; mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") 0% 0% / 100% 100% no-repeat; width: 12px; height: 12px; } [dir] .mi-select-dropdown .mi-select-dropdown__option-item.is-selected::after { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; background-repeat: no-repeat; background-position: center center; background-color: var(--mi-color-main); transform: translateY(-50%); } [dir="ltr"] .mi-select-dropdown .mi-select-dropdown__option-item.is-selected::after { right: 20px; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; } [dir="rtl"] .mi-select-dropdown .mi-select-dropdown__option-item.is-selected::after { left: 20px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; } .mi-select-dropdown .mi-select-dropdown__option-item-rtl.is-selected::after { content: none; } .mi-select-dropdown .mi-select-dropdown__option-item-rtl.is-selected::before { content: ""; position: absolute; top: 50%; mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") 0% 0% / 100% 100% no-repeat; width: 12px; height: 12px; } [dir] .mi-select-dropdown .mi-select-dropdown__option-item-rtl.is-selected::before { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; background-repeat: no-repeat; background-position: center center; background-color: var(--mi-color-main); transform: translateY(-50%); } [dir="ltr"] .mi-select-dropdown .mi-select-dropdown__option-item-rtl.is-selected::before { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; right: unset; left: 20px; } [dir="rtl"] .mi-select-dropdown .mi-select-dropdown__option-item-rtl.is-selected::before { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; left: unset; right: 20px; } [dir] .mi-select-dropdown .mi-scrollbar.is-empty .mi-select-dropdown__list { padding: 0px; } [dir] .mi-select-dropdown .mi-select-dropdown__item.is-disabled:hover { background-color: unset; } .mi-select-dropdown .mi-select-dropdown__item.is-disabled.selected { color: var(--mi-text-color-disabled); } .mi-select-dropdown__empty { color: var(--mi-text-color-secondary); font-size: var(--mi-select-font-size); } [dir] .mi-select-dropdown__empty { padding: 10px 0px; margin: 0px; text-align: center; } .mi-select-dropdown__wrap { max-height: 274px; } .mi-select-dropdown__list { list-style: none; box-sizing: border-box; } [dir] .mi-select-dropdown__list { padding: 6px 0px; margin: 8px !important; } .mi-select { --mi-select-border-color-hover: var(--mi-border-color-hover); --mi-select-disabled-border: var(--mi-disabled-border-color); --mi-select-font-size: var(--mi-font-size-base); --mi-select-close-hover-color: var(--mi-text-color-secondary); --mi-select-input-color: var(--mi-text-color-placeholder); --mi-select-multiple-input-color: var(--mi-text-color-secondary); --mi-select-input-focus-border-color: var(--mi-color-primary); --mi-select-input-font-size: 14px; display: inline-block; position: relative; vertical-align: middle; line-height: 32px; } [dir="ltr"] .mi-select-rtl { direction: rtl; } [dir="rtl"] .mi-select-rtl { direction: ltr; } [dir] .mi-select__popper.mi-popper { background: var(--mi-bg-color-dialog) !important; border: 1px solid var(--mi-border-color-primary) !important; box-shadow: var(--mi-box-shadow-light) !important; } .mi-select__popper.mi-popper .mi-popper__arrow { height: 0px; overflow: hidden; } [dir="ltr"] .mi-select__popper-rtl { direction: rtl; } [dir="rtl"] .mi-select__popper-rtl { direction: ltr; } [dir="ltr"] .mi-select .mi-select-tags-wrapper.has-prefix { margin-left: 6px; } [dir="rtl"] .mi-select .mi-select-tags-wrapper.has-prefix { margin-right: 6px; } .mi-select .mi-select-tags-wrapper-rtl.has-prefix, .mi-select--large .mi-select-tags-wrapper-rtl.has-prefix, .mi-select--small .mi-select-tags-wrapper-rtl.has-prefix { margin-inline-start: 6px; } [dir="ltr"] .mi-select .mi-select-tags-wrapper-rtl.has-prefix { margin-left: unset; } [dir="rtl"] .mi-select .mi-select-tags-wrapper-rtl.has-prefix { margin-right: unset; } .mi-select--large { line-height: 48px; } [dir="ltr"] .mi-select--large .mi-select-tags-wrapper.has-prefix { margin-left: 8px; } [dir="rtl"] .mi-select--large .mi-select-tags-wrapper.has-prefix { margin-right: 8px; } [dir="ltr"] .mi-select--large .mi-select-tags-wrapper-rtl.has-prefix { margin-left: unset; } [dir="rtl"] .mi-select--large .mi-select-tags-wrapper-rtl.has-prefix { margin-right: unset; } .mi-select--small { line-height: 24px; } [dir="ltr"] .mi-select--small .mi-select-tags-wrapper.has-prefix { margin-left: 4px; } [dir="rtl"] .mi-select--small .mi-select-tags-wrapper.has-prefix { margin-right: 4px; } [dir="ltr"] .mi-select--small .mi-select-tags-wrapper-rtl.has-prefix { margin-left: unset; } [dir="rtl"] .mi-select--small .mi-select-tags-wrapper-rtl.has-prefix { margin-right: unset; } .mi-select .mi-select__tags > span { display: inline-block; } .mi-select .mi-select__tags-text { display: inline-block; line-height: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } [dir] .mi-select .mi-input__inner, [dir] .mi-select .mi-input__wrapper { cursor: pointer; } .mi-select .mi-input__inner { color: var(--mi-text-color-primary); } .mi-select .mi-input { display: flex; } .mi-select .mi-input .mi-select__caret { color: var(--mi-text-color-primary); font-size: var(--mi-select-input-font-size); transition: transform var(--mi-transition-duration); } [dir] .mi-select .mi-input .mi-select__caret { transform: rotateZ(0deg); cursor: pointer; } [dir="ltr"] .mi-select .mi-input .mi-select__caret.is-reverse { transform: rotateZ(-180deg); } [dir="rtl"] .mi-select .mi-input .mi-select__caret.is-reverse { transform: rotateZ(180deg); } .mi-select .mi-input .mi-select__caret.is-show-close { font-size: var(--mi-select-font-size); color: var(--mi-select-input-color); transition: var(--mi-transition-color); } [dir] .mi-select .mi-input .mi-select__caret.is-show-close { text-align: center; transform: rotateZ(0deg); border-radius: var(--mi-border-radius-circle); } .mi-select .mi-input .mi-select__caret.is-show-close:hover { color: var(--mi-select-close-hover-color); } .mi-select .mi-input .mi-select__caret.mi-icon { position: relative; height: inherit; z-index: 2; } [dir] .mi-select .mi-input.is-text .mi-input__wrapper { border: 0px; background-color: transparent; box-shadow: none; } [dir] .mi-select .mi-input.is-text .mi-input__wrapper:hover { background: var(--mi-bg-color-secondary); } [dir] .mi-select .mi-input.is-disabled .mi-input__inner, [dir] .mi-select .mi-input.is-disabled .mi-input__wrapper, [dir] .mi-select .mi-input.is-disabled .mi-select__caret, [dir] .mi-select-dialog .mi-dialog__body .mi-select-dialog-dropdown__wrap .mi-select-dialog-dropdown__list .mi-select-dropdown__mobile-item.is-disabled { cursor: not-allowed; } .mi-select__input { outline: 0px; color: var(--mi-select-multiple-input-color); font-size: var(--mi-select-font-size); appearance: none; height: 28px; } [dir] .mi-select__input { border: 0px; padding: 0px; background-color: transparent; } [dir="ltr"] .mi-select__input { margin-left: 15px; } [dir="rtl"] .mi-select__input { margin-right: 15px; } .mi-select__input-rtl { margin-inline-start: 15px; } [dir="ltr"] .mi-select__input-rtl { margin-left: unset; } [dir="rtl"] .mi-select__input-rtl { margin-right: unset; } .mi-select__input--iOS { position: absolute; top: 0px; z-index: 6; } [dir="ltr"] .mi-select__input--iOS { left: 0px; } [dir="rtl"] .mi-select__input--iOS { right: 0px; } .mi-select__input.is-small { height: 14px; } .mi-select__close { position: absolute; top: 8px; z-index: var(--mi-index-top); color: var(--mi-select-input-color); line-height: 18px; font-size: var(--mi-select-input-font-size); } [dir] .mi-select__close { cursor: pointer; } [dir="ltr"] .mi-select__close { right: 25px; } [dir="rtl"] .mi-select__close { left: 25px; } .mi-select__close:hover { color: var(--mi-select-close-hover-color); } .mi-select__tags { position: absolute; line-height: normal; top: 50%; white-space: normal; z-index: var(--mi-index-normal); display: flex; align-items: center; flex-wrap: wrap; } [dir] .mi-select__tags { transform: translateY(-50%); cursor: pointer; } .mi-select__tags .mi-tag { box-sizing: border-box; } [dir] .mi-select__tags .mi-tag { border-color: transparent; } [dir="ltr"] .mi-select__tags .mi-tag { margin: 2px 6px 2px 0px; } [dir="ltr"] .mi-select__tags .mi-tag-rtl, [dir="rtl"] .mi-select__tags .mi-tag { margin: 2px 0px 2px 6px; } [dir="ltr"] .mi-select__tags .mi-tag:last-child { margin-right: 0px; } [dir="ltr"] .mi-select__tags .mi-tag-rtl:last-child, [dir="rtl"] .mi-select__tags .mi-tag:last-child { margin-left: 0px; } [dir="rtl"] .mi-select__tags .mi-tag-rtl { margin: 2px 6px 2px 0px; } [dir="rtl"] .mi-select__tags .mi-tag-rtl:last-child { margin-right: 0px; } .mi-select__tags .mi-tag .mi-icon-close { top: 0px; color: var(--ds-color-always-white); } [dir] .mi-select__tags .mi-tag .mi-icon-close { background-color: var(--mi-text-color-placeholder); } [dir="ltr"] .mi-select__tags .mi-tag .mi-icon-close { right: -7px; } [dir="rtl"] .mi-select__tags .mi-tag .mi-icon-close { left: -7px; } [dir] .mi-select__collapse-tags .mi-tag .mi-icon-close:hover, [dir] .mi-select__tags .mi-tag .mi-icon-close:hover { background-color: var(--mi-text-color-secondary); } .mi-select__collapse-tags .mi-tag .mi-icon-close::before, .mi-select__tags .mi-tag .mi-icon-close::before { display: block; } [dir] .mi-select__collapse-tags .mi-tag .mi-icon-close::before, [dir] .mi-select__tags .mi-tag .mi-icon-close::before { transform: translate(0px, 0.5px); } [dir] .mi-select__tags .mi-tag--info { background-color: var(--mi-fill-color-tertiary); } [dir="ltr"] .mi-select__tags-rtl { direction: rtl; } [dir="rtl"] .mi-select__tags-rtl { direction: ltr; } .mi-select__collapse-tags { white-space: normal; z-index: var(--mi-index-normal); display: flex; align-items: center; flex-wrap: wrap; } [dir] .mi-select__collapse-tags { cursor: pointer; } .mi-select__collapse-tags .mi-tag { box-sizing: border-box; } [dir] .mi-select__collapse-tags .mi-tag { border-color: transparent; } [dir="ltr"] .mi-select__collapse-tags .mi-tag { margin: 2px 6px 2px 0px; } [dir="ltr"] .mi-select__collapse-tags .mi-tag-rtl, [dir="rtl"] .mi-select__collapse-tags .mi-tag { margin: 2px 0px 2px 6px; } [dir="ltr"] .mi-select__collapse-tags .mi-tag:last-child { margin-right: 0px; } [dir="ltr"] .mi-select__collapse-tags .mi-tag-rtl:last-child, [dir="rtl"] .mi-select__collapse-tags .mi-tag:last-child { margin-left: 0px; } [dir="rtl"] .mi-select__collapse-tags .mi-tag-rtl { margin: 2px 6px 2px 0px; } [dir="rtl"] .mi-select__collapse-tags .mi-tag-rtl:last-child { margin-right: 0px; } .mi-select__collapse-tags .mi-tag .mi-icon-close { top: 0px; color: var(--ds-color-always-white); } [dir] .mi-select__collapse-tags .mi-tag .mi-icon-close { background-color: var(--mi-text-color-placeholder); } [dir="ltr"] .mi-select__collapse-tags .mi-tag .mi-icon-close { right: -7px; } [dir="rtl"] .mi-select__collapse-tags .mi-tag .mi-icon-close { left: -7px; } [dir] .mi-autocomplete-suggestion li.highlighted, [dir] .mi-autocomplete-suggestion li:hover, [dir] .mi-select__collapse-tags .mi-tag--info { background-color: var(--mi-fill-color-tertiary); } [dir="ltr"] .mi-select__collapse-tags-rtl { direction: rtl; } [dir="rtl"] .mi-select__collapse-tags-rtl { direction: ltr; } .mi-select__collapse-tag { line-height: inherit; height: inherit; display: flex; } .mi-select-overlay .mi-overlay-dialog { overflow: unset; } .mi-select-dialog.mi-dialog.is-responsive { min-height: 40vh; } [dir] .mi-select-dialog.mi-dialog.is-responsive .mi-dialog__body { padding: 0px; } [dir] .mi-select-dialog .mi-dialog__body .mi-input { margin-top: 12px; } .mi-select-dialog .mi-dialog__body .mi-input__wrapper .mi-input__inner { color: var(--mi-text-color-primary); } .mi-select-dialog .mi-dialog__body .mi-input__wrapper .mi-input__prefix .mi-icon { font-size: var(--mi-font-size-large); color: var(--mi-text-color-primary); } [dir] .mi-select-dialog .mi-dialog__body .filter-input { padding: 0px 15px; } [dir] .mi-select-dialog .mi-dialog__body .mi-empty { padding-top: 32px; } .mi-select-dialog .mi-dialog__body .mi-select-dialog-dropdown__wrap { max-height: calc(-56px + 80vh); overflow: auto; } [dir] .mi-select-dialog .mi-dialog__body .mi-select-dialog-dropdown__wrap { padding: 0px 15px; } .mi-select-dialog .mi-dialog__body .mi-select-dialog-dropdown__wrap .mi-select-dialog-dropdown__list { position: relative; } [dir] .mi-select-dialog .mi-dialog__body .mi-select-dialog-dropdown__wrap .mi-select-dialog-dropdown__list { padding: 0px; margin: 0px !important; } .mi-select-dialog .mi-dialog__body .mi-select-dialog-dropdown__wrap .mi-select-dialog-dropdown__list .mi-select-dropdown__mobile-item { height: auto; color: var(--mi-text-color-primary); } [dir] .mi-select-dialog .mi-dialog__body .mi-select-dialog-dropdown__wrap .mi-select-dialog-dropdown__list .mi-select-dropdown__mobile-item { padding: 14px 0px; } .mi-select-dialog .mi-dialog__body .mi-select-dialog-dropdown__wrap .mi-select-dialog-dropdown__list .mi-select-dropdown__mobile-item span { line-height: 20px; } .mi-select-dialog .mi-dialog__body .mi-select-dialog-dropdown__wrap .mi-select-dialog-dropdown__list .mi-select-dropdown__mobile-item.is-disabled { color: var(--mi-text-color-placeholder); } [dir] .mi-select-dialog .mi-dialog__body .mi-select-dialog-dropdown__wrap .mi-select-dialog-dropdown__list .mi-select-dropdown__mobile-item.selected { background-color: transparent; } .mi-select-dialog .mi-dialog__body .mi-select-dialog-dropdown__wrap .mi-select-dialog-dropdown__list .mi-select-dropdown__mobile-item.selected .mi-icon { color: var(--mi-color-primary); } [dir] .mi-select-dialog .mi-dialog__body .mi-select-dialog-dropdown__wrap .mi-select-dialog-dropdown__list .mi-select-group__wrap:not(:last-of-type) { padding-bottom: 4px; } .mi-select-dialog .mi-dialog__body .mi-select-dialog-dropdown__wrap .mi-select-dialog-dropdown__list .mi-select-group__wrap:not(:last-of-type)::after { display: none; } [dir="ltr"] .mi-select-dialog .mi-dialog__body .mi-select-dialog-dropdown__wrap .mi-select-dialog-dropdown__list .mi-select-group__wrap .mi-select-group__title { padding-left: 0px; } [dir="rtl"] .mi-select-dialog .mi-dialog__body .mi-select-dialog-dropdown__wrap .mi-select-dialog-dropdown__list .mi-select-group__wrap .mi-select-group__title { padding-right: 0px; } .mi-select-dialog .mi-dialog__body .mi-select-dialog-dropdown__wrap.is-multiple .mi-checkbox { height: 20px; width: 100%; justify-content: space-between; flex-direction: row-reverse; } [dir="ltr"] .mi-select-dialog .mi-dialog__body .mi-select-dialog-dropdown__wrap.is-multiple .mi-checkbox .mi-checkbox__label { padding-left: 0px; } [dir="rtl"] .mi-select-dialog .mi-dialog__body .mi-select-dialog-dropdown__wrap.is-multiple .mi-checkbox .mi-checkbox__label { padding-right: 0px; } .mi-select-dialog .mi-dialog__body .mi-select-dialog-dropdown__wrap.is-empty { overflow: hidden; } .mi-select-dialog.is-filterable .mi-dialog__body .mi-select-dialog-dropdown__wrap .mi-select-dialog-dropdown__list { height: calc(-56px + 80vh); } .mi-link { --mi-link-font-size: var(--mi-font-size-base); --mi-link-font-weight: var(--mi-font-weight-primary); --mi-link-text-color: var(--mi-text-color-secondary); --mi-link-hover-text-color: var(--mi-color-primary); --mi-link-disabled-text-color: var(--mi-text-color-placeholder); flex-direction: row; vertical-align: middle; position: relative; text-decoration: none; outline: 0px; font-size: var(--mi-link-font-size); font-weight: var(--mi-link-font-weight); color: var(--mi-link-text-color); } [dir] .mi-link { cursor: pointer; padding: 0px; } [dir="ltr"] .mi-link-rtl { direction: rtl; } [dir="rtl"] .mi-link-rtl { direction: ltr; } .mi-link:hover { color: var(--mi-link-hover-text-color); } .mi-link.is-underline:hover::after { content: ""; position: absolute; height: 0px; bottom: 0px; } [dir] .mi-link.is-underline:hover::after { border-bottom: 1px solid var(--mi-link-hover-text-color); } [dir="ltr"] .mi-link.is-underline:hover::after, [dir="rtl"] .mi-link.is-underline:hover::after { right: 0px; left: 0px; } .mi-link.is-disabled { color: var(--mi-link-disabled-text-color); } [dir] .mi-link.is-disabled { cursor: not-allowed; } [dir="ltr"] .mi-link [class*="mi-icon-"] + span { margin-left: 5px; } [dir="rtl"] .mi-link [class*="mi-icon-"] + span { margin-right: 5px; } [dir] .mi-link.mi-link--default::after { border-color: var(--mi-link-hover-text-color); } .mi-link, .mi-link__inner { display: inline-flex; justify-content: center; align-items: center; } .mi-link.mi-link--main { --mi-link-text-color: var(--mi-color-main); --mi-link-hover-text-color: var(--mi-color-main-hover); --mi-link-disabled-text-color: var(--mi-color-main-light-5); } [dir] .mi-link.mi-link--chunky.is-underline:hover::after, [dir] .mi-link.mi-link--chunky::after, [dir] .mi-link.mi-link--danger.is-underline:hover::after, [dir] .mi-link.mi-link--danger::after, [dir] .mi-link.mi-link--error.is-underline:hover::after, [dir] .mi-link.mi-link--error::after, [dir] .mi-link.mi-link--info.is-underline:hover::after, [dir] .mi-link.mi-link--info::after, [dir] .mi-link.mi-link--main.is-underline:hover::after, [dir] .mi-link.mi-link--main::after, [dir] .mi-link.mi-link--primary.is-underline:hover::after, [dir] .mi-link.mi-link--primary::after, [dir] .mi-link.mi-link--success.is-underline:hover::after, [dir] .mi-link.mi-link--success::after, [dir] .mi-link.mi-link--warning.is-underline:hover::after, [dir] .mi-link.mi-link--warning::after { border-color: var(--mi-link-text-color); } .mi-link.mi-link--chunky { --mi-link-text-color: var(--mi-color-chunky); --mi-link-hover-text-color: var(--mi-color-chunky-hover); --mi-link-disabled-text-color: var(--mi-color-chunky-light-5); } .mi-link.mi-link--primary { --mi-link-text-color: var(--mi-color-primary); --mi-link-hover-text-color: var(--mi-color-primary-hover); --mi-link-disabled-text-color: var(--mi-color-primary-light-5); } .mi-link.mi-link--success { --mi-link-text-color: var(--mi-color-success); --mi-link-hover-text-color: var(--mi-color-success-hover); --mi-link-disabled-text-color: var(--mi-color-success-light-5); } .mi-link.mi-link--warning { --mi-link-text-color: var(--mi-color-warning); --mi-link-hover-text-color: var(--mi-color-warning-hover); --mi-link-disabled-text-color: var(--mi-color-warning-light-5); } .mi-link.mi-link--danger { --mi-link-text-color: var(--mi-color-danger); --mi-link-hover-text-color: var(--mi-color-danger-hover); --mi-link-disabled-text-color: var(--mi-color-danger-light-5); } .mi-link.mi-link--error { --mi-link-text-color: var(--mi-color-error); --mi-link-hover-text-color: var(--mi-color-error-hover); --mi-link-disabled-text-color: var(--mi-color-error-light-5); } .mi-link.mi-link--info { --mi-link-text-color: var(--mi-color-info); --mi-link-hover-text-color: var(--mi-color-info-hover); color: var(--mi-color-info-hover); --mi-link-disabled-text-color: var(--mi-color-info-light-5); } .mi-link.mi-link--info:not(.is-disabled):hover { color: var(--mi-color-info-active); } [dir] .mi-link.mi-link--info:not(.is-disabled):hover { border-bottom: var(--mi-color-info-active); } .mi-notification { --mi-notification-width: 330px; --mi-notification-padding: 14px 26px 14px 13px; --mi-notification-radius: 8px; --mi-notification-shadow: var(--mi-box-shadow-light); --mi-notification-border-color: var(--mi-border-color-lighter); --mi-notification-icon-size: 24px; --mi-notification-close-font-size: var(--mi-message-close-size, 16px); --mi-notification-group-margin-left: 13px; --mi-notification-group-margin-right: 8px; --mi-notification-content-font-size: var(--mi-font-size-base); --mi-notification-content-color: var(--mi-text-color-secondary); --mi-notification-title-font-size: 16px; --mi-notification-title-color: var(--mi-text-color-primary); --mi-notification-close-color: var(--mi-text-color-primary); --mi-notification-close-hover-color: var(--mi-text-color-secondary); display: flex; width: var(--mi-notification-width); box-sizing: border-box; position: fixed; overflow-wrap: anywhere; overflow: hidden; z-index: 9999; } [dir] .mi-notification { padding: var(--mi-notification-padding); border-radius: var(--mi-notification-radius); border: 1px solid var(--mi-notification-border-color); background-color: var(--mi-fill-color-overlay); box-shadow: var(--mi-notification-shadow); } [dir="ltr"] .mi-notification { transition: opacity var(--mi-transition-duration),transform var(--mi-transition-duration),left var(--mi-transition-duration),right var(--mi-transition-duration),top .4s,bottom var(--mi-transition-duration); } [dir="rtl"] .mi-notification { transition: opacity var(--mi-transition-duration),transform var(--mi-transition-duration),right var(--mi-transition-duration),left var(--mi-transition-duration),top .4s,bottom var(--mi-transition-duration); } [dir="ltr"] .mi-notification-rtl { direction: rtl; } [dir="rtl"] .mi-notification-rtl { direction: ltr; } [dir="ltr"] .mi-notification.right { right: 16px; } [dir="ltr"] .mi-notification.left, [dir="rtl"] .mi-notification.right { left: 16px; } [dir="rtl"] .mi-notification.left { right: 16px; } [dir="ltr"] .mi-notification__group { margin-left: var(--mi-notification-group-margin-left); margin-right: var(--mi-notification-group-margin-right); } [dir="rtl"] .mi-notification__group { margin-right: var(--mi-notification-group-margin-left); margin-left: var(--mi-notification-group-margin-right); } .mi-notification__title { font-weight: 700; font-size: var(--mi-notification-title-font-size); line-height: var(--mi-notification-icon-size); color: var(--mi-notification-title-color); } [dir] .mi-notification__content p, [dir] .mi-notification__title { margin: 0px; } .mi-notification__content { font-size: var(--mi-notification-content-font-size); line-height: 24px; color: var(--mi-notification-content-color); } [dir] .mi-notification__content { margin: 6px 0px 0px; text-align: justify; } .mi-notification .mi-notification__icon { height: var(--mi-notification-icon-size); width: var(--mi-notification-icon-size); font-size: var(--mi-notification-icon-size); } .mi-notification .mi-notification__closeBtn { position: absolute; top: 18px; color: var(--mi-notification-close-color); font-size: var(--mi-notification-close-font-size); } [dir] .mi-notification .mi-notification__closeBtn { cursor: pointer; } [dir="ltr"] .mi-notification .mi-notification__closeBtn { right: 15px; } [dir="rtl"] .mi-notification .mi-notification__closeBtn { left: 15px; } .mi-notification .mi-notification__closeBtn:hover { color: var(--mi-color-primary); } [dir="ltr"] .mi-notification .mi-notification__closeBtn-rtl { right: unset; left: 15px; } [dir="rtl"] .mi-notification .mi-notification__closeBtn-rtl { left: unset; right: 15px; } .mi-notification .mi-notification--success { --mi-notification-icon-color: var(--mi-color-success); color: var(--mi-notification-icon-color); } .mi-notification .mi-notification--info { --mi-notification-icon-color: var(--mi-color-info); color: var(--mi-notification-icon-color); } .mi-notification .mi-notification--warning { --mi-notification-icon-color: var(--mi-color-warning); color: var(--mi-notification-icon-color); } .mi-notification .mi-notification--error { --mi-notification-icon-color: var(--mi-color-error); color: var(--mi-notification-icon-color); } [dir="ltr"] .mi-notification-fade-enter-from.right { right: 0px; transform: translateX(100%); } [dir="ltr"] .mi-notification-fade-enter-from.left, [dir="rtl"] .mi-notification-fade-enter-from.right { left: 0px; transform: translateX(-100%); } [dir="rtl"] .mi-notification-fade-enter-from.left { right: 0px; transform: translateX(100%); } .mi-notification-fade-leave-to { opacity: 0; } .mi-switch, .mi-switch__label { font-size: 14px; vertical-align: middle; } .mi-switch { --mi-switch-on-color: var(--ds-color-function-brand); --mi-switch-off-color: var(--mi-border-color-secondary); --mi-switch-hover-on-color: var(--ds-color-function-brand); --mi-switch-hover-off-color: var(--mi-border-color-primary); --mi-switch-bg-color: var(--mi-color-white); --mi-switch-disabled-color: var(--ds-color-bit-color-primary-disabled); display: inline-flex; align-items: center; position: relative; line-height: 20px; height: 32px; } [dir="ltr"] .mi-switch-rtl { direction: rtl; } [dir="rtl"] .mi-switch-rtl { direction: ltr; } .mi-switch__label { transition: var(--mi-transition-duration-fast); height: 20px; display: inline-block; font-weight: 500; color: var(--mi-text-color-primary); } [dir] .mi-switch__label { cursor: pointer; } .mi-switch__label.is-active { color: var(--mi-color-primary); } [dir="ltr"] .mi-switch__label--left { margin-right: 10px; } [dir="rtl"] .mi-switch__label--left { margin-left: 10px; } .mi-switch__label--left-rtl { margin-inline-end: 10px; } [dir="ltr"] .mi-switch__label--left-rtl { margin-right: unset; } [dir="rtl"] .mi-switch__label--left-rtl { margin-left: unset; } [dir="ltr"] .mi-switch__label--right { margin-left: 10px; } [dir="rtl"] .mi-switch__label--right { margin-right: 10px; } .mi-switch__label--right-rtl { margin-inline-start: 10px; } [dir="ltr"] .mi-switch__label--right-rtl { margin-left: unset; } [dir="rtl"] .mi-switch__label--right-rtl { margin-right: unset; } .mi-switch__label * { line-height: 1; font-size: 14px; display: inline-block; } .mi-switch__label .mi-icon { height: inherit; } .mi-switch__label .mi-icon svg, .mi-tabs__new-tab .is-icon-plus svg { vertical-align: middle; } .mi-switch__input { position: absolute; width: 0px; height: 0px; opacity: 0; } [dir] .mi-switch__input { margin: 0px; } .mi-switch__input:focus-visible ~ .mi-switch__core { outline: 0px; } .mi-switch__core { display: inline-flex; position: relative; align-items: center; min-width: 36px; height: 20px; outline: 0px; box-sizing: border-box; transition: border-color var(--mi-transition-duration),background-color var(--mi-transition-duration); } [dir] .mi-switch__core { border: 1px solid var(--mi-switch-border-color,var(--mi-switch-off-color)); background: var(--mi-switch-off-color); cursor: pointer; } [dir] .mi-switch__core:hover { border: 1px solid var(--mi-switch-border-color,var(--mi-switch-hover-off-color)); } .mi-switch__core .mi-switch__action, .mi-switch__core .mi-switch__inner { transition: all var(--mi-transition-duration); height: 16px; display: flex; justify-content: center; align-items: center; } .mi-switch__core .mi-switch__inner { width: 100%; overflow: hidden; } [dir="ltr"] .mi-switch__core .mi-switch__inner { padding: 0px 4px 0px calc(18px); } [dir="rtl"] .mi-switch__core .mi-switch__inner { padding: 0px calc(18px) 0px 4px; } .mi-switch__core .mi-switch__inner .is-icon, .mi-switch__core .mi-switch__inner .is-text { font-size: 12px; color: var(--mi-color-white); user-select: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mi-switch__core .mi-switch__action { position: absolute; width: 16px; color: var(--mi-switch-off-color); } [dir] .mi-switch__core .mi-switch__action { border-radius: var(--mi-border-radius-circle); background-color: var(--mi-switch-bg-color); } [dir="ltr"] .mi-switch__core .mi-switch__action { left: 1px; } [dir="rtl"] .mi-switch__core .mi-switch__action { right: 1px; } [dir="ltr"] .mi-switch__core .mi-switch__action-rtl { left: unset; right: 1px; } [dir="rtl"] .mi-switch__core .mi-switch__action-rtl { right: unset; left: 1px; } [dir] .mi-switch.is-checked .mi-switch__core { border-color: var(--mi-switch-border-color,var(--mi-switch-on-color)); background-color: var(--mi-switch-on-color); } [dir] .mi-switch.is-checked .mi-switch__core:hover { border: 1px solid var(--mi-switch-border-color,var(--mi-switch-hover-on-color)); } .mi-switch.is-checked .mi-switch__core .mi-switch__action { color: var(--mi-switch-on-color); } [dir="ltr"] .mi-switch.is-checked .mi-switch__core .mi-switch__action { left: calc(100% - 17px); } [dir="rtl"] .mi-switch.is-checked .mi-switch__core .mi-switch__action { right: calc(100% - 17px); } [dir="ltr"] .mi-switch.is-checked .mi-switch__core .mi-switch__action-rtl { left: unset; right: calc(100% - 17px); } [dir="rtl"] .mi-switch.is-checked .mi-switch__core .mi-switch__action-rtl { right: unset; left: calc(100% - 17px); } [dir="ltr"] .mi-switch.is-checked .mi-switch__core .mi-switch__inner { padding: 0px calc(18px) 0px 4px; } [dir="ltr"] .mi-switch.is-checked .mi-switch__core .mi-switch__inner-rtl, [dir="rtl"] .mi-switch.is-checked .mi-switch__core .mi-switch__inner { padding: 0px 4px 0px calc(18px); } [dir="rtl"] .mi-switch.is-checked .mi-switch__core .mi-switch__inner-rtl { padding: 0px calc(18px) 0px 4px; } .mi-switch.is-disabled { opacity: 0.4; } [dir] .mi-switch.is-disabled .mi-switch__core, [dir] .mi-switch.is-disabled .mi-switch__label { background-color: var(--mi-switch-disabled-color); border: 1px solid var(--mi-switch-disabled-color); cursor: not-allowed; } [dir="ltr"] .mi-switch--wide .mi-switch__label.mi-switch__label--left span { left: 10px; } [dir="rtl"] .mi-switch--wide .mi-switch__label.mi-switch__label--left span { right: 10px; } [dir="ltr"] .mi-switch--wide .mi-switch__label.mi-switch__label--left-rtl span { left: unset; right: 10px; } [dir="rtl"] .mi-switch--wide .mi-switch__label.mi-switch__label--left-rtl span { right: unset; left: 10px; } [dir="ltr"] .mi-switch--wide .mi-switch__label.mi-switch__label--right span { right: 10px; } [dir="rtl"] .mi-switch--wide .mi-switch__label.mi-switch__label--right span { left: 10px; } [dir="ltr"] .mi-switch--wide .mi-switch__label.mi-switch__label--right-rtl span { right: unset; left: 10px; } [dir="rtl"] .mi-switch--wide .mi-switch__label.mi-switch__label--right-rtl span { left: unset; right: 10px; } .mi-switch .label-fade-enter-from, .mi-switch .label-fade-leave-active { opacity: 0; } .mi-switch--large { font-size: 14px; line-height: 24px; height: 40px; } .mi-switch--large .mi-switch__label { height: 24px; font-size: 14px; } .mi-switch--large .mi-switch__label * { font-size: 14px; } .mi-switch--large .mi-switch__core { min-width: 44px; height: 24px; } [dir] .mi-switch--large .mi-switch__core { border-radius: 12px; } .mi-switch--large .mi-switch__core .mi-switch__inner { height: 20px; } [dir="ltr"] .mi-switch--large .mi-switch__core .mi-switch__inner { padding: 0px 6px 0px calc(22px); } [dir="rtl"] .mi-switch--large .mi-switch__core .mi-switch__inner { padding: 0px calc(22px) 0px 6px; } .mi-switch--large .mi-switch__core .mi-switch__action { width: 20px; height: 20px; } [dir="ltr"] .mi-switch--large.is-checked .mi-switch__core .mi-switch__action { left: calc(100% - 21px); } [dir="rtl"] .mi-switch--large.is-checked .mi-switch__core .mi-switch__action { right: calc(100% - 21px); } [dir="ltr"] .mi-switch--large.is-checked .mi-switch__core .mi-switch__action-rtl { left: unset; right: calc(100% - 21px); } [dir="rtl"] .mi-switch--large.is-checked .mi-switch__core .mi-switch__action-rtl { right: unset; left: calc(100% - 21px); } [dir="ltr"] .mi-switch--large.is-checked .mi-switch__core .mi-switch__inner { padding: 0px calc(22px) 0px 6px; } [dir="rtl"] .mi-switch--large.is-checked .mi-switch__core .mi-switch__inner { padding: 0px 6px 0px calc(22px); } .mi-switch--small { font-size: 12px; line-height: 16px; height: 24px; } .mi-switch--small .mi-switch__label { height: 16px; font-size: 12px; } .mi-switch--small .mi-switch__label * { font-size: 12px; } .mi-switch--small .mi-switch__core { min-width: 28px; height: 16px; } [dir] .mi-switch--small .mi-switch__core { border-radius: 8px; } .mi-switch--small .mi-switch__core .mi-switch__inner { height: 12px; } [dir="ltr"] .mi-switch--small .mi-switch__core .mi-switch__inner { padding: 0px 2px 0px calc(14px); } [dir="rtl"] .mi-switch--small .mi-switch__core .mi-switch__inner { padding: 0px calc(14px) 0px 2px; } .mi-switch--small .mi-switch__core .mi-switch__action { width: 12px; height: 12px; } [dir="ltr"] .mi-switch--small.is-checked .mi-switch__core .mi-switch__action { left: calc(100% - 13px); } [dir="rtl"] .mi-switch--small.is-checked .mi-switch__core .mi-switch__action { right: calc(100% - 13px); } [dir="ltr"] .mi-switch--small.is-checked .mi-switch__core .mi-switch__action-rtl { left: unset; right: calc(100% - 13px); } [dir="rtl"] .mi-switch--small.is-checked .mi-switch__core .mi-switch__action-rtl { right: unset; left: calc(100% - 13px); } [dir="ltr"] .mi-switch--small.is-checked .mi-switch__core .mi-switch__inner { padding: 0px calc(14px) 0px 2px; } [dir="rtl"] .mi-switch--small.is-checked .mi-switch__core .mi-switch__inner { padding: 0px 2px 0px calc(14px); } .mi-tooltip__popper.mi-popper { line-height: 1.4; font-weight: 400; color: var(--mi-color-white) !important; } [dir] .mi-tooltip__popper.mi-popper { border-radius: 8px; padding: 6px 12px; background: var(--mi-bg-color-popup) !important; border: 0px !important; } [dir] .mi-tooltip__popper.mi-popper .mi-popper__arrow::before { border-color: var(--mi-bg-color-popup) !important; background: var(--mi-bg-color-popup) !important; } .mi-drawer { --mi-drawer-bg-color: var(--mi-dialog-bg-color, var(--mi-bg-color)); --mi-drawer-padding-primary: var(--mi-dialog-padding-primary, 20px); position: absolute; box-sizing: border-box; display: flex; flex-direction: column; overflow: hidden; transition: all var(--mi-transition-duration); } [dir] .mi-drawer { background-color: var(--mi-drawer-bg-color); box-shadow: var(--mi-box-shadow-dark); } [dir="ltr"] .mi-drawer-rtl { direction: rtl; } [dir="rtl"] .mi-drawer-rtl { direction: ltr; } [dir] .mi-drawer .btt, [dir] .mi-drawer .ltr, [dir] .mi-drawer .rtl, [dir] .mi-drawer .ttb { transform: translate(0px, 0px); } .mi-drawer__sr-focus:focus { outline: 0px !important; } .mi-drawer__header { align-items: center; color: var(--mi-text-color-primary); display: flex; } [dir] .mi-drawer__header { padding: 32px 32px 8px; } .mi-drawer__header > :first-child { flex: 1 1 0%; } .mi-drawer__title { flex: 1 1 0%; line-height: 28px; font-size: 20px; font-weight: 600; overflow-wrap: break-word; } [dir] .mi-drawer__title, [dir] .mi-tabs__header.is-top.no-margin { margin: 0px; } [dir] .mi-drawer__footer { padding: 16px 32px 32px; } [dir="ltr"] .mi-drawer__footer { text-align: right; } [dir="rtl"] .mi-drawer__footer { text-align: left; } .mi-drawer__close-btn { align-self: flex-start; display: inline-flex; font-size: 24px; color: var(--mi-text-color-tertiary); outline: 0px; margin-inline-start: 12px; } [dir] .mi-drawer__close-btn { border: 0px; cursor: pointer; background-color: transparent; padding: 4px; } .mi-drawer__close-btn:focus, .mi-drawer__close-btn:hover { color: var(--mi-text-color-primary); } [dir] .mi-drawer__close-btn:focus, [dir] .mi-drawer__close-btn:hover { border-radius: 50%; background-color: var(--mi-bg-color-secondary); } .mi-drawer__body { flex: 1 1 0%; overflow: auto; } [dir] .mi-drawer__body { padding: 16px 32px 24px; } .mi-drawer__body > * { box-sizing: border-box; } .mi-drawer.ltr, .mi-drawer.rtl { height: 100%; top: 0px; bottom: 0px; } .mi-drawer.btt, .mi-drawer.ttb { width: 100%; } [dir="ltr"] .mi-drawer.btt, [dir="ltr"] .mi-drawer.ttb, [dir="rtl"] .mi-drawer.btt, [dir="rtl"] .mi-drawer.ttb { right: 0px; left: 0px; } [dir="ltr"] .mi-drawer.ltr { left: 0px; border-bottom-right-radius: 16px; border-top-right-radius: 16px; } [dir="ltr"] .mi-drawer.rtl, [dir="rtl"] .mi-drawer.ltr { right: 0px; border-bottom-left-radius: 16px; border-top-left-radius: 16px; } [dir="rtl"] .mi-drawer.rtl { left: 0px; border-bottom-right-radius: 16px; border-top-right-radius: 16px; } .mi-drawer.ttb { top: 0px; } [dir="ltr"] .mi-drawer.ttb, [dir="rtl"] .mi-drawer.ttb { border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; } .mi-drawer.btt { bottom: 0px; } [dir="ltr"] .mi-drawer.btt, [dir="rtl"] .mi-drawer.btt { border-top-left-radius: 16px; border-top-right-radius: 16px; } .mi-drawer-fade-enter-active, .mi-drawer-fade-leave-active { transition: all var(--mi-transition-duration); } .mi-drawer-fade-enter-active, .mi-drawer-fade-enter-from, .mi-drawer-fade-enter-to, .mi-drawer-fade-leave-active, .mi-drawer-fade-leave-from, .mi-drawer-fade-leave-to { overflow: hidden !important; } .mi-drawer-fade-enter-from, .mi-drawer-fade-leave-to { opacity: 0; } .mi-drawer-fade-enter-to, .mi-drawer-fade-leave-from { opacity: 1; } [dir="ltr"] .mi-drawer-fade-enter-from .rtl, [dir="ltr"] .mi-drawer-fade-leave-to .rtl { transform: translateX(100%); } [dir="ltr"] .mi-drawer-fade-enter-from .ltr, [dir="ltr"] .mi-drawer-fade-leave-to .ltr, [dir="rtl"] .mi-drawer-fade-enter-from .rtl, [dir="rtl"] .mi-drawer-fade-leave-to .rtl { transform: translateX(-100%); } [dir="rtl"] .mi-drawer-fade-enter-from .ltr, [dir="rtl"] .mi-drawer-fade-leave-to .ltr { transform: translateX(100%); } [dir] .mi-drawer-fade-enter-from .ttb, [dir] .mi-drawer-fade-leave-to .ttb { transform: translateY(-100%); } [dir] .mi-drawer-fade-enter-from .btt, [dir] .mi-drawer-fade-leave-to .btt { transform: translateY(100%); } .mi-tabs { --mi-tabs-header-height: 40px; --mi-tabs-line-large-height-line: 52px; --mi-tabs-line-standard-height-line: 40px; --mi-tabs-line-small-height-line: 32px; --mi-tabs-line-large-font-size: 16px; --mi-tabs-line-standard-font-size: 14px; --mi-tabs-line-small-font-size: 12px; --mi-tabs-large-font-size: 32px; --mi-tabs-large-font-size-active: 40px; --mi-tabs-standard-font-size: 24px; --mi-tabs-small-font-size: 16px; } [dir="ltr"] .mi-tabs-rtl { direction: rtl; } [dir="rtl"] .mi-tabs-rtl { direction: ltr; } .mi-tabs__header { position: relative; } [dir] .mi-tabs__header { padding: 0px; margin: 0px 0px 16px; } .mi-tabs__active-bar { position: absolute; bottom: 0px; left: 0px; height: 2px; background-color: transparent; z-index: 1; transition: width var(--mi-transition-duration) var(--mi-transition-function-ease-in-out-bezier),transform var(--mi-transition-duration) var(--mi-transition-function-ease-in-out-bezier); list-style: none; } [dir="rtl"] .mi-tabs__active-bar { left: unset; } .mi-tabs__new-tab { display: flex; align-items: center; justify-content: center; height: 20px; width: 20px; line-height: 20px; font-size: 12px; color: var(--mi-text-color-primary); transition: 0.15s; } [dir] .mi-tabs__new-tab { border: 1px solid var(--mi-border-color); border-radius: 3px; text-align: center; cursor: pointer; } [dir="ltr"] .mi-tabs__new-tab { float: right; margin: 10px 0px 10px 10px; } [dir="rtl"] .mi-tabs__new-tab { float: left; margin: 10px 10px 10px 0px; } .mi-tabs__new-tab .is-icon-plus { height: inherit; width: inherit; } [dir] .mi-tabs__new-tab .is-icon-plus { transform: scale(0.8, 0.8); } .mi-tabs__new-tab:hover { color: var(--mi-text-color-primary); } [dir="ltr"] .mi-tabs__new-tab-rtl { float: left; margin: 10px 10px 10px 0px; } [dir="rtl"] .mi-tabs__new-tab-rtl { float: right; margin: 10px 0px 10px 10px; } .mi-tabs__nav-wrap { overflow: hidden; position: relative; } [dir] .mi-tabs__nav-wrap { margin-bottom: -1px; } .mi-tabs__nav-wrap::after { content: ""; position: absolute; bottom: 0px; width: 100%; height: 0px; z-index: var(--mi-index-normal); } [dir] .mi-tabs__nav-wrap::after { background-color: var(--mi-border-color-light); } [dir="ltr"] .mi-tabs__nav-wrap::after { left: 0px; } [dir="rtl"] .mi-tabs__nav-wrap::after { right: 0px; } .mi-tabs__nav-wrap.is-scrollable { box-sizing: border-box; } [dir] .mi-tabs__nav-wrap.is-scrollable { padding: 0px 20px; } .mi-tabs__nav-scroll { overflow: hidden; } .mi-tabs__nav-next, .mi-tabs__nav-prev { position: absolute; line-height: 44px; font-size: 12px; color: var(--mi-text-color-secondary); width: 20px; } [dir] .mi-tabs__nav-next, [dir] .mi-tabs__nav-prev { cursor: pointer; text-align: center; } [dir="ltr"] .mi-tabs__nav-next { right: 0px; } [dir="ltr"] .mi-tabs__nav-prev, [dir="rtl"] .mi-tabs__nav-next { left: 0px; } [dir="rtl"] .mi-tabs__nav-prev { right: 0px; } .mi-tabs__nav { white-space: nowrap; position: relative; transition: transform var(--mi-transition-duration); z-index: calc(var(--mi-index-normal) + 1); } [dir="ltr"] .mi-tabs__nav { float: left; } [dir="ltr"] .mi-tabs__nav-rtl, [dir="rtl"] .mi-tabs__nav { float: right; } [dir="rtl"] .mi-tabs__nav-rtl { float: left; } .mi-tabs__nav.is-stretch { min-width: 100%; display: flex; } .mi-tabs__nav.is-stretch > * { flex: 1 1 0%; } [dir] .mi-tabs__nav.is-stretch > * { text-align: center; } .mi-tabs__item { height: var(--mi-tabs-header-height); box-sizing: border-box; line-height: var(--mi-tabs-header-height); display: inline-block; list-style: none; font-size: var(--mi-font-size-base); font-weight: 500; color: var(--mi-text-color-tertiary); position: relative; } [dir] .mi-tabs__item { padding: 0px 16px; } .mi-tabs__item:focus, .mi-tabs__item:focus:active { outline: 0px; } [dir] .mi-tabs__item:focus-visible { box-shadow: 0 0 2px 2px var(--mi-text-color-primary) inset; border-radius: 3px; } .mi-tabs__item .is-icon-close { transition: all var(--mi-transition-duration) var(--mi-transition-function-ease-in-out-bezier); } [dir] .mi-tabs__item .is-icon-close { border-radius: 50%; text-align: center; } [dir="ltr"] .mi-radio-button__inner [class*="mi-icon-"] + span, [dir="ltr"] .mi-tabs__item .is-icon-close { margin-left: 5px; } [dir="rtl"] .mi-radio-button__inner [class*="mi-icon-"] + span, [dir="rtl"] .mi-tabs__item .is-icon-close { margin-right: 5px; } .mi-tabs__item .is-icon-close::before { display: inline-block; } [dir] .mi-tabs__item .is-icon-close::before { transform: scale(0.9); } .mi-tabs__item .is-icon-close:hover { color: var(--ds-color-always-white); } [dir] .mi-tabs__item .is-icon-close:hover { background-color: var(--mi-text-color-placeholder); } [dir] .mi-tabs__item .is-icon-close svg { margin-top: 1px; } .mi-tabs__item-rtl .is-icon-close { margin-inline-start: 5px; } [dir="ltr"] .mi-tabs__item-rtl .is-icon-close { margin-left: unset; } [dir="rtl"] .mi-tabs__item-rtl .is-icon-close { margin-right: unset; } .mi-tabs__item.is-active, .mi-tabs__item:hover { color: var(--mi-text-color-primary); } [dir] .mi-tabs__item:hover { cursor: pointer; } .mi-tabs__item.is-disabled { color: var(--mi-disabled-text-color); } [dir] .mi-tabs__item.is-disabled { cursor: not-allowed; } .mi-tabs__content { overflow: hidden; position: relative; } .mi-tabs.is-primary .mi-tabs__active-bar.is-line { background-color: var(--mi-color-primary); } .mi-tabs.is-primary .mi-tabs__item.is-active, .mi-tabs.is-primary .mi-tabs__item:hover, .mi-tabs.is-primary .mi-tabs__new-tab:hover, .mi-tabs.is-primary.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item.is-active { color: var(--mi-color-primary); } .mi-tabs.is-primary .mi-tabs__item { color: var(--mi-text-color-secondary); } .mi-tabs.is-primary.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item:not(.is-disabled):hover { color: var(--mi-color-primary); } .mi-tabs.is-line .mi-tabs__nav-wrap::after { height: 1px; } .mi-tabs.is-line .mi-tabs__nav-next, .mi-tabs.is-line .mi-tabs__nav-prev { height: 100%; display: flex; align-items: center; justify-content: center; } .mi-tabs.is-line .mi-tabs__active-bar { background-color: var(--mi-bg-color-inverse-primary); } .mi-tabs.is-line.mi-tabs--large .mi-tabs__item { height: var(--mi-tabs-line-large-height-line); line-height: var(--mi-tabs-line-large-height-line); font-size: var(--mi-tabs-line-large-font-size); font-weight: 400; } .mi-tabs.is-line.mi-tabs--large .mi-tabs__item.is-active, .mi-tabs.is-line.mi-tabs--large .mi-tabs__nav-next, .mi-tabs.is-line.mi-tabs--large .mi-tabs__nav-prev { font-size: var(--mi-tabs-line-large-font-size); } [dir] .mi-tabs.is-line.mi-tabs--large .mi-tabs__nav-wrap.is-scrollable { padding: 0px 48px; } .mi-tabs.is-line.mi-tabs--standard .mi-tabs__item { height: var(--mi-tabs-line-standard-height-line); line-height: var(--mi-tabs-line-standard-height-line); font-size: var(--mi-tabs-line-standard-font-size); font-weight: 400; } .mi-tabs.is-line.mi-tabs--standard .mi-tabs__item.is-active, .mi-tabs.is-line.mi-tabs--standard .mi-tabs__nav-next, .mi-tabs.is-line.mi-tabs--standard .mi-tabs__nav-prev { font-size: var(--mi-tabs-line-standard-font-size); } [dir] .mi-tabs.is-line.mi-tabs--standard .mi-tabs__nav-wrap.is-scrollable { padding: 0px 32px; } .mi-tabs.is-line.mi-tabs--small .mi-tabs__item { height: var(--mi-tabs-line-small-height-line); line-height: var(--mi-tabs-line-small-height-line); font-size: var(--mi-tabs-line-small-font-size); font-weight: 400; } .mi-tabs.is-line.mi-tabs--small .mi-tabs__item.is-active, .mi-tabs.is-line.mi-tabs--small .mi-tabs__nav-next, .mi-tabs.is-line.mi-tabs--small .mi-tabs__nav-prev { font-size: var(--mi-tabs-line-small-font-size); } .mi-tabs--large .mi-tabs__item { line-height: 1.2; font-size: var(--mi-tabs-large-font-size); font-weight: 700; } .mi-tabs--large .mi-tabs__item.is-active { font-size: var(--mi-tabs-large-font-size-active); } .mi-tabs--small .mi-tabs__item, .mi-tabs--standard .mi-tabs__item { line-height: 1.2; font-size: var(--mi-tabs-standard-font-size); font-weight: 700; } .mi-tabs--standard .mi-tabs__item.is-active { font-size: var(--mi-tabs-large-font-size); } .mi-tabs--small .mi-tabs__item { font-size: var(--mi-tabs-small-font-size); } .mi-tabs--small .mi-tabs__item.is-active { font-size: var(--mi-tabs-standard-font-size); } .mi-tabs--card > .mi-tabs__header { height: var(--mi-tabs-header-height); } [dir] .mi-tabs--card > .mi-tabs__header { border-bottom: 1px solid var(--mi-border-color-light); } .mi-tabs--border-card > .mi-tabs__header .mi-tabs__nav-wrap::after, .mi-tabs--card > .mi-tabs__header .mi-tabs__nav-wrap::after { content: none; } .mi-tabs--card > .mi-tabs__header .mi-tabs__nav { box-sizing: border-box; } [dir] .mi-tabs--card > .mi-tabs__header .mi-tabs__nav { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-radius: 4px 4px 0px 0px; } .mi-tabs--card > .mi-tabs__header .mi-tabs__active-bar { display: none; } .mi-tabs--card > .mi-tabs__header .mi-tabs__item .is-icon-close { position: relative; font-size: 12px; width: 0px; height: 14px; vertical-align: middle; line-height: 15px; overflow: hidden; top: -1px; } [dir="ltr"] .mi-tabs--card > .mi-tabs__header .mi-tabs__item .is-icon-close { right: -2px; transform-origin: 100% 50%; } [dir="rtl"] .mi-tabs--card > .mi-tabs__header .mi-tabs__item .is-icon-close { left: -2px; transform-origin: 0px 50%; } .mi-tabs--card > .mi-tabs__header .mi-tabs__item { transition: color var(--mi-transition-duration) var(--mi-transition-function-ease-in-out-bezier),padding var(--mi-transition-duration) var(--mi-transition-function-ease-in-out-bezier); } [dir] .mi-tabs--card > .mi-tabs__header .mi-tabs__item { border-bottom: 1px solid transparent; } [dir="ltr"] .mi-tabs--card > .mi-tabs__header .mi-tabs__item { border-left: 1px solid var(--mi-border-color-light); } [dir="rtl"] .mi-tabs--card > .mi-tabs__header .mi-tabs__item { border-right: 1px solid var(--mi-border-color-light); } [dir="ltr"] .mi-tabs--card > .mi-tabs__header .mi-tabs__item:first-child { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; } [dir="rtl"] .mi-tabs--card > .mi-tabs__header .mi-tabs__item:first-child { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; } [dir="ltr"] .mi-tabs--card > .mi-tabs__header .mi-tabs__item-rtl:first-child { border-left: 1px solid var(--mi-border-color-light); border-right-width: medium; border-right-style: none; border-right-color: currentcolor; } [dir="rtl"] .mi-tabs--card > .mi-tabs__header .mi-tabs__item-rtl:first-child { border-right: 1px solid var(--mi-border-color-light); border-left-width: medium; border-left-style: none; border-left-color: currentcolor; } [dir="ltr"] .mi-tabs--card > .mi-tabs__header .mi-tabs__item-rtl:last-child { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; } [dir="rtl"] .mi-tabs--card > .mi-tabs__header .mi-tabs__item-rtl:last-child { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; } [dir="ltr"] .mi-tabs--card > .mi-tabs__header .mi-tabs__item.is-closable:hover, [dir="rtl"] .mi-tabs--card > .mi-tabs__header .mi-tabs__item.is-closable:hover { padding-right: 13px; padding-left: 13px; } .mi-tabs--card > .mi-tabs__header .mi-tabs__item.is-closable:hover .is-icon-close { width: 14px; } [dir] .mi-tabs--card > .mi-tabs__header .mi-tabs__item.is-active { border-bottom: 2px solid var(--mi-bg-color); } [dir="ltr"] .mi-tabs--card > .mi-tabs__header .mi-tabs__item.is-active.is-closable, [dir="rtl"] .mi-tabs--card > .mi-tabs__header .mi-tabs__item.is-active.is-closable { padding-right: 20px; padding-left: 20px; } .mi-tabs--card > .mi-tabs__header .mi-tabs__item.is-active.is-closable .is-icon-close { width: 14px; } [dir] .mi-tabs--border-card { background: var(--mi-bg-color-primary); border: 1px solid var(--mi-border-color); box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 4px 0px, rgba(0, 0, 0, 0.04) 0px 0px 6px 0px; } [dir] .mi-tabs--border-card > .mi-tabs__content { padding: 15px; } [dir] .mi-tabs--border-card > .mi-tabs__header { background-color: var(--mi-bg-color-primary); border-bottom: 1px solid var(--mi-border-color-light); margin: 0px; } .mi-tabs--border-card > .mi-tabs__header .mi-tabs__item { transition: all var(--mi-transition-duration) var(--mi-transition-function-ease-in-out-bezier); color: var(--mi-text-color-secondary); } [dir] .mi-tabs--border-card > .mi-tabs__header .mi-tabs__item { border: 1px solid transparent; margin-top: -1px; } [dir="ltr"] .mi-tabs--border-card > .mi-tabs__header .mi-tabs__item:first-child { margin-left: -1px; } [dir="rtl"] .mi-tabs--border-card > .mi-tabs__header .mi-tabs__item:first-child { margin-right: -1px; } [dir="ltr"] .mi-tabs--border-card > .mi-tabs__header .mi-tabs__item + .mi-tabs__item { margin-left: -1px; } [dir="rtl"] .mi-tabs--border-card > .mi-tabs__header .mi-tabs__item + .mi-tabs__item { margin-right: -1px; } .mi-tabs--border-card > .mi-tabs__header .mi-tabs__item.is-active { color: var(--mi-text-color-primary); } [dir] .mi-tabs--border-card > .mi-tabs__header .mi-tabs__item.is-active { background-color: var(--mi-bg-color-primary); } [dir="ltr"] .mi-tabs--border-card > .mi-tabs__header .mi-tabs__item.is-active, [dir="rtl"] .mi-tabs--border-card > .mi-tabs__header .mi-tabs__item.is-active { border-left-color: var(--mi-border-color-light); border-right-color: var(--mi-border-color-light); } .mi-tabs--border-card > .mi-tabs__header .mi-tabs__item:not(.is-disabled):hover { color: var(--mi-text-color-primary); } .mi-tabs--border-card > .mi-tabs__header .mi-tabs__item.is-disabled { color: var(--mi-disabled-text-color); } [dir="ltr"] .mi-tabs--border-card > .mi-tabs__header .is-scrollable .mi-tabs__item:first-child { margin-left: 0px; } [dir="rtl"] .mi-tabs--border-card > .mi-tabs__header .is-scrollable .mi-tabs__item:first-child { margin-right: 0px; } [dir="ltr"] .mi-tabs--bottom .mi-tabs__item.is-bottom:nth-child(2), [dir="ltr"] .mi-tabs--bottom .mi-tabs__item.is-top:nth-child(2), [dir="ltr"] .mi-tabs--top .mi-tabs__item.is-bottom:nth-child(2), [dir="ltr"] .mi-tabs--top .mi-tabs__item.is-top:nth-child(2) { padding-left: 0px; } [dir="rtl"] .mi-tabs--bottom .mi-tabs__item.is-bottom:nth-child(2), [dir="rtl"] .mi-tabs--bottom .mi-tabs__item.is-top:nth-child(2), [dir="rtl"] .mi-tabs--top .mi-tabs__item.is-bottom:nth-child(2), [dir="rtl"] .mi-tabs--top .mi-tabs__item.is-top:nth-child(2) { padding-left: 16px; padding-right: unset; } [dir="ltr"] .mi-tabs--bottom .mi-tabs__item.is-bottom:last-child, [dir="ltr"] .mi-tabs--bottom .mi-tabs__item.is-top:last-child, [dir="ltr"] .mi-tabs--top .mi-tabs__item.is-bottom:last-child, [dir="ltr"] .mi-tabs--top .mi-tabs__item.is-top:last-child { padding-right: 0px; } [dir="rtl"] .mi-tabs--bottom .mi-tabs__item.is-bottom:last-child, [dir="rtl"] .mi-tabs--bottom .mi-tabs__item.is-top:last-child, [dir="rtl"] .mi-tabs--top .mi-tabs__item.is-bottom:last-child, [dir="rtl"] .mi-tabs--top .mi-tabs__item.is-top:last-child { padding-right: 16px; padding-left: unset; } [dir="ltr"] .mi-tabs--bottom .mi-tabs__item-rtl.is-bottom:nth-child(2), [dir="ltr"] .mi-tabs--bottom .mi-tabs__item-rtl.is-top:nth-child(2), [dir="ltr"] .mi-tabs--top .mi-tabs__item-rtl.is-bottom:nth-child(2), [dir="ltr"] .mi-tabs--top .mi-tabs__item-rtl.is-top:nth-child(2) { padding-right: 0px; padding-left: 20px; } [dir="rtl"] .mi-tabs--bottom .mi-tabs__item-rtl.is-bottom:nth-child(2), [dir="rtl"] .mi-tabs--bottom .mi-tabs__item-rtl.is-top:nth-child(2), [dir="rtl"] .mi-tabs--top .mi-tabs__item-rtl.is-bottom:nth-child(2), [dir="rtl"] .mi-tabs--top .mi-tabs__item-rtl.is-top:nth-child(2) { padding-left: 0px; padding-right: 20px; } [dir="ltr"] .mi-tabs--bottom .mi-tabs__item-rtl.is-bottom:last-child, [dir="ltr"] .mi-tabs--bottom .mi-tabs__item-rtl.is-top:last-child, [dir="ltr"] .mi-tabs--top .mi-tabs__item-rtl.is-bottom:last-child, [dir="ltr"] .mi-tabs--top .mi-tabs__item-rtl.is-top:last-child { padding-left: 0px; padding-right: 20px; } [dir="rtl"] .mi-tabs--bottom .mi-tabs__item-rtl.is-bottom:last-child, [dir="rtl"] .mi-tabs--bottom .mi-tabs__item-rtl.is-top:last-child, [dir="rtl"] .mi-tabs--top .mi-tabs__item-rtl.is-bottom:last-child, [dir="rtl"] .mi-tabs--top .mi-tabs__item-rtl.is-top:last-child { padding-right: 0px; padding-left: 20px; } [dir="ltr"] .mi-tabs--bottom .mi-tabs--left > .mi-tabs__header .mi-tabs__item:nth-child(2), [dir="ltr"] .mi-tabs--bottom .mi-tabs--right > .mi-tabs__header .mi-tabs__item:nth-child(2), [dir="ltr"] .mi-tabs--bottom.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item:nth-child(2), [dir="ltr"] .mi-tabs--bottom.mi-tabs--card > .mi-tabs__header .mi-tabs__item:nth-child(2), [dir="ltr"] .mi-tabs--top .mi-tabs--left > .mi-tabs__header .mi-tabs__item:nth-child(2), [dir="ltr"] .mi-tabs--top .mi-tabs--right > .mi-tabs__header .mi-tabs__item:nth-child(2), [dir="ltr"] .mi-tabs--top.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item:nth-child(2), [dir="ltr"] .mi-tabs--top.mi-tabs--card > .mi-tabs__header .mi-tabs__item:nth-child(2) { padding-left: 20px; } [dir="rtl"] .mi-tabs--bottom .mi-tabs--left > .mi-tabs__header .mi-tabs__item:nth-child(2), [dir="rtl"] .mi-tabs--bottom .mi-tabs--right > .mi-tabs__header .mi-tabs__item:nth-child(2), [dir="rtl"] .mi-tabs--bottom.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item:nth-child(2), [dir="rtl"] .mi-tabs--bottom.mi-tabs--card > .mi-tabs__header .mi-tabs__item:nth-child(2), [dir="rtl"] .mi-tabs--top .mi-tabs--left > .mi-tabs__header .mi-tabs__item:nth-child(2), [dir="rtl"] .mi-tabs--top .mi-tabs--right > .mi-tabs__header .mi-tabs__item:nth-child(2), [dir="rtl"] .mi-tabs--top.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item:nth-child(2), [dir="rtl"] .mi-tabs--top.mi-tabs--card > .mi-tabs__header .mi-tabs__item:nth-child(2) { padding-right: 20px; } [dir="ltr"] .mi-tabs--bottom .mi-tabs--left > .mi-tabs__header .mi-tabs__item:nth-child(2):not(.is-active).is-closable:hover, [dir="ltr"] .mi-tabs--bottom .mi-tabs--right > .mi-tabs__header .mi-tabs__item:nth-child(2):not(.is-active).is-closable:hover, [dir="ltr"] .mi-tabs--bottom.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item:nth-child(2):not(.is-active).is-closable:hover, [dir="ltr"] .mi-tabs--bottom.mi-tabs--card > .mi-tabs__header .mi-tabs__item:nth-child(2):not(.is-active).is-closable:hover, [dir="ltr"] .mi-tabs--top .mi-tabs--left > .mi-tabs__header .mi-tabs__item:nth-child(2):not(.is-active).is-closable:hover, [dir="ltr"] .mi-tabs--top .mi-tabs--right > .mi-tabs__header .mi-tabs__item:nth-child(2):not(.is-active).is-closable:hover, [dir="ltr"] .mi-tabs--top.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item:nth-child(2):not(.is-active).is-closable:hover, [dir="ltr"] .mi-tabs--top.mi-tabs--card > .mi-tabs__header .mi-tabs__item:nth-child(2):not(.is-active).is-closable:hover { padding-left: 13px; } [dir="rtl"] .mi-tabs--bottom .mi-tabs--left > .mi-tabs__header .mi-tabs__item:nth-child(2):not(.is-active).is-closable:hover, [dir="rtl"] .mi-tabs--bottom .mi-tabs--right > .mi-tabs__header .mi-tabs__item:nth-child(2):not(.is-active).is-closable:hover, [dir="rtl"] .mi-tabs--bottom.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item:nth-child(2):not(.is-active).is-closable:hover, [dir="rtl"] .mi-tabs--bottom.mi-tabs--card > .mi-tabs__header .mi-tabs__item:nth-child(2):not(.is-active).is-closable:hover, [dir="rtl"] .mi-tabs--top .mi-tabs--left > .mi-tabs__header .mi-tabs__item:nth-child(2):not(.is-active).is-closable:hover, [dir="rtl"] .mi-tabs--top .mi-tabs--right > .mi-tabs__header .mi-tabs__item:nth-child(2):not(.is-active).is-closable:hover, [dir="rtl"] .mi-tabs--top.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item:nth-child(2):not(.is-active).is-closable:hover, [dir="rtl"] .mi-tabs--top.mi-tabs--card > .mi-tabs__header .mi-tabs__item:nth-child(2):not(.is-active).is-closable:hover { padding-right: 13px; } [dir="ltr"] .mi-tabs--bottom .mi-tabs--left > .mi-tabs__header .mi-tabs__item:last-child, [dir="ltr"] .mi-tabs--bottom .mi-tabs--right > .mi-tabs__header .mi-tabs__item:last-child, [dir="ltr"] .mi-tabs--bottom.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item:last-child, [dir="ltr"] .mi-tabs--bottom.mi-tabs--card > .mi-tabs__header .mi-tabs__item:last-child, [dir="ltr"] .mi-tabs--top .mi-tabs--left > .mi-tabs__header .mi-tabs__item:last-child, [dir="ltr"] .mi-tabs--top .mi-tabs--right > .mi-tabs__header .mi-tabs__item:last-child, [dir="ltr"] .mi-tabs--top.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item:last-child, [dir="ltr"] .mi-tabs--top.mi-tabs--card > .mi-tabs__header .mi-tabs__item:last-child { padding-right: 20px; } [dir="rtl"] .mi-tabs--bottom .mi-tabs--left > .mi-tabs__header .mi-tabs__item:last-child, [dir="rtl"] .mi-tabs--bottom .mi-tabs--right > .mi-tabs__header .mi-tabs__item:last-child, [dir="rtl"] .mi-tabs--bottom.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item:last-child, [dir="rtl"] .mi-tabs--bottom.mi-tabs--card > .mi-tabs__header .mi-tabs__item:last-child, [dir="rtl"] .mi-tabs--top .mi-tabs--left > .mi-tabs__header .mi-tabs__item:last-child, [dir="rtl"] .mi-tabs--top .mi-tabs--right > .mi-tabs__header .mi-tabs__item:last-child, [dir="rtl"] .mi-tabs--top.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item:last-child, [dir="rtl"] .mi-tabs--top.mi-tabs--card > .mi-tabs__header .mi-tabs__item:last-child { padding-left: 20px; } [dir="ltr"] .mi-tabs--bottom .mi-tabs--left > .mi-tabs__header .mi-tabs__item:last-child:not(.is-active).is-closable:hover, [dir="ltr"] .mi-tabs--bottom .mi-tabs--right > .mi-tabs__header .mi-tabs__item:last-child:not(.is-active).is-closable:hover, [dir="ltr"] .mi-tabs--bottom.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item:last-child:not(.is-active).is-closable:hover, [dir="ltr"] .mi-tabs--bottom.mi-tabs--card > .mi-tabs__header .mi-tabs__item:last-child:not(.is-active).is-closable:hover, [dir="ltr"] .mi-tabs--top .mi-tabs--left > .mi-tabs__header .mi-tabs__item:last-child:not(.is-active).is-closable:hover, [dir="ltr"] .mi-tabs--top .mi-tabs--right > .mi-tabs__header .mi-tabs__item:last-child:not(.is-active).is-closable:hover, [dir="ltr"] .mi-tabs--top.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item:last-child:not(.is-active).is-closable:hover, [dir="ltr"] .mi-tabs--top.mi-tabs--card > .mi-tabs__header .mi-tabs__item:last-child:not(.is-active).is-closable:hover { padding-right: 13px; } [dir="rtl"] .mi-tabs--bottom .mi-tabs--left > .mi-tabs__header .mi-tabs__item:last-child:not(.is-active).is-closable:hover, [dir="rtl"] .mi-tabs--bottom .mi-tabs--right > .mi-tabs__header .mi-tabs__item:last-child:not(.is-active).is-closable:hover, [dir="rtl"] .mi-tabs--bottom.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item:last-child:not(.is-active).is-closable:hover, [dir="rtl"] .mi-tabs--bottom.mi-tabs--card > .mi-tabs__header .mi-tabs__item:last-child:not(.is-active).is-closable:hover, [dir="rtl"] .mi-tabs--top .mi-tabs--left > .mi-tabs__header .mi-tabs__item:last-child:not(.is-active).is-closable:hover, [dir="rtl"] .mi-tabs--top .mi-tabs--right > .mi-tabs__header .mi-tabs__item:last-child:not(.is-active).is-closable:hover, [dir="rtl"] .mi-tabs--top.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item:last-child:not(.is-active).is-closable:hover, [dir="rtl"] .mi-tabs--top.mi-tabs--card > .mi-tabs__header .mi-tabs__item:last-child:not(.is-active).is-closable:hover { padding-left: 13px; } [dir="ltr"] .mi-tabs--bottom .mi-tabs--left > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2), [dir="ltr"] .mi-tabs--bottom .mi-tabs--right > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2), [dir="ltr"] .mi-tabs--bottom.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2), [dir="ltr"] .mi-tabs--bottom.mi-tabs--card > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2), [dir="ltr"] .mi-tabs--top .mi-tabs--left > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2), [dir="ltr"] .mi-tabs--top .mi-tabs--right > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2), [dir="ltr"] .mi-tabs--top.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2), [dir="ltr"] .mi-tabs--top.mi-tabs--card > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2) { padding-right: 20px; } [dir="rtl"] .mi-tabs--bottom .mi-tabs--left > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2), [dir="rtl"] .mi-tabs--bottom .mi-tabs--right > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2), [dir="rtl"] .mi-tabs--bottom.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2), [dir="rtl"] .mi-tabs--bottom.mi-tabs--card > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2), [dir="rtl"] .mi-tabs--top .mi-tabs--left > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2), [dir="rtl"] .mi-tabs--top .mi-tabs--right > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2), [dir="rtl"] .mi-tabs--top.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2), [dir="rtl"] .mi-tabs--top.mi-tabs--card > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2) { padding-left: 20px; } [dir="ltr"] .mi-tabs--bottom .mi-tabs--left > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2):not(.is-active).is-closable:hover, [dir="ltr"] .mi-tabs--bottom .mi-tabs--right > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2):not(.is-active).is-closable:hover, [dir="ltr"] .mi-tabs--bottom.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2):not(.is-active).is-closable:hover, [dir="ltr"] .mi-tabs--bottom.mi-tabs--card > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2):not(.is-active).is-closable:hover, [dir="ltr"] .mi-tabs--top .mi-tabs--left > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2):not(.is-active).is-closable:hover, [dir="ltr"] .mi-tabs--top .mi-tabs--right > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2):not(.is-active).is-closable:hover, [dir="ltr"] .mi-tabs--top.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2):not(.is-active).is-closable:hover, [dir="ltr"] .mi-tabs--top.mi-tabs--card > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2):not(.is-active).is-closable:hover { padding-right: 13px; } [dir="rtl"] .mi-tabs--bottom .mi-tabs--left > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2):not(.is-active).is-closable:hover, [dir="rtl"] .mi-tabs--bottom .mi-tabs--right > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2):not(.is-active).is-closable:hover, [dir="rtl"] .mi-tabs--bottom.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2):not(.is-active).is-closable:hover, [dir="rtl"] .mi-tabs--bottom.mi-tabs--card > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2):not(.is-active).is-closable:hover, [dir="rtl"] .mi-tabs--top .mi-tabs--left > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2):not(.is-active).is-closable:hover, [dir="rtl"] .mi-tabs--top .mi-tabs--right > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2):not(.is-active).is-closable:hover, [dir="rtl"] .mi-tabs--top.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2):not(.is-active).is-closable:hover, [dir="rtl"] .mi-tabs--top.mi-tabs--card > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2):not(.is-active).is-closable:hover { padding-left: 13px; } [dir="ltr"] .mi-tabs--bottom .mi-tabs--left > .mi-tabs__header .mi-tabs__item-rtl:last-child, [dir="ltr"] .mi-tabs--bottom .mi-tabs--right > .mi-tabs__header .mi-tabs__item-rtl:last-child, [dir="ltr"] .mi-tabs--bottom.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item-rtl:last-child, [dir="ltr"] .mi-tabs--bottom.mi-tabs--card > .mi-tabs__header .mi-tabs__item-rtl:last-child, [dir="ltr"] .mi-tabs--top .mi-tabs--left > .mi-tabs__header .mi-tabs__item-rtl:last-child, [dir="ltr"] .mi-tabs--top .mi-tabs--right > .mi-tabs__header .mi-tabs__item-rtl:last-child, [dir="ltr"] .mi-tabs--top.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item-rtl:last-child, [dir="ltr"] .mi-tabs--top.mi-tabs--card > .mi-tabs__header .mi-tabs__item-rtl:last-child { padding-left: 20px; } [dir="rtl"] .mi-tabs--bottom .mi-tabs--left > .mi-tabs__header .mi-tabs__item-rtl:last-child, [dir="rtl"] .mi-tabs--bottom .mi-tabs--right > .mi-tabs__header .mi-tabs__item-rtl:last-child, [dir="rtl"] .mi-tabs--bottom.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item-rtl:last-child, [dir="rtl"] .mi-tabs--bottom.mi-tabs--card > .mi-tabs__header .mi-tabs__item-rtl:last-child, [dir="rtl"] .mi-tabs--top .mi-tabs--left > .mi-tabs__header .mi-tabs__item-rtl:last-child, [dir="rtl"] .mi-tabs--top .mi-tabs--right > .mi-tabs__header .mi-tabs__item-rtl:last-child, [dir="rtl"] .mi-tabs--top.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item-rtl:last-child, [dir="rtl"] .mi-tabs--top.mi-tabs--card > .mi-tabs__header .mi-tabs__item-rtl:last-child { padding-right: 20px; } [dir="ltr"] .mi-tabs--bottom .mi-tabs--left > .mi-tabs__header .mi-tabs__item-rtl:last-child:not(.is-active).is-closable:hover, [dir="ltr"] .mi-tabs--bottom .mi-tabs--right > .mi-tabs__header .mi-tabs__item-rtl:last-child:not(.is-active).is-closable:hover, [dir="ltr"] .mi-tabs--bottom.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item-rtl:last-child:not(.is-active).is-closable:hover, [dir="ltr"] .mi-tabs--bottom.mi-tabs--card > .mi-tabs__header .mi-tabs__item-rtl:last-child:not(.is-active).is-closable:hover, [dir="ltr"] .mi-tabs--top .mi-tabs--left > .mi-tabs__header .mi-tabs__item-rtl:last-child:not(.is-active).is-closable:hover, [dir="ltr"] .mi-tabs--top .mi-tabs--right > .mi-tabs__header .mi-tabs__item-rtl:last-child:not(.is-active).is-closable:hover, [dir="ltr"] .mi-tabs--top.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item-rtl:last-child:not(.is-active).is-closable:hover, [dir="ltr"] .mi-tabs--top.mi-tabs--card > .mi-tabs__header .mi-tabs__item-rtl:last-child:not(.is-active).is-closable:hover { padding-left: 13px; } [dir="rtl"] .mi-tabs--bottom .mi-tabs--left > .mi-tabs__header .mi-tabs__item-rtl:last-child:not(.is-active).is-closable:hover, [dir="rtl"] .mi-tabs--bottom .mi-tabs--right > .mi-tabs__header .mi-tabs__item-rtl:last-child:not(.is-active).is-closable:hover, [dir="rtl"] .mi-tabs--bottom.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item-rtl:last-child:not(.is-active).is-closable:hover, [dir="rtl"] .mi-tabs--bottom.mi-tabs--card > .mi-tabs__header .mi-tabs__item-rtl:last-child:not(.is-active).is-closable:hover, [dir="rtl"] .mi-tabs--top .mi-tabs--left > .mi-tabs__header .mi-tabs__item-rtl:last-child:not(.is-active).is-closable:hover, [dir="rtl"] .mi-tabs--top .mi-tabs--right > .mi-tabs__header .mi-tabs__item-rtl:last-child:not(.is-active).is-closable:hover, [dir="rtl"] .mi-tabs--top.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item-rtl:last-child:not(.is-active).is-closable:hover, [dir="rtl"] .mi-tabs--top.mi-tabs--card > .mi-tabs__header .mi-tabs__item-rtl:last-child:not(.is-active).is-closable:hover { padding-right: 13px; } [dir] .mi-tabs--bottom .mi-tabs__header.is-bottom { margin-bottom: 0px; margin-top: 10px; } [dir] .mi-tabs--bottom.mi-tabs--border-card .mi-tabs__header.is-bottom { border-bottom: 0px; border-top: 1px solid var(--mi-border-color); } [dir] .mi-tabs--bottom.mi-tabs--border-card .mi-tabs__nav-wrap.is-bottom { margin-top: -1px; margin-bottom: 0px; } [dir] .mi-tabs--bottom.mi-tabs--border-card .mi-tabs__item.is-bottom:not(.is-active) { border: 1px solid transparent; } [dir] .mi-tabs--bottom.mi-tabs--border-card .mi-tabs__item.is-bottom { margin: 0px -1px -1px; } .mi-tabs--left, .mi-tabs--right { overflow: hidden; } .mi-tabs--left .mi-tabs__header.is-left, .mi-tabs--left .mi-tabs__header.is-right, .mi-tabs--left .mi-tabs__nav-scroll, .mi-tabs--left .mi-tabs__nav-wrap.is-left, .mi-tabs--left .mi-tabs__nav-wrap.is-right, .mi-tabs--right .mi-tabs__header.is-left, .mi-tabs--right .mi-tabs__header.is-right, .mi-tabs--right .mi-tabs__nav-scroll, .mi-tabs--right .mi-tabs__nav-wrap.is-left, .mi-tabs--right .mi-tabs__nav-wrap.is-right { height: 100%; } .mi-tabs--left .mi-tabs__active-bar.is-left, .mi-tabs--left .mi-tabs__active-bar.is-right, .mi-tabs--right .mi-tabs__active-bar.is-left, .mi-tabs--right .mi-tabs__active-bar.is-right { top: 0px; bottom: auto; width: 2px; height: auto; } [dir] .mi-tabs--left .mi-tabs__nav-wrap.is-left, [dir] .mi-tabs--left .mi-tabs__nav-wrap.is-right, [dir] .mi-tabs--right .mi-tabs__nav-wrap.is-left, [dir] .mi-tabs--right .mi-tabs__nav-wrap.is-right { margin-bottom: 0px; } .mi-tabs--left .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-next, .mi-tabs--left .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-prev, .mi-tabs--left .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-next, .mi-tabs--left .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-prev, .mi-tabs--right .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-next, .mi-tabs--right .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-prev, .mi-tabs--right .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-next, .mi-tabs--right .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-prev { height: 30px; line-height: 30px; width: 100%; } [dir] .mi-tabs--left .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-next, [dir] .mi-tabs--left .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-prev, [dir] .mi-tabs--left .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-next, [dir] .mi-tabs--left .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-prev, [dir] .mi-tabs--right .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-next, [dir] .mi-tabs--right .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-prev, [dir] .mi-tabs--right .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-next, [dir] .mi-tabs--right .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-prev { text-align: center; cursor: pointer; } [dir="ltr"] .mi-tabs--left .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-next i, [dir="ltr"] .mi-tabs--left .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-prev i, [dir="ltr"] .mi-tabs--left .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-next i, [dir="ltr"] .mi-tabs--left .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-prev i, [dir="ltr"] .mi-tabs--right .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-next i, [dir="ltr"] .mi-tabs--right .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-prev i, [dir="ltr"] .mi-tabs--right .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-next i, [dir="ltr"] .mi-tabs--right .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-prev i { transform: rotateZ(90deg); } [dir="rtl"] .mi-tabs--left .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-next i, [dir="rtl"] .mi-tabs--left .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-prev i, [dir="rtl"] .mi-tabs--left .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-next i, [dir="rtl"] .mi-tabs--left .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-prev i, [dir="rtl"] .mi-tabs--right .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-next i, [dir="rtl"] .mi-tabs--right .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-prev i, [dir="rtl"] .mi-tabs--right .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-next i, [dir="rtl"] .mi-tabs--right .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-prev i { transform: rotateZ(-90deg); } .mi-tabs--left .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-prev, .mi-tabs--left .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-prev, .mi-tabs--right .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-prev, .mi-tabs--right .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-prev { top: 0px; } [dir="ltr"] .mi-tabs--left .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-prev, [dir="ltr"] .mi-tabs--left .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-prev, [dir="ltr"] .mi-tabs--right .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-prev, [dir="ltr"] .mi-tabs--right .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-prev { left: auto; } [dir="ltr"] .mi-tabs--left .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-next, [dir="ltr"] .mi-tabs--left .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-next, [dir="ltr"] .mi-tabs--right .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-next, [dir="ltr"] .mi-tabs--right .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-next, [dir="rtl"] .mi-tabs--left .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-prev, [dir="rtl"] .mi-tabs--left .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-prev, [dir="rtl"] .mi-tabs--right .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-prev, [dir="rtl"] .mi-tabs--right .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-prev { right: auto; } .mi-tabs--left .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-next, .mi-tabs--left .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-next, .mi-tabs--right .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-next, .mi-tabs--right .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-next { bottom: 0px; } [dir="rtl"] .mi-tabs--left .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-next, [dir="rtl"] .mi-tabs--left .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-next, [dir="rtl"] .mi-tabs--right .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-next, [dir="rtl"] .mi-tabs--right .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-next { left: auto; } [dir] .mi-tabs--left .mi-tabs__nav-wrap.is-left.is-scrollable, [dir] .mi-tabs--left .mi-tabs__nav-wrap.is-right.is-scrollable, [dir] .mi-tabs--right .mi-tabs__nav-wrap.is-left.is-scrollable, [dir] .mi-tabs--right .mi-tabs__nav-wrap.is-right.is-scrollable { padding: 30px 0px; } .mi-tabs--left .mi-tabs__nav-wrap.is-left::after, .mi-tabs--left .mi-tabs__nav-wrap.is-right::after, .mi-tabs--right .mi-tabs__nav-wrap.is-left::after, .mi-tabs--right .mi-tabs__nav-wrap.is-right::after { height: 100%; width: 2px; bottom: auto; top: 0px; } [dir] .mi-tabs--left .mi-tabs__nav.is-left, [dir] .mi-tabs--left .mi-tabs__nav.is-right, [dir] .mi-tabs--right .mi-tabs__nav.is-left, [dir] .mi-tabs--right .mi-tabs__nav.is-right { float: none; } .mi-tabs--left .mi-tabs__item.is-left, .mi-tabs--left .mi-tabs__item.is-right, .mi-tabs--right .mi-tabs__item.is-left, .mi-tabs--right .mi-tabs__item.is-right { display: block; } [dir] .mi-tabs--left .mi-tabs__header.is-left { margin-bottom: 0px; } [dir="ltr"] .mi-tabs--left .mi-tabs__header.is-left { float: left; margin-right: 10px; } [dir="rtl"] .mi-tabs--left .mi-tabs__header.is-left { float: right; margin-left: 10px; } [dir="ltr"] .mi-tabs--left .mi-tabs__nav-wrap.is-left { margin-right: -1px; } [dir="rtl"] .mi-tabs--left .mi-tabs__nav-wrap.is-left { margin-right: unset; margin-left: -1px; } .mi-tabs--left .mi-tabs__active-bar.is-left, [dir="ltr"] .mi-tabs--left .mi-tabs__nav-wrap.is-left::after { right: 0px; left: auto; } [dir="rtl"] .mi-tabs--left .mi-tabs__active-bar.is-left, [dir="rtl"] .mi-tabs--left .mi-tabs__nav-wrap.is-left::after { right: auto; left: 0px; } [dir="ltr"] .mi-tabs--left .mi-tabs__item.is-left { text-align: right; } [dir="rtl"] .mi-tabs--left .mi-tabs__item.is-left { text-align: left; } .mi-tabs--left.mi-tabs--card .mi-tabs__active-bar.is-left { display: none; } [dir] .mi-tabs--left.mi-tabs--card .mi-tabs__item.is-left { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-top: 1px solid var(--mi-border-color-light); } [dir="ltr"] .mi-tabs--left.mi-tabs--card .mi-tabs__item.is-left { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-right: 1px solid var(--mi-border-color-light); text-align: left; } [dir="rtl"] .mi-tabs--left.mi-tabs--card .mi-tabs__item.is-left { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-left: 1px solid var(--mi-border-color-light); text-align: right; } [dir] .mi-tabs--left.mi-tabs--card .mi-tabs__item.is-left.is-active:first-child, [dir] .mi-tabs--left.mi-tabs--card .mi-tabs__item.is-left:first-child { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; } [dir="ltr"] .mi-tabs--left.mi-tabs--card .mi-tabs__item.is-left:first-child { border-right: 1px solid var(--mi-border-color-light); } [dir="rtl"] .mi-tabs--left.mi-tabs--card .mi-tabs__item.is-left:first-child { border-left: 1px solid var(--mi-border-color-light); } [dir] .mi-tabs--left.mi-tabs--card .mi-tabs__item.is-left.is-active { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } [dir="ltr"] .mi-tabs--left.mi-tabs--card .mi-tabs__item.is-left.is-active { border-right-color: rgb(255, 255, 255); border-left-width: medium; border-left-style: none; border-left-color: currentcolor; } [dir="rtl"] .mi-tabs--left.mi-tabs--card .mi-tabs__item.is-left.is-active { border-left-color: rgb(255, 255, 255); border-right-width: medium; border-right-style: none; border-right-color: currentcolor; } [dir] .mi-tabs--left.mi-tabs--card .mi-tabs__item.is-left.is-active:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } [dir] .mi-tabs--left.mi-tabs--card .mi-tabs__nav { border-bottom: 1px solid var(--mi-border-color-light); } [dir="ltr"] .mi-tabs--left.mi-tabs--card .mi-tabs__nav { border-radius: 4px 0px 0px 4px; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; } [dir="rtl"] .mi-tabs--left.mi-tabs--card .mi-tabs__nav { border-radius: 0px 4px 4px 0px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; } [dir] .mi-tabs--left.mi-tabs--card .mi-tabs__new-tab { float: none; } [dir="ltr"] .mi-tabs--left.mi-tabs--border-card .mi-tabs__header.is-left { border-right: 1px solid var(--mi-border-color); } [dir="rtl"] .mi-tabs--left.mi-tabs--border-card .mi-tabs__header.is-left { border-left: 1px solid var(--mi-border-color); } [dir] .mi-tabs--left.mi-tabs--border-card .mi-tabs__item.is-left { border: 1px solid transparent; } [dir="ltr"] .mi-tabs--left.mi-tabs--border-card .mi-tabs__item.is-left { margin: -1px 0px -1px -1px; } [dir="rtl"] .mi-tabs--left.mi-tabs--border-card .mi-tabs__item.is-left { margin: -1px -1px -1px 0px; } [dir] .mi-tabs--left.mi-tabs--border-card .mi-tabs__item.is-left.is-active { border-color: rgb(209, 219, 229) transparent; } [dir] .mi-tabs--right .mi-tabs__header.is-right { margin-bottom: 0px; } [dir="ltr"] .mi-tabs--right .mi-tabs__header.is-right { float: right; margin-left: 10px; } [dir="rtl"] .mi-tabs--right .mi-tabs__header.is-right { float: left; margin-right: 10px; } [dir="ltr"] .mi-tabs--right .mi-tabs__nav-wrap.is-right { margin-left: -1px; } [dir="rtl"] .mi-tabs--right .mi-tabs__nav-wrap.is-right { margin-left: unset; margin-right: -1px; } [dir="ltr"] .mi-tabs--right .mi-tabs__nav-wrap.is-right::after { left: 0px; right: auto; } [dir="rtl"] .mi-tabs--right .mi-tabs__nav-wrap.is-right::after { right: 0px; left: auto; } .mi-tabs--right .mi-tabs__active-bar.is-right { left: 0px; } [dir="rtl"] .mi-tabs--right .mi-tabs__active-bar.is-right { right: 0px; left: unset; } .mi-tabs--right.mi-tabs--card .mi-tabs__active-bar.is-right { display: none; } [dir] .mi-tabs--right.mi-tabs--card .mi-tabs__item.is-right { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-top: 1px solid var(--mi-border-color-light); } [dir] .mi-tabs--right.mi-tabs--card .mi-tabs__item.is-right.is-active:first-child, [dir] .mi-tabs--right.mi-tabs--card .mi-tabs__item.is-right:first-child { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; } [dir="ltr"] .mi-tabs--right.mi-tabs--card .mi-tabs__item.is-right:first-child { border-left: 1px solid var(--mi-border-color-light); } [dir="rtl"] .mi-tabs--right.mi-tabs--card .mi-tabs__item.is-right:first-child { border-right: 1px solid var(--mi-border-color-light); } [dir] .mi-tabs--right.mi-tabs--card .mi-tabs__item.is-right.is-active { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } [dir="ltr"] .mi-tabs--right.mi-tabs--card .mi-tabs__item.is-right.is-active { border-left-color: rgb(255, 255, 255); border-right-width: medium; border-right-style: none; border-right-color: currentcolor; } [dir="rtl"] .mi-tabs--right.mi-tabs--card .mi-tabs__item.is-right.is-active { border-right-color: rgb(255, 255, 255); border-left-width: medium; border-left-style: none; border-left-color: currentcolor; } [dir] .mi-tabs--right.mi-tabs--card .mi-tabs__item.is-right.is-active:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } [dir] .mi-tabs--right.mi-tabs--card .mi-tabs__nav { border-bottom: 1px solid var(--mi-border-color-light); } [dir="ltr"] .mi-tabs--right.mi-tabs--card .mi-tabs__nav { border-radius: 0px 4px 4px 0px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; } [dir="rtl"] .mi-tabs--right.mi-tabs--card .mi-tabs__nav { border-radius: 4px 0px 0px 4px; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; } [dir="ltr"] .mi-tabs--right.mi-tabs--border-card .mi-tabs__header.is-right { border-left: 1px solid var(--mi-border-color); } [dir="rtl"] .mi-tabs--right.mi-tabs--border-card .mi-tabs__header.is-right { border-right: 1px solid var(--mi-border-color); } [dir] .mi-tabs--right.mi-tabs--border-card .mi-tabs__item.is-right { border: 1px solid transparent; } [dir="ltr"] .mi-tabs--right.mi-tabs--border-card .mi-tabs__item.is-right { margin: -1px -1px -1px 0px; } [dir="rtl"] .mi-tabs--right.mi-tabs--border-card .mi-tabs__item.is-right { margin: -1px 0px -1px -1px; } [dir] .mi-tabs--right.mi-tabs--border-card .mi-tabs__item.is-right.is-active { border-color: rgb(209, 219, 229) transparent; } .slideInLeft-transition, .slideInRight-transition { display: inline-block; } [dir="ltr"] .slideInRight-enter { animation: slideInRight-enter-ltr var(--mi-transition-duration); } [dir="rtl"] .slideInRight-enter { animation: slideInRight-enter-rtl var(--mi-transition-duration); } .slideInLeft-leave, .slideInRight-leave { position: absolute; } [dir="ltr"] .slideInRight-leave { left: 0px; right: 0px; animation: slideInRight-leave-ltr var(--mi-transition-duration); } [dir="rtl"] .slideInRight-leave { right: 0px; left: 0px; animation: slideInRight-leave-rtl var(--mi-transition-duration); } [dir="ltr"] .slideInLeft-enter { animation: slideInLeft-enter-ltr var(--mi-transition-duration); } [dir="rtl"] .slideInLeft-enter { animation: slideInLeft-enter-rtl var(--mi-transition-duration); } [dir="ltr"] .slideInLeft-leave { left: 0px; right: 0px; animation: slideInLeft-leave-ltr var(--mi-transition-duration); } [dir="rtl"] .slideInLeft-leave { right: 0px; left: 0px; animation: slideInLeft-leave-rtl var(--mi-transition-duration); } .mi-avatar { --mi-avatar-text-color: var(--mi-color-white); --mi-avatar-bg-color: var(--mi-text-color-disabled); --mi-avatar-text-default-color: var(--mi-bg-color-primary); --mi-avatar-bg-default-color: var(--mi-bg-color-tertiary); --mi-avatar-text-size: 14px; --mi-avatar-icon-size: 18px; --mi-avatar-border-radius: var(--mi-border-radius-base); --mi-avatar-border: 1px solid var(--mi-border-color-primary); --mi-avatar-size-large: 56px; --mi-avatar-size-small: 32px; --mi-avatar-size: 44px; display: inline-flex; justify-content: center; align-items: center; box-sizing: border-box; overflow: hidden; color: var(--mi-avatar-text-color); width: var(--mi-avatar-size); height: var(--mi-avatar-size); font-size: var(--mi-avatar-text-size); } [dir] .mi-avatar { text-align: center; background: var(--mi-avatar-bg-default-color); border: var(--mi-avatar-border); } .mi-avatar > img { display: block; height: 100%; } [dir] .mi-avatar--circle { border-radius: 50%; } [dir] .mi-avatar--square { border-radius: var(--mi-avatar-border-radius); } .mi-avatar--icon { font-size: var(--mi-avatar-icon-size); } [dir] .mi-avatar--default { background: var(--mi-avatar-bg-default-color); } .mi-avatar--default .icon-default { color: var(--mi-avatar-text-default-color); } .mi-avatar--small { --mi-avatar-size: 32px; } .mi-avatar--large { --mi-avatar-size: 56px; } .mi-autocomplete { position: relative; display: inline-block; } [dir] .mi-autocomplete__popper.mi-popper { background: var(--mi-bg-color-dialog) !important; border: 1px solid var(--mi-border-color-light) !important; box-shadow: var(--mi-box-shadow-light) !important; } .mi-autocomplete__popper.mi-popper .mi-popper__arrow { height: 0px; overflow: hidden; } [dir="ltr"] .mi-autocomplete__popper-rtl { direction: rtl; } [dir="rtl"] .mi-autocomplete__popper-rtl { direction: ltr; } .mi-autocomplete-suggestion { box-sizing: border-box; } [dir] .mi-autocomplete-suggestion { border-radius: var(--mi-border-radius-base); } [dir="ltr"] .mi-autocomplete-suggestion-rtl { direction: rtl; } [dir="rtl"] .mi-autocomplete-suggestion-rtl { direction: ltr; } [dir="ltr"] .mi-autocomplete-suggestion-rtl li { text-align: right !important; } [dir="rtl"] .mi-autocomplete-suggestion-rtl li { text-align: left !important; } .mi-autocomplete-suggestion__wrap { max-height: 280px; box-sizing: border-box; } [dir] .mi-autocomplete-suggestion__wrap { margin: 8px; } [dir] .mi-autocomplete-suggestion__list { margin: 0px; padding: 0px; } .mi-autocomplete-suggestion li { line-height: 34px; color: var(--mi-text-color-secondary); font-size: var(--mi-font-size-base); list-style: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } [dir] .mi-autocomplete-suggestion li { padding: 4px 8px; margin: 0px; cursor: pointer; border-radius: var(--mi-border-radius-base); } [dir="ltr"] .mi-autocomplete-suggestion li { text-align: left; } [dir="rtl"] .mi-autocomplete-suggestion li { text-align: right; } [dir] .mi-autocomplete-suggestion li.divider { margin-top: 6px; border-top: 1px solid var(--mi-color-black); } [dir] .mi-autocomplete-suggestion li.divider:last-child { margin-bottom: -6px; } .mi-autocomplete-suggestion.is-loading li { height: 100px; line-height: 100px; font-size: 20px; color: var(--mi-text-color-secondary); } [dir] .mi-autocomplete-suggestion.is-loading li { text-align: center; } .mi-autocomplete-suggestion.is-loading li::after { display: inline-block; content: ""; height: 100%; vertical-align: middle; } [dir] .mi-autocomplete-suggestion.is-loading li:hover { background-color: var(--mi-fill-color-overlay); } .mi-autocomplete-suggestion.is-loading .mi-icon-loading { vertical-align: middle; } .mi-image__error, .mi-image__inner, .mi-image__placeholder, .mi-image__wrapper { width: 100%; height: 100%; } .mi-image { position: relative; display: inline-block; overflow: hidden; } [dir] .mi-image { border-radius: 16px; } .mi-image__inner { vertical-align: top; opacity: 1; } .mi-image__inner.is-loading { opacity: 0; } .mi-image__wrapper { position: absolute; top: 0px; } [dir="ltr"] .mi-image__wrapper { left: 0px; } [dir="rtl"] .mi-image__wrapper { right: 0px; } [dir] .mi-image__error, [dir] .mi-image__placeholder { background: var(--mi-fill-color-light); } .mi-image__error { display: flex; justify-content: center; align-items: center; font-size: 14px; color: var(--mi-text-color-placeholder); vertical-align: middle; } [dir] .mi-image-group .mi-image:hover, [dir] .mi-image-viewer__btn .mi-icon, [dir] .mi-image__preview, [dir] .privacy-dl[data-v-16930821] a:hover { cursor: pointer; } .mi-image-viewer__wrapper { position: fixed; top: 0px; bottom: 0px; } [dir="ltr"] .mi-image-viewer__wrapper, [dir="rtl"] .mi-image-viewer__wrapper { left: 0px; right: 0px; } .mi-image-viewer__btn { position: absolute; z-index: 1; display: flex; align-items: center; justify-content: center; opacity: 0.8; box-sizing: border-box; user-select: none; } [dir] .mi-image-viewer__btn { border-radius: 50%; cursor: pointer; } .mi-image-viewer__btn .mi-icon { font-size: inherit; } .mi-image-viewer__close { top: 40px; } [dir="ltr"] .mi-image-viewer__close { right: 40px; } [dir="rtl"] .mi-image-viewer__close { left: 40px; } .mi-image-viewer__canvas { position: static; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; user-select: none; } .mi-image-viewer__actions { bottom: 30px; height: 44px; } [dir] .mi-image-viewer__actions { padding: 0px 23px; border-radius: 999999px; background: rgba(0, 0, 0, 0.7); } [dir="ltr"] .mi-image-viewer__actions { left: 50%; transform: translateX(-50%); } [dir="rtl"] .mi-image-viewer__actions { right: 50%; transform: translateX(50%); } .mi-image-viewer__actions__inner { width: 100%; height: 100%; font-size: 23px; color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: space-around; } [dir] .mi-image-viewer__actions__inner { text-align: justify; cursor: default; } [dir] .mi-image-viewer__actions__inner .mi-icon { margin: 0px 24px; } .mi-image-viewer__prev { top: 50%; width: 44px; height: 44px; font-size: 24px; color: rgb(255, 255, 255); } [dir] .mi-image-viewer__prev { transform: translateY(-50%); background-color: var(--mi-bg-color-mask); border-color: rgb(255, 255, 255); } [dir="ltr"] .mi-image-viewer__prev { left: 40px; } [dir="rtl"] .mi-image-viewer__prev { right: 40px; } .mi-image-viewer__next { top: 50%; text-indent: 2px; } [dir] .mi-image-viewer__next { transform: translateY(-50%); background-color: var(--mi-bg-color-mask); border-color: rgb(255, 255, 255); } [dir="ltr"] .mi-image-viewer__next { right: 40px; } [dir="rtl"] .mi-image-viewer__next { left: 40px; } .mi-image-viewer__close, .mi-image-viewer__next { width: 44px; height: 44px; font-size: 24px; color: rgb(255, 255, 255); } [dir] .mi-image-viewer__close { background-color: var(--mi-bg-color-mask); border-color: rgb(255, 255, 255); } .mi-image-viewer__mask { position: absolute; width: 100%; height: 100%; top: 0px; opacity: 0.7; } [dir] .mi-image-viewer__mask { background: rgb(0, 0, 0); } [dir="ltr"] .mi-image-viewer__mask { left: 0px; } [dir="rtl"] .mi-image-viewer__mask { right: 0px; } [dir="ltr"] .viewer-fade-enter-active, [dir="rtl"] .viewer-fade-enter-active { animation: viewer-fade-in var(--mi-transition-duration); } [dir="ltr"] .viewer-fade-leave-active, [dir="rtl"] .viewer-fade-leave-active { animation: viewer-fade-out var(--mi-transition-duration); } .mi-image-group { display: inline-flex; align-items: center; position: relative; } [dir] .mi-image-group .mi-image { border: 1px solid var(--mi-border-color-secondary); border-radius: 0px; } .mi-image-group .image-remain { display: flex; justify-content: flex-end; align-items: center; font-size: 14px; font-weight: 700; letter-spacing: 0.14px; position: absolute; bottom: 16px; } [dir] .mi-image-group .image-remain { padding: 4px 8px; border-radius: 8px; background: var(--mi-bg-color-tertiary); } [dir="ltr"] .mi-image-group .image-remain { right: 16px; left: initial; } [dir="rtl"] .mi-image-group .image-remain { left: 16px; right: initial; } [dir] .mi-image-group-1 .mi-image { border-radius: 16px; } [dir="ltr"] .mi-image-group-3 .mi-image:first-child { border-radius: 16px 0px 0px 16px; } [dir="rtl"] .mi-image-group-3 .mi-image:first-child { border-radius: 0px 16px 16px 0px; } [dir="ltr"] .mi-image-group-3 .mi-image:last-child { border-radius: 0px 16px 16px 0px; } [dir="rtl"] .mi-image-group-3 .mi-image:last-child { border-radius: 16px 0px 0px 16px; } .mi-image-group-4 .mi-image { display: none; } .mi-image-group-4 .mi-image:first-child { display: inline-flex; } [dir="ltr"] .mi-image-group-4 .mi-image:first-child { border-radius: 16px 0px 0px 16px; } [dir="rtl"] .mi-image-group-4 .mi-image:first-child { border-radius: 0px 16px 16px 0px; } .mi-image-group-4 .mi-image:nth-child(2), .mi-image-group-4 .mi-image:nth-child(3) { display: inline-flex; } [dir="ltr"] .mi-image-group-4 .mi-image:nth-child(3) { border-radius: 0px 16px 16px 0px; } [dir="rtl"] .mi-image-group-4 .mi-image:nth-child(3) { border-radius: 16px 0px 0px 16px; } .mi-radio-button { --mi-radio-button-text-color: var(--mi-text-color-primary); --mi-radio-button-checked-bg-color: var(--mi-color-primary); --mi-radio-button-checked-border-color: var(--mi-color-primary); --mi-radio-button-disabled-checked-fill: var(--mi-border-color-extra-light); --mi-radio-button-checked-bg-color-round: var(--mi-fg-color-tertiary); --mi-radio-button-bg-round: var(--mi-bg-color-secondary); --mi-radio-button-hover-bg-round: var(--mi-fg-color-tertiary); --mi-radio-button-bg-color: var(--mi-fill-color-blank); position: relative; display: inline-block; outline: 0px; } [dir="ltr"] .mi-radio-button-rtl { direction: rtl; } [dir="rtl"] .mi-radio-button-rtl { direction: ltr; } .mi-radio-button--large.is-round .mi-radio-button__inner { font-size: 14px !important; } [dir] .mi-radio-button--large.is-round .mi-radio-button__inner { padding: 11px 24px !important; } .mi-radio-button--small.is-round .mi-radio-button__inner { font-size: 12px !important; } [dir] .mi-radio-button--small.is-round .mi-radio-button__inner { padding: 6px 12px !important; } [dir="ltr"] .mi-radio-button.is-round { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; } [dir="rtl"] .mi-radio-button.is-round { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; } .mi-radio-button.is-round .mi-radio-button__inner { color: var(--mi-text-color-tertiary); font-size: 14px; } [dir] .mi-radio-button.is-round .mi-radio-button__inner { padding: 8px 16px; background-color: var(--mi-bg-color-tertiary); border: 0px !important; } @media (any-hover: hover) { [dir] .mi-radio-button.is-round .mi-radio-button__inner:hover { background-color: var(--mi-radio-button-hover-bg-round); border-radius: var(--mi-border-radius-round) !important; } } [dir="ltr"] .mi-radio-button.is-round:first-of-type { border-radius: var(--mi-border-radius-round)0 0 var(--mi-border-radius-round); } [dir="ltr"] .mi-radio-button.is-round:first-of-type.mi-radio-button-rtl, [dir="rtl"] .mi-radio-button.is-round:first-of-type { border-radius: 0 var(--mi-border-radius-round) var(--mi-border-radius-round)0; } [dir="ltr"] .mi-radio-button.is-round:first-of-type.mi-radio-button-rtl { border-left: unset; } [dir="rtl"] .mi-radio-button.is-round:first-of-type.mi-radio-button-rtl { border-right: unset; border-radius: var(--mi-border-radius-round)0 0 var(--mi-border-radius-round); } [dir="ltr"] .mi-radio-button.is-round:last-of-type { border-radius: 0 var(--mi-border-radius-round) var(--mi-border-radius-round)0; } [dir="ltr"] .mi-radio-button.is-round:last-of-type.mi-radio-button-rtl, [dir="rtl"] .mi-radio-button.is-round:last-of-type { border-radius: var(--mi-border-radius-round)0 0 var(--mi-border-radius-round); } [dir="ltr"] .mi-radio-button.is-round:last-of-type.mi-radio-button-rtl { border-left: unset; } [dir="rtl"] .mi-radio-button.is-round:last-of-type.mi-radio-button-rtl { border-right: unset; border-radius: 0 var(--mi-border-radius-round) var(--mi-border-radius-round)0; } [dir] .mi-radio-button.is-round:first-child .mi-radio-button__inner, [dir] .mi-radio-button:first-child .mi-radio-button__inner { box-shadow: none !important; } [dir="ltr"] .mi-radio-button.is-round:first-child .mi-radio-button__inner { border-radius: var(--mi-border-radius-round)0 0 var(--mi-border-radius-round); } [dir="ltr"] .mi-radio-button.is-round:first-child .mi-radio-button__inner-rtl, [dir="rtl"] .mi-radio-button.is-round:first-child .mi-radio-button__inner { border-radius: 0 var(--mi-border-radius-round) var(--mi-border-radius-round)0; } [dir="ltr"] .mi-radio-button.is-round:first-child .mi-radio-button__inner-rtl { border-left: unset; } [dir="rtl"] .mi-radio-button.is-round:first-child .mi-radio-button__inner-rtl { border-right: unset; border-radius: var(--mi-border-radius-round)0 0 var(--mi-border-radius-round); } [dir="ltr"] .mi-radio-button.is-round:last-child .mi-radio-button__inner { border-radius: 0 var(--mi-border-radius-round) var(--mi-border-radius-round)0; } [dir="rtl"] .mi-radio-button.is-round:last-child .mi-radio-button__inner { border-radius: var(--mi-border-radius-round)0 0 var(--mi-border-radius-round); } [dir] .mi-radio-button.is-round:last-child .mi-radio-button__inner-rtl { box-shadow: none !important; } [dir="ltr"] .mi-radio-button.is-round:last-child .mi-radio-button__inner-rtl { border-radius: var(--mi-border-radius-round)0 0 var(--mi-border-radius-round); } [dir="rtl"] .mi-radio-button.is-round:last-child .mi-radio-button__inner-rtl { border-radius: 0 var(--mi-border-radius-round) var(--mi-border-radius-round)0; } .mi-radio-button.is-round .mi-radio-button__original-radio:checked + .mi-radio-button__inner { color: var(--mi-radio-button-text-color); } [dir] .mi-radio-button.is-round .mi-radio-button__original-radio:checked + .mi-radio-button__inner { background-color: var(--mi-radio-button-checked-bg-color-round); border-radius: var(--mi-border-radius-round) !important; border: 0px !important; box-shadow: none !important; } .mi-radio-button__inner { display: inline-block; line-height: 1; white-space: nowrap; vertical-align: middle; color: var(--mi-radio-button-text-color); appearance: none; box-sizing: border-box; outline: 0px; position: relative; transition: var(--mi-transition-all); user-select: none; font-size: var(--mi-font-size-base); } [dir] .mi-radio-button__inner { background: var(--mi-radio-button-bg-color); border: var(--mi-border); text-align: center; margin: 0px; cursor: pointer; padding: 7px 11px; border-radius: 0px; } [dir="ltr"] .mi-radio-button__inner { border-left: 0px; } [dir="rtl"] .mi-radio-button__inner { border-right: 0px; } [dir] .mi-radio-button__inner.is-round { padding: 7px 11px; } @media (any-hover: hover) { .mi-radio-button__inner:hover { color: var(--mi-color-primary); } } .mi-radio-button__inner [class*="mi-icon-"] { line-height: 0.9; } [dir="ltr"] .mi-radio-button:first-child .mi-radio-button__inner { border-left: var(--mi-border); border-radius: var(--mi-border-radius-base)0 0 var(--mi-border-radius-base); } [dir="ltr"] .mi-radio-button:first-child .mi-radio-button__inner-rtl, [dir="rtl"] .mi-radio-button:first-child .mi-radio-button__inner { border-right: var(--mi-border); border-radius: 0 var(--mi-border-radius-base) var(--mi-border-radius-base)0; } [dir="ltr"] .mi-radio-button:first-child .mi-radio-button__inner-rtl { border-left: unset; } [dir="rtl"] .mi-radio-button:first-child .mi-radio-button__inner-rtl { border-right: unset; border-left: var(--mi-border); border-radius: var(--mi-border-radius-base)0 0 var(--mi-border-radius-base); } .mi-radio-button__original-radio { opacity: 0; outline: 0px; position: absolute; z-index: -1; } .mi-radio-button__original-radio:checked + .mi-radio-button__inner { color: var(--mi-color-white); } [dir] .mi-radio-button__original-radio:checked + .mi-radio-button__inner { background-color: var(--mi-radio-button-checked-bg-color,var(--mi-color-primary)); border-color: var(--mi-radio-button-checked-border-color,var(--mi-color-primary)); } [dir="ltr"] .mi-radio-button__original-radio:checked + .mi-radio-button__inner { box-shadow: -1px 0 0 0 var(--mi-radio-button-checked-border-color,var(--mi-color-primary)); } [dir="rtl"] .mi-radio-button__original-radio:checked + .mi-radio-button__inner { box-shadow: 1px 0 0 0 var(--mi-radio-button-checked-border-color,var(--mi-color-primary)); } .mi-radio-button__original-radio:focus-visible + .mi-radio-button__inner { outline: 0px; z-index: 2; } [dir] .mi-radio-button__original-radio:focus-visible + .mi-radio-button__inner { border-radius: var(--mi-border-radius-base); box-shadow: none; } [dir="ltr"] .mi-radio-button__original-radio:focus-visible + .mi-radio-button__inner { border-left-width: ; border-left-style: ; border-left-color: var(--mi-radio-button-checked-border-color,var(--mi-color-primary)); } [dir="rtl"] .mi-radio-button__original-radio:focus-visible + .mi-radio-button__inner { border-right-width: ; border-right-style: ; border-right-color: var(--mi-radio-button-checked-border-color,var(--mi-color-primary)); } .mi-radio-button__original-radio:disabled + .mi-radio-button__inner { color: var(--mi-disabled-text-color) !important; } [dir] .mi-radio-button__original-radio:disabled + .mi-radio-button__inner { cursor: not-allowed; background-image: none; border-color: var(--mi-button-disabled-border-color,var(--mi-border-color-secondary)); box-shadow: none; } [dir] .mi-radio-button__original-radio:disabled + .mi-radio-button__inner:hover { background-color: transparent; } [dir] .mi-radio-button__original-radio:disabled:checked + .mi-radio-button__inner { background-color: var(--mi-radio-button-disabled-checked-fill); } [dir="ltr"] .mi-radio-button:last-child .mi-radio-button__inner { border-radius: 0 var(--mi-border-radius-base) var(--mi-border-radius-base)0; } [dir="rtl"] .mi-radio-button:last-child .mi-radio-button__inner { border-radius: var(--mi-border-radius-base)0 0 var(--mi-border-radius-base); } [dir] .mi-radio-button:last-child .mi-radio-button__inner-rtl { box-shadow: none !important; } [dir="ltr"] .mi-radio-button:last-child .mi-radio-button__inner-rtl { border-left: var(--mi-border); border-radius: var(--mi-border-radius-base)0 0 var(--mi-border-radius-base); } [dir="rtl"] .mi-radio-button:last-child .mi-radio-button__inner-rtl { border-right: var(--mi-border); border-radius: 0 var(--mi-border-radius-base) var(--mi-border-radius-base)0; } [dir] .mi-radio-button:first-child:last-child .mi-radio-button__inner { border-radius: var(--mi-border-radius-base); } .mi-radio-button--large .mi-radio-button__inner { font-size: var(--mi-font-size-medium); } [dir] .mi-radio-button--large .mi-radio-button__inner { padding: 14px 23px; border-radius: 0px; } [dir] .mi-radio-button--large .mi-radio-button__inner.is-round { padding: 14px 23px; } .mi-radio-button--small .mi-radio-button__inner { font-size: var(--mi-font-size-small); } [dir] .mi-radio-button--small .mi-radio-button__inner { padding: 4px 7px; border-radius: 0px; } [dir] .mi-radio-button--small .mi-radio-button__inner.is-round { padding: 4px 7px; } .micro-tooltip-popover { pointer-events: none; } @media screen and (max-width: 767px) { .micro-kyc-tooltip { display: none; } } .mi-loading-mask { --mi-mask-color: transparent; } .mi-message { z-index: 11000 !important; } .mi-message .mi-message__badge { display: none; } [dir="ltr"] .mi-tabs__active-bar, [dir="rtl"] .mi-tabs__active-bar { right: initial !important; } [dir] .mi-radio-button.is-round { background: 0px 0px !important; } .mi-drawer { border-radius: 0px !important; background-color: var(--ds-color-background-base) !important; } .mi-drawer .mi-drawer__close-btn { margin-right: 14px !important; margin-top: 20px !important; font-size: 20px !important; } .mi-drawer .mi-drawer__header { margin-bottom: 20px !important; padding: 0px !important; } .mi-drawer .mi-drawer__body { padding: 0px !important; } [dir="rtl"] .mi-collapse-item__arrow { --un-rotate-x: 0; --un-rotate-y: 0; --un-rotate-z: 0; --un-rotate: 180deg; transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } .mi-checkbox__label { white-space: normal; line-height: 140% !important; } .micro, .micro img, .micro-teleport { color: var(--color-primary-text); } .micro-teleport * { box-sizing: border-box; } .privacy-dl[data-v-16930821] { font-size: 14px; } [dir] .privacy-dl[data-v-16930821] { border-radius: 3px; } .privacy-dl dt[data-v-16930821] { font-weight: 600; color: var(--content-primary); } [dir] .privacy-dl dt[data-v-16930821] { padding: 20px 0px 10px; } .privacy-dl dd[data-v-16930821] { line-height: 1.2; } [dir] .privacy-dl dd[data-v-16930821] { margin-top: 3px; } [dir="ltr"] .privacy-dl dd[data-v-16930821] { margin-left: 0px; } [dir="rtl"] .privacy-dl dd[data-v-16930821] { margin-right: 0px; } [dir] .privacy-dl dd.privacy-link[data-v-16930821] { margin-top: 10px; } .privacy-dl[data-v-16930821] a { color: var(--content-link-default); } .privacy-dl[data-v-16930821] a:hover { color: var(--content-link-hover); } .privacy-dl .privacy-sub[data-v-16930821] { text-indent: 24px; } @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } .micro :root { --swiper-theme-color: #007aff; } .micro :host { position: relative; display: block; z-index: 1; } [dir="ltr"] .micro :host, [dir="rtl"] .micro :host { margin-right: auto; margin-left: auto; } .micro .swiper { position: relative; overflow: hidden; list-style: none; z-index: 1; display: block; } [dir] .micro .swiper { padding: 0px; } [dir="ltr"] .micro .swiper, [dir="rtl"] .micro .swiper { margin-right: auto; margin-left: auto; } .micro .swiper-vertical > .swiper-wrapper { flex-direction: column; } .micro .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; box-sizing: content-box; } [dir] .micro .swiper-wrapper { transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); } [dir] .micro .swiper-android .swiper-slide, [dir] .micro .swiper-ios .swiper-slide, [dir] .micro .swiper-wrapper { transform: translate3d(0px, 0px, 0px); } .micro .swiper-horizontal { touch-action: pan-y; } .micro .swiper-vertical { touch-action: pan-x; } .micro .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; display: block; } [dir] .micro .swiper-slide { transition-property: transform; } .micro .swiper-slide-invisible-blank { visibility: hidden; } .micro .swiper-autoheight, .micro .swiper-autoheight .swiper-slide { height: auto; } .micro .swiper-autoheight .swiper-wrapper { align-items: flex-start; } [dir] .micro .swiper-autoheight .swiper-wrapper { transition-property: transform, height; } .micro .swiper-backface-hidden .swiper-slide { backface-visibility: hidden; } [dir] .micro .swiper-backface-hidden .swiper-slide { transform: translateZ(0px); } .micro .swiper-3d, .micro .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .micro .swiper-3d .swiper-cube-shadow, .micro .swiper-3d .swiper-slide, .micro .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .micro .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; } .micro .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .micro .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start; } .micro .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .micro .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .micro .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .micro .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .micro .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .micro .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center; scroll-snap-stop: always; } .micro .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .micro .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .micro .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .micro .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .micro .swiper-3d .swiper-slide-shadow, .micro .swiper-3d .swiper-slide-shadow-bottom, .micro .swiper-3d .swiper-slide-shadow-left, .micro .swiper-3d .swiper-slide-shadow-right, .micro .swiper-3d .swiper-slide-shadow-top { position: absolute; top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 10; } [dir="ltr"] .micro .swiper-3d .swiper-slide-shadow, [dir="ltr"] .micro .swiper-3d .swiper-slide-shadow-bottom, [dir="ltr"] .micro .swiper-3d .swiper-slide-shadow-left, [dir="ltr"] .micro .swiper-3d .swiper-slide-shadow-right, [dir="ltr"] .micro .swiper-3d .swiper-slide-shadow-top { left: 0px; } [dir="rtl"] .micro .swiper-3d .swiper-slide-shadow, [dir="rtl"] .micro .swiper-3d .swiper-slide-shadow-bottom, [dir="rtl"] .micro .swiper-3d .swiper-slide-shadow-left, [dir="rtl"] .micro .swiper-3d .swiper-slide-shadow-right, [dir="rtl"] .micro .swiper-3d .swiper-slide-shadow-top { right: 0px; } [dir] .micro .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } [dir="ltr"] .micro .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); } [dir="ltr"] .micro .swiper-3d .swiper-slide-shadow-right, [dir="rtl"] .micro .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); } [dir="rtl"] .micro .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); } [dir] .micro .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); } [dir] .micro .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), transparent); } .micro .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; top: 50%; z-index: 10; box-sizing: border-box; } [dir] .micro .swiper-lazy-preloader { margin-top: -21px; transform-origin: 50% center; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: 50%; border-top-color: transparent; } [dir="ltr"] .micro .swiper-lazy-preloader { left: 50%; margin-left: -21px; } [dir="rtl"] .micro .swiper-lazy-preloader { right: 50%; margin-right: -21px; } [dir="ltr"] .micro .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, [dir="ltr"] .micro .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: 1s linear 0s infinite normal none running swiper-preloader-spin-ltr; } [dir="rtl"] .micro .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, [dir="rtl"] .micro .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: 1s linear 0s infinite normal none running swiper-preloader-spin-rtl; } .micro .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .micro .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } .micro .swiper-pagination { position: absolute; transition: opacity 300ms; z-index: 10; } [dir] .micro .swiper-pagination { text-align: center; transform: translate3d(0px, 0px, 0px); } .micro .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .micro .swiper-pagination-disabled > .swiper-pagination, .micro .swiper-pagination.swiper-pagination-disabled { display: none !important; } .micro .swiper-horizontal > .swiper-pagination-bullets, .micro .swiper-pagination-bullets.swiper-pagination-horizontal, .micro .swiper-pagination-custom, .micro .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); width: 100%; } [dir="ltr"] .micro .swiper-horizontal > .swiper-pagination-bullets, [dir="ltr"] .micro .swiper-pagination-bullets.swiper-pagination-horizontal, [dir="ltr"] .micro .swiper-pagination-custom, [dir="ltr"] .micro .swiper-pagination-fraction { left: 0px; } [dir="rtl"] .micro .swiper-horizontal > .swiper-pagination-bullets, [dir="rtl"] .micro .swiper-pagination-bullets.swiper-pagination-horizontal, [dir="rtl"] .micro .swiper-pagination-custom, [dir="rtl"] .micro .swiper-pagination-fraction { right: 0px; } .micro .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0px; } .micro .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { position: relative; } [dir] .micro .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); } [dir] .micro .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, [dir] .micro .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } [dir] .micro .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } [dir] .micro .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } [dir] .micro .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } [dir] .micro .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .micro .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } [dir] .micro .swiper-pagination-bullet { border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); } .micro button.swiper-pagination-bullet { appearance: none; } [dir] .micro button.swiper-pagination-bullet { border: 0px; margin: 0px; padding: 0px; box-shadow: none; } [dir] .micro .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .micro .swiper-pagination-bullet:only-child { display: none !important; } .micro .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); } [dir] .micro .swiper-pagination-bullet-active { background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .micro .swiper-pagination-vertical.swiper-pagination-bullets, .micro .swiper-vertical > .swiper-pagination-bullets { top: 50%; } [dir] .micro .swiper-pagination-vertical.swiper-pagination-bullets, [dir] .micro .swiper-vertical > .swiper-pagination-bullets { transform: translate3d(0px, -50%, 0px); } [dir="ltr"] .micro .swiper-pagination-vertical.swiper-pagination-bullets, [dir="ltr"] .micro .swiper-vertical > .swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); } [dir="rtl"] .micro .swiper-pagination-vertical.swiper-pagination-bullets, [dir="rtl"] .micro .swiper-vertical > .swiper-pagination-bullets { left: var(--swiper-pagination-right, 8px); right: var(--swiper-pagination-left, auto); } .micro .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .micro .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { display: block; } [dir] .micro .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, [dir] .micro .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px)0; } .micro .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .micro .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; width: 8px; } [dir] .micro .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, [dir] .micro .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { transform: translateY(-50%); } .micro .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .micro .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform 200ms, top 200ms; } [dir] .micro .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, [dir] .micro .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .micro .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .micro .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { white-space: nowrap; } [dir="ltr"] .micro .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, [dir="ltr"] .micro .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); } [dir="rtl"] .micro .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, [dir="rtl"] .micro .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { right: 50%; transform: translateX(50%); } [dir="ltr"] .micro .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, [dir="ltr"] .micro .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 200ms, left 200ms; } [dir="ltr"] .micro .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, [dir="rtl"] .micro .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, [dir="rtl"] .micro .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 200ms, right 200ms; } [dir="rtl"] .micro .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 200ms, left 200ms; } .micro .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } .micro .swiper-pagination-progressbar { position: absolute; } [dir] .micro .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); } .micro .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { position: absolute; top: 0px; width: 100%; height: 100%; } [dir] .micro .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); transform: scale(0); } [dir="ltr"] .micro .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { left: 0px; transform-origin: left top; } [dir="rtl"] .micro .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { right: 0px; transform-origin: right top; } [dir="ltr"] .micro .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } [dir="rtl"] .micro .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: left top; } .micro .swiper-horizontal > .swiper-pagination-progressbar, .micro .swiper-pagination-progressbar.swiper-pagination-horizontal, .micro .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .micro .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); top: 0px; } [dir="ltr"] .micro .swiper-horizontal > .swiper-pagination-progressbar, [dir="ltr"] .micro .swiper-pagination-progressbar.swiper-pagination-horizontal, [dir="ltr"] .micro .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, [dir="ltr"] .micro .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { left: 0px; } [dir="rtl"] .micro .swiper-horizontal > .swiper-pagination-progressbar, [dir="rtl"] .micro .swiper-pagination-progressbar.swiper-pagination-horizontal, [dir="rtl"] .micro .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, [dir="rtl"] .micro .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { right: 0px; } .micro .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .micro .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .micro .swiper-pagination-progressbar.swiper-pagination-vertical, .micro .swiper-vertical > .swiper-pagination-progressbar { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; top: 0px; } [dir="ltr"] .micro .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, [dir="ltr"] .micro .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, [dir="ltr"] .micro .swiper-pagination-progressbar.swiper-pagination-vertical, [dir="ltr"] .micro .swiper-vertical > .swiper-pagination-progressbar { left: 0px; } [dir="rtl"] .micro .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, [dir="rtl"] .micro .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, [dir="rtl"] .micro .swiper-pagination-progressbar.swiper-pagination-vertical, [dir="rtl"] .micro .swiper-vertical > .swiper-pagination-progressbar { right: 0px; } .micro .swiper-pagination-lock { display: none; } [dir="ltr"] .micro-lazyload-img.micro-shine-loading { background: linear-gradient(to right, rgb(239, 241, 241) 0px, rgb(231, 233, 233) 55.73%, rgb(239, 241, 241) 100%); animation: 10s linear 0s infinite normal none running shine-ltr; } [dir="rtl"] .micro-lazyload-img.micro-shine-loading { background: linear-gradient(to left, rgb(239, 241, 241) 0px, rgb(231, 233, 233) 55.73%, rgb(239, 241, 241) 100%); animation: 10s linear 0s infinite normal none running shine-rtl; } .micro *, .micro ::after, .micro ::before { --un-rotate: 0; --un-rotate-x: 0; --un-rotate-y: 0; --un-rotate-z: 0; --un-scale-x: 1; --un-scale-y: 1; --un-scale-z: 1; --un-skew-x: 0; --un-skew-y: 0; --un-translate-x: 0; --un-translate-y: 0; --un-translate-z: 0; --un-pan-x: ; --un-pan-y: ; --un-pinch-zoom: ; --un-scroll-snap-strictness: proximity; --un-ordinal: ; --un-slashed-zero: ; --un-numeric-figure: ; --un-numeric-spacing: ; --un-numeric-fraction: ; --un-border-spacing-x: 0; --un-border-spacing-y: 0; --un-ring-offset-shadow: 0 0 rgba(0,0,0,0); --un-ring-shadow: 0 0 rgba(0,0,0,0); --un-shadow-inset: ; --un-shadow: 0 0 rgba(0,0,0,0); --un-ring-inset: ; --un-ring-offset-width: 0px; --un-ring-offset-color: #fff; --un-ring-width: 0px; --un-ring-color: rgba(147,197,253,0.5); --un-blur: ; --un-brightness: ; --un-contrast: ; --un-drop-shadow: ; --un-grayscale: ; --un-hue-rotate: ; --un-invert: ; --un-saturate: ; --un-sepia: ; --un-backdrop-blur: ; --un-backdrop-brightness: ; --un-backdrop-contrast: ; --un-backdrop-grayscale: ; --un-backdrop-hue-rotate: ; --un-backdrop-invert: ; --un-backdrop-opacity: ; --un-backdrop-saturate: ; --un-backdrop-sepia: ; } .micro ::backdrop { --un-rotate: 0; --un-rotate-x: 0; --un-rotate-y: 0; --un-rotate-z: 0; --un-scale-x: 1; --un-scale-y: 1; --un-scale-z: 1; --un-skew-x: 0; --un-skew-y: 0; --un-translate-x: 0; --un-translate-y: 0; --un-translate-z: 0; --un-pan-x: ; --un-pan-y: ; --un-pinch-zoom: ; --un-scroll-snap-strictness: proximity; --un-ordinal: ; --un-slashed-zero: ; --un-numeric-figure: ; --un-numeric-spacing: ; --un-numeric-fraction: ; --un-border-spacing-x: 0; --un-border-spacing-y: 0; --un-ring-offset-shadow: 0 0 rgba(0,0,0,0); --un-ring-shadow: 0 0 rgba(0,0,0,0); --un-shadow-inset: ; --un-shadow: 0 0 rgba(0,0,0,0); --un-ring-inset: ; --un-ring-offset-width: 0px; --un-ring-offset-color: #fff; --un-ring-width: 0px; --un-ring-color: rgba(147,197,253,0.5); --un-blur: ; --un-brightness: ; --un-contrast: ; --un-drop-shadow: ; --un-grayscale: ; --un-hue-rotate: ; --un-invert: ; --un-saturate: ; --un-sepia: ; --un-backdrop-blur: ; --un-backdrop-brightness: ; --un-backdrop-contrast: ; --un-backdrop-grayscale: ; --un-backdrop-hue-rotate: ; --un-backdrop-invert: ; --un-backdrop-opacity: ; --un-backdrop-saturate: ; --un-backdrop-sepia: ; } .micro .container { max-width: 100%; } @media (min-width: 1200px) { .micro .container { max-width: 1200px; } } @media (min-width: 376px) { .micro .container { max-width: 376px; } } @media (min-width: 768px) { .micro .container { max-width: 768px; } } @media (min-width: 1024px) { .micro .container { max-width: 1024px; } } @media (min-width: 1440px) { .micro .container { max-width: 1440px; } } @media (min-width: 1600px) { .micro .container { max-width: 1600px; } } .micro .\[overflow-wrap\:anywhere\] { overflow-wrap: anywhere; } .micro .pointer-events-none { pointer-events: none; } .micro .\!visible { visibility: visible !important; } .micro .visible, .micro [active~="visible"]:active, .micro [default~="visible"]:default, .micro [visible=""] { visibility: visible; } .micro .invisible { visibility: hidden; } .micro .absolute { position: absolute; } .micro .fixed { position: fixed; } .micro .relative { position: relative; } .micro .sticky { position: sticky; } [dir="ltr"] .micro .inset-x-0, [dir="rtl"] .micro .inset-x-0 { right: 0px; left: 0px; } [dir="ltr"] .micro .-left-20px { left: -20px; } [dir="rtl"] .micro .-left-20px { right: -20px; } [dir="ltr"] .micro .-right-16px, [dir="ltr"] .micro .right-\[-16px\] { right: -16px; } [dir="rtl"] .micro .-right-16px, [dir="rtl"] .micro .right-\[-16px\] { left: -16px; } [dir="ltr"] .micro .-right-1px { right: -1px; } [dir="rtl"] .micro .-right-1px { left: -1px; } [dir="ltr"] .micro .-right-20px { right: -20px; } [dir="rtl"] .micro .-right-20px { left: -20px; } [dir="ltr"] .micro .-right-2px { right: -2px; } [dir="rtl"] .micro .-right-2px { left: -2px; } [dir="ltr"] .micro .-right-30px { right: -30px; } [dir="rtl"] .micro .-right-30px { left: -30px; } [dir="ltr"] .micro .-right-48px { right: -48px; } [dir="rtl"] .micro .-right-48px { left: -48px; } .micro .-top-30px { top: -30px; } .micro .-top-48px { top: -48px; } .micro .-top-4px, .micro .top-\[-4px\] { top: -4px; } .micro .-top-6px { top: -6px; } [dir="ltr"] .micro .\!right-20px { right: 20px !important; } [dir="rtl"] .micro .\!right-20px { left: 20px !important; } .micro .bottom-0 { bottom: 0px; } .micro .bottom-144px { bottom: 144px; } .micro .bottom-26px { bottom: 26px; } .micro .bottom-40px { bottom: 40px; } .micro .bottom-4px { bottom: 4px; } .micro .bottom-8px { bottom: 8px; } [dir="ltr"] .micro .left-\[-16px\] { left: -16px; } [dir="rtl"] .micro .left-\[-16px\] { right: -16px; } [dir="ltr"] .micro .left-\[-1px\] { left: -1px; } [dir="rtl"] .micro .left-\[-1px\] { right: -1px; } [dir="ltr"] .micro .left-\[calc\(50\%-17px\)\] { left: calc(50% - 17px); } [dir="rtl"] .micro .left-\[calc\(50\%-17px\)\] { right: calc(50% - 17px); } [dir="ltr"] .micro .left-\[calc\(50\%-81px\)\] { left: calc(50% - 81px); } [dir="rtl"] .micro .left-\[calc\(50\%-81px\)\] { right: calc(50% - 81px); } [dir="ltr"] .micro .left-0 { left: 0px; } [dir="rtl"] .micro .left-0 { right: 0px; } [dir="ltr"] .micro .left-0px, [dir="ltr"] .micro [left~="0px"] { left: 0px; } [dir="rtl"] .micro .left-0px, [dir="rtl"] .micro [left~="0px"] { right: 0px; } [dir="ltr"] .micro .left-1\/2, [dir="ltr"] .micro .left-50\% { left: 50%; } [dir="rtl"] .micro .left-1\/2, [dir="rtl"] .micro .left-50\% { right: 50%; } [dir="ltr"] .micro .left-16px { left: 16px; } [dir="rtl"] .micro .left-16px { right: 16px; } [dir="ltr"] .micro .left-3px { left: 3px; } [dir="rtl"] .micro .left-3px { right: 3px; } [dir="ltr"] .micro .left-4px { left: 4px; } [dir="rtl"] .micro .left-4px { right: 4px; } [dir="ltr"] .micro .right-0 { right: 0px; } [dir="rtl"] .micro .right-0 { left: 0px; } [dir="ltr"] .micro .right-10px { right: 10px; } [dir="rtl"] .micro .right-10px { left: 10px; } [dir="ltr"] .micro .right-12px { right: 12px; } [dir="rtl"] .micro .right-12px { left: 12px; } [dir="ltr"] .micro .right-27px { right: 27px; } [dir="rtl"] .micro .right-27px { left: 27px; } [dir="ltr"] .micro .right-40px { right: 40px; } [dir="rtl"] .micro .right-40px { left: 40px; } [dir="ltr"] .micro .right-4px { right: 4px; } [dir="rtl"] .micro .right-4px { left: 4px; } [dir="ltr"] .micro .right-80px { right: 80px; } [dir="rtl"] .micro .right-80px { left: 80px; } [dir="ltr"] .micro .right-8px { right: 8px; } [dir="rtl"] .micro .right-8px { left: 8px; } .micro .top-\[calc\(100\%\+8px\)\] { top: calc(100% + 8px); } .micro .top-\[calc\(50\%-17px\)\] { top: calc(50% - 17px); } .micro .top-0, .micro .top-0px, .micro [top~="0px"] { top: 0px; } .micro .top-1\/2, .micro .top-50\% { top: 50%; } .micro .top-12px { top: 12px; } .micro .top-18px { top: 18px; } .micro .top-1px { top: 1px; } .micro .top-20px { top: 20px; } .micro .top-40px { top: 40px; } .micro .top-4px { top: 4px; } .micro .top-65px { top: 65px; } .micro [dir="ltr"] .ltr\:\!right-initial, .micro [dir="rtl"] .rtl\:\!right-initial { right: initial !important; } .micro [dir="rtl"] .\!rtl\:left-10px { left: 10px !important; } .micro [dir="rtl"] .\!rtl\:right-unset { right: unset !important; } .micro [dir="rtl"] .rtl\:left-8px { left: 8px; } .micro [dir="rtl"] .rtl\:right-\[unset\] { right: unset; } .micro [dir="rtl"] .rtl\:right-auto { right: auto; } [dir="ltr"] .micro [right~="-60px"] { right: -60px; } [dir="rtl"] .micro [right~="-60px"] { left: -60px; } .micro [top~="768"] { top: 192rem; } .micro .line-clamp-1, .micro .line-clamp-2, .micro .line-clamp-3, .micro .line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .micro .line-clamp-2, .micro .line-clamp-3, .micro .line-clamp-4 { -webkit-line-clamp: 2; } .micro .line-clamp-3, .micro .line-clamp-4 { -webkit-line-clamp: 3; } .micro .line-clamp-4 { -webkit-line-clamp: 4; } .micro .\!z-100000001 { z-index: 100000001 !important; } .micro .z-0 { z-index: 0; } .micro .z-1 { z-index: 1; } .micro .z-10 { z-index: 10; } .micro .z-100 { z-index: 100; } .micro .z-1000 { z-index: 1000; } .micro .z-1000000 { z-index: 1000000; } .micro .z-10001 { z-index: 10001; } .micro .z-2 { z-index: 2; } .micro .z-9999 { z-index: 9999; } .micro .grid { display: grid; } .micro .row-span-1 { grid-row: span 1 / span 1; } .micro .row-span-2 { grid-row: span 2 / span 2; } .micro .grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); } .micro .grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); } [dir] .micro .m-0 { margin: 0px; } [dir] .micro .m-16px { margin: 16px; } [dir] .micro .m-3px { margin: 3px; } [dir] .micro .\[\&\>p\]\:my-4px > p { margin-top: 4px; margin-bottom: 4px; } [dir="ltr"] .micro .mx-\[24px\], [dir="rtl"] .micro .mx-\[24px\] { margin-right: 24px; margin-left: 24px; } [dir="ltr"] .micro .mx-16px, [dir="rtl"] .micro .mx-16px { margin-right: 16px; margin-left: 16px; } [dir="ltr"] .micro .mx-20px, [dir="rtl"] .micro .mx-20px { margin-right: 20px; margin-left: 20px; } [dir="ltr"] .micro .mx-4px, [dir="rtl"] .micro .mx-4px { margin-right: 4px; margin-left: 4px; } [dir="ltr"] .micro .mx-8px, [dir="rtl"] .micro .mx-8px { margin-right: 8px; margin-left: 8px; } [dir="ltr"] .micro .mx-auto, [dir="rtl"] .micro .mx-auto { margin-right: auto; margin-left: auto; } [dir] .micro .my-12px, [dir] .micro .my-\[12px\] { margin-top: 12px; margin-bottom: 12px; } [dir] .micro .my-10px { margin-top: 10px; margin-bottom: 10px; } [dir] .micro .my-16px { margin-top: 16px; margin-bottom: 16px; } [dir] .micro .my-8px { margin-top: 8px; margin-bottom: 8px; } [dir] .micro .my-auto { margin-top: auto; margin-bottom: auto; } [dir] .micro .-mt-2px { margin-top: -2px; } [dir] .micro .\!mb-8px, [dir] .micro .\!mb-\[8px\] { margin-bottom: 8px !important; } [dir] .micro .\!mb-20px { margin-bottom: 20px !important; } [dir="ltr"] .micro .\!ml-0 { margin-left: 0px !important; } [dir="rtl"] .micro .\!ml-0 { margin-right: 0px !important; } [dir="ltr"] .micro .\!ml-0px { margin-left: 0px !important; } [dir="rtl"] .micro .\!ml-0px { margin-right: 0px !important; } [dir="ltr"] .micro .\!mr-14px { margin-right: 14px !important; } [dir="rtl"] .micro .\!mr-14px { margin-left: 14px !important; } .micro .\!ms-0 { margin-inline-start: 0px !important; } [dir] .micro .\!mt-0px { margin-top: 0px !important; } [dir] .micro .\!mt-20px { margin-top: 20px !important; } [dir] .micro .first\:\!mt-0:first-child { margin-top: 0px !important; } [dir] .micro .first\:mt-0:first-child, [dir] .micro .mt-0 { margin-top: 0px; } [dir] .micro .last\:mb-0:last-child, [dir] .micro .mb-0 { margin-bottom: 0px; } [dir] .micro .mb-10px, [dir] .micro .mb-\[10px\] { margin-bottom: 10px; } [dir] .micro .mb-24px, [dir] .micro .mb-\[24px\] { margin-bottom: 24px; } [dir] .micro .mb-3px, [dir] .micro .mb-\[3px\] { margin-bottom: 3px; } [dir] .micro .mb-6px, [dir] .micro .mb-\[6px\] { margin-bottom: 6px; } [dir] .micro .mb-12px { margin-bottom: 12px; } [dir] .micro .mb-16px { margin-bottom: 16px; } [dir] .micro .mb-1px { margin-bottom: 1px; } [dir] .micro .mb-20px { margin-bottom: 20px; } [dir] .micro .mb-2px { margin-bottom: 2px; } [dir] .micro .mb-4px { margin-bottom: 4px; } [dir] .micro .mb-8 { margin-bottom: 2rem; } [dir] .micro .mb-8px { margin-bottom: 8px; } .micro .me-\[-20px\] { margin-inline-end: -20px; } .micro .me-8px, .micro .me-\[8px\] { margin-inline-end: 8px; } .micro .me-24px { margin-inline-end: 24px; } [dir="ltr"] .micro .ml-\[0\] { margin-left: 0px; } [dir="rtl"] .micro .ml-\[0\] { margin-right: 0px; } [dir="ltr"] .micro .ml-4px, [dir="ltr"] .micro .ml-\[4px\] { margin-left: 4px; } [dir="rtl"] .micro .ml-4px, [dir="rtl"] .micro .ml-\[4px\] { margin-right: 4px; } [dir="ltr"] .micro .ml-0 { margin-left: 0px; } [dir="rtl"] .micro .ml-0 { margin-right: 0px; } [dir="ltr"] .micro .ml-10px { margin-left: 10px; } [dir="rtl"] .micro .ml-10px { margin-right: 10px; } [dir="ltr"] .micro .ml-12px { margin-left: 12px; } [dir="rtl"] .micro .ml-12px { margin-right: 12px; } [dir="ltr"] .micro .ml-16px { margin-left: 16px; } [dir="rtl"] .micro .ml-16px { margin-right: 16px; } [dir="ltr"] .micro .ml-20px { margin-left: 20px; } [dir="rtl"] .micro .ml-20px { margin-right: 20px; } [dir="ltr"] .micro .ml-24px { margin-left: 24px; } [dir="rtl"] .micro .ml-24px { margin-right: 24px; } [dir="ltr"] .micro .ml-2px { margin-left: 2px; } [dir="rtl"] .micro .ml-2px { margin-right: 2px; } [dir="ltr"] .micro .ml-40px { margin-left: 40px; } [dir="rtl"] .micro .ml-40px { margin-right: 40px; } [dir="ltr"] .micro .ml-48px { margin-left: 48px; } [dir="rtl"] .micro .ml-48px { margin-right: 48px; } [dir="ltr"] .micro .ml-6px { margin-left: 6px; } [dir="rtl"] .micro .ml-6px { margin-right: 6px; } [dir="ltr"] .micro .ml-8px { margin-left: 8px; } [dir="rtl"] .micro .ml-8px { margin-right: 8px; } [dir="ltr"] .micro .ml-auto { margin-left: auto; } [dir="rtl"] .micro .ml-auto { margin-right: auto; } [dir="ltr"] .micro .mr-0 { margin-right: 0px; } [dir="rtl"] .micro .mr-0 { margin-left: 0px; } [dir="ltr"] .micro .mr-100px { margin-right: 100px; } [dir="rtl"] .micro .mr-100px { margin-left: 100px; } [dir="ltr"] .micro .mr-10px { margin-right: 10px; } [dir="rtl"] .micro .mr-10px { margin-left: 10px; } [dir="ltr"] .micro .mr-12px { margin-right: 12px; } [dir="rtl"] .micro .mr-12px { margin-left: 12px; } [dir="ltr"] .micro .mr-14px { margin-right: 14px; } [dir="rtl"] .micro .mr-14px { margin-left: 14px; } [dir="ltr"] .micro .mr-16px { margin-right: 16px; } [dir="rtl"] .micro .mr-16px { margin-left: 16px; } [dir="ltr"] .micro .mr-20px { margin-right: 20px; } [dir="rtl"] .micro .mr-20px { margin-left: 20px; } [dir="ltr"] .micro .mr-24px { margin-right: 24px; } [dir="rtl"] .micro .mr-24px { margin-left: 24px; } [dir="ltr"] .micro .mr-2px { margin-right: 2px; } [dir="rtl"] .micro .mr-2px { margin-left: 2px; } [dir="ltr"] .micro .mr-4px { margin-right: 4px; } [dir="rtl"] .micro .mr-4px { margin-left: 4px; } [dir="ltr"] .micro .mr-5px { margin-right: 5px; } [dir="rtl"] .micro .mr-5px { margin-left: 5px; } [dir="ltr"] .micro .mr-6px { margin-right: 6px; } [dir="rtl"] .micro .mr-6px { margin-left: 6px; } [dir="ltr"] .micro .mr-8px { margin-right: 8px; } [dir="rtl"] .micro .mr-8px { margin-left: 8px; } .micro .ms-\[12px\] { margin-inline-start: 12px; } .micro .ms-4px, .micro .ms-\[4px\] { margin-inline-start: 4px; } .micro .ms-0 { margin-inline-start: 0px; } .micro .ms-16px { margin-inline-start: 16px; } .micro .ms-2 { margin-inline-start: 0.5rem; } .micro .ms-2px { margin-inline-start: 2px; } .micro .ms-8px { margin-inline-start: 8px; } [dir] .micro .mt-\[-116px\] { margin-top: -116px; } [dir] .micro .mt-10px, [dir] .micro .mt-\[10px\] { margin-top: 10px; } [dir] .micro .mt-12px, [dir] .micro .mt-\[12px\] { margin-top: 12px; } [dir] .micro .mt-24px, [dir] .micro .mt-\[24px\] { margin-top: 24px; } [dir] .micro .mt-\[25vh\] { margin-top: 25vh; } [dir] .micro .mt-2px, [dir] .micro .mt-\[2px\] { margin-top: 2px; } [dir] .micro .mt-4px, [dir] .micro .mt-\[4px\] { margin-top: 4px; } [dir] .micro .mt-60px, [dir] .micro .mt-\[60px\] { margin-top: 60px; } [dir] .micro .mt-8px, [dir] .micro .mt-\[8px\] { margin-top: 8px; } [dir] .micro .mt-100px { margin-top: 100px; } [dir] .micro .mt-120px { margin-top: 120px; } [dir] .micro .mt-16px { margin-top: 16px; } [dir] .micro .mt-20px { margin-top: 20px; } [dir] .micro .mt-32px { margin-top: 32px; } [dir] .micro .mt-36px { margin-top: 36px; } [dir] .micro .mt-3px { margin-top: 3px; } [dir] .micro .mt-4 { margin-top: 1rem; } [dir] .micro .mt-6px { margin-top: 6px; } [dir] .micro .mt-auto { margin-top: auto; } .micro [dir="ltr"] .ltr\:children\:mr-5 > * { margin-right: 1.25rem; } .micro [dir="rtl"] .rtl\:children\:ml-5 > * { margin-left: 1.25rem; } .micro .box-border { box-sizing: border-box; } .micro .inline { display: inline; } .micro .block { display: block; } .micro .group:hover .group-hover\:inline-block, .micro .inline-block { display: inline-block; } .micro .list-item { display: list-item; } .micro .\!hidden { display: none !important; } .micro .group:hover .group-hover\:hidden, .micro .hidden { display: none; } .micro .\!h-8px { height: 8px !important; } .micro .\!h-auto { height: auto !important; } .micro .\!min-w-\[80px\] { min-width: 80px !important; } .micro .\!w-1\/2 { width: 50% !important; } .micro .\!w-8px { width: 8px !important; } .micro .\!w-full { width: 100% !important; } .micro .h-\[0\.5px\] { height: 0.5px; } .micro .h-10px, .micro .h-\[10px\] { height: 10px; } .micro .h-\[148px\] { height: 148px; } .micro .h-16px, .micro .h-\[16px\], .micro [h-16px=""] { height: 16px; } .micro .h-\[193px\] { height: 193px; } .micro .h-20px, .micro .h-\[20px\] { height: 20px; } .micro .h-24px, .micro .h-\[24px\] { height: 24px; } .micro .h-40px, .micro .h-\[40px\] { height: 40px; } .micro .h-4px, .micro .h-\[4px\] { height: 4px; } .micro .h-50px, .micro .h-\[50px\] { height: 50px; } .micro .h-\[calc\(100\%-8px\)\] { height: calc(100% - 8px); } .micro .h-\[calc\(100vh-65px\)\] { height: calc(-65px + 100vh); } .micro .h-0 { height: 0px; } .micro .h-100px { height: 100px; } .micro .h-100vh { height: 100vh; } .micro .h-12px { height: 12px; } .micro .h-14px { height: 14px; } .micro .h-150px { height: 150px; } .micro .h-17px { height: 17px; } .micro .h-18px { height: 18px; } .micro .h-1px { height: 1px; } .micro .h-22px, .micro [h-22px=""] { height: 22px; } .micro .h-23px { height: 23px; } .micro .h-25px { height: 25px; } .micro .h-26px { height: 26px; } .micro .h-28px { height: 28px; } .micro .h-2px { height: 2px; } .micro .h-32px { height: 32px; } .micro .h-34px { height: 34px; } .micro .h-36px { height: 36px; } .micro .h-38px { height: 38px; } .micro .h-400px { height: 400px; } .micro .h-445px { height: 445px; } .micro .h-44px { height: 44px; } .micro .h-452px { height: 452px; } .micro .h-45px { height: 45px; } .micro .h-46px { height: 46px; } .micro .h-48px { height: 48px; } .micro .h-500px { height: 500px; } .micro .h-504px { height: 504px; } .micro .h-528px { height: 528px; } .micro .h-54px { height: 54px; } .micro .h-60px { height: 60px; } .micro .h-62px { height: 62px; } .micro .h-64px { height: 64px; } .micro .h-76px { height: 76px; } .micro .h-7px { height: 7px; } .micro .h-80px { height: 80px; } .micro .h-8px { height: 8px; } .micro .h-94px { height: 94px; } .micro .h-auto { height: auto; } .micro .h-full { height: 100%; } .micro .h3 { height: 0.75rem; } .micro .h5 { height: 1.25rem; } .micro .max-h-\[136px\] { max-height: 136px; } .micro .max-h-\[344px\] { max-height: 344px; } .micro .max-h-\[calc\(50vh-108px\)\] { max-height: calc(-108px + 50vh); } .micro .max-h-\[min\(582px\,80vh\)\] { max-height: min(582px, 80vh); } .micro .max-h-278px { max-height: 278px; } .micro .max-h-445px { max-height: 445px; } .micro .max-h-500px { max-height: 500px; } .micro .max-h-50vh { max-height: 50vh; } .micro .max-h-528px { max-height: 528px; } .micro .max-h-600px { max-height: 600px; } .micro .max-h-60vh { max-height: 60vh; } .micro .max-h-64px { max-height: 64px; } .micro .max-h-80vh { max-height: 80vh; } .micro .max-h-auto { } .micro .max-h-inherit { max-height: inherit; } .micro .max-h-initial { max-height: initial; } .micro .max-w-220px, .micro .max-w-\[220px\] { max-width: 220px; } .micro .max-w-\[calc\(\(100\%-10px\)\/3\)\] { max-width: calc(33.3333% - 3.33333px); } .micro .max-w-\[calc\(\(100\%-5px\)\/2\)\] { max-width: calc(50% - 2.5px); } .micro .max-w-\[calc\(100vw-88px\)\] { max-width: calc(-88px + 100vw); } .micro .max-w-110px { max-width: 110px; } .micro .max-w-1200px { max-width: 1200px; } .micro .max-w-130px { max-width: 130px; } .micro .max-w-150px { max-width: 150px; } .micro .max-w-152px { max-width: 152px; } .micro .max-w-160px { max-width: 160px; } .micro .max-w-170px { max-width: 170px; } .micro .max-w-214px { max-width: 214px; } .micro .max-w-290px { max-width: 290px; } .micro .max-w-70px { max-width: 70px; } .micro .max-w-74vw { max-width: 74vw; } .micro .max-w-80px { max-width: 80px; } .micro .max-w-full { max-width: 100%; } .micro .max-w-inherit { max-width: inherit; } .micro .max-w-max { max-width: max-content; } .micro .min-h-\[15px\] { min-height: 15px; } .micro .min-h-200px, .micro .min-h-\[200px\] { min-height: 200px; } .micro .min-h-\[40px\] { min-height: 40px; } .micro .min-h-0 { min-height: 0px; } .micro .min-h-20px { min-height: 20px; } .micro .min-h-30px { min-height: 30px; } .micro .min-h-380px { min-height: 380px; } .micro .min-h-38px { min-height: 38px; } .micro .min-h-400px { min-height: 400px; } .micro .min-h-48px { min-height: 48px; } .micro .min-h-50px { min-height: 50px; } .micro .min-h-76px { min-height: 76px; } .micro .min-h-80px { min-height: 80px; } .micro .min-w-\[180px\] { min-width: 180px; } .micro .min-w-\[fit-content\] { min-width: fit-content; } .micro .min-w-0 { min-width: 0px; } .micro .min-w-18px { min-width: 18px; } .micro .min-w-20px { min-width: 20px; } .micro .min-w-24px { min-width: 24px; } .micro .min-w-260px { min-width: 260px; } .micro .min-w-28px { min-width: 28px; } .micro .min-w-290px { min-width: 290px; } .micro .min-w-87px { min-width: 87px; } .micro .min-w-88px { min-width: 88px; } .micro .min-w-96px { min-width: 96px; } .micro .w-\[110px\] { width: 110px; } .micro .w-148px, .micro .w-\[148px\] { width: 148px; } .micro .w-16px, .micro .w-\[16px\], .micro [w-16px=""] { width: 16px; } .micro .w-\[193px\] { width: 193px; } .micro .w-1px, .micro .w-\[1px\] { width: 1px; } .micro .w-20px, .micro .w-\[20px\] { width: 20px; } .micro .w-\[25\%\] { width: 25%; } .micro .w-\[263px\] { width: 263px; } .micro .w-40px, .micro .w-\[40px\] { width: 40px; } .micro .w-1\/2, .micro .w-\[50\%\] { width: 50%; } .micro .w-\[50px\] { width: 50px; } .micro .w-\[calc\(100\%-8px\)\] { width: calc(100% - 8px); } .micro .w-\[fit-content\] { width: fit-content; } .micro .w-100\%, .micro .w-full { width: 100%; } .micro .w-100vw { width: 100vw; } .micro .w-103px { width: 103px; } .micro .w-10px { width: 10px; } .micro .w-11px { width: 11px; } .micro .w-1200px { width: 1200px; } .micro .w-12px { width: 12px; } .micro .w-132px { width: 132px; } .micro .w-136px { width: 136px; } .micro .w-14px { width: 14px; } .micro .w-162px { width: 162px; } .micro .w-164px { width: 164px; } .micro .w-168px { width: 168px; } .micro .w-180px { width: 180px; } .micro .w-19px { width: 19px; } .micro .w-200px { width: 200px; } .micro .w-22px { width: 22px; } .micro .w-244px { width: 244px; } .micro .w-24px { width: 24px; } .micro .w-252px { width: 252px; } .micro .w-25px { width: 25px; } .micro .w-260px { width: 260px; } .micro .w-276px { width: 276px; } .micro .w-288px { width: 288px; } .micro .w-30px { width: 30px; } .micro .w-323px { width: 323px; } .micro .w-32px { width: 32px; } .micro .w-343px { width: 343px; } .micro .w-34px { width: 34px; } .micro .w-36px { width: 36px; } .micro .w-380px { width: 380px; } .micro .w-40\% { width: 40%; } .micro .w-400px { width: 400px; } .micro .w-44px { width: 44px; } .micro .w-450px { width: 450px; } .micro .w-48px { width: 48px; } .micro .w-4px { width: 4px; } .micro .w-6 { width: 1.5rem; } .micro .w-60px { width: 60px; } .micro .w-64px { width: 64px; } .micro .w-70px { width: 70px; } .micro .w-80px { width: 80px; } .micro .w-88px { width: 88px; } .micro .w-8px { width: 8px; } .micro .w-auto { width: auto; } .micro .w-inherit { width: inherit; } .micro .flex, .micro [flex=""] { display: flex; } .micro .inline-flex { display: inline-flex; } .micro .flex-\[1_1_auto\] { flex: 1 1 auto; } .micro .flex-1 { flex: 1 1 0%; } .micro .flex-none { flex: 0 0 auto; } .micro .flex-shrink-0, .micro .shrink-0 { flex-shrink: 0; } .micro .flex-grow-0 { flex-grow: 0; } .micro .flex-row { flex-direction: row; } .micro .flex-col { flex-direction: column; } .micro .flex-col-reverse { flex-direction: column-reverse; } .micro .\!flex-wrap { flex-wrap: wrap !important; } .micro .flex-wrap { flex-wrap: wrap; } .micro .flex-nowrap { flex-wrap: nowrap; } .micro .perspect-1px { perspective: 1px; } .micro .-translate-50\% { --un-translate-x: -50%; --un-translate-y: -50%; } .micro [dir="ltr"] .ltr\:-translate-x-10px, [dir] .micro .-translate-50\%, [dir] .micro .-translate-x-1\/2, [dir] .micro .-translate-y-1\/2, [dir] .micro .transform-translate-y-\[-50\%\], [dir] .micro .translate-x-0 { transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } .micro .-translate-x-1\/2 { --un-translate-x: -50%; } .micro .-translate-y-1\/2, .micro .transform-translate-y-\[-50\%\] { --un-translate-y: -50%; } .micro .translate-x-0 { --un-translate-x: 0rem; } .micro [dir="ltr"] .ltr\:-translate-x-10px { --un-translate-x: -10px; } .micro [dir="rtl"] .rtl\:translate-x-10px { --un-translate-x: 10px; } .micro .-rotate-90 { --un-rotate-x: 0; --un-rotate-y: 0; --un-rotate-z: 0; --un-rotate: -90deg; } .micro .rotate-180, .micro [dir="ltr"] .ltr\:rotate-180, .micro [dir="rtl"] .rtl\:rotate-\[180deg\], .micro [dir="rtl"] .rtl\:translate-x-10px, [dir] .micro .-rotate-90 { transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } .micro .rotate-180, .micro [dir="ltr"] .ltr\:rotate-180, .micro [dir="rtl"] .rtl\:rotate-\[180deg\] { --un-rotate-x: 0; --un-rotate-y: 0; --un-rotate-z: 0; --un-rotate: 180deg; } .micro .rotate-270 { --un-rotate: 270deg; } .micro [dir="rtl"] .rtl\:rotate-0, [dir] .micro .rotate-270, [dir] .micro .rotate-45deg, [dir] .micro .rotate-90 { transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } .micro .rotate-270, .micro .rotate-45deg, .micro .rotate-90 { --un-rotate-x: 0; --un-rotate-y: 0; --un-rotate-z: 0; } .micro .rotate-45deg { --un-rotate: 45deg; } .micro .rotate-90 { --un-rotate: 90deg; } .micro [dir="rtl"] .rtl\:rotate-0 { --un-rotate-x: 0; --un-rotate-y: 0; --un-rotate-z: 0; --un-rotate: 0deg; } .micro .\!rotate-y-0, .micro [dir="rtl"] .\!rtl\:rotate-y-0 { --un-rotate: 0; --un-rotate-y: 0deg !important; transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)) !important; } .micro .rotate-y-180, .micro [dir="rtl"] .rtl\:rotate-y-180, .micro [dir="rtl"] .rtl\:rotate-y-180deg { --un-rotate: 0; --un-rotate-y: 180deg; transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } .micro [dir="rtl"] .rtl\:rotate-y-0 { --un-rotate: 0; --un-rotate-y: 0deg; } .micro .scale-1 { --un-scale-x: 0.01; --un-scale-y: 0.01; } .micro [dir="rtl"] .rtl\:rotate-y-0, [dir] .micro .scale-1, [dir] .micro .scale-80, [dir] .micro .transform { transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } .micro .scale-80 { --un-scale-x: 0.8; --un-scale-y: 0.8; } [dir] .micro .cursor-default { cursor: default; } [dir] .micro .cursor-pointer, [dir] .micro [cursor-pointer=""] { cursor: pointer; } [dir] .micro .cursor-not-allowed { cursor: not-allowed; } .micro .list-disc { list-style-type: disc; } .micro .list-none { list-style-type: none; } .micro .content-center { align-content: center; } .micro .items-start { align-items: flex-start; } .micro .items-end { align-items: flex-end; } .micro .items-center { align-items: center; } .micro .items-baseline { align-items: baseline; } .micro .\!items-stretch { align-items: stretch !important; } .micro .items-stretch { align-items: stretch; } .micro .self-end { align-self: flex-end; } .micro .justify-start { justify-content: flex-start; } .micro .justify-end { justify-content: flex-end; } .micro .\!justify-center { justify-content: center !important; } .micro .justify-center { justify-content: center; } .micro .justify-between { justify-content: space-between; } .micro .\!gap-0 { gap: 0px !important; } .micro .\!gap-16px { gap: 16px !important; } .micro .gap-10px, .micro .gap-\[10px\] { gap: 10px; } .micro .gap-16px, .micro .gap-\[16px\] { gap: 16px; } .micro .gap-2px, .micro .gap-\[2px\] { gap: 2px; } .micro .gap-4px, .micro .gap-\[4px\] { gap: 4px; } .micro .gap-8px, .micro .gap-\[8px\], .micro [gap-8px=""] { gap: 8px; } .micro .gap-0 { gap: 0px; } .micro .gap-12px { gap: 12px; } .micro .gap-14px { gap: 14px; } .micro .gap-15px { gap: 15px; } .micro .gap-2 { gap: 0.5rem; } .micro .gap-20px { gap: 20px; } .micro .gap-24px { gap: 24px; } .micro .gap-50px { gap: 50px; } .micro .gap-6px { gap: 6px; } .micro .gap-x-10px { column-gap: 10px; } .micro .gap-x-12px { column-gap: 12px; } .micro .gap-x-16px { column-gap: 16px; } .micro .gap-x-24px { column-gap: 24px; } .micro .gap-x-8px { column-gap: 8px; } .micro .gap-y-10px { row-gap: 10px; } .micro .gap-y-16px { row-gap: 16px; } .micro .gap-y-4px { row-gap: 4px; } .micro .gap-y-6px { row-gap: 6px; } .micro .space-x-30px > :not([hidden]) ~ :not([hidden]) { --un-space-x-reverse: 0; } [dir="ltr"] .micro .space-x-30px > :not([hidden]) ~ :not([hidden]) { margin-left: calc(30px*calc(1 - var(--un-space-x-reverse))); margin-right: calc(30px*var(--un-space-x-reverse)); } [dir="rtl"] .micro .space-x-30px > :not([hidden]) ~ :not([hidden]) { margin-right: calc(30px*calc(1 - var(--un-space-x-reverse))); margin-left: calc(30px*var(--un-space-x-reverse)); } .micro .space-y-5 > :not([hidden]) ~ :not([hidden]), .micro .space-y-7 > :not([hidden]) ~ :not([hidden]) { --un-space-y-reverse: 0; } [dir] .micro .space-y-5 > :not([hidden]) ~ :not([hidden]) { margin-top: calc(1.25rem*calc(1 - var(--un-space-y-reverse))); margin-bottom: calc(1.25rem*var(--un-space-y-reverse)); } [dir] .micro .space-y-7 > :not([hidden]) ~ :not([hidden]) { margin-top: calc(1.75rem*calc(1 - var(--un-space-y-reverse))); margin-bottom: calc(1.75rem*var(--un-space-y-reverse)); } .micro [dir="rtl"] .rtl\:space-x-reverse > :not([hidden]) ~ :not([hidden]) { --un-space-x-reverse: 1; } .micro .overflow-auto { overflow: auto; } .micro .overflow-hidden { overflow: hidden; } .micro .overflow-visible { overflow: visible; } .micro .overflow-x-auto { overflow-x: auto; } .micro .overflow-x-hidden { overflow-x: hidden; } .micro .overflow-y-auto { overflow-y: auto; } .micro .overflow-y-hidden { overflow-y: hidden; } .micro .truncate { overflow: hidden; white-space: nowrap; } .micro .text-ellipsis, .micro .truncate { text-overflow: ellipsis; } .micro .\!whitespace-normal { white-space: normal !important; } .micro .whitespace-initial { white-space: initial; } .micro .whitespace-normal { white-space: normal; } .micro .whitespace-nowrap { white-space: nowrap; } .micro .whitespace-pre-line { white-space: pre-line; } .micro .whitespace-pre-wrap { white-space: pre-wrap; } .micro .break-words { overflow-wrap: break-word; } .micro .break-all { word-break: break-all; } [dir] .micro .\!border, [dir] .micro .\!border-1 { border-width: 1px !important; border-style: solid !important; } [dir] .micro .border, [dir] .micro .border-1, [dir] .micro .border-1px, [dir] .micro [border=""], [dir] .micro-light .light\:border-1px { border-width: 1px; border-style: solid; } [dir] .micro .border-0 { border-width: 0px; border-style: solid; } [dir] .micro .\!border-b-0px { border-bottom-width: 0px !important; border-bottom-style: solid !important; } [dir="ltr"] .micro .\!border-r-0px { border-right-width: 0px !important; border-right-style: solid !important; } [dir="rtl"] .micro .\!border-r-0px { border-left-width: 0px !important; border-left-style: solid !important; } [dir] .micro .border-b { border-bottom-width: 1px; border-bottom-style: solid; } [dir] .micro .border-b-2px { border-bottom-width: 2px; border-bottom-style: solid; } [dir="ltr"] .micro .border-l-1px { border-left-width: 1px; border-left-style: solid; } [dir="rtl"] .micro .border-l-1px { border-right-width: 1px; border-right-style: solid; } [dir] .micro .border-t, [dir] .micro .border-t-1, [dir] .micro .border-t-1px { border-top-width: 1px; border-top-style: solid; } [dir] .micro .border-t-2 { border-top-width: 2px; border-top-style: solid; } [dir] .micro .last\:border-b-0:last-child { border-bottom-width: 0px; border-bottom-style: solid; } [dir] .micro .\!border-\[currentColor\] { border-color: currentcolor !important; } [dir] .micro .\!border-borderStrengthTwo { border-color: var(--border-strength-200) !important; } .micro .border-\[\#DEDFE0\] { --un-border-opacity: 1; } [dir] .micro .border-\[\#DEDFE0\] { border-color: rgba(222,223,224,var(--un-border-opacity)); } [dir] .micro .border-\[1px\] { } [dir] .micro .border-\[var\(--ds-color-border-subtle\)\], [dir] .micro .border-dsColorBorderSubtle, [dir] .micro-dark .dark\:border-dsColorBorderSubtle { border-color: var(--ds-color-border-subtle); } [dir] .micro .border-bgPrimary { border-color: var(--background-primary); } [dir] .micro .border-borderStrengthOne { border-color: var(--border-strength-100); } [dir] .micro .border-borderStrengthTwo { border-color: var(--border-strength-200); } [dir] .micro .border-dsColorBackgroundTertiary { border-color: var(--ds-color-background-tertiary); } [dir] .micro .border-dsColorBorderDisabled { border-color: var(--ds-color-border-disabled); } [dir] .micro .border-dsColorBorderStrong { border-color: var(--ds-color-border-strong); } [dir] .micro .border-dsColorFunctionBrand { border-color: var(--ds-color-function-brand); } [dir] .micro .border-dsColorFunctionBrandDisabled { border-color: var(--ds-color-function-brand-disabled); } [dir] .micro .border-dsColorFunctionWarningDisabled { border-color: var(--ds-color-function-warning-disabled); } [dir] .micro .border-dsColorTextInverseSecondary { border-color: var(--ds-color-text-inverse-secondary); } [dir] .micro .border-inputBg { border-color: var(--color-input-bg); } [dir] .micro .border-inputBorder { border-color: var(--color-input-border); } [dir] .micro .border-line, [dir] .micro-light .light\:border-line { border-color: var(--color-line); } [dir] .micro .border-nextStrengthBorderZero { border-color: var(--v3-border-strength-0); } [dir] .micro .border-placeholderText { border-color: var(--color-placeholder-text); } [dir] .micro .border-thirdText { border-color: var(--color-third-text); } [dir] .micro-dark .dark\:border-\[0\.5px\] { } [dir] .micro .\!border-b-dsColorFunctionError { border-bottom-color: var(--ds-color-function-error) !important; } [dir] .micro .border-b-dsColorBorderSubtle { border-bottom-color: var(--ds-color-border-subtle); } [dir] .micro .border-b-transparent { border-bottom-color: transparent; } [dir="ltr"] .micro .border-l-dsColorBorderGutter { border-left-color: var(--ds-color-border-gutter); } [dir="rtl"] .micro .border-l-dsColorBorderGutter { border-right-color: var(--ds-color-border-gutter); } [dir] .micro .border-t-line { border-top-color: var(--color-line); } .micro .border-opacity-5 { --un-border-opacity: 0.05; } [dir] .micro .\!rounded-\[0\] { border-radius: 0px !important; } [dir] .micro .\!rounded-8px, [dir] .micro .\!rounded-\[8px\] { border-radius: 8px !important; } [dir] .micro .rounded, [dir] .micro .rounded-1, [dir] .micro [rounded=""] { border-radius: 0.25rem; } [dir] .micro .rounded-12px, [dir] .micro .rounded-\[12px\] { border-radius: 12px; } [dir] .micro .rounded-16px, [dir] .micro .rounded-\[16px\] { border-radius: 16px; } [dir] .micro .rounded-2px, [dir] .micro .rounded-\[2px\] { border-radius: 2px; } [dir="ltr"] .micro .rounded-\[3px_0_0_0\] { border-radius: 3px 0px 0px; } [dir="rtl"] .micro .rounded-\[3px_0_0_0\] { border-radius: 0px 3px 0px 0px; } [dir] .micro .rounded-4px, [dir] .micro .rounded-\[4px\] { border-radius: 4px; } [dir] .micro .rounded-1\/2, [dir] .micro .rounded-50\%, [dir] .micro .rounded-\[50\%\] { border-radius: 50%; } [dir] .micro .rounded-6px, [dir] .micro .rounded-\[6px\] { border-radius: 6px; } [dir] .micro .rounded-0 { border-radius: 0px; } [dir] .micro .rounded-100\% { border-radius: 100%; } [dir] .micro .rounded-100px { border-radius: 100px; } [dir] .micro .rounded-10px { border-radius: 10px; } [dir] .micro .rounded-1px { border-radius: 1px; } [dir] .micro .rounded-32px { border-radius: 32px; } [dir] .micro .rounded-48px { border-radius: 48px; } [dir] .micro .rounded-54px { border-radius: 54px; } [dir] .micro .rounded-8px, [dir] .micro [rounded~="8px"] { border-radius: 8px; } [dir] .micro .rounded-99px { border-radius: 99px; } [dir] .micro .rounded-full { border-radius: 9999px; } [dir] .micro .rounded-xl { border-radius: 0.75rem; } [dir="ltr"] .micro .rounded-b-12px, [dir="rtl"] .micro .rounded-b-12px { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; } [dir] .micro .\!border-none { border-style: none !important; } [dir] .micro .\!border-solid { border-style: solid !important; } [dir] .micro .border-none { border-style: none; } [dir] .micro .border-solid, [dir] .micro-dark .dark\:border-solid { border-style: solid; } [dir] .micro .border-b-solid { border-bottom-style: solid; } [dir="ltr"] .micro .border-l-none { border-left-style: none; } [dir="rtl"] .micro .border-l-none { border-right-style: none; } [dir="ltr"] .micro .border-l-solid { border-left-style: solid; } [dir="rtl"] .micro .border-l-solid { border-right-style: solid; } [dir="ltr"] .micro .border-r-none { border-right-style: none; } [dir="rtl"] .micro .border-r-none { border-left-style: none; } [dir] .micro .border-t-none { border-top-style: none; } [dir] .micro .\!bg-\[var\(--ds-color-background-primary\)\], [dir] .micro .\!bg-dsColorBackgroundPrimary { background-color: var(--ds-color-background-primary) !important; } [dir] .micro .\!bg-bgInversePrimary { background-color: var(--background-inverse-primary) !important; } [dir] .micro .\!bg-bgSecondary { background-color: var(--background-secondary) !important; } [dir] .micro .\!bg-dsColorBackgroundBase { background-color: var(--ds-color-background-base) !important; } [dir] .micro .\!bg-transparent { background-color: transparent !important; } .micro .bg-\#F7647E, .micro .bg-\[\#0D0E0E\], .micro .bg-\[\#FFD4A6\], .micro .bg-\[\#fff\], .micro .bg-black, .micro .bg-white, .micro-dark .dark\:bg-\[\#646b71\], .micro-light .light\:bg-\[\#ddd\] { --un-bg-opacity: 1; } [dir] .micro .bg-\[\#0D0E0E\] { background-color: rgba(13,14,14,var(--un-bg-opacity)); } [dir] .micro .bg-\[\#FFD4A6\] { background-color: rgba(255,212,166,var(--un-bg-opacity)); } [dir] .micro .bg-\[\#fff\], [dir] .micro .bg-white { background-color: rgba(255,255,255,var(--un-bg-opacity)); } [dir] .micro .bg-\[inherit\], [dir] .micro .bg-inherit { background-color: inherit; } [dir] .micro .bg-\[var\(--background-primary\)\], [dir] .micro .bg-bgPrimary { background-color: var(--background-primary); } [dir] .micro .bg-\[var\(--ds-color-background-input\)\] { background-color: var(--ds-color-background-input); } [dir] .micro .bg-\[var\(--ds-color-background-primary\)\] { background-color: var(--ds-color-background-primary); } [dir] .micro .bg-\[var\(--ds-color-background-tertiary\)\], [dir] .micro .bg-dsColorBackgroundTertiary { background-color: var(--ds-color-background-tertiary); } [dir] .micro .bg-\[var\(--ds-color-function-success-soft\)\], [dir] .micro .bg-dsColorFunctionSuccessSoft { background-color: var(--ds-color-function-success-soft); } [dir] .micro .bg-\[var\(--ds-color-function-trade-sell\)\] { background-color: var(--ds-color-function-trade-sell); } [dir] .micro .bg-\[var\(--ds-color-function-vip-text\)\] { background-color: var(--ds-color-function-vip-text); } [dir] .micro .bg-\[var\(--ds-color-function-warning-soft\)\] { background-color: var(--ds-color-function-warning-soft); } [dir] .micro .bg-\[var\(--ds-color-layer-0\)\], [dir] .micro .bg-cardSearchBg, [dir] .micro .bg-dsColorLayerZero, [dir] .micro-dark .dark\:bg-cardSearchBg { background-color: var(--ds-color-layer-0); } [dir] .micro .bg-\[var\(--ds-color-layer-1\)\], [dir] .micro .bg-dsColorLayerOne, [dir] .micro-dark .dark\:bg-dsColorLayerOne { background-color: var(--ds-color-layer-1); } [dir] .micro .bg-\[var\(--ds-color-tag-background-neutral-solid\)\] { background-color: var(--ds-color-tag-background-neutral-solid); } [dir] .micro .bg-\[var\(--ds-color-text-primary\)\], [dir] .micro .bg-dsColorTextPrimary { background-color: var(--ds-color-text-primary); } [dir] .micro .bg-\#F7647E { background-color: rgba(247,100,126,var(--un-bg-opacity)); } [dir] .micro .bg-bg, [dir] .micro-light .light\:bg-bg { background-color: var(--color-bg); } [dir] .micro .bg-bgDisabled { background-color: var(--background-disabled); } [dir] .micro .bg-bgInversePrimary { background-color: var(--background-inverse-primary); } [dir] .micro .bg-bgSecondary, [dir] .micro .hover\:bg-\[var\(--background-secondary\)\]:hover, [dir] .micro .hover\:bg-bgSecondary:hover { background-color: var(--background-secondary); } [dir] .micro .bg-bgTertiary { background-color: var(--background-tertiary); } [dir] .micro .bg-black { background-color: rgba(0,0,0,var(--un-bg-opacity)); } [dir] .micro .bg-cardBg, [dir] .micro-dark .dark\:bg-cardBg { background-color: var(--color-card-bg); } [dir] .micro .bg-contentAlwaysWhite { background-color: var(--content-always-white); } [dir] .micro .bg-contentDisabled { background-color: var(--content-disabled); } [dir] .micro .bg-contentPrimary { background-color: var(--content-primary); } [dir] .micro .bg-dsColorAlwaysBlack { background-color: var(--background-always-black); } [dir] .micro .bg-dsColorBackgroundBase, [dir] .micro-dark .dark\:bg-dsColorBackgroundBase { background-color: var(--ds-color-background-base); } [dir] .micro .bg-dsColorBackgroundSecondary, [dir] .micro .hover\:bg-\[var\(--ds-color-background-secondary\)\]:hover, [dir] .micro .hover\:bg-dsColorBackgroundSecondary:hover, [dir] .micro-light .light\:bg-dsColorBackgroundSecondary { background-color: var(--ds-color-background-secondary); } [dir] .micro .bg-dsColorBorderGutter { background-color: var(--ds-color-border-gutter); } [dir] .micro .bg-dsColorBorderSubtle { background-color: var(--ds-color-border-subtle); } [dir] .micro .bg-dsColorFunctionBrand { background-color: var(--ds-color-function-brand); } [dir] .micro .bg-dsColorFunctionBrandSoft, [dir] .micro .hover\:bg-dsColorFunctionBrandSoft:hover { background-color: var(--ds-color-function-brand-soft); } [dir] .micro .bg-dsColorLayerTwo { background-color: var(--ds-color-layer-2); } [dir] .micro .bg-dsColorTextDisabled { background-color: var(--ds-color-text-disabled); } [dir] .micro .bg-error { background-color: var(--color-error); } [dir] .micro .bg-inputBg, [dir] .micro .hover\:bg-inputBg:hover { background-color: var(--color-input-bg); } [dir] .micro .bg-primary { background-color: var(--color-primary); } [dir] .micro .active\:bg-secondaryBtnBg:active, [dir] .micro .bg-secondaryBtnBg { background-color: var(--color-secondary-btn-bg); } [dir] .micro .bg-thirdText { background-color: var(--color-third-text); } [dir] .micro .bg-transparent, [dir] .micro .hover\:bg-transparent:hover { background-color: transparent; } [dir] .micro .hover\:bg-dsColorBackgroundInverseSecondary:hover { background-color: var(--ds-color-background-inverse-secondary); } [dir] .micro-dark .\!dark\:bg-cardBg { background-color: var(--color-card-bg) !important; } [dir] .micro-dark .dark\:bg-\[\#646b71\] { background-color: rgba(100,107,113,var(--un-bg-opacity)); } [dir] .micro-light .\!light\:bg-bg { background-color: var(--color-bg) !important; } [dir] .micro-light .light\:bg-\[\#ddd\] { background-color: rgba(221,221,221,var(--un-bg-opacity)); } .micro .bg-opacity-20 { --un-bg-opacity: 0.2; } .micro .bg-opacity-60 { --un-bg-opacity: 0.6; } .micro .fill-contentTertiary { fill: var(--content-tertiary); } .micro .fill-thirdText { fill: var(--color-third-text); } .micro .object-contain { object-fit: contain; } [dir] .micro .\!p-0 { padding: 0px !important; } [dir] .micro .p-20px, [dir] .micro .p-\[20px\] { padding: 20px; } [dir] .micro .p-0 { padding: 0px; } [dir] .micro .p-12px { padding: 12px; } [dir] .micro .p-16px { padding: 16px; } [dir] .micro .p-24px { padding: 24px; } [dir] .micro .p-4px { padding: 4px; } [dir] .micro .p-6px { padding: 6px; } [dir] .micro .p-8px { padding: 8px; } [dir="ltr"] .micro .\!px-10px, [dir="rtl"] .micro .\!px-10px { padding-right: 10px !important; padding-left: 10px !important; } [dir] .micro .\!py-4px { padding-top: 4px !important; padding-bottom: 4px !important; } [dir="ltr"] .micro .px, [dir="ltr"] .micro .px-4, [dir="rtl"] .micro .px, [dir="rtl"] .micro .px-4 { padding-right: 1rem; padding-left: 1rem; } [dir="ltr"] .micro .px-24px, [dir="ltr"] .micro .px-\[24px\], [dir="rtl"] .micro .px-24px, [dir="rtl"] .micro .px-\[24px\] { padding-right: 24px; padding-left: 24px; } [dir="ltr"] .micro .px-4px, [dir="ltr"] .micro .px-\[4px\], [dir="rtl"] .micro .px-4px, [dir="rtl"] .micro .px-\[4px\] { padding-right: 4px; padding-left: 4px; } [dir="ltr"] .micro .px-6px, [dir="ltr"] .micro .px-\[6px\], [dir="rtl"] .micro .px-6px, [dir="rtl"] .micro .px-\[6px\] { padding-right: 6px; padding-left: 6px; } [dir="ltr"] .micro .px-8px, [dir="ltr"] .micro .px-\[8px\], [dir="rtl"] .micro .px-8px, [dir="rtl"] .micro .px-\[8px\] { padding-right: 8px; padding-left: 8px; } [dir="ltr"] .micro .px-0, [dir="rtl"] .micro .px-0 { padding-right: 0px; padding-left: 0px; } [dir="ltr"] .micro .px-10px, [dir="rtl"] .micro .px-10px { padding-right: 10px; padding-left: 10px; } [dir="ltr"] .micro .px-11px, [dir="rtl"] .micro .px-11px { padding-right: 11px; padding-left: 11px; } [dir="ltr"] .micro .px-12px, [dir="rtl"] .micro .px-12px { padding-right: 12px; padding-left: 12px; } [dir="ltr"] .micro .px-14px, [dir="rtl"] .micro .px-14px { padding-right: 14px; padding-left: 14px; } [dir="ltr"] .micro .px-16px, [dir="rtl"] .micro .px-16px { padding-right: 16px; padding-left: 16px; } [dir="ltr"] .micro .px-18px, [dir="rtl"] .micro .px-18px { padding-right: 18px; padding-left: 18px; } [dir="ltr"] .micro .px-20px, [dir="rtl"] .micro .px-20px { padding-right: 20px; padding-left: 20px; } [dir="ltr"] .micro .px-2px, [dir="rtl"] .micro .px-2px { padding-right: 2px; padding-left: 2px; } [dir="ltr"] .micro .px-30px, [dir="rtl"] .micro .px-30px { padding-right: 30px; padding-left: 30px; } [dir="ltr"] .micro .px-32px, [dir="rtl"] .micro .px-32px { padding-right: 32px; padding-left: 32px; } [dir="ltr"] .micro .px-34px, [dir="rtl"] .micro .px-34px { padding-right: 34px; padding-left: 34px; } [dir="ltr"] .micro .px-38px, [dir="rtl"] .micro .px-38px { padding-right: 38px; padding-left: 38px; } [dir="ltr"] .micro .px-5px, [dir="rtl"] .micro .px-5px { padding-right: 5px; padding-left: 5px; } [dir] .micro .py-16px, [dir] .micro .py-\[16px\] { padding-top: 16px; padding-bottom: 16px; } [dir] .micro .py-24px, [dir] .micro .py-\[24px\] { padding-top: 24px; padding-bottom: 24px; } [dir] .micro .py-0, [dir] .micro .py-0px { padding-top: 0px; padding-bottom: 0px; } [dir] .micro .py-10px { padding-top: 10px; padding-bottom: 10px; } [dir] .micro .py-11px { padding-top: 11px; padding-bottom: 11px; } [dir] .micro .py-12px { padding-top: 12px; padding-bottom: 12px; } [dir] .micro .py-15px { padding-top: 15px; padding-bottom: 15px; } [dir] .micro .py-18px { padding-top: 18px; padding-bottom: 18px; } [dir] .micro .py-1px { padding-top: 1px; padding-bottom: 1px; } [dir] .micro .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } [dir] .micro .py-2px { padding-top: 2px; padding-bottom: 2px; } [dir] .micro .py-32px { padding-top: 32px; padding-bottom: 32px; } [dir] .micro .py-4 { padding-top: 1rem; padding-bottom: 1rem; } [dir] .micro .py-40px { padding-top: 40px; padding-bottom: 40px; } [dir] .micro .py-4px { padding-top: 4px; padding-bottom: 4px; } [dir] .micro .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } [dir] .micro .py-5px { padding-top: 5px; padding-bottom: 5px; } [dir] .micro .py-6px { padding-top: 6px; padding-bottom: 6px; } [dir] .micro .py-8px { padding-top: 8px; padding-bottom: 8px; } [dir] .micro .py-9px { padding-top: 9px; padding-bottom: 9px; } [dir] .micro .\!pb-15px { padding-bottom: 15px !important; } [dir] .micro .\!pt-0 { padding-top: 0px !important; } [dir] .micro .pb-0 { padding-bottom: 0px; } [dir] .micro .pb-12px { padding-bottom: 12px; } [dir] .micro .pb-16px { padding-bottom: 16px; } [dir] .micro .pb-20px { padding-bottom: 20px; } [dir] .micro .pb-24px { padding-bottom: 24px; } [dir] .micro .pb-32px { padding-bottom: 32px; } [dir] .micro .pb-4px { padding-bottom: 4px; } [dir] .micro .pb-60px { padding-bottom: 60px; } [dir] .micro .pb-76px { padding-bottom: 76px; } [dir] .micro .pb-8px { padding-bottom: 8px; } .micro .pe-\[20px\] { padding-inline-end: 20px; } .micro .pe-32px { padding-inline-end: 32px; } .micro .pe-8px { padding-inline-end: 8px; } [dir="ltr"] .micro .pl-\[1em\] { padding-left: 1em; } [dir="rtl"] .micro .pl-\[1em\] { padding-right: 1em; } [dir="ltr"] .micro .pl-\[24px\] { padding-left: 24px; } [dir="rtl"] .micro .pl-\[24px\] { padding-right: 24px; } [dir="ltr"] .micro .pl-10px { padding-left: 10px; } [dir="rtl"] .micro .pl-10px { padding-right: 10px; } [dir="ltr"] .micro .pl-12px { padding-left: 12px; } [dir="rtl"] .micro .pl-12px { padding-right: 12px; } [dir="ltr"] .micro .pl-16px { padding-left: 16px; } [dir="rtl"] .micro .pl-16px { padding-right: 16px; } [dir="ltr"] .micro .pl-20px { padding-left: 20px; } [dir="rtl"] .micro .pl-20px { padding-right: 20px; } [dir="ltr"] .micro .pl-28px { padding-left: 28px; } [dir="rtl"] .micro .pl-28px { padding-right: 28px; } [dir="ltr"] .micro .pl-30px { padding-left: 30px; } [dir="rtl"] .micro .pl-30px { padding-right: 30px; } [dir="ltr"] .micro .pl-4 { padding-left: 1rem; } [dir="rtl"] .micro .pl-4 { padding-right: 1rem; } [dir="ltr"] .micro .pl-6px { padding-left: 6px; } [dir="rtl"] .micro .pl-6px { padding-right: 6px; } [dir="ltr"] .micro .pr-12px { padding-right: 12px; } [dir="rtl"] .micro .pr-12px { padding-left: 12px; } [dir="ltr"] .micro .pr-16px { padding-right: 16px; } [dir="rtl"] .micro .pr-16px { padding-left: 16px; } [dir="ltr"] .micro .pr-30px { padding-right: 30px; } [dir="rtl"] .micro .pr-30px { padding-left: 30px; } [dir="ltr"] .micro .pr-32px { padding-right: 32px; } [dir="rtl"] .micro .pr-32px { padding-left: 32px; } [dir="ltr"] .micro .pr-38px { padding-right: 38px; } [dir="rtl"] .micro .pr-38px { padding-left: 38px; } [dir="ltr"] .micro .pr-6px { padding-right: 6px; } [dir="rtl"] .micro .pr-6px { padding-left: 6px; } [dir="ltr"] .micro .pr-8px { padding-right: 8px; } [dir="rtl"] .micro .pr-8px { padding-left: 8px; } .micro .ps-12px { padding-inline-start: 12px; } .micro .ps-28px { padding-inline-start: 28px; } [dir] .micro .pt-4px, [dir] .micro .pt-\[4px\] { padding-top: 4px; } [dir] .micro .pt-0, [dir] .micro .pt-0px { padding-top: 0px; } [dir] .micro .pt-12px { padding-top: 12px; } [dir] .micro .pt-16px { padding-top: 16px; } [dir] .micro .pt-24px { padding-top: 24px; } [dir] .micro .pt-30px { padding-top: 30px; } [dir] .micro .pt-32px { padding-top: 32px; } [dir] .micro .pt-42px { padding-top: 42px; } [dir] .micro .pt-60px { padding-top: 60px; } [dir] .micro .pt-8px { padding-top: 8px; } [dir] .micro .text-center { text-align: center; } [dir="ltr"] .micro .text-left { text-align: left; } [dir="ltr"] .micro .text-right, [dir="rtl"] .micro .text-left { text-align: right; } [dir="rtl"] .micro .text-right { text-align: left; } [dir] .micro .text-end { text-align: end; } .micro .align-middle { vertical-align: middle; } .micro .font-\[400\] { } .micro .font-\[500\] { } .micro .font-\[700\] { } .micro .\!text-12px, .micro .\[\&_label\]\:\!text-\[12px\] label { font-size: 12px !important; } .micro .\!text-14px { font-size: 14px !important; } .micro .\!text-15px { font-size: 15px !important; } .micro .\!text-16px { font-size: 16px !important; } .micro .\!text-20px { font-size: 20px !important; } .micro .text-12px, .micro .text-\[12px\] { font-size: 12px; } .micro .text-14px, .micro .text-\[14px\] { font-size: 14px; } .micro .text-16px, .micro .text-\[16px\] { font-size: 16px; } .micro .text-\[32px\] { font-size: 32px; } .micro .text-10px { font-size: 10px; } .micro .text-11px { font-size: 11px; } .micro .text-15px { font-size: 15px; } .micro .text-17px { font-size: 17px; } .micro .text-18px { font-size: 18px; } .micro .text-20px { font-size: 20px; } .micro .text-24px { font-size: 24px; } .micro .text-8px { font-size: 8px; } .micro .text-fs12 { font-size: 0.75rem; line-height: 18px; } .micro .text-fs14 { font-size: 0.875rem; line-height: 22px; } .micro .\!font-500 { font-weight: 500 !important; } .micro .\!font-normal { font-weight: 400 !important; } .micro .font-400, .micro .font-normal, .micro .fw-400 { font-weight: 400; } .micro .font-500, .micro .fw-500 { font-weight: 500; } .micro .font-600 { font-weight: 600; } .micro .font-700, .micro .font-bold, .micro .fw-700 { font-weight: 700; } .micro .\!leading-\[19\.6px\] { line-height: 19.6px !important; } .micro .\!leading-\[24px\] { line-height: 24px !important; } .micro .\!leading-\[64px\] { line-height: 64px !important; } .micro .\!leading-18px { line-height: 18px !important; } .micro .leading-\[1\.22\] { line-height: 1.22; } .micro .leading-\[1\.4\] { line-height: 1.4; } .micro .leading-\[10px\] { line-height: 10px; } .micro .leading-120\%, .micro .leading-\[120\%\] { line-height: 120%; } .micro .leading-140\%, .micro .leading-\[140\%\] { line-height: 140%; } .micro .leading-\[150\%\] { line-height: 150%; } .micro .leading-\[16\.8px\] { line-height: 16.8px; } .micro .leading-18px, .micro .leading-\[18px\] { line-height: 18px; } .micro .leading-\[19\.6px\] { line-height: 19.6px; } .micro .leading-20px, .micro .leading-\[20px\] { line-height: 20px; } .micro .leading-22px, .micro .leading-\[22px\] { line-height: 22px; } .micro .leading-\[23px\] { line-height: 23px; } .micro .leading-44px, .micro .leading-\[44px\] { line-height: 44px; } .micro .leading-1 { line-height: 0.25rem; } .micro .leading-12px { line-height: 12px; } .micro .leading-14px { line-height: 14px; } .micro .leading-16px { line-height: 16px; } .micro .leading-17px { line-height: 17px; } .micro .leading-24px { line-height: 24px; } .micro .leading-25px { line-height: 25px; } .micro .leading-28px { line-height: 28px; } .micro .leading-32px { line-height: 32px; } .micro .leading-40px { line-height: 40px; } .micro .leading-48px { line-height: 48px; } .micro .leading-5 { line-height: 1.25rem; } .micro .not-italic { font-style: normal; } .micro .color-\[var\(--color-third-text\)\], .micro .text-thirdText { color: var(--color-third-text); } .micro .color-contentTertiary, .micro .text-contentTertiary { color: var(--content-tertiary); } .micro .color-dsColorTextPrimary, .micro .text-\[var\(--ds-color-text-primary\)\], .micro .text-dsColorTextPrimary { color: var(--ds-color-text-primary); } .micro .\!text-\[var\(--ds-color-function-trade-buy\)\] { color: var(--ds-color-function-trade-buy) !important; } .micro .\!text-contentDisabled { color: var(--content-disabled) !important; } .micro .\!text-contentInversePrimary { color: var(--content-inverse-primary) !important; } .micro .\!text-contentPrimary { color: var(--content-primary) !important; } .micro .\!text-contentTradeSellText { color: var(--content-trade-sell-text) !important; } .micro .\!text-dsColorFunctionError { color: var(--ds-color-function-error) !important; } .micro .\!text-dsColorTextSecondary { color: var(--ds-color-text-secondary) !important; } .micro .\!text-dsColorTextTertiary { color: var(--ds-color-text-tertiary) !important; } .micro .\!text-primary { color: var(--color-primary) !important; } .micro .\!text-primaryText { color: var(--color-primary-text) !important; } .micro .\!text-white { --un-text-opacity: 1 !important; color: rgba(255,255,255,var(--un-text-opacity)) !important; } .micro .\[\&\>a\]\:text-primary > a, .micro .text-\[var\(--color-primary\)\], .micro .text-primary { color: var(--color-primary); } .micro .hover\:\!text-\[var\(--ds-color-text-primary\)\]:hover { color: var(--ds-color-text-primary) !important; } .micro .hover\:text-\[var\(--content-link-hover\)\]:hover { color: var(--content-link-hover); } .micro .hover\:text-contentPrimary:hover, .micro .text-contentPrimary { color: var(--content-primary); } .micro .hover\:text-dsColorTextInversePrimary:hover { color: var(--ds-color-text-inverse-primary); } .micro .text-contentDisabled, .micro-dark .dark\:text-\[var\(--content-disabled\)\], .micro-dark .dark\:text-contentDisabled { color: var(--content-disabled); } .micro .text-\[\#00f0ff\] { --un-text-opacity: 1; color: rgba(0,240,255,var(--un-text-opacity)); } .micro .text-\[\#151517\] { --un-text-opacity: 1; color: rgba(21,21,23,var(--un-text-opacity)); } .micro .text-\[\#a0a3a7\] { --un-text-opacity: 1; color: rgba(160,163,167,var(--un-text-opacity)); } .micro .text-\[\#ffffff\], .micro .text-white { --un-text-opacity: 1; color: rgba(255,255,255,var(--un-text-opacity)); } .micro .text-\[var\(--content-link-default\)\], .micro .text-contentLinkDefault { color: var(--content-link-default); } .micro .text-\[var\(--ds-color-function-success\)\], .micro .text-dsColorFunctionSuccess { color: var(--ds-color-function-success); } .micro .text-\[var\(--ds-color-function-vip-text\)\] { color: var(--ds-color-function-vip-text); } .micro .text-\[var\(--ds-color-link-default\)\], .micro .text-ds-color-link-default, .micro .text-dsColorLinkDefault { color: var(--ds-color-link-default); } .micro .text-\[var\(--ds-color-text-inverse-tertiary\)\] { color: var(--ds-color-text-inverse-tertiary); } .micro .text-\[var\(--ds-color-text-secondary\)\], .micro .text-dsColorTextSecondary { color: var(--ds-color-text-secondary); } .micro .text-\[var\(--ds-color-text-success\)\] { color: var(--ds-color-text-success); } .micro .text-\[var\(--ds-color-text-tertiary\)\], .micro .text-dsColorTextTertiary { color: var(--ds-color-text-tertiary); } .micro .text-\[var\(--ds-color-text-warning\)\], .micro .text-dsColorTextWarning { color: var(--ds-color-text-warning); } .micro .text-bg { color: var(--color-bg); } .micro .text-brand { color: var(--color-brand); } .micro .text-buy { color: var(--color-buy); } .micro .text-contentInversePrimary { color: var(--content-inverse-primary); } .micro .text-contentInverseTertiary { color: var(--content-inverse-tertiary); } .micro .text-contentSecondary { color: var(--content-secondary); } .micro .text-contentTradeBuyText { color: var(--content-trade-buy-text); } .micro .text-contentTradeSellText { color: var(--content-trade-sell-text); } .micro .text-disabledText { color: var(--color-disabled-text); } .micro .text-dsColorBackgroundTertiary { color: var(--ds-color-background-tertiary); } .micro .text-dsColorFunctionBrand { color: var(--ds-color-function-brand); } .micro .text-dsColorFunctionError { color: var(--ds-color-function-error); } .micro .text-dsColorFunctionErrorDisabled { color: var(--ds-color-function-error-disabled); } .micro .text-dsColorFunctionSuccessDisabled { color: var(--ds-color-function-success-disabled); } .micro .text-dsColorFunctionWarning { color: var(--ds-color-function-warning); } .micro .text-error { color: var(--color-error); } .micro .text-placeholderText { color: var(--color-placeholder-text); } .micro .text-primaryText, .micro [text-primarytext=""] { color: var(--color-primary-text); } .micro .text-secondaryText { color: var(--color-secondary-text); } .micro .text-sell { color: var(--color-sell); } .micro .text-success { color: var(--color-success); } .micro .text-whiteText { color: var(--color-white-text); } .micro .underline { text-decoration-line: underline; } .micro .no-underline { text-decoration: none; } .micro .tab, .micro [tab=""] { tab-size: 4; } .micro .opacity-0 { opacity: 0; } .micro .opacity-100 { opacity: 1; } .micro .opacity-50 { opacity: 0.5; } .micro .opacity-60 { opacity: 0.6; } .micro .opacity-70 { opacity: 0.7; } .micro .shadow, .micro [shadow=""], .micro-light .light\:shadow { --un-shadow: 2px 4px 6px 2px var(--un-shadow-color, rgba(171,188,203,0.12)); } [dir] .micro .shadow, [dir] .micro [shadow=""], [dir] .micro-light .light\:shadow, [dir] .micro-light .light\:shadow-\[0_6px_18px_0_\#92a0ab33\], [dir] .micro-light .light\:shadow-popover { box-shadow: var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow); } .micro-light .light\:shadow-\[0_6px_18px_0_\#92a0ab33\] { --un-shadow: 0 6px 18px 0 var(--un-shadow-color, rgba(146,160,171,0.2)); } .micro-light .light\:shadow-popover { --un-shadow: 0px 0px 32px 0px var(--un-shadow-color, rgba(146,160,171,0.28)); } .micro .shadow-light { --un-shadow-opacity: 1; --un-shadow-color: rgba(246,246,246,var(--un-shadow-opacity)); } .micro .outline { outline-style: solid; } .micro .backdrop-blur-10px { --un-backdrop-blur: blur(10px); backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia); } .micro .filter, .micro [filter=""] { filter: var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia); } [dir] .micro .transition, [dir] .micro .transition-all, [dir] .micro .transition-bottom { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } [dir] .micro .transition-all, [dir] .micro .transition-bottom { transition-property: all; } [dir] .micro .transition-bottom { transition-property: bottom; } [dir] .micro .transition-colors, [dir] .micro .transition-opacity, [dir] .micro .transition-transform { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } [dir] .micro .transition-opacity, [dir] .micro .transition-transform { transition-property: opacity; } [dir] .micro .transition-transform { transition-property: transform; } [dir] .micro .duration-150 { transition-duration: 150ms; } [dir] .micro .duration-300 { transition-duration: 300ms; } [dir] .micro .duration-400 { transition-duration: 400ms; } [dir] .micro .duration-50 { transition-duration: 50ms; } [dir] .micro .duration-500 { transition-duration: 500ms; } [dir] .micro .duration-900 { transition-duration: 900ms; } [dir] .micro .delay-150 { transition-delay: 150ms; } [dir] .micro .ease, [dir] .micro .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } [dir] .micro .ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } [dir] .micro .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } @media (max-width: 1439.9px) { .micro .lt-2xl\:max-w-85vw { max-width: 85vw; } } @media (max-width: 1023.9px) { .micro .lt-lg\:bottom-0 { bottom: 0px; } .micro .lt-lg\:bottom-40px { bottom: 40px; } [dir="ltr"] .micro .lt-lg\:right-0 { right: 0px; } [dir="rtl"] .micro .lt-lg\:right-0 { left: 0px; } [dir] .micro .lt-lg\:mb-12px { margin-bottom: 12px; } [dir] .micro .lt-lg\:mb-24px { margin-bottom: 24px; } .micro .lt-lg\:\!hidden { display: none !important; } .micro .lt-lg\:hidden { display: none; } .micro .lt-lg\:h-48px { height: 48px; } .micro .lt-lg\:w-22px { width: 22px; } .micro .lt-lg\:w-48px { width: 48px; } .micro .lt-lg\:w-full { width: 100%; } .micro .\!lt-lg\:gap-4px { gap: 4px !important; } [dir="ltr"] .micro .lt-lg\:rounded-bl-0 { border-bottom-left-radius: 0px; } [dir="ltr"] .micro .lt-lg\:rounded-br-0, [dir="rtl"] .micro .lt-lg\:rounded-bl-0 { border-bottom-right-radius: 0px; } [dir="rtl"] .micro .lt-lg\:rounded-br-0 { border-bottom-left-radius: 0px; } [dir="ltr"] .micro .lt-lg\:px-24px, [dir="rtl"] .micro .lt-lg\:px-24px { padding-right: 24px; padding-left: 24px; } [dir] .micro .lt-lg\:py-24px { padding-top: 24px; padding-bottom: 24px; } [dir] .micro .lt-lg\:pt-12px { padding-top: 12px; } .micro .\!lt-lg\:text-12px { font-size: 12px !important; } .micro .lt-lg\:text-12px { font-size: 12px; } .micro .lt-lg\:text-14px { font-size: 14px; } .micro .lt-lg\:leading-14px { line-height: 14px; } .micro .lt-lg\:leading-15px { line-height: 15px; } } @media (max-width: 1199.9px) { [dir] .micro .lt-pc\:mb-\[24px\] { margin-bottom: 24px; } [dir="ltr"] .micro [lt-pc~="px-30px"], [dir="rtl"] .micro [lt-pc~="px-30px"] { padding-right: 30px; padding-left: 30px; } [dir] .micro [lt-pc~="pt-24px"] { padding-top: 24px; } } @media (max-width: 767.9px) { .micro .lt-md\:\!fixed { position: fixed !important; } [dir="ltr"] .micro .\!lt-md\:right-16px { right: 16px !important; } [dir="rtl"] .micro .\!lt-md\:right-16px { left: 16px !important; } [dir="ltr"] .micro .lt-md\:left-0 { left: 0px; } [dir="rtl"] .micro .lt-md\:left-0 { right: 0px; } .micro .lt-md\:top-16px { top: 16px; } .micro .lt-md\:order-0 { order: 0; } [dir] .micro .lt-md\:m-0 { margin: 0px; } [dir="ltr"] .micro .lt-ipad\:mx-0, [dir="rtl"] .micro .lt-ipad\:mx-0 { margin-right: 0px; margin-left: 0px; } [dir] .micro .lt-ipad\:mb-\[24px\] { margin-bottom: 24px; } [dir] .micro .lt-md\:\!mt-4px { margin-top: 4px !important; } [dir] .micro .lt-md\:\!mt-8px { margin-top: 8px !important; } [dir] .micro .lt-md\:mt-16px { margin-top: 16px; } [dir] .micro .lt-md\:mt-4px { margin-top: 4px; } .micro .lt-md\:box-border { box-sizing: border-box; } .micro .lt-md\:\!block { display: block !important; } .micro .lt-md\:block { display: block; } .micro .lt-ipad\:hidden, .micro .lt-md\:hidden, .micro [lt-ipad~="hidden"] { display: none; } .micro .lt-md\:\!hidden { display: none !important; } .micro .lt-ipad\:h-\[16px\] { height: 16px; } .micro .lt-ipad\:w-\[16px\] { width: 16px; } .micro .lt-ipad\:w-\[calc\(25\%-6px\)\] { width: calc(25% - 6px); } .micro .lt-ipad\:w-full, .micro .lt-md\:w-full, .micro [lt-ipad~="w-full"] { width: 100%; } .micro .lt-md\:h-\[calc\(100vh-152px-120px\)\] { height: calc(-272px + 100vh); } .micro .lt-md\:h-\[calc\(100vh-56px\)\] { height: calc(-56px + 100vh); } .micro .lt-md\:h-\[calc\(100vh-96px\)\] { height: calc(-96px + 100vh); } .micro .lt-md\:h-24px { height: 24px; } .micro .lt-md\:h-48px { height: 48px; } .micro .lt-md\:max-h-\[calc\(100vh-150px\)\] { max-height: calc(-150px + 100vh); } .micro .lt-md\:max-h-\[calc\(100vh-56px\)\] { max-height: calc(-56px + 100vh); } .micro .lt-md\:max-h-\[calc\(100vh-96px\)\] { max-height: calc(-96px + 100vh); } .micro .lt-md\:max-h-inherit { max-height: inherit; } .micro .lt-md\:max-w-158px { max-width: 158px; } .micro .lt-md\:min-w-\[160px\] { min-width: 160px; } .micro .lt-md\:w-24px { width: 24px; } .micro .lt-ipad\:flex, .micro [lt-ipad~="flex"] { display: flex; } .micro .lt-ipad\:flex-shrink-0 { flex-shrink: 0; } .micro .lt-ipad\:flex-col, .micro .lt-md\:flex-col, .micro [lt-ipad~="flex-col"] { flex-direction: column; } .micro [lt-ipad~="flex-col-reverse"] { flex-direction: column-reverse; } [dir] .micro .lt-md\:cursor-pointer { cursor: pointer; } .micro .lt-ipad\:items-start { align-items: flex-start; } .micro .lt-md\:\!items-start { align-items: flex-start !important; } .micro .lt-ipad\:items-end { align-items: flex-end; } .micro .lt-ipad\:justify-start { justify-content: flex-start; } .micro .\!lt-md\:justify-between { justify-content: space-between !important; } .micro .lt-ipad\:justify-between, .micro [lt-ipad~="justify-between"] { justify-content: space-between; } .micro .lt-ipad\:gap-\[4px\] { gap: 4px; } .micro .lt-ipad\:gap-2 { gap: 0.5rem; } .micro .lt-md\:\!gap-16px { gap: 16px !important; } .micro [lt-ipad~="space-y-5"] > :not([hidden]) ~ :not([hidden]), .micro [lt-ipad~="space-y-7"] > :not([hidden]) ~ :not([hidden]) { --un-space-y-reverse: 0; } [dir] .micro [lt-ipad~="space-y-5"] > :not([hidden]) ~ :not([hidden]) { margin-top: calc(1.25rem*calc(1 - var(--un-space-y-reverse))); margin-bottom: calc(1.25rem*var(--un-space-y-reverse)); } [dir] .micro [lt-ipad~="space-y-7"] > :not([hidden]) ~ :not([hidden]) { margin-top: calc(1.75rem*calc(1 - var(--un-space-y-reverse))); margin-bottom: calc(1.75rem*var(--un-space-y-reverse)); } [dir] .micro [lt-ipad~="border-t-1"] { border-top-width: 1px; border-top-style: solid; } [dir] .micro [lt-ipad~="border-t-2"] { border-top-width: 2px; border-top-style: solid; } [dir] .micro [lt-ipad~="border-dsColorBackgroundTertiary"] { border-color: var(--ds-color-background-tertiary); } [dir] .micro [lt-ipad~="border-line"] { border-color: var(--color-line); } [dir="ltr"] .micro .\!lt-md\:px-16px, [dir="ltr"] .micro .lt-md\:\!px-16px, [dir="rtl"] .micro .\!lt-md\:px-16px, [dir="rtl"] .micro .lt-md\:\!px-16px { padding-right: 16px !important; padding-left: 16px !important; } [dir] .micro .lt-ipad\:py-16px { padding-top: 16px; padding-bottom: 16px; } [dir="ltr"] .micro .lt-md\:px-15px, [dir="rtl"] .micro .lt-md\:px-15px { padding-right: 15px; padding-left: 15px; } [dir="ltr"] .micro .lt-md\:px-16px, [dir="rtl"] .micro .lt-md\:px-16px { padding-right: 16px; padding-left: 16px; } [dir="ltr"] .micro [lt-ipad~="px-4"], [dir="rtl"] .micro [lt-ipad~="px-4"] { padding-right: 1rem; padding-left: 1rem; } [dir="ltr"] .micro .\!lt-md\:pl-16px { padding-left: 16px !important; } [dir="rtl"] .micro .\!lt-md\:pl-16px { padding-right: 16px !important; } [dir="ltr"] .micro .\!lt-md\:pr-38px { padding-right: 38px !important; } [dir="rtl"] .micro .\!lt-md\:pr-38px { padding-left: 38px !important; } .micro .lt-md\:\!pe-\[4px\] { padding-inline-end: 4px !important; } .micro .lt-md\:\!pe-24px { padding-inline-end: 24px !important; } [dir="ltr"] .micro .lt-md\:\!pr-24px { padding-right: 24px !important; } [dir="rtl"] .micro .lt-md\:\!pr-24px { padding-left: 24px !important; } [dir="ltr"] .micro .lt-md\:pl-10px { padding-left: 10px; } [dir="rtl"] .micro .lt-md\:pl-10px { padding-right: 10px; } [dir] .micro [lt-ipad~="pt-0"] { padding-top: 0px; } .micro .\!lt-md\:text-12px { font-size: 12px !important; } .micro .lt-ipad\:text-\[12px\] { font-size: 12px; } .micro .lt-md\:text-17px { font-size: 17px; } } @media (min-width: 768px) and (max-width: 1199.9px) { .micro [at-ipad~="grid"] { display: grid; } .micro [at-ipad~="flex"] { display: flex; } .micro [at-ipad~="flex-col-reverse"] { flex-direction: column-reverse; } .micro [at-ipad~="gap-x-10px"] { column-gap: 10px; } .micro [at-ipad~="gap-y-16px"] { row-gap: 16px; } [dir] .micro [at-ipad~="border-t-1"] { border-top-width: 1px; border-top-style: solid; } [dir] .micro [at-ipad~="border-line"] { border-color: var(--color-line); } } @media (min-width: 1200px) { .micro [pc~="grid"] { display: grid; } [dir="ltr"] .micro [pc~="mx-auto"], [dir="rtl"] .micro [pc~="mx-auto"] { margin-right: auto; margin-left: auto; } [dir] .micro [pc~="mb-[24px]"] { margin-bottom: 24px; } .micro [pc~="max-w-1200px"] { max-width: 1200px; } .micro .pc\:flex, .micro [pc~="flex"] { display: flex; } .micro [pc~="flex-1"] { flex: 1 1 0%; } .micro [pc~="justify-between"] { justify-content: space-between; } .micro [pc~="gap-x-24px"] { column-gap: 24px; } .micro [pc~="gap-y-16px"] { row-gap: 16px; } .micro [pc~="space-x-30px"] > :not([hidden]) ~ :not([hidden]) { --un-space-x-reverse: 0; } [dir="ltr"] .micro [pc~="space-x-30px"] > :not([hidden]) ~ :not([hidden]) { margin-left: calc(30px*calc(1 - var(--un-space-x-reverse))); margin-right: calc(30px*var(--un-space-x-reverse)); } [dir="rtl"] .micro [pc~="space-x-30px"] > :not([hidden]) ~ :not([hidden]) { margin-right: calc(30px*calc(1 - var(--un-space-x-reverse))); margin-left: calc(30px*var(--un-space-x-reverse)); } .micro [dir="rtl"] [pc~="rtl:space-x-reverse"] > :not([hidden]) ~ :not([hidden]) { --un-space-x-reverse: 1; } [dir] .micro [pc~="border-t-1"] { border-top-width: 1px; border-top-style: solid; } [dir] .micro [pc~="border-line"] { border-color: var(--color-line); } [dir] .micro [pc~="pt-60px"] { padding-top: 60px; } .micro [pc~="font-[500]"] { } } @media (min-width: 768px) { [dir="ltr"] .micro .md\:ml-0 { margin-left: 0px; } [dir="rtl"] .micro .md\:ml-0 { margin-right: 0px; } .micro .\!md\:hidden, .micro .md\:\!hidden { display: none !important; } .micro .md\:hidden, .micro [ipad~="hidden"] { display: none; } .micro .\!md\:h-32px { height: 32px !important; } .micro .\!md\:w-103px { width: 103px !important; } .micro .md\:\!h-64px { height: 64px !important; } .micro .md\:h-48px { height: 48px; } .micro .md\:max-w-496px { max-width: 496px; } .micro .md\:w-\[calc\(50\%-8px\)\] { width: calc(50% - 8px); } .micro .md\:w-48px { width: 48px; } .micro .md\:w-88px { width: 88px; } .micro .md\:flex-row { flex-direction: row; } .micro .md\:flex-col { flex-direction: column; } .micro .md\:items-start { align-items: flex-start; } .micro .md\:justify-start { justify-content: flex-start; } .micro .md\:justify-center { justify-content: center; } .micro .md\:\!gap-20px { gap: 20px !important; } .micro .md\:\!gap-64px { gap: 64px !important; } .micro .md\:gap-16px { gap: 16px; } .micro .md\:gap-23px { gap: 23px; } [dir] .micro .md\:rounded-16px { border-radius: 16px; } [dir] .micro .md\:p-16px { padding: 16px; } [dir] .micro .md\:p-24px { padding: 24px; } [dir="ltr"] .micro [ipad~="px-30px"], [dir="rtl"] .micro [ipad~="px-30px"] { padding-right: 30px; padding-left: 30px; } [dir="ltr"] .micro .md\:text-left { text-align: left; } [dir="rtl"] .micro .md\:text-left { text-align: right; } .micro [ipad~="font-[500]"] { } .micro [ipad~="text-fs14"] { font-size: 0.875rem; line-height: 22px; } .micro .md\:leading-12px { line-height: 12px; } .micro [ipad~="leading-22px"] { line-height: 22px; } } @media (min-width: 1024px) { [dir] .micro .lg\:mb-\[1px\] { margin-bottom: 1px; } [dir] .micro .lg\:mt-\[-127px\] { margin-top: -127px; } .micro .lg\:box-border { box-sizing: border-box; } .micro .lg\:hidden { display: none; } .micro .lg\:h-22px { height: 22px; } .micro .lg\:h-44px { height: 44px; } .micro .lg\:w-\[480px\] { width: 480px; } .micro .lg\:w-\[calc\(50\%-8px\)\] { width: calc(50% - 8px); } .micro .lg\:w-44px { width: 44px; } .micro .lg\:\!flex-row { flex-direction: row !important; } .micro .lg\:\!gap-12px { gap: 12px !important; } .micro .lg\:\!gap-16px { gap: 16px !important; } .micro .lg\:\!gap-48px { gap: 48px !important; } [dir] .micro .lg\:p-\[32px\] { padding: 32px; } .micro .lg\:text-16px { font-size: 16px; } .micro .lg\:text-20px { font-size: 20px; } .micro .lg\:leading-\[120\%\] { line-height: 120%; } .micro .lg\:leading-24px { line-height: 24px; } } @media (min-width: 1440px) { .micro .\32 xl\:\!gap-20px { gap: 20px !important; } .micro .\32 xl\:\!gap-64px { gap: 64px !important; } }