/* 29296.b408f2822fa5b9569bac.css */ [data-theme=light] { --_0-LFlA: var(--color-cold-gray-900); --_1-LFlA: var(--color-cold-gray-100); --_2-LFlA: var(--color-cold-gray-900); --_3-LFlA: var(--color-cold-gray-150); --_4-LFlA: var(--color-cold-gray-300); --_5-LFlA: #747474; --_6-LFlA: #424242 } [data-theme=dark] { --_0-LFlA: var(--color-white); --_1-LFlA: var(--color-cold-gray-800); --_2-LFlA: var(--color-white); --_3-LFlA: var(--color-cold-gray-750); --_4-LFlA: var(--color-cold-gray-600); --_5-LFlA: #747474; --_6-LFlA: #424242 } .navButton-hbSJVxkQ { border: none; box-sizing: initial; display: flex; outline: none; padding: 0; position: relative; --ui-lib-private-navButton-defaultColorContent: var(--color-text-primary); --ui-lib-private-navButton-defaultColorBg: #0000; background: #0000; color: var(--ui-lib-in-navButton-colorContent, var(--ui-lib-private-navButton-defaultColorContent)) } .navButton-hbSJVxkQ.link-hbSJVxkQ { cursor: pointer } @media (any-hover:hover) { .navButton-hbSJVxkQ:hover { --ui-lib-private-navButton-defaultColorContent: var(--_0-LFlA); --ui-lib-private-navButton-defaultColorBg: var(--_1-LFlA) } } .navButton-hbSJVxkQ:active { --ui-lib-private-navButton-defaultColorContent: var(--_2-LFlA); --ui-lib-private-navButton-defaultColorBg: var(--_3-LFlA) } .navButton-hbSJVxkQ:focus .background-hbSJVxkQ:after { display: block } .navButton-hbSJVxkQ:focus-visible .background-hbSJVxkQ:after { display: block } .navButton-hbSJVxkQ:focus:not(:focus-visible) .background-hbSJVxkQ:after { display: none } .navButton-hbSJVxkQ:disabled, .navButton-hbSJVxkQ[aria-disabled=true] { --ui-lib-private-navButton-defaultColorContent: var(--_4-LFlA); cursor: default } .navButton-hbSJVxkQ:disabled .background-hbSJVxkQ, .navButton-hbSJVxkQ[aria-disabled=true] .background-hbSJVxkQ { display: none } .background-hbSJVxkQ { --ui-lib-private-navButton-colorOutlineDefault: var(--color-tv-blue-500); display: block; outline: none; overflow: visible; position: absolute } .background-hbSJVxkQ:focus { outline: none } .background-hbSJVxkQ:focus-visible { outline: none } .background-hbSJVxkQ:after { border-color: var(--ui-lib-in-navButton-colorOutline, var(--ui-lib-private-navButton-colorOutlineDefault)); border-style: solid; border-width: 2px; box-sizing: border-box; content: ""; display: none; height: calc(100% + 8px); inset-inline-start: -4px; pointer-events: none; position: absolute; top: -4px; width: calc(100% + 8px); z-index: 1 } .background-hbSJVxkQ:before { background: var(--ui-lib-in-navButton-colorBg, var(--ui-lib-private-navButton-defaultColorBg)); border-radius: inherit; content: ""; inset: 0; position: absolute } .icon-hbSJVxkQ { z-index: 0 } .flipIcon-hbSJVxkQ, .flipIcon-hbSJVxkQ svg { transform: rotate(90deg) } .flipIcon-hbSJVxkQ svg:dir(rtl), .flipIcon-hbSJVxkQ:dir(rtl) { transform: rotate(-90deg) } .large-hbSJVxkQ { height: 24px; width: 24px; --ui-lib-out-navButton-basicOffset: 8px; --ui-lib-out-navButton-safeOffset: 12px; --ui-lib-private-navButton-borderRadius: 8px } .large-hbSJVxkQ.preservePaddings-hbSJVxkQ { padding: 8px } .large-hbSJVxkQ .background-hbSJVxkQ { border-radius: var(--ui-lib-private-navButton-borderRadius); height: calc(100% + 16px); inset-inline-start: -8px; top: -8px; width: calc(100% + 16px) } .large-hbSJVxkQ .background-hbSJVxkQ:after { border-radius: calc(var(--ui-lib-private-navButton-borderRadius) + 4px) } .large-hbSJVxkQ.preservePaddings-hbSJVxkQ .background-hbSJVxkQ { height: 100%; inset-inline-start: 0; top: 0; width: 100% } .medium-hbSJVxkQ { height: 18px; width: 18px; --ui-lib-out-navButton-basicOffset: 8px; --ui-lib-out-navButton-safeOffset: 12px; --ui-lib-private-navButton-borderRadius: 8px } .medium-hbSJVxkQ.preservePaddings-hbSJVxkQ { padding: 8px } .medium-hbSJVxkQ .background-hbSJVxkQ { border-radius: var(--ui-lib-private-navButton-borderRadius); height: calc(100% + 16px); inset-inline-start: -8px; top: -8px; width: calc(100% + 16px) } .medium-hbSJVxkQ .background-hbSJVxkQ:after { border-radius: calc(var(--ui-lib-private-navButton-borderRadius) + 4px) } .medium-hbSJVxkQ.preservePaddings-hbSJVxkQ .background-hbSJVxkQ { height: 100%; inset-inline-start: 0; top: 0; width: 100% } .small-hbSJVxkQ { height: 14px; width: 14px; --ui-lib-out-navButton-basicOffset: 8px; --ui-lib-out-navButton-safeOffset: 12px; --ui-lib-private-navButton-borderRadius: 6px } .small-hbSJVxkQ.preservePaddings-hbSJVxkQ { padding: 8px } .small-hbSJVxkQ .background-hbSJVxkQ { border-radius: var(--ui-lib-private-navButton-borderRadius); height: calc(100% + 16px); inset-inline-start: -8px; top: -8px; width: calc(100% + 16px) } .small-hbSJVxkQ .background-hbSJVxkQ:after { border-radius: calc(var(--ui-lib-private-navButton-borderRadius) + 4px) } .small-hbSJVxkQ.preservePaddings-hbSJVxkQ .background-hbSJVxkQ { height: 100%; inset-inline-start: 0; top: 0; width: 100% } .xsmall-hbSJVxkQ { height: 12px; width: 12px; --ui-lib-out-navButton-basicOffset: 4px; --ui-lib-out-navButton-safeOffset: 8px; --ui-lib-private-navButton-borderRadius: 4px } .xsmall-hbSJVxkQ.preservePaddings-hbSJVxkQ { padding: 4px } .xsmall-hbSJVxkQ .background-hbSJVxkQ { border-radius: var(--ui-lib-private-navButton-borderRadius); height: calc(100% + 8px); inset-inline-start: -4px; top: -4px; width: calc(100% + 8px) } .xsmall-hbSJVxkQ .background-hbSJVxkQ:after { border-radius: calc(var(--ui-lib-private-navButton-borderRadius) + 4px) } .xsmall-hbSJVxkQ.preservePaddings-hbSJVxkQ .background-hbSJVxkQ { height: 100%; inset-inline-start: 0; top: 0; width: 100% } .xxsmall-hbSJVxkQ { height: 10px; width: 10px; --ui-lib-out-navButton-basicOffset: 4px; --ui-lib-out-navButton-safeOffset: 8px; --ui-lib-private-navButton-borderRadius: 4px } .xxsmall-hbSJVxkQ.preservePaddings-hbSJVxkQ { padding: 4px } .xxsmall-hbSJVxkQ .background-hbSJVxkQ { border-radius: var(--ui-lib-private-navButton-borderRadius); height: calc(100% + 8px); inset-inline-start: -4px; top: -4px; width: calc(100% + 8px) } .xxsmall-hbSJVxkQ .background-hbSJVxkQ:after { border-radius: calc(var(--ui-lib-private-navButton-borderRadius) + 4px) } .xxsmall-hbSJVxkQ.preservePaddings-hbSJVxkQ .background-hbSJVxkQ { height: 100%; inset-inline-start: 0; top: 0; width: 100% } @media (any-hover:hover) { .navButton-hbSJVxkQ.blendMode-hbSJVxkQ:hover { --ui-lib-private-navButton-defaultColorBg: var(--_5-LFlA) } } .navButton-hbSJVxkQ.blendMode-hbSJVxkQ:active { --ui-lib-private-navButton-defaultColorBg: var(--_6-LFlA) } [data-theme=light] .navButton-hbSJVxkQ.blendMode-hbSJVxkQ .background-hbSJVxkQ:before { mix-blend-mode: var(--ui-lib-private-navButton-blendMixLight, normal) } [data-theme=dark] .navButton-hbSJVxkQ.blendMode-hbSJVxkQ .background-hbSJVxkQ:before { mix-blend-mode: var(--ui-lib-private-navButton-blendMixDark, normal) } .visuallyHidden-hbSJVxkQ { border: 0; height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px; clip: rect(0 0 0 0); overflow: hidden } /* 60062.495444a7fac173fb28cd.css */ .scalableIcon-cj1bASf7, .scalableIcon-cj1bASf7 svg { display: block; height: 100%; width: 100% } /* 13492.2c77730d1125a4985bdc.css */ [data-theme=dark], [data-theme=light] { --_0-bWQ2: var(--color-tv-blue-500); --_1-bWQ2: #0000 } .container-zLVm6B4t { align-items: flex-start; background: var(--_0-bWQ2); border-radius: 4px; cursor: default; display: flex; overflow: auto; padding: 8px } .content-zLVm6B4t { padding: 4px 8px } .arrowHolder-zLVm6B4t { position: absolute } .arrowHolder-zLVm6B4t:after { border: 0 solid; border-color: var(--_0-bWQ2); box-sizing: border-box; content: ""; display: block; height: 0; position: absolute; width: 0 } .arrowHolder--above-zLVm6B4t:after, .arrowHolder--below-zLVm6B4t:after { border-left: 6px solid; border-left-color: var(--_1-bWQ2); border-right: 6px solid; border-right-color: var(--_1-bWQ2); left: 50%; margin-left: -6px } .arrowHolder--below-zLVm6B4t:after { border-bottom-width: 4px; bottom: 100% } .arrowHolder--above-zLVm6B4t:after { border-top-width: 4px; top: 100% } .arrowHolder--after-zLVm6B4t:after, .arrowHolder--before-zLVm6B4t:after { border-bottom: 6px solid; border-bottom-color: var(--_1-bWQ2); border-top: 6px solid; border-top-color: var(--_1-bWQ2); margin-top: -6px; top: 50% } .arrowHolder--before-zLVm6B4t:after { border-right-width: 4px; right: 100% } .arrowHolder--after-zLVm6B4t:after { border-left-width: 4px; left: 100% } .arrowHolder--above-fix-zLVm6B4t { bottom: 0 } .arrowHolder--before-rtl-fix-zLVm6B4t:dir(rtl) { left: 0 } .arrowHolder--after-ltr-fix-zLVm6B4t { right: 0 } .label-zLVm6B4t { display: flex; flex: 1 1 auto; margin-inline-end: 24px } .closeButton-zLVm6B4t { color: var(--color-white) } /* 12385.78561ebdef05ce648b5d.css */ .lightButton-kjRfTlfx { align-items: center; background-color: var(--ui-lib-light-button-color-bg, var(--ui-lib-light-button-default-color-bg)); border-color: var(--ui-lib-light-button-color-border, var(--ui-lib-light-button-default-color-border)); border-style: solid; border-width: 1px; box-sizing: border-box; color: var(--ui-lib-light-button-color-content, var(--ui-lib-light-button-default-color-content)); cursor: default; display: inline-flex; justify-content: center; max-width: 100%; min-width: 40px; outline: none; overflow: visible; position: relative } .lightButton-kjRfTlfx:focus { outline: none } .lightButton-kjRfTlfx:focus-visible { outline: none } .lightButton-kjRfTlfx:after { border-style: solid; border-width: 2px; box-sizing: border-box; content: ""; display: none; height: calc(100% + 10px); inset-inline-start: -5px; pointer-events: none; position: absolute; top: -5px; width: calc(100% + 10px); z-index: 1 } .lightButton-kjRfTlfx:focus:after { display: block } .lightButton-kjRfTlfx:focus-visible:after { display: block } .lightButton-kjRfTlfx:focus:not(:focus-visible):after { display: none } .lightButton-kjRfTlfx:after { border-color: var(--color-focus-outline-color-blue) } .lightButton-kjRfTlfx.link-kjRfTlfx { cursor: pointer; -webkit-user-select: none; user-select: none } .lightButton-kjRfTlfx.ltr-kjRfTlfx { direction: ltr } .lightButton-kjRfTlfx.rtl-kjRfTlfx { direction: rtl } .lightButton-kjRfTlfx.typography-regular16px-kjRfTlfx { font-feature-settings: "tnum" on, "lnum" on; font-size: var(--ui-lib-typography-font-size); font-style: normal; font-weight: 400 } .lightButton-kjRfTlfx.typography-medium16px-kjRfTlfx, .lightButton-kjRfTlfx.typography-regular16px-kjRfTlfx { font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif; --ui-lib-typography-font-size: 16px; --ui-lib-typography-line-height: 24px; line-height: var(--ui-lib-typography-line-height) } .lightButton-kjRfTlfx.typography-medium16px-kjRfTlfx { font-feature-settings: "tnum" on, "lnum" on; font-size: var(--ui-lib-typography-font-size); font-style: normal; font-weight: 500 } .lightButton-kjRfTlfx.typography-regular14px-kjRfTlfx { font-feature-settings: "tnum" on, "lnum" on; font-size: var(--ui-lib-typography-font-size); font-style: normal; font-weight: 400 } .lightButton-kjRfTlfx.typography-regular14px-kjRfTlfx, .lightButton-kjRfTlfx.typography-semibold14px-kjRfTlfx { font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif; --ui-lib-typography-font-size: 14px; --ui-lib-typography-line-height: 18px; line-height: var(--ui-lib-typography-line-height) } .lightButton-kjRfTlfx.typography-semibold14px-kjRfTlfx { font-feature-settings: "tnum" on, "lnum" on; font-size: var(--ui-lib-typography-font-size); font-style: normal; font-weight: 600 } .lightButton-kjRfTlfx.typography-semibold16px-kjRfTlfx { font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif; font-feature-settings: "tnum" on, "lnum" on; font-style: normal; --ui-lib-typography-font-size: 16px; font-size: var(--ui-lib-typography-font-size); font-weight: 600; --ui-lib-typography-line-height: 24px; line-height: var(--ui-lib-typography-line-height) } .content-kjRfTlfx { display: inline-block; min-width: 0; text-align: center; --ui-lib-lightbutton-show-children-with-fallback: var(--ui-lib-lightButton-show-children, 1); max-width: calc(max(0, 1 - (var(--ui-lib-lightbutton-show-children-with-fallback) - 1) * (var(--ui-lib-lightbutton-show-children-with-fallback) - 1)) * 9999px + max(0, 1 - (var(--ui-lib-lightbutton-show-children-with-fallback) - 0) * (var(--ui-lib-lightbutton-show-children-with-fallback) - 0)) * 0px) } .visuallyHidden-kjRfTlfx { display: block; font-weight: 600; height: 0; overflow: hidden; visibility: hidden } .nowrap-kjRfTlfx { align-self: auto; overflow: hidden; white-space: nowrap } .ellipsisContainer-kjRfTlfx { display: inherit; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .textWrapContainer-kjRfTlfx { max-height: calc(var(--ui-lib-light-button-content-max-lines)*var(--ui-lib-typography-line-height)); overflow: hidden; word-wrap: break-word; text-align: start; word-break: break-word } .textWrapWithEllipsis-kjRfTlfx { display: -webkit-box; overflow: hidden; -webkit-line-clamp: var(--ui-lib-light-button-content-max-lines); -webkit-box-orient: vertical; line-height: var(--ui-lib-typography-line-height); max-height: calc(var(--ui-lib-typography-line-height)*var(--ui-lib-light-button-content-max-lines)) } .slot-kjRfTlfx { align-items: center; display: flex; justify-content: center } .caret-kjRfTlfx, .slot-kjRfTlfx>span[role=img] { display: inline-flex; flex-shrink: 0 } .caret-kjRfTlfx { max-height: 28px; max-width: 28px; min-height: 18px; min-width: 18px } .activeCaret-kjRfTlfx { transform: rotate(180deg) } .activeCaret-kjRfTlfx:dir(rtl) { transform: rotate(-180deg) } .caret-kjRfTlfx:not(:last-child), .content-kjRfTlfx:not(:last-child), .slot-kjRfTlfx:not(:last-child) { --ui-lib-lightbutton-show-children-with-fallback: var(--ui-lib-lightButton-show-children, 1); margin-inline-end: calc(max(0, 1 - (var(--ui-lib-lightbutton-show-children-with-fallback) - 1) * (var(--ui-lib-lightbutton-show-children-with-fallback) - 1)) * 4px + max(0, 1 - (var(--ui-lib-lightbutton-show-children-with-fallback) - 0) * (var(--ui-lib-lightbutton-show-children-with-fallback) - 0)) * 0px) } .xsmall-kjRfTlfx { border-radius: 6px; height: 28px; min-width: 28px; --ui-lib-light-button-padding-inline-start-default: 11px; --ui-lib-light-button-padding-inline-end-default: 11px; --ui-lib-light-button-padding-block-start-default: 0; --ui-lib-light-button-padding-block-end-default: 0; --ui-lib-lightbutton-show-children-with-fallback: var(--ui-lib-lightButton-show-children, 1); padding-block-end: 0; padding-block-start: 0; padding-inline-end: calc(max(0, 1 - (var(--ui-lib-lightbutton-show-children-with-fallback) - 1) * (var(--ui-lib-lightbutton-show-children-with-fallback) - 1)) * max(var(--ui-lib-light-button-padding-inline-end, var(--ui-lib-light-button-padding-inline-end-default)), 3px) + max(0, 1 - (var(--ui-lib-lightbutton-show-children-with-fallback) - 0) * (var(--ui-lib-lightbutton-show-children-with-fallback) - 0)) * 0px); padding-inline-start: calc(max(0, 1 - (var(--ui-lib-lightbutton-show-children-with-fallback) - 1) * (var(--ui-lib-lightbutton-show-children-with-fallback) - 1)) * max(var(--ui-lib-light-button-padding-inline-start, var(--ui-lib-light-button-padding-inline-start-default)), 3px) + max(0, 1 - (var(--ui-lib-lightbutton-show-children-with-fallback) - 0) * (var(--ui-lib-lightbutton-show-children-with-fallback) - 0)) * 0px) } .xsmall-kjRfTlfx:after { border-radius: 10px } .xsmall-kjRfTlfx.withStartSlot-kjRfTlfx { --ui-lib-light-button-padding-inline-start-default: 7px } .xsmall-kjRfTlfx.withEndSlot-kjRfTlfx { --ui-lib-light-button-padding-inline-end-default: 7px } .xsmall-kjRfTlfx.noContent-kjRfTlfx { --ui-lib-light-button-padding-inline-start-default: 4px; --ui-lib-light-button-padding-inline-end-default: 4px; padding-inline-end: max(var(--ui-lib-light-button-padding-inline-end, var(--ui-lib-light-button-padding-inline-end-default)), 2px); padding-inline-start: max(var(--ui-lib-light-button-padding-inline-start, var(--ui-lib-light-button-padding-inline-start-default)), 2px) } .xsmall-kjRfTlfx.wrap-kjRfTlfx { height: auto; min-height: 28px } .xsmall-kjRfTlfx .content-kjRfTlfx { padding-bottom: calc((28px - var(--ui-lib-typography-line-height))/2 - 1px); padding-top: calc((28px - var(--ui-lib-typography-line-height))/2 - 1px) } .small-kjRfTlfx { border-radius: 6px; height: 34px; min-width: 34px; --ui-lib-light-button-padding-inline-start-default: 11px; --ui-lib-light-button-padding-inline-end-default: 11px; --ui-lib-light-button-padding-block-start-default: 0; --ui-lib-light-button-padding-block-end-default: 0; --ui-lib-lightbutton-show-children-with-fallback: var(--ui-lib-lightButton-show-children, 1); padding-block-end: 0; padding-block-start: 0; padding-inline-end: calc(max(0, 1 - (var(--ui-lib-lightbutton-show-children-with-fallback) - 1) * (var(--ui-lib-lightbutton-show-children-with-fallback) - 1)) * max(var(--ui-lib-light-button-padding-inline-end, var(--ui-lib-light-button-padding-inline-end-default)), 3px) + max(0, 1 - (var(--ui-lib-lightbutton-show-children-with-fallback) - 0) * (var(--ui-lib-lightbutton-show-children-with-fallback) - 0)) * 0px); padding-inline-start: calc(max(0, 1 - (var(--ui-lib-lightbutton-show-children-with-fallback) - 1) * (var(--ui-lib-lightbutton-show-children-with-fallback) - 1)) * max(var(--ui-lib-light-button-padding-inline-start, var(--ui-lib-light-button-padding-inline-start-default)), 3px) + max(0, 1 - (var(--ui-lib-lightbutton-show-children-with-fallback) - 0) * (var(--ui-lib-lightbutton-show-children-with-fallback) - 0)) * 0px) } .small-kjRfTlfx:after { border-radius: 10px } .small-kjRfTlfx.withStartSlot-kjRfTlfx { --ui-lib-light-button-padding-inline-start-default: 7px } .small-kjRfTlfx.withEndSlot-kjRfTlfx { --ui-lib-light-button-padding-inline-end-default: 7px } .small-kjRfTlfx.noContent-kjRfTlfx { --ui-lib-light-button-padding-inline-start-default: 2px; --ui-lib-light-button-padding-inline-end-default: 2px; padding-inline-end: max(var(--ui-lib-light-button-padding-inline-end, var(--ui-lib-light-button-padding-inline-end-default)), 2px); padding-inline-start: max(var(--ui-lib-light-button-padding-inline-start, var(--ui-lib-light-button-padding-inline-start-default)), 2px) } .small-kjRfTlfx.wrap-kjRfTlfx { height: auto; min-height: 34px } .small-kjRfTlfx .content-kjRfTlfx { padding-bottom: calc((34px - var(--ui-lib-typography-line-height))/2 - 1px); padding-top: calc((34px - var(--ui-lib-typography-line-height))/2 - 1px) } .medium-kjRfTlfx { border-radius: 8px; height: 40px; min-width: 40px; --ui-lib-light-button-padding-inline-start-default: 15px; --ui-lib-light-button-padding-inline-end-default: 15px; --ui-lib-light-button-padding-block-start-default: 0; --ui-lib-light-button-padding-block-end-default: 0; --ui-lib-lightbutton-show-children-with-fallback: var(--ui-lib-lightButton-show-children, 1); padding-block-end: 0; padding-block-start: 0; padding-inline-end: calc(max(0, 1 - (var(--ui-lib-lightbutton-show-children-with-fallback) - 1) * (var(--ui-lib-lightbutton-show-children-with-fallback) - 1)) * max(var(--ui-lib-light-button-padding-inline-end, var(--ui-lib-light-button-padding-inline-end-default)), 3px) + max(0, 1 - (var(--ui-lib-lightbutton-show-children-with-fallback) - 0) * (var(--ui-lib-lightbutton-show-children-with-fallback) - 0)) * 0px); padding-inline-start: calc(max(0, 1 - (var(--ui-lib-lightbutton-show-children-with-fallback) - 1) * (var(--ui-lib-lightbutton-show-children-with-fallback) - 1)) * max(var(--ui-lib-light-button-padding-inline-start, var(--ui-lib-light-button-padding-inline-start-default)), 3px) + max(0, 1 - (var(--ui-lib-lightbutton-show-children-with-fallback) - 0) * (var(--ui-lib-lightbutton-show-children-with-fallback) - 0)) * 0px) } .medium-kjRfTlfx:after { border-radius: 12px } .medium-kjRfTlfx.withStartSlot-kjRfTlfx { --ui-lib-light-button-padding-inline-start-default: 11px } .medium-kjRfTlfx.withEndSlot-kjRfTlfx { --ui-lib-light-button-padding-inline-end-default: 11px } .medium-kjRfTlfx.noContent-kjRfTlfx { --ui-lib-light-button-padding-inline-start-default: 5px; --ui-lib-light-button-padding-inline-end-default: 5px; padding-inline-end: max(var(--ui-lib-light-button-padding-inline-end, var(--ui-lib-light-button-padding-inline-end-default)), 2px); padding-inline-start: max(var(--ui-lib-light-button-padding-inline-start, var(--ui-lib-light-button-padding-inline-start-default)), 2px) } .medium-kjRfTlfx.wrap-kjRfTlfx { height: auto; min-height: 40px } .medium-kjRfTlfx .content-kjRfTlfx { padding-bottom: calc((40px - var(--ui-lib-typography-line-height))/2 - 1px); padding-top: calc((40px - var(--ui-lib-typography-line-height))/2 - 1px) } .pills-IeQwPjcZ.pills-IeQwPjcZ.pills-IeQwPjcZ.pills-IeQwPjcZ.pills-IeQwPjcZ.pills-IeQwPjcZ { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-neutral-extra-bold); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-neutral-extra-bold); --ui-lib-light-button-default-color-content: var(--color-content-primary-inverse) } @media (any-hover:hover) { .pills-IeQwPjcZ.pills-IeQwPjcZ.pills-IeQwPjcZ.pills-IeQwPjcZ.pills-IeQwPjcZ.pills-IeQwPjcZ:hover { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-neutral-bold); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-neutral-bold); --ui-lib-light-button-default-color-content: var(--color-content-primary-inverse) } } .pills-IeQwPjcZ.pills-IeQwPjcZ.pills-IeQwPjcZ.pills-IeQwPjcZ.pills-IeQwPjcZ.pills-IeQwPjcZ:active { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-neutral-extra-bold); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-neutral-extra-bold); --ui-lib-light-button-default-color-content: var(--color-content-primary-inverse) } .primary-IeQwPjcZ.gray-IeQwPjcZ { --ui-lib-light-button-default-color-bg: var(--color-button-fill_border-primary-neutral-default); --ui-lib-light-button-default-color-content: var(--color-button-content-primary-neutral-default); --ui-lib-light-button-default-color-border: var(--color-button-fill_border-primary-neutral-default) } @media not (pointer:coarse) { @media (any-hover:hover) { .primary-IeQwPjcZ.gray-IeQwPjcZ:hover { --ui-lib-light-button-default-color-bg: var(--color-button-fill_border-primary-neutral-hover); --ui-lib-light-button-default-color-content: var(--color-button-content-primary-neutral-hover); --ui-lib-light-button-default-color-border: var(--color-button-fill_border-primary-neutral-hover) } } } .primary-IeQwPjcZ.gray-IeQwPjcZ.selected-IeQwPjcZ { --ui-lib-light-button-default-color-bg: var(--color-button-fill_border-primary-neutral-is-selected); --ui-lib-light-button-default-color-border: var(--color-button-fill_border-primary-neutral-is-selected); --ui-lib-light-button-default-color-content: var(--color-button-content-primary-neutral-hover) } @media (any-hover:hover) { .primary-IeQwPjcZ.gray-IeQwPjcZ.selected-IeQwPjcZ:not(.grouped-IeQwPjcZ):not(:disabled):hover { --ui-lib-light-button-default-color-bg: var(--color-button-fill_border-primary-neutral-hover); --ui-lib-light-button-default-color-content: var(--color-button-content-primary-neutral-hover); --ui-lib-light-button-default-color-border: var(--color-button-fill_border-primary-neutral-hover) } } .primary-IeQwPjcZ.gray-IeQwPjcZ.active-IeQwPjcZ, .primary-IeQwPjcZ.gray-IeQwPjcZ:not(.disableActiveOnTouch-IeQwPjcZ):not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active { --ui-lib-light-button-default-color-bg: var(--color-button-fill_border-primary-neutral-active); --ui-lib-light-button-default-color-content: var(--color-button-content-primary-neutral-hover); --ui-lib-light-button-default-color-border: var(--color-button-fill_border-primary-neutral-active) } .primary-IeQwPjcZ.gray-IeQwPjcZ.active-IeQwPjcZ.grouped-IeQwPjcZ, .primary-IeQwPjcZ.gray-IeQwPjcZ:not(.disableActiveOnTouch-IeQwPjcZ):not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active.grouped-IeQwPjcZ { transform: none } @media not (pointer:coarse) { .primary-IeQwPjcZ.gray-IeQwPjcZ.disableActiveOnTouch-IeQwPjcZ:not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active { --ui-lib-light-button-default-color-bg: var(--color-button-fill_border-primary-neutral-active); --ui-lib-light-button-default-color-content: var(--color-button-content-primary-neutral-hover); --ui-lib-light-button-default-color-border: var(--color-button-fill_border-primary-neutral-active) } .primary-IeQwPjcZ.gray-IeQwPjcZ.disableActiveOnTouch-IeQwPjcZ:not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active.grouped-IeQwPjcZ { transform: none } } @media (any-hover:hover) { .primary-IeQwPjcZ.gray-IeQwPjcZ.withGrouped-IeQwPjcZ.quiet-primary-IeQwPjcZ:not(.selected-IeQwPjcZ):not(:hover):not(:disabled) { --ui-lib-light-button-default-color-bg: #0000; --ui-lib-light-button-default-color-border: #0000 } } .primary-IeQwPjcZ.gray-IeQwPjcZ:disabled { --ui-lib-light-button-default-color-bg: var(--color-button-fill_border-disabled); --ui-lib-light-button-default-color-content: var(--color-button-content-disabled); --ui-lib-light-button-default-color-border: var(--color-button-fill_border-disabled); transform: translateY(0) } .quiet-primary-IeQwPjcZ.gray-IeQwPjcZ { --ui-lib-light-button-default-color-bg: var(--color-static-transparent); --ui-lib-light-button-default-color-content: var(--color-button-content-quiet-primary-neutral-default); --ui-lib-light-button-default-color-border: var(--color-static-transparent) } @media not (pointer:coarse) { @media (any-hover:hover) { .quiet-primary-IeQwPjcZ.gray-IeQwPjcZ:hover { --ui-lib-light-button-default-color-bg: var(--color-button-fill_border-quiet-primary-neutral-hover); --ui-lib-light-button-default-color-content: var(--color-button-content-quiet-primary-neutral-hover); --ui-lib-light-button-default-color-border: var(--color-button-fill_border-quiet-primary-neutral-hover) } } } .quiet-primary-IeQwPjcZ.gray-IeQwPjcZ.selected-IeQwPjcZ { --ui-lib-light-button-default-color-bg: var(--color-button-fill_border-quiet-primary-neutral-is-selected); --ui-lib-light-button-default-color-border: var(--color-button-fill_border-quiet-primary-neutral-is-selected); --ui-lib-light-button-default-color-content: var(--color-button-content-quiet-primary-neutral-active) } @media (any-hover:hover) { .quiet-primary-IeQwPjcZ.gray-IeQwPjcZ.selected-IeQwPjcZ:not(.grouped-IeQwPjcZ):not(:disabled):hover { --ui-lib-light-button-default-color-bg: var(--color-button-fill_border-quiet-primary-neutral-hover); --ui-lib-light-button-default-color-content: var(--color-button-content-quiet-primary-neutral-hover); --ui-lib-light-button-default-color-border: var(--color-button-fill_border-quiet-primary-neutral-hover) } } .quiet-primary-IeQwPjcZ.gray-IeQwPjcZ.active-IeQwPjcZ, .quiet-primary-IeQwPjcZ.gray-IeQwPjcZ:not(.disableActiveOnTouch-IeQwPjcZ):not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active { --ui-lib-light-button-default-color-bg: var(--color-button-fill_border-quiet-primary-neutral-active); --ui-lib-light-button-default-color-content: var(--color-button-content-quiet-primary-neutral-active); --ui-lib-light-button-default-color-border: var(--color-button-fill_border-quiet-primary-neutral-active) } .quiet-primary-IeQwPjcZ.gray-IeQwPjcZ.active-IeQwPjcZ.grouped-IeQwPjcZ, .quiet-primary-IeQwPjcZ.gray-IeQwPjcZ:not(.disableActiveOnTouch-IeQwPjcZ):not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active.grouped-IeQwPjcZ { transform: none } @media not (pointer:coarse) { .quiet-primary-IeQwPjcZ.gray-IeQwPjcZ.disableActiveOnTouch-IeQwPjcZ:not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active { --ui-lib-light-button-default-color-bg: var(--color-button-fill_border-quiet-primary-neutral-active); --ui-lib-light-button-default-color-content: var(--color-button-content-quiet-primary-neutral-active); --ui-lib-light-button-default-color-border: var(--color-button-fill_border-quiet-primary-neutral-active) } .quiet-primary-IeQwPjcZ.gray-IeQwPjcZ.disableActiveOnTouch-IeQwPjcZ:not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active.grouped-IeQwPjcZ { transform: none } } @media (any-hover:hover) { .quiet-primary-IeQwPjcZ.gray-IeQwPjcZ.withGrouped-IeQwPjcZ.quiet-primary-IeQwPjcZ:not(.selected-IeQwPjcZ):not(:hover):not(:disabled) { --ui-lib-light-button-default-color-bg: #0000; --ui-lib-light-button-default-color-border: #0000 } } .quiet-primary-IeQwPjcZ.gray-IeQwPjcZ:disabled { --ui-lib-light-button-default-color-bg: var(--color-button-fill_border-disabled); --ui-lib-light-button-default-color-content: var(--color-button-content-disabled); --ui-lib-light-button-default-color-border: var(--color-button-fill_border-disabled); transform: translateY(0) } .quiet-primary-IeQwPjcZ.green-IeQwPjcZ { --ui-lib-light-button-default-color-bg: var(--color-static-transparent); --ui-lib-light-button-default-color-content: var(--color-content-primary-success); --ui-lib-light-button-default-color-border: var(--color-static-transparent) } @media not (pointer:coarse) { @media (any-hover:hover) { .quiet-primary-IeQwPjcZ.green-IeQwPjcZ:hover { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-success-extra-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-positive); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-success-extra-light) } } } .quiet-primary-IeQwPjcZ.green-IeQwPjcZ.selected-IeQwPjcZ { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-success-extra-light); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-success-extra-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-success) } @media (any-hover:hover) { .quiet-primary-IeQwPjcZ.green-IeQwPjcZ.selected-IeQwPjcZ:not(.grouped-IeQwPjcZ):not(:disabled):hover { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-success-extra-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-positive); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-success-extra-light) } } .quiet-primary-IeQwPjcZ.green-IeQwPjcZ.active-IeQwPjcZ, .quiet-primary-IeQwPjcZ.green-IeQwPjcZ:not(.disableActiveOnTouch-IeQwPjcZ):not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-success-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-success-bold); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-success-light) } .quiet-primary-IeQwPjcZ.green-IeQwPjcZ.active-IeQwPjcZ.grouped-IeQwPjcZ, .quiet-primary-IeQwPjcZ.green-IeQwPjcZ:not(.disableActiveOnTouch-IeQwPjcZ):not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active.grouped-IeQwPjcZ { transform: none } @media not (pointer:coarse) { .quiet-primary-IeQwPjcZ.green-IeQwPjcZ.disableActiveOnTouch-IeQwPjcZ:not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-success-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-success-bold); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-success-light) } .quiet-primary-IeQwPjcZ.green-IeQwPjcZ.disableActiveOnTouch-IeQwPjcZ:not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active.grouped-IeQwPjcZ { transform: none } } @media (any-hover:hover) { .quiet-primary-IeQwPjcZ.green-IeQwPjcZ.withGrouped-IeQwPjcZ.quiet-primary-IeQwPjcZ:not(.selected-IeQwPjcZ):not(:hover):not(:disabled) { --ui-lib-light-button-default-color-bg: #0000; --ui-lib-light-button-default-color-border: #0000 } } .quiet-primary-IeQwPjcZ.green-IeQwPjcZ:disabled { --ui-lib-light-button-default-color-bg: var(--color-background-disabled); --ui-lib-light-button-default-color-content: var(--color-button-content-disabled); --ui-lib-light-button-default-color-border: var(--color-button-fill_border-disabled); transform: translateY(0) } .quiet-primary-IeQwPjcZ.red-IeQwPjcZ { --ui-lib-light-button-default-color-bg: var(--color-static-transparent); --ui-lib-light-button-default-color-content: var(--color-content-primary-danger); --ui-lib-light-button-default-color-border: var(--color-static-transparent) } @media not (pointer:coarse) { @media (any-hover:hover) { .quiet-primary-IeQwPjcZ.red-IeQwPjcZ:hover { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-danger-extra-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-negative); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-danger-extra-light) } } } .quiet-primary-IeQwPjcZ.red-IeQwPjcZ.selected-IeQwPjcZ { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-danger-extra-light); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-danger-extra-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-danger) } @media (any-hover:hover) { .quiet-primary-IeQwPjcZ.red-IeQwPjcZ.selected-IeQwPjcZ:not(.grouped-IeQwPjcZ):not(:disabled):hover { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-danger-extra-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-negative); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-danger-extra-light) } } .quiet-primary-IeQwPjcZ.red-IeQwPjcZ.active-IeQwPjcZ, .quiet-primary-IeQwPjcZ.red-IeQwPjcZ:not(.disableActiveOnTouch-IeQwPjcZ):not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-danger-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-danger-bold); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-danger-light) } .quiet-primary-IeQwPjcZ.red-IeQwPjcZ.active-IeQwPjcZ.grouped-IeQwPjcZ, .quiet-primary-IeQwPjcZ.red-IeQwPjcZ:not(.disableActiveOnTouch-IeQwPjcZ):not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active.grouped-IeQwPjcZ { transform: none } @media not (pointer:coarse) { .quiet-primary-IeQwPjcZ.red-IeQwPjcZ.disableActiveOnTouch-IeQwPjcZ:not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-danger-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-danger-bold); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-danger-light) } .quiet-primary-IeQwPjcZ.red-IeQwPjcZ.disableActiveOnTouch-IeQwPjcZ:not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active.grouped-IeQwPjcZ { transform: none } } @media (any-hover:hover) { .quiet-primary-IeQwPjcZ.red-IeQwPjcZ.withGrouped-IeQwPjcZ.quiet-primary-IeQwPjcZ:not(.selected-IeQwPjcZ):not(:hover):not(:disabled) { --ui-lib-light-button-default-color-bg: #0000; --ui-lib-light-button-default-color-border: #0000 } } .quiet-primary-IeQwPjcZ.red-IeQwPjcZ:disabled { --ui-lib-light-button-default-color-bg: var(--color-button-fill_border-disabled); --ui-lib-light-button-default-color-content: var(--color-button-content-disabled); --ui-lib-light-button-default-color-border: var(--color-button-fill_border-disabled); transform: translateY(0) } .quiet-primary-IeQwPjcZ.blue-IeQwPjcZ { --ui-lib-light-button-default-color-bg: var(--color-static-transparent); --ui-lib-light-button-default-color-content: var(--color-content-primary-accent); --ui-lib-light-button-default-color-border: var(--color-static-transparent) } @media not (pointer:coarse) { @media (any-hover:hover) { .quiet-primary-IeQwPjcZ.blue-IeQwPjcZ:hover { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-accent-extra-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-accent-semi-bold); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-accent-extra-light) } } } .quiet-primary-IeQwPjcZ.blue-IeQwPjcZ.selected-IeQwPjcZ { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-accent-extra-light); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-accent-extra-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-accent) } @media (any-hover:hover) { .quiet-primary-IeQwPjcZ.blue-IeQwPjcZ.selected-IeQwPjcZ:not(.grouped-IeQwPjcZ):not(:disabled):hover { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-accent-extra-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-accent-semi-bold); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-accent-extra-light) } } .quiet-primary-IeQwPjcZ.blue-IeQwPjcZ.active-IeQwPjcZ, .quiet-primary-IeQwPjcZ.blue-IeQwPjcZ:not(.disableActiveOnTouch-IeQwPjcZ):not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-accent-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-accent-extra-bold); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-accent-light) } .quiet-primary-IeQwPjcZ.blue-IeQwPjcZ.active-IeQwPjcZ.grouped-IeQwPjcZ, .quiet-primary-IeQwPjcZ.blue-IeQwPjcZ:not(.disableActiveOnTouch-IeQwPjcZ):not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active.grouped-IeQwPjcZ { transform: none } @media not (pointer:coarse) { .quiet-primary-IeQwPjcZ.blue-IeQwPjcZ.disableActiveOnTouch-IeQwPjcZ:not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-accent-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-accent-extra-bold); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-accent-light) } .quiet-primary-IeQwPjcZ.blue-IeQwPjcZ.disableActiveOnTouch-IeQwPjcZ:not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active.grouped-IeQwPjcZ { transform: none } } @media (any-hover:hover) { .quiet-primary-IeQwPjcZ.blue-IeQwPjcZ.withGrouped-IeQwPjcZ.quiet-primary-IeQwPjcZ:not(.selected-IeQwPjcZ):not(:hover):not(:disabled) { --ui-lib-light-button-default-color-bg: #0000; --ui-lib-light-button-default-color-border: #0000 } } .quiet-primary-IeQwPjcZ.blue-IeQwPjcZ:disabled { --ui-lib-light-button-default-color-bg: var(--color-button-fill_border-disabled); --ui-lib-light-button-default-color-content: var(--color-button-content-disabled); --ui-lib-light-button-default-color-border: var(--color-button-fill_border-disabled); transform: translateY(0) } .secondary-IeQwPjcZ.gray-IeQwPjcZ { --ui-lib-light-button-default-color-bg: var(--color-static-transparent); --ui-lib-light-button-default-color-content: var(--color-button-content-secondary-neutral-default); --ui-lib-light-button-default-color-border: var(--color-border-primary-neutral-light) } @media not (pointer:coarse) { @media (any-hover:hover) { .secondary-IeQwPjcZ.gray-IeQwPjcZ:hover { --ui-lib-light-button-default-color-bg: var(--color-button-fill_border-secondary-neutral-hover); --ui-lib-light-button-default-color-content: var(--color-button-content-secondary-neutral-hover); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-neutral-extra-light) } } } .secondary-IeQwPjcZ.gray-IeQwPjcZ.selected-IeQwPjcZ { --ui-lib-light-button-default-color-bg: var(--color-button-fill_border-secondary-neutral-is-selected); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-neutral-extra-light); --ui-lib-light-button-default-color-content: var(--color-button-content-secondary-neutral-is-selected) } @media (any-hover:hover) { .secondary-IeQwPjcZ.gray-IeQwPjcZ.selected-IeQwPjcZ:not(.grouped-IeQwPjcZ):not(:disabled):hover { --ui-lib-light-button-default-color-bg: var(--color-button-fill_border-secondary-neutral-hover); --ui-lib-light-button-default-color-content: var(--color-button-content-secondary-neutral-hover); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-neutral-extra-light) } } .secondary-IeQwPjcZ.gray-IeQwPjcZ.active-IeQwPjcZ, .secondary-IeQwPjcZ.gray-IeQwPjcZ:not(.disableActiveOnTouch-IeQwPjcZ):not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active { --ui-lib-light-button-default-color-bg: var(--color-button-fill_border-secondary-neutral-active); --ui-lib-light-button-default-color-content: var(--color-button-content-secondary-neutral-active); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-neutral-light) } .secondary-IeQwPjcZ.gray-IeQwPjcZ.active-IeQwPjcZ.grouped-IeQwPjcZ, .secondary-IeQwPjcZ.gray-IeQwPjcZ:not(.disableActiveOnTouch-IeQwPjcZ):not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active.grouped-IeQwPjcZ { transform: none } @media not (pointer:coarse) { .secondary-IeQwPjcZ.gray-IeQwPjcZ.disableActiveOnTouch-IeQwPjcZ:not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active { --ui-lib-light-button-default-color-bg: var(--color-button-fill_border-secondary-neutral-active); --ui-lib-light-button-default-color-content: var(--color-button-content-secondary-neutral-active); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-neutral-light) } .secondary-IeQwPjcZ.gray-IeQwPjcZ.disableActiveOnTouch-IeQwPjcZ:not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active.grouped-IeQwPjcZ { transform: none } } @media (any-hover:hover) { .secondary-IeQwPjcZ.gray-IeQwPjcZ.withGrouped-IeQwPjcZ.quiet-primary-IeQwPjcZ:not(.selected-IeQwPjcZ):not(:hover):not(:disabled) { --ui-lib-light-button-default-color-bg: #0000; --ui-lib-light-button-default-color-border: #0000 } } .secondary-IeQwPjcZ.gray-IeQwPjcZ:disabled { --ui-lib-light-button-default-color-bg: var(--color-static-transparent); --ui-lib-light-button-default-color-content: var(--color-button-content-disabled); --ui-lib-light-button-default-color-border: var(--color-border-primary-neutral-light); transform: translateY(0) } .secondary-IeQwPjcZ.green-IeQwPjcZ { --ui-lib-light-button-default-color-bg: var(--color-static-transparent); --ui-lib-light-button-default-color-content: var(--color-button-content-secondary-success-default); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-success-light) } @media not (pointer:coarse) { @media (any-hover:hover) { .secondary-IeQwPjcZ.green-IeQwPjcZ:hover { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-success-extra-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-positive); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-success-extra-light) } } } .secondary-IeQwPjcZ.green-IeQwPjcZ.selected-IeQwPjcZ { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-success-extra-light); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-success-extra-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-success) } @media (any-hover:hover) { .secondary-IeQwPjcZ.green-IeQwPjcZ.selected-IeQwPjcZ:not(.grouped-IeQwPjcZ):not(:disabled):hover { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-success-extra-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-positive); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-success-extra-light) } } .secondary-IeQwPjcZ.green-IeQwPjcZ.active-IeQwPjcZ, .secondary-IeQwPjcZ.green-IeQwPjcZ:not(.disableActiveOnTouch-IeQwPjcZ):not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-success-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-success-bold); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-success-light) } .secondary-IeQwPjcZ.green-IeQwPjcZ.active-IeQwPjcZ.grouped-IeQwPjcZ, .secondary-IeQwPjcZ.green-IeQwPjcZ:not(.disableActiveOnTouch-IeQwPjcZ):not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active.grouped-IeQwPjcZ { transform: none } @media not (pointer:coarse) { .secondary-IeQwPjcZ.green-IeQwPjcZ.disableActiveOnTouch-IeQwPjcZ:not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-success-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-success-bold); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-success-light) } .secondary-IeQwPjcZ.green-IeQwPjcZ.disableActiveOnTouch-IeQwPjcZ:not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active.grouped-IeQwPjcZ { transform: none } } @media (any-hover:hover) { .secondary-IeQwPjcZ.green-IeQwPjcZ.withGrouped-IeQwPjcZ.quiet-primary-IeQwPjcZ:not(.selected-IeQwPjcZ):not(:hover):not(:disabled) { --ui-lib-light-button-default-color-bg: #0000; --ui-lib-light-button-default-color-border: #0000 } } .secondary-IeQwPjcZ.green-IeQwPjcZ:disabled { --ui-lib-light-button-default-color-bg: var(--color-static-transparent); --ui-lib-light-button-default-color-content: var(--color-button-content-disabled); --ui-lib-light-button-default-color-border: var(--color-border-primary-neutral-light); transform: translateY(0) } .secondary-IeQwPjcZ.red-IeQwPjcZ { --ui-lib-light-button-default-color-bg: var(--color-static-transparent); --ui-lib-light-button-default-color-content: var(--color-button-content-secondary-danger-default); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-danger-light) } @media not (pointer:coarse) { @media (any-hover:hover) { .secondary-IeQwPjcZ.red-IeQwPjcZ:hover { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-danger-extra-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-negative); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-danger-extra-light) } } } .secondary-IeQwPjcZ.red-IeQwPjcZ.selected-IeQwPjcZ { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-danger-extra-light); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-danger-extra-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-danger) } @media (any-hover:hover) { .secondary-IeQwPjcZ.red-IeQwPjcZ.selected-IeQwPjcZ:not(.grouped-IeQwPjcZ):not(:disabled):hover { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-danger-extra-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-negative); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-danger-extra-light) } } .secondary-IeQwPjcZ.red-IeQwPjcZ.active-IeQwPjcZ, .secondary-IeQwPjcZ.red-IeQwPjcZ:not(.disableActiveOnTouch-IeQwPjcZ):not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-danger-light); --ui-lib-light-button-default-color-content: var(--color-container-fill-secondary-danger-bold); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-danger-light) } .secondary-IeQwPjcZ.red-IeQwPjcZ.active-IeQwPjcZ.grouped-IeQwPjcZ, .secondary-IeQwPjcZ.red-IeQwPjcZ:not(.disableActiveOnTouch-IeQwPjcZ):not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active.grouped-IeQwPjcZ { transform: none } @media not (pointer:coarse) { .secondary-IeQwPjcZ.red-IeQwPjcZ.disableActiveOnTouch-IeQwPjcZ:not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-danger-light); --ui-lib-light-button-default-color-content: var(--color-container-fill-secondary-danger-bold); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-danger-light) } .secondary-IeQwPjcZ.red-IeQwPjcZ.disableActiveOnTouch-IeQwPjcZ:not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active.grouped-IeQwPjcZ { transform: none } } @media (any-hover:hover) { .secondary-IeQwPjcZ.red-IeQwPjcZ.withGrouped-IeQwPjcZ.quiet-primary-IeQwPjcZ:not(.selected-IeQwPjcZ):not(:hover):not(:disabled) { --ui-lib-light-button-default-color-bg: #0000; --ui-lib-light-button-default-color-border: #0000 } } .secondary-IeQwPjcZ.red-IeQwPjcZ:disabled { --ui-lib-light-button-default-color-bg: var(--color-static-transparent); --ui-lib-light-button-default-color-content: var(--color-button-content-disabled); --ui-lib-light-button-default-color-border: var(--color-border-primary-neutral-light); transform: translateY(0) } .secondary-IeQwPjcZ.blue-IeQwPjcZ { --ui-lib-light-button-default-color-bg: var(--color-static-transparent); --ui-lib-light-button-default-color-content: var(--color-button-content-secondary-accent-default); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-accent-light) } @media not (pointer:coarse) { @media (any-hover:hover) { .secondary-IeQwPjcZ.blue-IeQwPjcZ:hover { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-accent-extra-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-accent-semi-bold); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-accent-extra-light) } } } .secondary-IeQwPjcZ.blue-IeQwPjcZ.selected-IeQwPjcZ { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-accent-extra-light); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-accent-extra-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-accent) } @media (any-hover:hover) { .secondary-IeQwPjcZ.blue-IeQwPjcZ.selected-IeQwPjcZ:not(.grouped-IeQwPjcZ):not(:disabled):hover { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-accent-extra-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-accent-semi-bold); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-accent-extra-light) } } .secondary-IeQwPjcZ.blue-IeQwPjcZ.active-IeQwPjcZ, .secondary-IeQwPjcZ.blue-IeQwPjcZ:not(.disableActiveOnTouch-IeQwPjcZ):not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-accent-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-accent-extra-bold); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-accent-light) } .secondary-IeQwPjcZ.blue-IeQwPjcZ.active-IeQwPjcZ.grouped-IeQwPjcZ, .secondary-IeQwPjcZ.blue-IeQwPjcZ:not(.disableActiveOnTouch-IeQwPjcZ):not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active.grouped-IeQwPjcZ { transform: none } @media not (pointer:coarse) { .secondary-IeQwPjcZ.blue-IeQwPjcZ.disableActiveOnTouch-IeQwPjcZ:not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-accent-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-accent-extra-bold); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-accent-light) } .secondary-IeQwPjcZ.blue-IeQwPjcZ.disableActiveOnTouch-IeQwPjcZ:not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active.grouped-IeQwPjcZ { transform: none } } @media (any-hover:hover) { .secondary-IeQwPjcZ.blue-IeQwPjcZ.withGrouped-IeQwPjcZ.quiet-primary-IeQwPjcZ:not(.selected-IeQwPjcZ):not(:hover):not(:disabled) { --ui-lib-light-button-default-color-bg: #0000; --ui-lib-light-button-default-color-border: #0000 } } .secondary-IeQwPjcZ.blue-IeQwPjcZ:disabled { --ui-lib-light-button-default-color-bg: var(--color-static-transparent); --ui-lib-light-button-default-color-content: var(--color-button-content-disabled); --ui-lib-light-button-default-color-border: var(--color-border-primary-neutral-light); transform: translateY(0) } .ghost-IeQwPjcZ.gray-IeQwPjcZ { --ui-lib-light-button-default-color-bg: var(--color-static-transparent); --ui-lib-light-button-default-color-content: var(--color-button-content-ghost-neutral-bold-default); --ui-lib-light-button-default-color-border: var(--color-static-transparent) } @media not (pointer:coarse) { @media (any-hover:hover) { .ghost-IeQwPjcZ.gray-IeQwPjcZ:hover { --ui-lib-light-button-default-color-bg: var(--color-button-fill_border-ghost-neutral-hover); --ui-lib-light-button-default-color-content: var(--color-button-content-ghost-neutral-bold-hover); --ui-lib-light-button-default-color-border: var(--color-button-fill_border-ghost-neutral-hover) } } } .ghost-IeQwPjcZ.gray-IeQwPjcZ.selected-IeQwPjcZ { --ui-lib-light-button-default-color-bg: var(--color-static-transparent); --ui-lib-light-button-default-color-border: var(--color-static-transparent); --ui-lib-light-button-default-color-content: var(--color-button-content-ghost-neutral-is-selected) } @media (any-hover:hover) { .ghost-IeQwPjcZ.gray-IeQwPjcZ.selected-IeQwPjcZ:not(.grouped-IeQwPjcZ):not(:disabled):hover { --ui-lib-light-button-default-color-bg: var(--color-button-fill_border-ghost-neutral-hover); --ui-lib-light-button-default-color-content: var(--color-button-content-ghost-neutral-bold-hover); --ui-lib-light-button-default-color-border: var(--color-button-fill_border-ghost-neutral-hover) } } .ghost-IeQwPjcZ.gray-IeQwPjcZ.active-IeQwPjcZ, .ghost-IeQwPjcZ.gray-IeQwPjcZ:not(.disableActiveOnTouch-IeQwPjcZ):not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active { --ui-lib-light-button-default-color-bg: var(--color-button-fill_border-ghost-neutral-active); --ui-lib-light-button-default-color-content: var(--color-button-content-ghost-neutral-active); --ui-lib-light-button-default-color-border: var(--color-button-fill_border-ghost-neutral-active) } .ghost-IeQwPjcZ.gray-IeQwPjcZ.active-IeQwPjcZ.grouped-IeQwPjcZ, .ghost-IeQwPjcZ.gray-IeQwPjcZ:not(.disableActiveOnTouch-IeQwPjcZ):not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active.grouped-IeQwPjcZ { transform: none } @media not (pointer:coarse) { .ghost-IeQwPjcZ.gray-IeQwPjcZ.disableActiveOnTouch-IeQwPjcZ:not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active { --ui-lib-light-button-default-color-bg: var(--color-button-fill_border-ghost-neutral-active); --ui-lib-light-button-default-color-content: var(--color-button-content-ghost-neutral-active); --ui-lib-light-button-default-color-border: var(--color-button-fill_border-ghost-neutral-active) } .ghost-IeQwPjcZ.gray-IeQwPjcZ.disableActiveOnTouch-IeQwPjcZ:not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active.grouped-IeQwPjcZ { transform: none } } @media (any-hover:hover) { .ghost-IeQwPjcZ.gray-IeQwPjcZ.withGrouped-IeQwPjcZ.quiet-primary-IeQwPjcZ:not(.selected-IeQwPjcZ):not(:hover):not(:disabled) { --ui-lib-light-button-default-color-bg: #0000; --ui-lib-light-button-default-color-border: #0000 } } .ghost-IeQwPjcZ.gray-IeQwPjcZ:disabled { --ui-lib-light-button-default-color-bg: var(--color-static-transparent); --ui-lib-light-button-default-color-content: var(--color-content-primary-neutral-light); --ui-lib-light-button-default-color-border: var(--color-static-transparent); transform: translateY(0) } .ghost-IeQwPjcZ.green-IeQwPjcZ { --ui-lib-light-button-default-color-bg: var(--color-static-transparent); --ui-lib-light-button-default-color-content: var(--color-button-content-secondary-success-default); --ui-lib-light-button-default-color-border: var(--color-static-transparent) } @media not (pointer:coarse) { @media (any-hover:hover) { .ghost-IeQwPjcZ.green-IeQwPjcZ:hover { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-success-extra-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-positive); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-success-extra-light) } } } .ghost-IeQwPjcZ.green-IeQwPjcZ.selected-IeQwPjcZ { --ui-lib-light-button-default-color-bg: var(--color-static-transparent); --ui-lib-light-button-default-color-border: var(--color-static-transparent); --ui-lib-light-button-default-color-content: var(--color-button-content-secondary-success-default) } @media (any-hover:hover) { .ghost-IeQwPjcZ.green-IeQwPjcZ.selected-IeQwPjcZ:not(.grouped-IeQwPjcZ):not(:disabled):hover { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-success-extra-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-positive); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-success-extra-light) } } .ghost-IeQwPjcZ.green-IeQwPjcZ.active-IeQwPjcZ, .ghost-IeQwPjcZ.green-IeQwPjcZ:not(.disableActiveOnTouch-IeQwPjcZ):not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-success-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-success-bold); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-success-light) } .ghost-IeQwPjcZ.green-IeQwPjcZ.active-IeQwPjcZ.grouped-IeQwPjcZ, .ghost-IeQwPjcZ.green-IeQwPjcZ:not(.disableActiveOnTouch-IeQwPjcZ):not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active.grouped-IeQwPjcZ { transform: none } @media not (pointer:coarse) { .ghost-IeQwPjcZ.green-IeQwPjcZ.disableActiveOnTouch-IeQwPjcZ:not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-success-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-success-bold); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-success-light) } .ghost-IeQwPjcZ.green-IeQwPjcZ.disableActiveOnTouch-IeQwPjcZ:not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active.grouped-IeQwPjcZ { transform: none } } @media (any-hover:hover) { .ghost-IeQwPjcZ.green-IeQwPjcZ.withGrouped-IeQwPjcZ.quiet-primary-IeQwPjcZ:not(.selected-IeQwPjcZ):not(:hover):not(:disabled) { --ui-lib-light-button-default-color-bg: #0000; --ui-lib-light-button-default-color-border: #0000 } } .ghost-IeQwPjcZ.green-IeQwPjcZ:disabled { --ui-lib-light-button-default-color-bg: var(--color-static-transparent); --ui-lib-light-button-default-color-content: var(--color-button-content-disabled); --ui-lib-light-button-default-color-border: var(--color-static-transparent); transform: translateY(0) } .ghost-IeQwPjcZ.red-IeQwPjcZ { --ui-lib-light-button-default-color-bg: var(--color-static-transparent); --ui-lib-light-button-default-color-content: var(--color-button-content-secondary-danger-default); --ui-lib-light-button-default-color-border: var(--color-static-transparent) } @media not (pointer:coarse) { @media (any-hover:hover) { .ghost-IeQwPjcZ.red-IeQwPjcZ:hover { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-danger-extra-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-negative); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-danger-extra-light) } } } .ghost-IeQwPjcZ.red-IeQwPjcZ.selected-IeQwPjcZ { --ui-lib-light-button-default-color-bg: var(--color-static-transparent); --ui-lib-light-button-default-color-border: var(--color-static-transparent); --ui-lib-light-button-default-color-content: var(--color-button-content-secondary-danger-default) } @media (any-hover:hover) { .ghost-IeQwPjcZ.red-IeQwPjcZ.selected-IeQwPjcZ:not(.grouped-IeQwPjcZ):not(:disabled):hover { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-danger-extra-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-negative); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-danger-extra-light) } } .ghost-IeQwPjcZ.red-IeQwPjcZ.active-IeQwPjcZ, .ghost-IeQwPjcZ.red-IeQwPjcZ:not(.disableActiveOnTouch-IeQwPjcZ):not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-danger-light); --ui-lib-light-button-default-color-content: var(--color-container-fill-secondary-danger-bold); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-danger-light) } .ghost-IeQwPjcZ.red-IeQwPjcZ.active-IeQwPjcZ.grouped-IeQwPjcZ, .ghost-IeQwPjcZ.red-IeQwPjcZ:not(.disableActiveOnTouch-IeQwPjcZ):not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active.grouped-IeQwPjcZ { transform: none } @media not (pointer:coarse) { .ghost-IeQwPjcZ.red-IeQwPjcZ.disableActiveOnTouch-IeQwPjcZ:not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-danger-light); --ui-lib-light-button-default-color-content: var(--color-container-fill-secondary-danger-bold); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-danger-light) } .ghost-IeQwPjcZ.red-IeQwPjcZ.disableActiveOnTouch-IeQwPjcZ:not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active.grouped-IeQwPjcZ { transform: none } } @media (any-hover:hover) { .ghost-IeQwPjcZ.red-IeQwPjcZ.withGrouped-IeQwPjcZ.quiet-primary-IeQwPjcZ:not(.selected-IeQwPjcZ):not(:hover):not(:disabled) { --ui-lib-light-button-default-color-bg: #0000; --ui-lib-light-button-default-color-border: #0000 } } .ghost-IeQwPjcZ.red-IeQwPjcZ:disabled { --ui-lib-light-button-default-color-bg: var(--color-static-transparent); --ui-lib-light-button-default-color-content: var(--color-button-content-disabled); --ui-lib-light-button-default-color-border: var(--color-static-transparent); transform: translateY(0) } .ghost-IeQwPjcZ.blue-IeQwPjcZ { --ui-lib-light-button-default-color-bg: var(--color-static-transparent); --ui-lib-light-button-default-color-content: var(--color-button-content-ghost-accent-default); --ui-lib-light-button-default-color-border: var(--color-static-transparent) } @media not (pointer:coarse) { @media (any-hover:hover) { .ghost-IeQwPjcZ.blue-IeQwPjcZ:hover { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-accent-extra-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-accent-semi-bold); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-accent-extra-light) } } } .ghost-IeQwPjcZ.blue-IeQwPjcZ.selected-IeQwPjcZ { --ui-lib-light-button-default-color-bg: var(--color-static-transparent); --ui-lib-light-button-default-color-border: var(--color-static-transparent); --ui-lib-light-button-default-color-content: var(--color-button-content-secondary-accent-default) } @media (any-hover:hover) { .ghost-IeQwPjcZ.blue-IeQwPjcZ.selected-IeQwPjcZ:not(.grouped-IeQwPjcZ):not(:disabled):hover { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-accent-extra-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-accent-semi-bold); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-accent-extra-light) } } .ghost-IeQwPjcZ.blue-IeQwPjcZ.active-IeQwPjcZ, .ghost-IeQwPjcZ.blue-IeQwPjcZ:not(.disableActiveOnTouch-IeQwPjcZ):not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-accent-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-accent-extra-bold); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-accent-light) } .ghost-IeQwPjcZ.blue-IeQwPjcZ.active-IeQwPjcZ.grouped-IeQwPjcZ, .ghost-IeQwPjcZ.blue-IeQwPjcZ:not(.disableActiveOnTouch-IeQwPjcZ):not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active.grouped-IeQwPjcZ { transform: none } @media not (pointer:coarse) { .ghost-IeQwPjcZ.blue-IeQwPjcZ.disableActiveOnTouch-IeQwPjcZ:not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active { --ui-lib-light-button-default-color-bg: var(--color-container-fill-primary-accent-light); --ui-lib-light-button-default-color-content: var(--color-content-primary-accent-extra-bold); --ui-lib-light-button-default-color-border: var(--color-container-fill-primary-accent-light) } .ghost-IeQwPjcZ.blue-IeQwPjcZ.disableActiveOnTouch-IeQwPjcZ:not(.disableActiveStateStyles-IeQwPjcZ):not(:disabled):active.grouped-IeQwPjcZ { transform: none } } @media (any-hover:hover) { .ghost-IeQwPjcZ.blue-IeQwPjcZ.withGrouped-IeQwPjcZ.quiet-primary-IeQwPjcZ:not(.selected-IeQwPjcZ):not(:hover):not(:disabled) { --ui-lib-light-button-default-color-bg: #0000; --ui-lib-light-button-default-color-border: #0000 } } .ghost-IeQwPjcZ.blue-IeQwPjcZ:disabled { --ui-lib-light-button-default-color-bg: var(--color-static-transparent); --ui-lib-light-button-default-color-content: var(--color-button-content-disabled); --ui-lib-light-button-default-color-border: var(--color-static-transparent); transform: translateY(0) } /* 81072.2927a177231fdd0e24c1.css */ .menuWrap-lBIxIwtz { background-color: var(--tv-color-popup-background, var(--color-popup-background)); border-radius: 6px; box-shadow: 0 2px 4px var(--color-shadow-primary-neutral-extra-heavy); box-sizing: border-box; text-align: start; -webkit-user-select: none; user-select: none; z-index: 100 } .menuWrap-lBIxIwtz.isMeasuring-lBIxIwtz { opacity: 0; pointer-events: none; position: fixed; visibility: hidden } .menuWrap-lBIxIwtz:focus { outline: none } .scrollWrap-lBIxIwtz { height: 100%; overflow-x: hidden; overflow-y: auto } .scrollWrap-lBIxIwtz.momentumBased-lBIxIwtz { -webkit-overflow-scrolling: touch } .scrollWrap-lBIxIwtz::-webkit-scrollbar { height: 5px; width: 5px } .scrollWrap-lBIxIwtz::-webkit-scrollbar-thumb { background-clip: content-box; background-color: var(--tv-color-scrollbar-thumb-background, var(--color-scroll-bg)); border: 1px solid #0000; border-radius: 3px } .scrollWrap-lBIxIwtz::-webkit-scrollbar-track { background-color: initial; border-radius: 3px } .scrollWrap-lBIxIwtz::-webkit-scrollbar-corner { display: none } .menuBox-lBIxIwtz { padding: 6px 0 } .isHidden-lBIxIwtz { display: none } /* 46907.c5af8aa7b5082b1875a5.css */ [data-theme=light] { --_0-AEQ9: var(--color-cold-gray-100) } [data-theme=dark] { --_0-AEQ9: var(--color-cold-gray-800) } .wrapper-hct2yJvK { color: var(--_0-AEQ9) } .animated-hct2yJvK { animation: 1s ease-in-out 0s infinite alternate none running; animation-name: pulsation-hct2yJvK } @keyframes pulsation-hct2yJvK { 0% { opacity: 1 } to { opacity: .4 } } [data-theme=light] { --_0-__rq: var(--color-white); --_1-__rq: var(--color-cold-gray-150) } [data-theme=dark] { --_0-__rq: var(--color-cold-gray-600); --_1-__rq: var(--color-cold-gray-800) } .logo-VCNKubWq { align-items: center; border-radius: 50%; display: inline-flex; justify-content: center } .logo-VCNKubWq:not(img) { background-color: var(--_1-__rq) } .hidden-VCNKubWq { opacity: 0; position: absolute } .xxceptionallysmalldonotusebrv1023-VCNKubWq { font-size: 10px; height: 12px; line-height: 10px; min-width: 12px; width: 12px } .xxxsmall-VCNKubWq { font-size: 11px; height: 18px; line-height: 16px; min-width: 18px; width: 18px } .xxsmall-VCNKubWq { font-size: 11px; height: 20px; line-height: 16px; min-width: 20px; width: 20px } .xsmall-VCNKubWq { font-size: 11px; height: 24px; line-height: 16px; min-width: 24px; width: 24px } .small-VCNKubWq { font-size: 14px; height: 28px; line-height: 16px; min-width: 28px; width: 28px } .medium-VCNKubWq { font-size: 16px; height: 36px; line-height: 16px; min-width: 36px; width: 36px } .large-VCNKubWq { font-size: 24px; height: 48px; line-height: 32px; min-width: 48px; width: 48px } .xlarge-VCNKubWq { font-size: 40px; height: 56px; line-height: 40px; min-width: 56px; width: 56px } .xxlarge-VCNKubWq { font-size: 80px; height: 112px; line-height: 80px; min-width: 112px; width: 112px } .xxxlarge-VCNKubWq { font-size: 160px; height: 168px; line-height: 160px; min-width: 168px; width: 168px } .skeleton-VCNKubWq { background-color: currentColor } .letter-VCNKubWq { color: var(--_0-__rq); font-style: normal; font-weight: 700 } /* 5184.0fb4574cacec16f6365d.css */ .badge-x4UVZabM { --ui-lib-size-def: var(--ui-lib-in-badge-size, var(--ui-lib-private-badge-size, 4)); --ui-lib-size-def-xsmall: calc(max(0, 1 - (var(--ui-lib-size-def) - 2) * (var(--ui-lib-size-def) - 2))); --ui-lib-size-def-small: calc(max(0, 1 - (var(--ui-lib-size-def) - 3) * (var(--ui-lib-size-def) - 3))); --ui-lib-size-def-medium: calc(max(0, 1 - (var(--ui-lib-size-def) - 4) * (var(--ui-lib-size-def) - 4))); --ui-lib-size-def-large: calc(max(0, 1 - (var(--ui-lib-size-def) - 5) * (var(--ui-lib-size-def) - 5))); --ui-lib-size-def-xlarge: calc(max(0, 1 - (var(--ui-lib-size-def) - 6) * (var(--ui-lib-size-def) - 6))); --ui-lib-badge-default-padding-left: var(--ui-lib-badge-default-padding-hor); --ui-lib-badge-default-padding-right: var(--ui-lib-badge-default-padding-hor); --ui-lib-badge-border-radius: calc(var(--ui-lib-size-def-xsmall)*3px + var(--ui-lib-size-def-small)*3px + var(--ui-lib-size-def-medium)*4px + var(--ui-lib-size-def-large)*6px + var(--ui-lib-size-def-xlarge)*8px); --ui-lib-badge-default-height: calc(var(--ui-lib-size-def-xsmall)*12px + var(--ui-lib-size-def-small)*16px + var(--ui-lib-size-def-medium)*20px + var(--ui-lib-size-def-large)*24px + var(--ui-lib-size-def-xlarge)*32px); --ui-lib-badge-actual-height: var(--ui-lib-badge-height, var(--ui-lib-badge-default-height)); border-radius: var(--ui-lib-badge-border-radius); font-size: calc(var(--ui-lib-size-def-xsmall)*8px + var(--ui-lib-size-def-small)*11px + var(--ui-lib-size-def-medium)*11px + var(--ui-lib-size-def-large)*14px + var(--ui-lib-size-def-xlarge)*17px); font-weight: calc(var(--ui-lib-size-def-xsmall)*700 + var(--ui-lib-size-def-small)*600 + var(--ui-lib-size-def-medium)*600 + var(--ui-lib-size-def-large)*600 + var(--ui-lib-size-def-xlarge)*700); height: var(--ui-lib-badge-actual-height); letter-spacing: calc(var(--ui-lib-size-def-xsmall)*.5px + var(--ui-lib-size-def-small)*.02em + var(--ui-lib-size-def-medium)*.05em + var(--ui-lib-size-def-large)*0px + var(--ui-lib-size-def-xlarge)*.02em); padding-block: 0 0; padding-inline: var(--ui-lib-badge-padding-left, var(--ui-lib-badge-default-padding-left)) var(--ui-lib-badge-padding-right, var(--ui-lib-badge-default-padding-right)); --ui-lib-badge-default-color-background: var(--color-overlay-neutral-1-light); --ui-lib-badge-default-color-content: var(--color-content-primary-neutral-bold); align-items: center; background: var(--ui-lib-badge-background, var(--ui-lib-badge-default-color-background)); border: none; box-sizing: border-box; color: var(--ui-lib-badge-color-content, var(--ui-lib-badge-default-color-content)); display: inline-flex; flex-wrap: nowrap; justify-content: center; line-height: normal; text-transform: uppercase; -webkit-user-select: none; user-select: none } .badge-x4UVZabM.hasChildren-x4UVZabM { --ui-lib-badge-default-padding-hor: calc(var(--ui-lib-size-def-xsmall)*4px + var(--ui-lib-size-def-small)*4px + var(--ui-lib-size-def-medium)*6px + var(--ui-lib-size-def-large)*6px + var(--ui-lib-size-def-xlarge)*8px) } .badge-x4UVZabM:not(.hasChildren-x4UVZabM) { --ui-lib-badge-default-padding-hor: 0; width: var(--ui-lib-badge-actual-height) } @media (any-hover:hover) { a.badge-x4UVZabM:hover, button.badge-x4UVZabM:hover { --ui-lib-badge-default-color-background-hover: var(--color-overlay-neutral-1-normal); --ui-lib-badge-default-color-content-hover: var(--color-content-primary-neutral-bold); background: var(--ui-lib-badge-background-hover, var(--ui-lib-badge-background, var(--ui-lib-badge-default-color-background))); color: var(--ui-lib-badge-color-content-hover, var(--ui-lib-badge-color-content, var(--ui-lib-badge-default-color-content))) } } a.badge-x4UVZabM:active, button.badge-x4UVZabM:active { --ui-lib-badge-default-color-background-active: var(--color-overlay-neutral-1-bold); --ui-lib-badge-default-color-content-active: var(--color-content-primary-neutral-bold); background: var(--ui-lib-badge-background-active, var(--ui-lib-badge-background, var(--ui-lib-badge-default-color-background-active))); color: var(--ui-lib-badge-color-content-active, var(--ui-lib-badge-color-content, var(--ui-lib-badge-default-color-content-active))) } .badge-x4UVZabM { outline: none; overflow: visible; position: relative } .badge-x4UVZabM:focus { outline: none } .badge-x4UVZabM:focus-visible { outline: none } .badge-x4UVZabM:after { border-style: solid; border-width: 2px; box-sizing: border-box; content: ""; display: none; height: calc(100% + 8px); inset-inline-start: -4px; pointer-events: none; position: absolute; top: -4px; width: calc(100% + 8px); z-index: 1 } .badge-x4UVZabM:focus:after { display: block } .badge-x4UVZabM:focus-visible:after { display: block } .badge-x4UVZabM:focus:not(:focus-visible):after { display: none } .badge-x4UVZabM:after { border-color: var(--color-focus-outline-color-blue); border-radius: calc(var(--ui-lib-badge-focus-outline-radius, var(--ui-lib-badge-border-radius)) + 4px) } .content-x4UVZabM { overflow: hidden; padding: 0 calc(var(--ui-lib-size-def-xsmall)*2px + var(--ui-lib-size-def-small)*2px + var(--ui-lib-size-def-medium)*2px + var(--ui-lib-size-def-large)*4px + var(--ui-lib-size-def-xlarge)*4px); text-overflow: ellipsis; white-space: nowrap } .slot-x4UVZabM { --ui-lib-badge-slot-size: calc(var(--ui-lib-size-def-xsmall)*12px + var(--ui-lib-size-def-small)*14px + var(--ui-lib-size-def-medium)*18px + var(--ui-lib-size-def-large)*20px + var(--ui-lib-size-def-xlarge)*24px); align-items: center; display: flex; height: var(--ui-lib-badge-slot-size); justify-content: center; width: var(--ui-lib-badge-slot-size) } .xsmall-x4UVZabM { --ui-lib-private-badge-size: 2 } .small-x4UVZabM { --ui-lib-private-badge-size: 3 } .medium-x4UVZabM { --ui-lib-private-badge-size: 4 } .large-x4UVZabM { --ui-lib-private-badge-size: 5 } .xlarge-x4UVZabM { --ui-lib-private-badge-size: 6 } .xxlarge-x4UVZabM { --ui-lib-private-badge-size: 7 } /* 32816.355d75b21ae4b534a849.css */ [data-theme=light] { --_0-84ot: var(--color-cold-gray-150) } [data-theme=dark] { --_0-84ot: var(--color-cold-gray-800) } .pair-xwGsSXR0 { display: inline-block; position: relative } .pair-xwGsSXR0.xxceptionallysmalldonotusebrv1023-xwGsSXR0 { height: 14px; width: 14px } .pair-xwGsSXR0.xxxxsmall-xwGsSXR0 { height: 20px; width: 20px } .pair-xwGsSXR0.xxxsmall-xwGsSXR0 { height: 18px; width: 18px } .pair-xwGsSXR0.xxsmall-xwGsSXR0 { height: 20px; width: 20px } .pair-xwGsSXR0.xsmall-xwGsSXR0 { height: 24px; width: 24px } .pair-xwGsSXR0.small-xwGsSXR0 { height: 28px; width: 28px } .pair-xwGsSXR0.medium-xwGsSXR0 { height: 36px; width: 36px } .pair-xwGsSXR0.large-xwGsSXR0 { height: 48px; width: 48px } .pair-xwGsSXR0.xlarge-xwGsSXR0 { height: 56px; width: 56px } .pair-xwGsSXR0.xxlarge-xwGsSXR0 { height: 112px; width: 112px } .pair-xwGsSXR0.xxxlarge-xwGsSXR0 { height: 168px; width: 168px } .pair-xwGsSXR0.xxxxsmall-xwGsSXR0 { height: 12px } .pair-xwGsSXR0.xxceptionallysmalldonotusebrv1023-xwGsSXR0 { height: 8px } .logo-xwGsSXR0 { border-radius: 50% } .logo-xwGsSXR0:not(img) { background-color: var(--_0-84ot) } .logo-xwGsSXR0:first-child, .logo-xwGsSXR0:last-child { position: absolute; right: 0; top: 0 } .logo-xwGsSXR0.xxceptionallysmalldonotusebrv1023-xwGsSXR0 { height: 8px; width: 8px } .logo-xwGsSXR0.xxceptionallysmalldonotusebrv1023-xwGsSXR0:last-child { transform: translate(-6px) } .logo-xwGsSXR0.xxxxsmall-xwGsSXR0 { height: 12px; width: 12px } .logo-xwGsSXR0.xxxxsmall-xwGsSXR0:last-child { transform: translate(-8px) } .logo-xwGsSXR0.xxxsmall-xwGsSXR0 { height: 12px; width: 12px } .logo-xwGsSXR0.xxxsmall-xwGsSXR0:last-child { transform: translate(-6px, 6px) } .logo-xwGsSXR0.xxsmall-xwGsSXR0 { height: 12px; width: 12px } .logo-xwGsSXR0.xxsmall-xwGsSXR0:last-child { transform: translate(-8px, 8px) } .logo-xwGsSXR0.xsmall-xwGsSXR0 { height: 16px; width: 16px } .logo-xwGsSXR0.xsmall-xwGsSXR0:last-child { transform: translate(-8px, 8px) } .logo-xwGsSXR0.small-xwGsSXR0 { height: 18px; width: 18px } .logo-xwGsSXR0.small-xwGsSXR0:last-child { transform: translate(-10px, 10px) } .logo-xwGsSXR0.medium-xwGsSXR0 { height: 24px; width: 24px } .logo-xwGsSXR0.medium-xwGsSXR0:last-child { transform: translate(-12px, 12px) } .logo-xwGsSXR0.large-xwGsSXR0 { height: 32px; width: 32px } .logo-xwGsSXR0.large-xwGsSXR0:last-child { transform: translate(-16px, 16px) } .logo-xwGsSXR0.xlarge-xwGsSXR0 { height: 38px; width: 38px } .logo-xwGsSXR0.xlarge-xwGsSXR0:last-child { transform: translate(-18px, 18px) } .logo-xwGsSXR0.xxlarge-xwGsSXR0 { height: 76px; width: 76px } .logo-xwGsSXR0.xxlarge-xwGsSXR0:last-child { transform: translate(-36px, 36px) } .logo-xwGsSXR0.xxxlarge-xwGsSXR0 { height: 114px; width: 114px } .logo-xwGsSXR0.xxxlarge-xwGsSXR0:last-child { transform: translate(-54px, 54px) } .logo-xwGsSXR0.xxceptionallysmalldonotusebrv1023-xwGsSXR0:last-child { outline: 1px solid var(--ui-lib-badge-actual-background) } .logo-xwGsSXR0.xxxxsmall-xwGsSXR0:first-child { clip-path: path("M3.74882 11.5634C5.14239 10.1236 6 8.16198 6 6C6 3.83802 5.14239 1.87635 3.74882 0.436617C4.44396 0.155056 5.20387 -5.94136e-07 6 -5.24537e-07C9.31371 -2.34843e-07 12 2.68629 12 6C12 9.31371 9.31371 12 6 12C5.20387 12 4.44396 11.8449 3.74882 11.5634Z") } .logo-xwGsSXR0.xxxsmall-xwGsSXR0:first-child { clip-path: path("M12 0H0v4a8 8 0 0 1 8 8h4V0Z") } .logo-xwGsSXR0.xxsmall-xwGsSXR0:first-child { clip-path: path("M12 0H0v6.254A8 8 0 0 1 5.746 12H12Z") } .logo-xwGsSXR0.xsmall-xwGsSXR0:first-child { clip-path: path("M16 8A8 8 0 0 0 .3 6a10 10 0 0 1 9.7 9.7A8 8 0 0 0 16 8Z") } .logo-xwGsSXR0.small-xwGsSXR0:first-child { clip-path: path("M18 0H0v8.04A11 11 0 0 1 9.96 18H18V0Z") } .logo-xwGsSXR0.medium-xwGsSXR0:first-child { clip-path: path("M24 0H0v10c8 0 14 6 14 14h10V0Z") } .logo-xwGsSXR0.large-xwGsSXR0:first-child { clip-path: path("M32 0H0v14a18 18 0 0 1 18 18h14V0Z") } .logo-xwGsSXR0.xlarge-xwGsSXR0:first-child { clip-path: path("M38 0H0v16.02L1 16a21 21 0 0 1 20.98 22H38V0Z") } .logo-xwGsSXR0.xxlarge-xwGsSXR0:first-child { clip-path: path("M76 0H0v32.05A42 42 0 0 1 43.95 76H76V0Z") } .logo-xwGsSXR0.xxxlarge-xwGsSXR0:first-child { clip-path: path("M113 0H0V48c35-1 66 26 66 66v0h48V0Z") } .skeleton-xwGsSXR0 { background-color: currentColor } .empty-xwGsSXR0 { background-image: url("/static/img/empty-coin-light.6d0b731ac6f489f06e65.svg"); background-size: contain } html.theme-dark .empty-xwGsSXR0 { background-image: url("/static/img/empty-coin-dark.d6d07bff92d7e4dff5ad.svg") } /* 9504.90377f7d5946cf3254f0.css */ .xxxsmall-Afd6t4Zj { --ui-lib-private-counter-size: 0 } .xxsmall-Afd6t4Zj { --ui-lib-private-counter-size: 1 } .xsmall-Afd6t4Zj { --ui-lib-private-counter-size: 2 } .small-Afd6t4Zj { --ui-lib-private-counter-size: 3 } .medium-Afd6t4Zj { --ui-lib-private-counter-size: 4 } .large-Afd6t4Zj { --ui-lib-private-counter-size: 5 } .xlarge-Afd6t4Zj { --ui-lib-private-counter-size: 6 } .counter-Afd6t4Zj { align-items: center; box-sizing: border-box; display: inline-flex; justify-content: center; vertical-align: bottom; --ui-lib-size-def: var(--ui-lib-in-counter-size, var(--ui-lib-private-counter-size, 4)); --ui-lib-size-def-xxxsmall: calc(max(0, 1 - (var(--ui-lib-size-def) - 0) * (var(--ui-lib-size-def) - 0))); --ui-lib-size-def-xxsmall: calc(max(0, 1 - (var(--ui-lib-size-def) - 1) * (var(--ui-lib-size-def) - 1))); --ui-lib-size-def-xsmall: calc(max(0, 1 - (var(--ui-lib-size-def) - 2) * (var(--ui-lib-size-def) - 2))); --ui-lib-size-def-small: calc(max(0, 1 - (var(--ui-lib-size-def) - 3) * (var(--ui-lib-size-def) - 3))); --ui-lib-size-def-medium: calc(max(0, 1 - (var(--ui-lib-size-def) - 4) * (var(--ui-lib-size-def) - 4))); --ui-lib-size-def-large: calc(max(0, 1 - (var(--ui-lib-size-def) - 5) * (var(--ui-lib-size-def) - 5))); --ui-lib-size-def-xlarge: calc(max(0, 1 - (var(--ui-lib-size-def) - 6) * (var(--ui-lib-size-def) - 6))); border-radius: calc(var(--ui-lib-size-def-xxxsmall)*3px + var(--ui-lib-size-def-xxsmall)*5px + var(--ui-lib-size-def-xsmall)*7px + var(--ui-lib-size-def-small)*8px + var(--ui-lib-size-def-medium)*9px + var(--ui-lib-size-def-large)*10px + var(--ui-lib-size-def-xlarge)*12px); font-size: calc(var(--ui-lib-size-def-xsmall)*10px + var(--ui-lib-size-def-small)*12px + var(--ui-lib-size-def-medium)*12px + var(--ui-lib-size-def-large)*14px + var(--ui-lib-size-def-xlarge)*14px); font-style: normal; font-weight: calc(var(--ui-lib-size-def-xsmall)*500 + var(--ui-lib-size-def-small)*400 + var(--ui-lib-size-def-medium)*400 + var(--ui-lib-size-def-large)*400 + var(--ui-lib-size-def-xlarge)*500); height: calc(var(--ui-lib-size-def-xxxsmall)*6px + var(--ui-lib-size-def-xxsmall)*10px + var(--ui-lib-size-def-xsmall)*14px + var(--ui-lib-size-def-small)*16px + var(--ui-lib-size-def-medium)*18px + var(--ui-lib-size-def-large)*20px + var(--ui-lib-size-def-xlarge)*24px); line-height: calc(var(--ui-lib-size-def-xsmall)*14px + var(--ui-lib-size-def-small)*16px + var(--ui-lib-size-def-medium)*16px + var(--ui-lib-size-def-large)*18px + var(--ui-lib-size-def-xlarge)*18px); min-width: calc(var(--ui-lib-size-def-xxxsmall)*6px + var(--ui-lib-size-def-xxsmall)*10px + var(--ui-lib-size-def-xsmall)*14px + var(--ui-lib-size-def-small)*16px + var(--ui-lib-size-def-medium)*18px + var(--ui-lib-size-def-large)*20px + var(--ui-lib-size-def-xlarge)*24px); padding-inline-end: calc(var(--ui-lib-size-def-xxxsmall)*0px + var(--ui-lib-size-def-xxsmall)*0px + var(--ui-lib-size-def-xsmall)*3.5px + var(--ui-lib-size-def-small)*4px + var(--ui-lib-size-def-medium)*6px + var(--ui-lib-size-def-large)*5px + var(--ui-lib-size-def-xlarge)*7.5px); padding-bottom: calc(var(--ui-lib-size-def-xxxsmall)*0px + var(--ui-lib-size-def-xxsmall)*0px + var(--ui-lib-size-def-xsmall)*3px + var(--ui-lib-size-def-small)*3px + var(--ui-lib-size-def-medium)*3px + var(--ui-lib-size-def-large)*3px + var(--ui-lib-size-def-xlarge)*3px); padding-inline-start: calc(var(--ui-lib-size-def-xxxsmall)*0px + var(--ui-lib-size-def-xxsmall)*0px + var(--ui-lib-size-def-xsmall)*3.5px + var(--ui-lib-size-def-small)*4px + var(--ui-lib-size-def-medium)*6px + var(--ui-lib-size-def-large)*5px + var(--ui-lib-size-def-xlarge)*7.5px); padding-top: calc(var(--ui-lib-size-def-xxxsmall)*0px + var(--ui-lib-size-def-xxsmall)*0px + var(--ui-lib-size-def-xsmall)*3px + var(--ui-lib-size-def-small)*3px + var(--ui-lib-size-def-medium)*3px + var(--ui-lib-size-def-large)*3px + var(--ui-lib-size-def-xlarge)*3px) } .color-danger-Afd6t4Zj { background-color: var(--color-counter-fill-danger); color: var(--color-counter-content-danger) } .color-accent-Afd6t4Zj { background-color: var(--color-counter-fill-accent); color: var(--color-counter-content-accent) } .color-accent-light-Afd6t4Zj { background-color: var(--color-counter-fill-accent-light); color: var(--color-counter-content-accent-light) } .color-neutral-bold-Afd6t4Zj { background-color: var(--color-counter-fill-neutral-bold); color: var(--color-counter-content-neutral-bold) } .color-neutral-Afd6t4Zj { background-color: var(--color-counter-fill-neutral); color: var(--color-counter-content-neutral) } .borderColor-primary-Afd6t4Zj { --ui-lib-counter-border-outline-primary: solid 2px var(--color-counter-border-primary); outline: var(--ui-lib-counter-border-outline-primary) } .borderColor-secondary-Afd6t4Zj { --ui-lib-counter-border-outline-secondary: solid 2px var(--color-counter-border-secondary); outline: var(--ui-lib-counter-border-outline-secondary) } .borderColor-tertiary-Afd6t4Zj { --ui-lib-counter-border-outline-tertiary: solid 2px var(--color-counter-border-tertiary); outline: var(--ui-lib-counter-border-outline-tertiary) } .disabled-Afd6t4Zj { opacity: .5 } /* 31837.d368caa64d494a4087cc.css */ [data-theme=light] { --_0-y2ZX: #ececec; --_1-y2ZX: var(--color-cold-gray-150); --_2-y2ZX: var(--color-white); --_3-y2ZX: var(--color-ripe-red-400); --_4-y2ZX: var(--color-ripe-red-600); --_5-y2ZX: var(--color-ripe-red-700); --_6-y2ZX: var(--color-cold-gray-900); --_7-y2ZX: var(--color-cold-gray-800); --_8-y2ZX: var(--color-cold-gray-700); --_9-y2ZX: var(--color-white); --_10-y2ZX: var(--color-cold-gray-900); --_11-y2ZX: var(--color-white); --_12-y2ZX: var(--color-white) } [data-theme=dark] { --_0-y2ZX: var(--color-cold-gray-850); --_1-y2ZX: var(--color-cold-gray-750); --_2-y2ZX: var(--color-white); --_3-y2ZX: var(--color-ripe-red-700); --_4-y2ZX: var(--color-ripe-red-600); --_5-y2ZX: var(--color-ripe-red-500); --_6-y2ZX: var(--color-white); --_7-y2ZX: var(--color-cold-gray-100); --_8-y2ZX: var(--color-cold-gray-200); --_9-y2ZX: var(--color-cold-gray-900); --_10-y2ZX: var(--color-white); --_11-y2ZX: var(--color-cold-gray-900); --_12-y2ZX: var(--color-cold-gray-900) } .tv-button { color: var(--color-cold-gray-500); display: inline-block; font-size: 14px; line-height: 32px; margin: 0; min-width: 40px; padding: 1px 22px; position: relative; text-align: center; text-decoration: none; -webkit-user-select: none; user-select: none; vertical-align: middle; white-space: nowrap; fill: currentColor; background-color: initial; border: none; border-radius: 4px; box-sizing: border-box; cursor: pointer; outline: 0; overflow: hidden; -webkit-tap-highlight-color: transparent; transition: background-color .35s ease, border-color .35s ease, color .35s ease } .tv-button.tv-button--danger_ghost, .tv-button.tv-button--default, .tv-button.tv-button--default_ghost, .tv-button.tv-button--primary_ghost, .tv-button.tv-button--secondary_ghost, .tv-button.tv-button--state, .tv-button.tv-button--success_ghost, .tv-button.tv-button--warning_ghost { padding: 0 21px } .tv-button.i-active, .tv-button.i-hover, .tv-button:active { transition-duration: 60ms } @media (any-hover:hover) { .tv-button:hover { transition-duration: 60ms } } .tv-button svg { vertical-align: middle } .tv-button--block { display: block; text-align: center; width: 100% } .tv-button+.tv-button { margin-inline-start: 15px } .tv-button.tv-button--no-left-margin { margin-inline-start: 0 } .tv-button__text { display: inline-block; position: relative } .tv-button__text--full-height { align-items: center; display: flex; height: 100%; justify-content: center; white-space: normal; width: 100%; word-wrap: break-word; line-height: 1.2em; margin: 11px 5px } .tv-button--default, .tv-button--default_ghost, a.tv-button--default:visited { background-color: var(--color-body-bg); border-color: var(--color-body-bg); color: #fff } .tv-button--default_ghost { color: var(--color-body-bg) } .tv-button--default_ghost.i-checked { background-color: var(--color-body-bg); border-color: var(--color-body-bg); color: #fff } .tv-button--default.i-active, .tv-button--default:active, .tv-button--default_ghost.i-active, .tv-button--default_ghost:active { background-color: var(--_0-y2ZX); border-color: var(--_0-y2ZX); color: #fff; transform: translateY(1px) } .tv-button--default.i-hover, .tv-button--default_ghost.i-hover { background-color: var(--color-button-hover-bg); border-color: var(--color-button-hover-bg); color: #fff } @media (any-hover:hover) { .tv-button--default:hover, .tv-button--default_ghost:hover { background-color: var(--color-button-hover-bg); border-color: var(--color-button-hover-bg); color: #fff } } .tv-button--default_ghost .tv-button__loader-item { background-color: var(--color-button-hover-bg) } .tv-button--default_ghost.i-hover .tv-button__loader-item { background-color: #fff } @media (any-hover:hover) { .tv-button--default_ghost:hover .tv-button__loader-item { background-color: #fff } } .tv-button--default, .tv-button--default.i-checked, .tv-button--default_ghost, .tv-button--default_ghost.i-checked { border: 1px solid; border-color: var(--color-section-separator-border); color: var(--color-tv-button-checked) } .tv-button--default.i-hover, .tv-button--default_ghost.i-hover { border-color: var(--color-section-separator-border); color: var(--color-tv-button-checked) } @media (any-hover:hover) { .tv-button--default:hover, .tv-button--default_ghost:hover { border-color: var(--color-section-separator-border); color: var(--color-tv-button-checked) } } .tv-button--default.i-active, .tv-button--default:active, .tv-button--default_ghost.i-active, .tv-button--default_ghost:active { border-color: var(--color-section-separator-border); color: var(--color-tv-button-checked) } .tv-button--primary, .tv-button--primary_ghost, a.tv-button--primary:visited { background-color: var(--_6-y2ZX); border-color: var(--_6-y2ZX); color: var(--_9-y2ZX) } .tv-button--primary_ghost { color: var(--_6-y2ZX) } .tv-button--primary_ghost.i-checked { background-color: var(--_6-y2ZX); border-color: var(--_6-y2ZX); color: var(--_9-y2ZX) } .tv-button--primary.i-active, .tv-button--primary:active, .tv-button--primary_ghost.i-active, .tv-button--primary_ghost:active { background-color: var(--_8-y2ZX); border-color: var(--_8-y2ZX); color: var(--_9-y2ZX); transform: translateY(1px) } .tv-button--primary.i-hover, .tv-button--primary_ghost.i-hover { background-color: var(--_7-y2ZX); border-color: var(--_7-y2ZX); color: var(--_9-y2ZX) } @media (any-hover:hover) { .tv-button--primary:hover, .tv-button--primary_ghost:hover { background-color: var(--_7-y2ZX); border-color: var(--_7-y2ZX); color: var(--_9-y2ZX) } } .tv-button--primary_ghost .tv-button__loader-item { background-color: var(--_7-y2ZX) } .tv-button--primary_ghost.i-hover .tv-button__loader-item { background-color: var(--_9-y2ZX) } @media (any-hover:hover) { .tv-button--primary_ghost:hover .tv-button__loader-item { background-color: var(--_9-y2ZX) } } .tv-button--secondary, .tv-button--secondary_ghost, a.tv-button--secondary:visited { background-color: var(--color-cold-gray-100); border-color: var(--color-cold-gray-100); color: var(--color-cold-gray-500) } .tv-button--secondary_ghost { color: var(--color-cold-gray-500) } .tv-button--secondary_ghost.i-checked { background-color: var(--color-cold-gray-100); border-color: var(--color-cold-gray-100); color: var(--color-cold-gray-500) } .tv-button--secondary.i-active, .tv-button--secondary:active, .tv-button--secondary_ghost.i-active, .tv-button--secondary_ghost:active { background-color: #d1dbf0; border-color: #d1dbf0; color: var(--color-cold-gray-500); transform: translateY(1px) } .tv-button--secondary.i-hover, .tv-button--secondary_ghost.i-hover { background-color: #e1e7f5; border-color: #e1e7f5; color: var(--color-cold-gray-500) } @media (any-hover:hover) { .tv-button--secondary:hover, .tv-button--secondary_ghost:hover { background-color: #e1e7f5; border-color: #e1e7f5; color: var(--color-cold-gray-500) } } .tv-button--secondary_ghost .tv-button__loader-item { background-color: #e1e7f5 } .tv-button--secondary_ghost.i-hover .tv-button__loader-item { background-color: var(--color-cold-gray-500) } @media (any-hover:hover) { .tv-button--secondary_ghost:hover .tv-button__loader-item { background-color: var(--color-cold-gray-500) } } .tv-button--success, .tv-button--success_ghost, a.tv-button--success:visited { background-color: var(--color-success); border-color: var(--color-success); color: var(--_2-y2ZX) } .tv-button--success_ghost { color: var(--color-success) } .tv-button--success_ghost.i-checked { background-color: var(--color-success); border-color: var(--color-success); color: var(--_2-y2ZX) } .tv-button--success.i-active, .tv-button--success:active, .tv-button--success_ghost.i-active, .tv-button--success_ghost:active { background-color: var(--color-success-active); border-color: var(--color-success-active); color: var(--_2-y2ZX); transform: translateY(1px) } .tv-button--success.i-hover, .tv-button--success_ghost.i-hover { background-color: var(--color-success-hover); border-color: var(--color-success-hover); color: var(--_2-y2ZX) } @media (any-hover:hover) { .tv-button--success:hover, .tv-button--success_ghost:hover { background-color: var(--color-success-hover); border-color: var(--color-success-hover); color: var(--_2-y2ZX) } } .tv-button--success_ghost .tv-button__loader-item { background-color: var(--color-success-hover) } .tv-button--success_ghost.i-hover .tv-button__loader-item { background-color: var(--_2-y2ZX) } @media (any-hover:hover) { .tv-button--success_ghost:hover .tv-button__loader-item { background-color: var(--_2-y2ZX) } } .tv-button--danger, .tv-button--danger_ghost, a.tv-button--danger:visited { background-color: var(--_3-y2ZX); border-color: var(--_3-y2ZX); color: var(--_2-y2ZX) } .tv-button--danger_ghost { color: var(--_3-y2ZX) } .tv-button--danger_ghost.i-checked { background-color: var(--_3-y2ZX); border-color: var(--_3-y2ZX); color: var(--_2-y2ZX) } .tv-button--danger.i-active, .tv-button--danger:active, .tv-button--danger_ghost.i-active, .tv-button--danger_ghost:active { background-color: var(--_5-y2ZX); border-color: var(--_5-y2ZX); color: var(--_2-y2ZX); transform: translateY(1px) } .tv-button--danger.i-hover, .tv-button--danger_ghost.i-hover { background-color: var(--_4-y2ZX); border-color: var(--_4-y2ZX); color: var(--_2-y2ZX) } @media (any-hover:hover) { .tv-button--danger:hover, .tv-button--danger_ghost:hover { background-color: var(--_4-y2ZX); border-color: var(--_4-y2ZX); color: var(--_2-y2ZX) } } .tv-button--danger_ghost .tv-button__loader-item { background-color: var(--_4-y2ZX) } .tv-button--danger_ghost.i-hover .tv-button__loader-item { background-color: var(--_2-y2ZX) } @media (any-hover:hover) { .tv-button--danger_ghost:hover .tv-button__loader-item { background-color: var(--_2-y2ZX) } } .tv-button--warning, .tv-button--warning_ghost, a.tv-button--warning:visited { background-color: var(--color-tan-orange-500); border-color: var(--color-tan-orange-500); color: #fff } .tv-button--warning_ghost { color: var(--color-tan-orange-500) } .tv-button--warning_ghost.i-checked { background-color: var(--color-tan-orange-500); border-color: var(--color-tan-orange-500); color: #fff } .tv-button--warning.i-active, .tv-button--warning:active, .tv-button--warning_ghost.i-active, .tv-button--warning_ghost:active { background-color: var(--color-tan-orange-a600); border-color: var(--color-tan-orange-a600); color: #fff; transform: translateY(1px) } .tv-button--warning.i-hover, .tv-button--warning_ghost.i-hover { background-color: var(--color-tan-orange-a400); border-color: var(--color-tan-orange-a400); color: #fff } @media (any-hover:hover) { .tv-button--warning:hover, .tv-button--warning_ghost:hover { background-color: var(--color-tan-orange-a400); border-color: var(--color-tan-orange-a400); color: #fff } } .tv-button--warning_ghost .tv-button__loader-item { background-color: var(--color-tan-orange-a400) } .tv-button--warning_ghost.i-hover .tv-button__loader-item { background-color: #fff } @media (any-hover:hover) { .tv-button--warning_ghost:hover .tv-button__loader-item { background-color: #fff } } .tv-button--link, .tv-button--link:visited { color: var(--color-link-primary-default); fill: var(--color-link-primary-default) } @media (any-hover:hover) { .tv-button--link:hover { color: var(--color-link-primary-hover); fill: var(--color-link-primary-hover) } } .tv-button--link:active { color: var(--color-link-primary-active); fill: var(--color-link-primary-active) } .tv-button--link:focus { outline: auto; outline-offset: 2px } .tv-button--link:focus-visible { outline: auto; outline-offset: 2px } .tv-button--link:focus:not(:focus-visible) { outline: none } .tv-button--danger_ghost, .tv-button--default_ghost, .tv-button--primary_ghost, .tv-button--secondary_ghost, .tv-button--success_ghost, .tv-button--warning_ghost { background-color: var(--color-static-transparent); border-style: solid; border-width: 1px } .tv-button--danger_ghost.tv-button--size_large, .tv-button--default_ghost.tv-button--size_large, .tv-button--primary_ghost.tv-button--size_large, .tv-button--secondary_ghost.tv-button--size_large, .tv-button--success_ghost.tv-button--size_large, .tv-button--warning_ghost.tv-button--size_large { border-width: 2px } .tv-button--danger_ghost.tv-button--size_large.tv-button--thin-border, .tv-button--default_ghost.tv-button--size_large.tv-button--thin-border, .tv-button--primary_ghost.tv-button--size_large.tv-button--thin-border, .tv-button--secondary_ghost.tv-button--size_large.tv-button--thin-border, .tv-button--success_ghost.tv-button--size_large.tv-button--thin-border, .tv-button--warning_ghost.tv-button--size_large.tv-button--thin-border { border-width: 1px } @media (any-hover:hover) { .tv-button--default_ghost:hover { background-color: var(--_0-y2ZX) } } .tv-button.i-disabled, .tv-button.i-disabled:active, .tv-button:disabled, .tv-button:disabled:active { background-color: var(--_1-y2ZX); border-color: var(--_1-y2ZX); color: var(--color-text-disabled); cursor: default } @media (any-hover:hover) { .tv-button.i-disabled:hover, .tv-button:disabled:hover { background-color: var(--_1-y2ZX); border-color: var(--_1-y2ZX); color: var(--color-text-disabled); cursor: default } } .tv-button.i-disabled:active, .tv-button:disabled:active { transform: translateY(0) } .tv-button--size_xsmall { border-radius: 1px; font-size: 11px; font-weight: 400; line-height: 15px; padding: 2px 7px } .tv-button--size_xsmall.tv-button--danger_ghost, .tv-button--size_xsmall.tv-button--default, .tv-button--size_xsmall.tv-button--default_ghost, .tv-button--size_xsmall.tv-button--primary_ghost, .tv-button--size_xsmall.tv-button--secondary_ghost, .tv-button--size_xsmall.tv-button--state, .tv-button--size_xsmall.tv-button--success_ghost, .tv-button--size_xsmall.tv-button--warning_ghost { padding: 1px 6px } .tv-button--size_xsmall+.tv-button--size_xsmall { margin-inline-start: 10px } .tv-button--size_small { font-size: 13px; line-height: 25px; padding: 1px 12px } .tv-button--size_small.tv-button--danger_ghost, .tv-button--size_small.tv-button--default, .tv-button--size_small.tv-button--default_ghost, .tv-button--size_small.tv-button--primary_ghost, .tv-button--size_small.tv-button--secondary_ghost, .tv-button--size_small.tv-button--state, .tv-button--size_small.tv-button--success_ghost, .tv-button--size_small.tv-button--warning_ghost { padding: 0 11px } .tv-button--size_small+.tv-button--size_small { margin-inline-start: 10px } .tv-button--size_large { font-size: 17px; line-height: 44px; padding: 1px 30px } .tv-button--size_large.tv-button--danger_ghost, .tv-button--size_large.tv-button--default, .tv-button--size_large.tv-button--default_ghost, .tv-button--size_large.tv-button--primary_ghost, .tv-button--size_large.tv-button--secondary_ghost, .tv-button--size_large.tv-button--state, .tv-button--size_large.tv-button--success_ghost, .tv-button--size_large.tv-button--warning_ghost { padding: 0 29px } .tv-button--size_promo { border-radius: 120px; font-size: 24px; line-height: 54px; padding: 1px 40px } .tv-button--size_promo.tv-button--danger_ghost, .tv-button--size_promo.tv-button--default, .tv-button--size_promo.tv-button--default_ghost, .tv-button--size_promo.tv-button--primary_ghost, .tv-button--size_promo.tv-button--secondary_ghost, .tv-button--size_promo.tv-button--state, .tv-button--size_promo.tv-button--success_ghost, .tv-button--size_promo.tv-button--warning_ghost { padding: 0 39px } .tv-button--no-padding { padding: 1px } .tv-button--no-padding.tv-button--danger_ghost, .tv-button--no-padding.tv-button--default, .tv-button--no-padding.tv-button--default_ghost, .tv-button--no-padding.tv-button--primary_ghost, .tv-button--no-padding.tv-button--secondary_ghost, .tv-button--no-padding.tv-button--state, .tv-button--no-padding.tv-button--success_ghost, .tv-button--no-padding.tv-button--warning_ghost { padding: 0 } .tv-button--state { background: var(--color-static-transparent); border-style: solid; border-width: 1px; text-align: center } .tv-button--state:after { content: ""; display: inline-block } .tv-button--state__checked, .tv-button--state__uncheck-hint, .tv-button--state__unchecked { display: block; height: 0; transition: opacity .2625s ease, transform .2625s ease } .tv-button--state__ellipsis-text { display: block; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap } @media (any-hover:hover) { .tv-button--state.i-checked:hover .tv-button--state__checked, .tv-button--state.i-checked:hover .tv-button--state__uncheck-hint, .tv-button--state.i-checked:hover .tv-button--state__unchecked { will-change: opacity, transform } } .tv-button--state.i-checked .tv-button--state__unchecked, .tv-button--state__checked, .tv-button--state__uncheck-hint { opacity: 0 } @media (any-hover:hover) { .tv-button--state.i-checked:hover .tv-button--state__checked { opacity: 0 } } .tv-button--state.i-checked .tv-button--state__checked, .tv-button--state__unchecked { opacity: 1 } @media (any-hover:hover) { .tv-button--state.i-checked:hover .tv-button--state__uncheck-hint { opacity: 1 } .tv-button--state.i-checked:hover .tv-button--state__checked { transform: translateY(-5px) } } .tv-button--state.i-checked .tv-button--state__unchecked, .tv-button--state__checked, .tv-button--state__uncheck-hint { transform: translateY(5px) } .tv-button--state.i-checked .tv-button--state__checked { transform: translateY(0) } @media (any-hover:hover) { .tv-button--state.i-checked:hover .tv-button--state__uncheck-hint { transform: translateY(0) } } .tv-button--state.tv-button--success { background-color: var(--color-static-transparent); color: var(--color-success) } .tv-button--state.tv-button--success.i-checked { background-color: var(--color-success); color: var(--_2-y2ZX) } @media (any-hover:hover) { .tv-button--state.tv-button--success:hover { background-color: var(--color-success-hover); color: var(--_2-y2ZX) } } .tv-button--state.tv-button--success:active { background-color: var(--color-success-active); color: var(--_2-y2ZX) } .tv-button--state.tv-button--danger { background-color: var(--color-static-transparent); color: var(--_3-y2ZX) } .tv-button--state.tv-button--danger.i-checked { background-color: var(--color-ripe-red-400); color: #fff } @media (any-hover:hover) { .tv-button--state.tv-button--danger:hover { background-color: var(--color-ripe-red-400); color: #fff } } .tv-button--state.tv-button--danger:active { background-color: var(--color-ripe-red-500); color: #fff } .tv-button--state.tv-button--primary { background-color: var(--color-static-transparent); color: var(--_10-y2ZX) } .tv-button--state.tv-button--primary.i-checked { background-color: var(--_8-y2ZX); color: var(--_11-y2ZX) } @media (any-hover:hover) { .tv-button--state.tv-button--primary:hover { background-color: var(--_7-y2ZX); color: var(--_11-y2ZX) } } .tv-button--state.tv-button--primary:active { background-color: var(--_8-y2ZX); color: var(--_11-y2ZX) } .tv-button--state.tv-button--primary_ghost-hover.i-checked { background-color: var(--color-static-transparent); color: var(--color-brand) } @media (any-hover:hover) { .tv-button--state.tv-button--primary_ghost-hover:hover { background-color: var(--color-brand-hover); color: var(--_2-y2ZX) } } .tv-button--state.tv-button--primary_ghost-hover:active { background-color: var(--color-brand-active); color: var(--_2-y2ZX) } .tv-button--state.tv-button--secondary { background-color: initial; color: var(--color-cold-gray-500) } .tv-button--state.tv-button--secondary.i-checked { background-color: var(--color-cold-gray-100); color: var(--color-cold-gray-500) } @media (any-hover:hover) { .tv-button--state.tv-button--secondary:hover { background-color: #e1e7f5; color: var(--color-cold-gray-500) } } .tv-button--state.tv-button--secondary:active { background-color: #d1dbf0; color: var(--color-cold-gray-500) } .tv-button--state.tv-button--warning { background-color: initial; color: var(--color-tan-orange-500) } .tv-button--state.tv-button--warning.i-checked { background-color: var(--color-tan-orange-500); color: #fff } @media (any-hover:hover) { .tv-button--state.tv-button--warning:hover { background-color: var(--color-tan-orange-a400); color: #fff } } .tv-button--state.tv-button--warning:active { background-color: var(--color-tan-orange-a600); color: #fff } .tv-button--state.tv-button--icon-with-text svg { margin-inline-end: 6px; margin-bottom: -8px; vertical-align: unset } .tv-button--icon { align-items: center; display: inline-flex; height: 34px; justify-content: center; min-width: auto; padding: 0 !important; width: 34px } .tv-button--icon.tv-button--size_xsmall { height: 19px; width: 19px } .tv-button--icon.tv-button--size_small { height: 27px; width: 27px } .tv-button--icon.tv-button--size_large { height: 46px; width: 46px } .tv-button__icon { display: flex; margin-inline-end: 7px } .tv-button--loader .tv-button__text { transition: opacity 175ms ease, transform 175ms ease } .tv-button--loader.i-start-load .tv-button__text { opacity: 0; transform: translateY(-5px) } .tv-button--loader.i-loading .tv-button__text { opacity: 0; transform: translateY(5px) } .tv-button--loader.i-stop-load .tv-button__text { opacity: 1; transform: translateY(0); transition-delay: 175ms } .tv-button__loader { bottom: 0; font-size: 0; height: 100%; inset-inline-end: 0; inset-inline-start: 0; margin: 0 auto; opacity: 0; position: absolute; text-align: center; top: 0; transition: opacity .35s ease } .tv-button__loader:after { content: ""; display: inline-block; height: 100%; vertical-align: middle } .tv-button--loader.i-loading .tv-button__loader, .tv-button--loader.i-start-load .tv-button__loader { opacity: 1 } .tv-button--loader.i-stop-load .tv-button__loader { opacity: 0 } .tv-button__loader-item { background-color: var(--_12-y2ZX); border-radius: 100%; display: inline-block; height: 10px; margin-inline-end: 2px; margin-inline-start: 2px; opacity: 0; transform: translateY(12px) scale(.6); transition: transform .35s cubic-bezier(.68, -.55, .265, 1.55), opacity .35s ease; vertical-align: middle; width: 10px } .tv-button__loader-item:nth-child(2) { transition-delay: .11666667s } .tv-button__loader-item:nth-child(3) { transition-delay: 233.33333ms } .tv-button--default .tv-button__loader-item { background-color: var(--color-cold-gray-500) } .tv-button--loader.i-loading .tv-button__loader-item, .tv-button--loader.i-start-load .tv-button__loader-item { opacity: 1 } .tv-button--loader.i-stop-load .tv-button__loader-item { opacity: 0 } .tv-button--loader.i-loading .tv-button__loader-item, .tv-button--loader.i-start-load .tv-button__loader-item, .tv-button--loader.i-stop-load .tv-button__loader-item { transform: translateY(0) scale(.6) } .tv-button--loader.i-loading .tv-button__loader-item, .tv-button--loader.i-stop-load .tv-button__loader-item { animation: tv-button-loader-YjdHKsBM .96s ease-in-out infinite both } .tv-button--loader.i-loading .tv-button__loader-item:nth-child(2), .tv-button--loader.i-stop-load .tv-button__loader-item:nth-child(2) { animation-delay: .151s } .tv-button--loader.i-loading .tv-button__loader-item:nth-child(3), .tv-button--loader.i-stop-load .tv-button__loader-item:nth-child(3) { animation-delay: .32s } .tv-button--no-border-radius { border-radius: 0 } .tv-button--no-border { border: none } .tv-button--connect { border-radius: 0 } .tv-button--connect_left { border-end-start-radius: 0; border-start-start-radius: 0 } .tv-button--connect_right { border-end-end-radius: 0; border-start-end-radius: 0 } .tv-button--with-icon { align-items: center; display: inline-flex; transform: translate(0) } @keyframes tv-button-loader-YjdHKsBM { 0%, to { transform: scale(.6) } 50% { transform: scale(.9) } } /* 49518.081f9637b94ee62a6e6f.css */ [data-theme=light] { --_0-6anM: var(--color-cold-gray-800); --_1-6anM: var(--color-cold-gray-700); --_2-6anM: var(--color-cold-gray-550); --_3-6anM: var(--color-cold-gray-800); --_4-6anM: var(--color-cold-gray-800); --_5-6anM: var(--color-white); --_6-6anM: var(--color-cold-gray-700); --_7-6anM: var(--color-cold-gray-700); --_8-6anM: var(--color-cold-gray-550); --_9-6anM: var(--color-cold-gray-550) } [data-theme=dark] { --_0-6anM: var(--color-cold-gray-100); --_1-6anM: var(--color-cold-gray-200); --_2-6anM: var(--color-cold-gray-450); --_3-6anM: var(--color-cold-gray-100); --_4-6anM: var(--color-cold-gray-100); --_5-6anM: var(--color-cold-gray-800); --_6-6anM: var(--color-cold-gray-200); --_7-6anM: var(--color-cold-gray-200); --_8-6anM: var(--color-cold-gray-450); --_9-6anM: var(--color-cold-gray-450) } .tv-control-checkbox { -webkit-tap-highlight-color: transparent } .tv-control-checkbox--in-actions { max-width: 50% } @media (max-width:479px) { .tv-control-checkbox--in-actions { max-width: none } } .tv-control-checkbox, .tv-control-checkbox__label { display: inline-block; position: relative; -webkit-user-select: none; user-select: none; vertical-align: middle } .tv-control-checkbox--nowrap, .tv-control-checkbox__label--nowrap { white-space: nowrap } .tv-control-checkbox__input { height: 18px; inset-inline-start: 0; opacity: 0; position: absolute; top: 0; width: 18px } .tv-control-checkbox__box { border-radius: 3px; box-sizing: border-box; display: block; height: 18px; line-height: 1; pointer-events: none; transition: background-color .35s ease; width: 18px } .tv-control-checkbox__box:before { background-color: initial; border-radius: 3px; inset-inline-start: 50%; margin-top: -9px; margin-inline-start: -9px; top: 50%; transform: scale(1); transition: transform .35s ease, background-color .35s ease, border-radius .35s ease } .tv-control-checkbox__box:after, .tv-control-checkbox__box:before { content: ""; display: block; height: 18px; position: absolute; width: 18px } .tv-control-checkbox__box:after { border-color: var(--_0-6anM); border-radius: 3px; border-style: solid; border-width: 1px; box-sizing: border-box; inset-inline-start: 0; top: 0; transition: border-color .35s ease } .tv-control-checkbox__box svg { display: block; height: 12px; inset-inline-start: 50%; margin-top: -6px; margin-inline-start: -6px; position: absolute; top: 50%; width: 12px; stroke: #0000; transform: scale(0); transition: stroke .35s ease 1ms, transform .35s ease 1ms } .tv-control-checkbox__label { margin-inline-end: 10px; white-space: normal } .tv-control-checkbox__label--two-lines { width: 155px } .tv-control-checkbox__label--nowrap { white-space: nowrap } .tv-control-checkbox__label--lil-line-height { line-height: 16px; max-width: 80%; min-width: 45% } .tv-control-checkbox__label+.tv-control-checkbox { margin-inline-start: 0 } .tv-control-checkbox+.tv-control-checkbox__label { margin-inline-end: 0; margin-inline-start: 10px; max-width: calc(100% - 1ex - 28px) } .tv-control-checkbox:active .tv-control-checkbox__box, .tv-control-checkbox__input:focus+.tv-control-checkbox__box { will-change: background-color } @media (any-hover:hover) { .tv-control-checkbox:hover .tv-control-checkbox__box { will-change: background-color } } .tv-control-checkbox:active .tv-control-checkbox__box:before, .tv-control-checkbox__input:focus+.tv-control-checkbox__box:before { will-change: transform, border-radius } @media (any-hover:hover) { .tv-control-checkbox:hover .tv-control-checkbox__box:before { will-change: transform, border-radius } } .tv-control-checkbox:active .tv-control-checkbox__box:after, .tv-control-checkbox__input:focus+.tv-control-checkbox__box:after { will-change: border-color } @media (any-hover:hover) { .tv-control-checkbox:hover .tv-control-checkbox__box:after { border-color: var(--_1-6anM); will-change: border-color } } .tv-control-checkbox:active .tv-control-checkbox__box:after, .tv-control-checkbox__input:focus+.tv-control-checkbox__box:after { border-color: var(--_2-6anM) } .tv-control-checkbox__input:checked+.tv-control-checkbox__box { background-color: var(--_3-6anM) } .tv-control-checkbox__input:checked+.tv-control-checkbox__box, .tv-control-checkbox__input:checked+.tv-control-checkbox__box:after, .tv-control-checkbox__input:checked+.tv-control-checkbox__box:before { transition-timing-function: cubic-bezier(.215, .61, .355, 1) } .tv-control-checkbox__input:checked+.tv-control-checkbox__box:before { border-radius: 50%; transform: scale(0) } .tv-control-checkbox__input:checked+.tv-control-checkbox__box:after { border-color: var(--_4-6anM) } .tv-control-checkbox__input:checked+.tv-control-checkbox__box svg { stroke: var(--_5-6anM); transform: scale(1); transition-delay: 87.5ms; transition-timing-function: cubic-bezier(.215, .61, .355, 1); will-change: stroke, transform } @media (any-hover:hover) { .tv-control-checkbox:hover .tv-control-checkbox__input:checked+.tv-control-checkbox__box { background-color: var(--_6-6anM) } .tv-control-checkbox:hover .tv-control-checkbox__input:checked+.tv-control-checkbox__box:after { border-color: var(--_7-6anM) } } .tv-control-checkbox:active .tv-control-checkbox__input:checked+.tv-control-checkbox__box, .tv-control-checkbox__input:focus-visible:checked+.tv-control-checkbox__box { background-color: var(--_8-6anM) } .tv-control-checkbox:active .tv-control-checkbox__input:checked+.tv-control-checkbox__box:after, .tv-control-checkbox__input:focus-visible:checked+.tv-control-checkbox__box:after { border-color: var(--_9-6anM) } .tv-control-checkbox__input[disabled]+.tv-control-checkbox__box { opacity: .5 } .tv-control-checkbox.i-error .tv-control-checkbox__box:after { border-color: var(--color-ripe-red-400) } /* 54681.a717110e6749f307ed6d.css */ .i-hidden { display: none !important } .i-invisible { visibility: hidden !important } .i-align_left { text-align: start !important } .i-align_right { text-align: end !important } .i-align_center { text-align: center !important } .i-float_left { float: inline-start !important } .i-float_right { float: inline-end !important } .i-float_none { float: none !important } .i-no-break { white-space: nowrap } /* 43644.0f7c140019a67fd50be6.css */ .noBreak-HkGXK524 { white-space: nowrap } /* 55011.f9c0a3c09f7b8779aa37.css */ .button-HdKhcTye { all: unset; align-items: center; box-sizing: border-box; cursor: default; display: flex; height: 100%; transition: background-color 60ms ease, opacity 60ms ease, color 60ms ease; --tv-toolbar-explicit-hover-border-radius: 6px; --tv-tool-widget-button-interactive-background-color: var(--tv-color-toolbar-button-background-active, var(--color-container-fill-primary-neutral-light)); --tv-tool-widget-button-interactive-background-hover-color: var(--tv-color-toolbar-button-background-active-hover, var(--color-container-fill-primary-neutral-normal)); color: var(--tv-color-toolbar-button-text, var(--color-toolbar-button-text)) } .button-HdKhcTye.pressed-HdKhcTye { --tv-tool-widget-button-interactive-color: var(--tv-color-item-active-text, var(--color-content-secondary-inverse)); --tv-tool-widget-button-interactive-background-color: var(--tv-color-toolbar-toggle-button-background-active, var(--color-container-fill-primary-neutral-extra-bold)); --tv-tool-widget-button-interactive-background-hover-color: var(--tv-color-toolbar-toggle-button-background-active-hover, var(--color-container-fill-primary-neutral-bold)) } .button-HdKhcTye.hover-HdKhcTye, .button-HdKhcTye:active { color: var(--tv-color-toolbar-button-text-hover, var(--color-toolbar-button-text-hover)) } @media (any-hover:hover) { .button-HdKhcTye:hover { color: var(--tv-color-toolbar-button-text-hover, var(--color-toolbar-button-text-hover)) } } .button-HdKhcTye.clicked-HdKhcTye, .button-HdKhcTye:active { color: var(--tv-color-toolbar-button-text-clicked, var(--tv-color-toolbar-button-text-hover, var(--color-toolbar-button-text-hover))) } .button-HdKhcTye svg { display: block; -moz-transform: translateX(0) } .button-HdKhcTye.isInteractive-HdKhcTye { position: relative; z-index: 0 } .button-HdKhcTye.isInteractive-HdKhcTye:before { border-radius: var(--tv-toolbar-explicit-hover-border-radius, 2px); bottom: var(--tv-toolbar-explicit-hover-margin-bottom, var(--tv-toolbar-explicit-hover-margin, 2px)); display: block; inset-inline-end: var(--tv-toolbar-explicit-hover-margin-right, var(--tv-toolbar-explicit-hover-margin, 2px)); inset-inline-start: var(--tv-toolbar-explicit-hover-margin-left, var(--tv-toolbar-explicit-hover-margin, 2px)); outline: var(--color-tv-blue-500) none 2px; position: absolute; top: var(--tv-toolbar-explicit-hover-margin-top, var(--tv-toolbar-explicit-hover-margin, 2px)); z-index: -1 } .button-HdKhcTye.isInteractive-HdKhcTye.hover-HdKhcTye:before, .button-HdKhcTye.isInteractive-HdKhcTye:active:before { background-color: var(--tv-color-toolbar-button-background-hover, var(--color-toolbar-button-background-hover)); content: "" } @media (any-hover:hover) { .button-HdKhcTye.isInteractive-HdKhcTye:hover:before { background-color: var(--tv-color-toolbar-button-background-hover, var(--color-toolbar-button-background-hover)); content: "" } } .button-HdKhcTye.isInteractive-HdKhcTye.clicked-HdKhcTye:before, .button-HdKhcTye.isInteractive-HdKhcTye:active:before { background-color: var(--tv-color-toolbar-button-background-clicked, var(--tv-color-toolbar-button-background-hover, var(--color-toolbar-button-background-hover))); content: "" } .button-HdKhcTye.isInteractive-HdKhcTye.accessible-HdKhcTye:focus-visible:before { content: ""; outline-style: solid } .button-HdKhcTye.isInteractive-HdKhcTye.isActive-HdKhcTye { color: var(--tv-tool-widget-button-interactive-color, var(--tv-color-toolbar-button-text-active)); --tv-color-toolbar-button-background-hover: var(--tv-tool-widget-button-interactive-background-color) } .button-HdKhcTye.isInteractive-HdKhcTye.isActive-HdKhcTye:before { background-color: var(--tv-color-toolbar-button-background-hover); content: "" } .button-HdKhcTye.isInteractive-HdKhcTye.isActive-HdKhcTye.hover-HdKhcTye, .button-HdKhcTye.isInteractive-HdKhcTye.isActive-HdKhcTye:active { color: var(--tv-tool-widget-button-interactive-hover-color, var(--tv-tool-widget-button-interactive-color, var(--tv-color-toolbar-button-text-active-hover))); --tv-color-toolbar-button-background-hover: var(--tv-tool-widget-button-interactive-background-hover-color) } @media (any-hover:hover) { .button-HdKhcTye.isInteractive-HdKhcTye.isActive-HdKhcTye:hover { color: var(--tv-tool-widget-button-interactive-hover-color, var(--tv-tool-widget-button-interactive-color, var(--tv-color-toolbar-button-text-active-hover))); --tv-color-toolbar-button-background-hover: var(--tv-tool-widget-button-interactive-background-hover-color) } } .button-HdKhcTye.isInteractive-HdKhcTye.isOpened-HdKhcTye.hover-HdKhcTye:before, .button-HdKhcTye.isInteractive-HdKhcTye.isOpened-HdKhcTye:active:before, .button-HdKhcTye.isInteractive-HdKhcTye.isOpened-HdKhcTye:before { background-color: var(--tv-color-toolbar-button-background-expanded, var(--color-toolbar-opened-element-bg)); border-radius: var(--tv-toolbar-opened-element-hover-border-radius, 0); bottom: var(--tv-toolbar-opened-element-hover-margin, 0); content: ""; display: block; inset-inline-end: var(--tv-toolbar-opened-element-hover-margin, 0); inset-inline-start: var(--tv-toolbar-opened-element-hover-margin, 0); position: absolute; top: var(--tv-toolbar-opened-element-hover-margin, 0); z-index: -1 } @media (any-hover:hover) { .button-HdKhcTye.isInteractive-HdKhcTye.isOpened-HdKhcTye:hover:before { background-color: var(--tv-color-toolbar-button-background-expanded, var(--color-toolbar-opened-element-bg)); border-radius: var(--tv-toolbar-opened-element-hover-border-radius, 0); bottom: var(--tv-toolbar-opened-element-hover-margin, 0); content: ""; display: block; inset-inline-end: var(--tv-toolbar-opened-element-hover-margin, 0); inset-inline-start: var(--tv-toolbar-opened-element-hover-margin, 0); position: absolute; top: var(--tv-toolbar-opened-element-hover-margin, 0); z-index: -1 } } .button-HdKhcTye.isInteractive-HdKhcTye.isOpened-HdKhcTye.clicked-HdKhcTye:before, .button-HdKhcTye.isInteractive-HdKhcTye.isOpened-HdKhcTye:active:before { background-color: var(--tv-color-toolbar-button-background-clicked, var(--tv-color-toolbar-button-background-expanded, var(--color-toolbar-opened-element-bg))); content: ""; display: block } .button-HdKhcTye.isDisabled-HdKhcTye { opacity: .5 } .button-HdKhcTye.isDisabled-HdKhcTye.isActive-HdKhcTye { color: var(--tv-tool-widget-button-interactive-color, var(--tv-color-toolbar-button-text-active)); position: relative; z-index: 0; --tv-color-toolbar-button-background-hover: var(--tv-tool-widget-button-interactive-background-color) } .button-HdKhcTye.isDisabled-HdKhcTye.isActive-HdKhcTye:before { border-radius: var(--tv-toolbar-explicit-hover-border-radius, 2px); bottom: var(--tv-toolbar-explicit-hover-margin-bottom, var(--tv-toolbar-explicit-hover-margin, 2px)); display: block; inset-inline-end: var(--tv-toolbar-explicit-hover-margin-right, var(--tv-toolbar-explicit-hover-margin, 2px)); inset-inline-start: var(--tv-toolbar-explicit-hover-margin-left, var(--tv-toolbar-explicit-hover-margin, 2px)); outline: var(--color-tv-blue-500) none 2px; position: absolute; top: var(--tv-toolbar-explicit-hover-margin-top, var(--tv-toolbar-explicit-hover-margin, 2px)); z-index: -1 } .button-HdKhcTye.isDisabled-HdKhcTye.isActive-HdKhcTye.hover-HdKhcTye:before, .button-HdKhcTye.isDisabled-HdKhcTye.isActive-HdKhcTye:active:before { background-color: var(--tv-color-toolbar-button-background-hover, var(--color-toolbar-button-background-hover)); content: "" } @media (any-hover:hover) { .button-HdKhcTye.isDisabled-HdKhcTye.isActive-HdKhcTye:hover:before { background-color: var(--tv-color-toolbar-button-background-hover, var(--color-toolbar-button-background-hover)); content: "" } } .button-HdKhcTye.isDisabled-HdKhcTye.isActive-HdKhcTye.clicked-HdKhcTye:before, .button-HdKhcTye.isDisabled-HdKhcTye.isActive-HdKhcTye:active:before { background-color: var(--tv-color-toolbar-button-background-clicked, var(--tv-color-toolbar-button-background-hover, var(--color-toolbar-button-background-hover))); content: "" } .button-HdKhcTye.isDisabled-HdKhcTye.isActive-HdKhcTye.accessible-HdKhcTye:focus-visible:before { content: ""; outline-style: solid } .button-HdKhcTye.isDisabled-HdKhcTye.isActive-HdKhcTye:before { background-color: var(--tv-color-toolbar-button-background-hover); content: "" } .endIcon-HdKhcTye, .icon-HdKhcTye+.text-HdKhcTye, .text-HdKhcTye+.icon-HdKhcTye { margin-inline-start: 4px } .endIcon-HdKhcTye { display: flex } /* 3905.682e89ef2dc4c70423c6.css */ [data-theme=light] { --_0-wMDf: #0000; --_1-wMDf: var(--color-tan-orange-500); --_2-wMDf: var(--color-cold-gray-600); --_3-wMDf: #0000 } [data-theme=dark] { --_0-wMDf: #0000; --_1-wMDf: var(--color-tan-orange-500); --_2-wMDf: var(--color-cold-gray-450); --_3-wMDf: #0000 } .common-tooltip-EJBD96zX { font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif; font-feature-settings: "tnum" on, "lnum" on; font-style: normal; --ui-lib-typography-font-size: 13px; font-size: var(--ui-lib-typography-font-size); font-weight: 400; --ui-lib-typography-line-height: 18px; color: var(--color-common-tooltip-text); display: inline-flex; line-height: var(--ui-lib-typography-line-height); opacity: 1; pointer-events: none; position: fixed; transition: opacity .15s linear; z-index: 1000 } .common-tooltip--hidden-EJBD96zX { opacity: 0 } .common-tooltip--horizontal-EJBD96zX { margin: 4px 0 } .common-tooltip--horizontal-EJBD96zX.common-tooltip--farther-EJBD96zX { margin: 8px 0 } .common-tooltip--vertical-EJBD96zX { margin: 0 4px } .common-tooltip--vertical-EJBD96zX.common-tooltip-farther-EJBD96zX { margin: 0 8px } .common-tooltip--direction_normal-EJBD96zX { flex-direction: row } .common-tooltip--direction_normal-EJBD96zX .common-tooltip__body-EJBD96zX { border-end-start-radius: 2px; border-start-start-radius: 2px } .common-tooltip--direction_normal-EJBD96zX .common-tooltip__body--no-buttons-EJBD96zX, .common-tooltip--direction_normal-EJBD96zX .common-tooltip__button-container-EJBD96zX { border-end-end-radius: 2px; border-start-end-radius: 2px } .common-tooltip--direction_normal-EJBD96zX .common-tooltip__button-EJBD96zX:not(:last-child) { margin-inline-end: 1px } .common-tooltip--direction_reversed-EJBD96zX { flex-direction: row-reverse } .common-tooltip--direction_reversed-EJBD96zX .common-tooltip__body-EJBD96zX { border-end-end-radius: 2px; border-start-end-radius: 2px } .common-tooltip--direction_reversed-EJBD96zX .common-tooltip__body--no-buttons-EJBD96zX, .common-tooltip--direction_reversed-EJBD96zX .common-tooltip__button-container-EJBD96zX { border-end-start-radius: 2px; border-start-start-radius: 2px } .common-tooltip--direction_reversed-EJBD96zX .common-tooltip__button-EJBD96zX:not(:first-child) { margin-inline-start: 1px } .common-tooltip__ear-holder-EJBD96zX { position: relative } .common-tooltip__ear-holder-EJBD96zX:after { border: 0 solid; border-color: var(--color-common-tooltip-bg); box-sizing: border-box; content: ""; display: block; height: 0; position: absolute; width: 0 } .common-tooltip__ear-holder--above-EJBD96zX:after, .common-tooltip__ear-holder--below-EJBD96zX:after { border-left: 6px solid; border-left-color: var(--_3-wMDf); border-right: 6px solid; border-right-color: var(--_3-wMDf); left: 50%; margin-left: -6px } .common-tooltip__ear-holder--below-EJBD96zX:after { border-bottom-width: 4px; bottom: 100% } .common-tooltip__ear-holder--above-EJBD96zX:after { border-top-width: 4px; top: 100% } .common-tooltip__ear-holder--after-EJBD96zX:after, .common-tooltip__ear-holder--before-EJBD96zX:after { border-bottom: 6px solid; border-bottom-color: var(--_3-wMDf); border-top: 6px solid; border-top-color: var(--_3-wMDf); margin-top: -6px; top: 50% } .common-tooltip__ear-holder--before-EJBD96zX:after { border-right-width: 4px; right: 100% } .common-tooltip__ear-holder--after-EJBD96zX:after { border-left-width: 4px; left: 100% } .common-tooltip__body-EJBD96zX { background-color: var(--color-common-tooltip-bg); box-sizing: border-box; display: block; max-width: 310px; padding: 3px 8px; position: relative; white-space: pre-wrap; word-wrap: break-word; overflow: hidden; text-align: start } .common-tooltip__body--with-hotkey-EJBD96zX { display: flex; max-width: 420px; padding: 0 } .common-tooltip__body--width_wide-EJBD96zX { max-width: 640px } .common-tooltip__body--width_narrow-EJBD96zX { max-width: 200px } .common-tooltip__body--no-padding-EJBD96zX { padding: 0 } .common-tooltip__hotkey-block-EJBD96zX { align-items: center; color: var(--color-cold-gray-100); display: inline-flex; flex: 1 0 auto; justify-content: center; line-height: 12px; margin: 3px 0; padding-inline-end: 8px } .common-tooltip__hotkey-block--divider-EJBD96zX:before { background-color: var(--color-cold-gray-600); content: ""; height: 100%; margin-inline-end: 8px; width: 1px } .common-tooltip__hotkey-text-EJBD96zX { align-items: center; display: inline-flex; margin: 3px 8px } .common-tooltip__hotkey-button-EJBD96zX { background-color: var(--color-cold-gray-600); display: inline-block; font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif; font-feature-settings: "tnum" on, "lnum" on; height: 18px; padding: 1px 6px; width: auto; --ui-lib-typography-line-height: 16px; line-height: var(--ui-lib-typography-line-height); --ui-lib-typography-font-size: 12px; border-bottom: 1px solid var(--color-cold-gray-450); border-radius: 4px; box-sizing: border-box; font-size: var(--ui-lib-typography-font-size); font-style: normal; font-weight: 600 } .common-tooltip__plus-sign-EJBD96zX { height: 15px; line-height: 14px; text-align: center; width: 13px } .common-tooltip__button-container-EJBD96zX { display: flex; overflow: hidden; position: relative } .common-tooltip__button-EJBD96zX { align-items: center; background-color: var(--color-brand); color: #fff; display: flex; padding: 0 10px } @media (any-hover:hover) { .common-tooltip__button-EJBD96zX:hover { background-color: var(--color-tv-blue-100) } } .common-tooltip-EJBD96zX.theme-white { color: var(--color-text-primary) } .common-tooltip-EJBD96zX.theme-white .common-tooltip__body-EJBD96zX { background-color: var(--color-bg-primary); border-radius: 0 } .common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder-EJBD96zX { border: 1px solid var(--color-border) } .common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder-EJBD96zX:after { border-color: var(--color-bg-primary) } .common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder--above-EJBD96zX:after, .common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder--below-EJBD96zX:after { border-inline-end: 6px solid; border-inline-end-color: var(--_0-wMDf); border-inline-start: 6px solid; border-inline-start-color: var(--_0-wMDf) } .common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder--after-EJBD96zX:after, .common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder--before-EJBD96zX:after { border-bottom: 6px solid; border-bottom-color: var(--_0-wMDf); border-top: 6px solid; border-top-color: var(--_0-wMDf) } .common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder-EJBD96zX:before { border: 0 solid; border-color: var(--color-border); content: ""; display: block; height: 0; position: absolute; width: 0; z-index: 1000 } .common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder--above-EJBD96zX:before, .common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder--below-EJBD96zX:before { border-inline-end: 7px solid; border-inline-end-color: var(--_0-wMDf); border-inline-start: 7px solid; border-inline-start-color: var(--_0-wMDf); inset-inline-start: 50%; margin-inline-start: -7px } .common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder--below-EJBD96zX:before { border-bottom-width: 6px; top: -6px } .common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder--above-EJBD96zX:before { border-top-width: 6px; bottom: -6px } .common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder--after-EJBD96zX:before, .common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder--before-EJBD96zX:before { border-bottom: 7px solid; border-bottom-color: var(--_0-wMDf); border-top: 7px solid; border-top-color: var(--_0-wMDf); margin-top: -7px; top: 50% } .common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder--before-EJBD96zX:before { border-inline-end-width: 6px; inset-inline-start: -6px } .common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder--after-EJBD96zX:before { border-inline-start-width: 6px; inset-inline-end: -6px } .common-tooltip-EJBD96zX.theme-round-shadow { box-shadow: 0 1px 3px 0 #2a2c394a; color: var(--color-text-primary) } .common-tooltip-EJBD96zX.theme-round-shadow .common-tooltip__body-EJBD96zX { background-color: var(--color-bg-primary) } .common-tooltip-EJBD96zX.theme-round-shadow .common-tooltip__ear-holder-EJBD96zX:after { border-color: var(--color-bg-primary) } .common-tooltip-EJBD96zX.theme-round-shadow .common-tooltip__ear-holder--above-EJBD96zX:after, .common-tooltip-EJBD96zX.theme-round-shadow .common-tooltip__ear-holder--below-EJBD96zX:after { border-inline-end: 6px solid; border-inline-end-color: var(--_0-wMDf); border-inline-start: 6px solid; border-inline-start-color: var(--_0-wMDf) } .common-tooltip-EJBD96zX.theme-round-shadow .common-tooltip__ear-holder--after-EJBD96zX:after, .common-tooltip-EJBD96zX.theme-round-shadow .common-tooltip__ear-holder--before-EJBD96zX:after { border-bottom: 6px solid; border-bottom-color: var(--_0-wMDf); border-top: 6px solid; border-top-color: var(--_0-wMDf) } .common-tooltip-EJBD96zX.theme-chart .common-tooltip__body-EJBD96zX { background-color: var(--color-bg-primary); border: 1px solid var(--color-divider); border-radius: 16px; box-shadow: 0 2px 4px var(--color-shadow-primary-neutral-extra-heavy); max-width: 342px } .common-tooltip-EJBD96zX.theme-chart .common-tooltip__ear-holder-EJBD96zX:after { content: none } .common-tooltip-EJBD96zX.theme-news .common-tooltip__body-EJBD96zX { background-color: var(--color-bg-primary); border-radius: 8px; box-shadow: 0 2px 4px var(--color-shadow-primary-neutral-extra-heavy); max-width: 320px } .common-tooltip-EJBD96zX.theme-news .common-tooltip__ear-holder-EJBD96zX:after { content: none } /* 75304.174496dbf62bc90db59a.css */ .ui-draggable { touch-action: none } /* 6647.ad458058dd5c882833b6.css */ [data-theme=dark], [data-theme=light] { --_0-PgZQ: var(--color-white) } .wrapper-K4u4Ng3Z { width: var(--hint-wizard-width, 220px) } .title-K4u4Ng3Z { color: var(--_0-PgZQ); font-size: 16px; font-weight: 700; line-height: 24px } .additionalButton-K4u4Ng3Z { --ui-lib-light-button-color-content: var(--color-white) } @media (any-hover:hover) { .additionalButton-K4u4Ng3Z:hover { --ui-lib-light-button-color-bg: var(--color-cold-gray-100); --ui-lib-light-button-color-border: var(--color-cold-gray-100); --ui-lib-light-button-color-content: var(--color-cold-gray-900) } } .buttons-K4u4Ng3Z { display: flex; justify-content: flex-end } .text-K4u4Ng3Z { color: var(--_0-PgZQ); font-size: 14px; line-height: 21px } .button-K4u4Ng3Z { box-shadow: none; cursor: default; float: inline-end; margin-top: 15px; --ui-lib-light-button-color-bg: var(--color-cold-gray-100); --ui-lib-light-button-color-border: var(--color-cold-gray-100); --ui-lib-light-button-color-content: var(--color-cold-gray-900) } @media (any-hover:hover) { .button-K4u4Ng3Z:hover { --ui-lib-light-button-color-bg: var(--color-cold-gray-150); --ui-lib-light-button-color-border: var(--color-cold-gray-150) } } .button-K4u4Ng3Z:focus-visible { box-shadow: 0 0 0 6px var(--ui-lib-light-button-color-bg) } .placeHolder-ylwae_Gt { height: 100%; pointer-events: none; position: absolute; top: 0 } .hidden-ylwae_Gt { pointer-events: none; visibility: hidden } /* 29315.da976df45fec010737d7.css */ .beta-LImS09un { --ui-lib-badge-background: var(--color-overlay-neutral-1-light); --ui-lib-badge-color-content: var(--color-content-primary-neutral-bold) } .new-LImS09un { --ui-lib-badge-background: var(--color-overlay-warning-1-light); --ui-lib-badge-color-content: var(--color-content-primary-warning-extra-bold) } .updated-LImS09un { --ui-lib-badge-background: var(--color-overlay-positive-2-light); --ui-lib-badge-color-content: var(--color-content-secondary-success-extra-bold) } .ep-LImS09un { --ui-lib-badge-background: var(--color-overlay-accent-1-light); --ui-lib-badge-color-content: var(--color-content-primary-accent-extra-bold) } /* 84559.e54c3e65e2afc979b32c.css */ [data-theme=light] { --_0-s36p: var(--color-cold-gray-300); --_1-s36p: var(--color-cold-gray-900); --_2-s36p: var(--color-white) } [data-theme=dark] { --_0-s36p: var(--color-cold-gray-700); --_1-s36p: var(--color-cold-gray-200); --_2-s36p: var(--color-white) } @keyframes stars-error-pulse-sg20uXrl { 0%, to { opacity: 1; stroke-width: 2 } 50% { opacity: .5; stroke-width: 4 } } .tv-stars-rating-block { display: inline-flex; flex-direction: row-reverse } .tv-stars-rating-block--interactive { cursor: pointer } .tv-stars-rating-block--error .tv-stars-rating-block__item svg { stroke: var(--color-content-primary-warning) } .tv-stars-rating-block--error .tv-stars-rating-block__item svg path { animation: stars-error-pulse-sg20uXrl .6s ease-in-out 1 } @media (any-hover:hover) { .tv-stars-rating-block--interactive:hover .tv-stars-rating-block__item svg { fill: none !important; stroke: var(--_1-s36p) } } .tv-stars-rating-block--interactive .tv-stars-rating-block__item:active svg, .tv-stars-rating-block--interactive .tv-stars-rating-block__item:active~.tv-stars-rating-block__item svg { fill: var(--_1-s36p) !important; stroke: var(--_1-s36p) } @media (any-hover:hover) { .tv-stars-rating-block--interactive:hover .tv-stars-rating-block__item:hover svg, .tv-stars-rating-block--interactive:hover .tv-stars-rating-block__item:hover~.tv-stars-rating-block__item svg { fill: var(--_1-s36p) !important; stroke: var(--_1-s36p) } } .tv-stars-rating-block__item { align-items: center; display: inline-flex } .tv-stars-rating-block__item svg { stroke: var(--_1-s36p); fill: none; height: 100%; width: 100% } .tv-stars-rating-block__item svg .stop-color-left { stop-color: var(--_1-s36p); stop-opacity: 1 } .tv-stars-rating-block__item svg .stop-color-left:dir(rtl) { stop-opacity: 0 } .tv-stars-rating-block__item svg .stop-color-right { stop-color: var(--_1-s36p); stop-opacity: 0 } .tv-stars-rating-block__item svg .stop-color-right:dir(rtl) { stop-opacity: 1 } .tv-stars-rating-block__item--fill svg { fill: var(--_1-s36p) } .tv-stars-rating-block__item--disabled svg { stroke: var(--_0-s36p) } .tv-stars-rating-block__item--hidden { display: none } .tv-stars-rating-block__item--color-white svg { stroke: var(--_2-s36p) } .tv-stars-rating-block__item--color-white svg .stop-color-left, .tv-stars-rating-block__item--color-white svg .stop-color-right { stop-color: var(--_2-s36p) } .tv-stars-rating-block__item--color-white.tv-stars-rating-block__item--fill svg { fill: var(--_2-s36p) } .tv-stars-rating-block__item--color-black svg { stroke: var(--color-cold-gray-900) } .tv-stars-rating-block__item--color-black svg .stop-color-left, .tv-stars-rating-block__item--color-black svg .stop-color-right { stop-color: var(--color-cold-gray-900) } .tv-stars-rating-block__item--color-black.tv-stars-rating-block__item--fill svg { fill: var(--color-cold-gray-900) } .tv-stars-rating-block__item--large { height: 28px; padding-block: 4px 4px; padding-inline: 1px 0; width: 30px } .tv-stars-rating-block__item--large:not(:last-child) { padding-inline-start: 6px } .tv-stars-rating-block__item--medium { height: 18px; padding-block: 1px 2px; padding-inline: 1px 0; width: 19px } .tv-stars-rating-block__item--medium:not(:last-child) { padding-inline-start: 2px } .tv-stars-rating-block__item--xmedium { height: 18px; width: 18px } .tv-stars-rating-block__item--xmedium:not(:last-child) { padding-block: 0 0; padding-inline: 2px 0 } .tv-stars-rating-block__item--small { height: 15px; width: 16px } .tv-stars-rating-block__item--small:not(:last-child) { padding-block: 0 0; padding-inline: 2px 0 } .tv-stars-rating-block__item--xsmall { height: 14px; width: 13px } .tv-stars-rating-block__item--xsmall:not(:last-child) { padding-inline-start: 2px } .tv-stars-rating-block--empty:not(.tv-stars-rating-block--interactive) .tv-stars-rating-block__item svg { stroke: var(--color-cold-gray-400) } .tv-stars-rating-block--empty:not(.tv-stars-rating-block--interactive) .tv-stars-rating-block__item--color-white svg { stroke: var(--color-white) } .tv-stars-rating-block--empty:not(.tv-stars-rating-block--interactive) .tv-stars-rating-block__item--color-black svg { stroke: var(--color-cold-gray-900) } /* 51508.767219283c65f4d4ca6e.css */ .tv-data-mode { vertical-align: top } .tv-data-mode--realtime { color: var(--color-minty-green-300) } .tv-data-mode--snapshot { color: var(--color-tv-blue-400) } .tv-data-mode--endofday { color: var(--color-grapes-purple-400) } .tv-data-mode--connecting, .tv-data-mode--forbidden, .tv-data-mode--invalid, .tv-data-mode--loading { visibility: hidden } .tv-data-mode--delayed { color: var(--color-tan-orange-500) } .tv-data-mode--for-ticker-last { display: inline-block; font-size: 12px; font-weight: 700; margin-inline-start: 2px; position: absolute } .tv-data-mode--realtime--for-ticker-last { display: none } .tv-data-mode--for-sticky-symbol-header, .tv-data-mode--for-ticker-tape { font-size: 10px; transform: translateX(2px) } .tv-data-mode--for-sticky-symbol-header:dir(rtl), .tv-data-mode--for-ticker-tape:dir(rtl) { transform: translateX(-2px) } .tv-data-mode--realtime--for-sticky-symbol-header, .tv-data-mode--realtime--for-ticker-tape { display: none } .tv-data-mode--for-ticker-header { display: inline-block; font-size: 10px; line-height: normal; margin-inline-start: 1px; margin-top: 4px; vertical-align: top } .tv-data-mode--realtime--for-ticker-header { display: none } .tv-data-mode--for-ticker { display: inline-block; font-size: 10px; margin-left: 2px } .tv-data-mode--realtime--for-ticker, .tv-data-mode--realtime--no-realtime { display: none } .tv-data-mode--replay { color: var(--color-replay-data-mode) } .tv-data-mode--for-chart { float: inline-end; line-height: 16px; margin-inline-start: 6px } .tv-data-mode--connecting--for-chart, .tv-data-mode--loading--for-chart { display: none } .tv-data-mode--forbidden--for-chart, .tv-data-mode--invalid--for-chart { color: var(--color-ripe-red-500); visibility: visible } .tv-data-mode--realtime--for-chart { display: none } .tv-data-mode--for-chart.tv-data-mode--replay { margin-left: 0 } .tv-data-mode--for-ticker-card { display: inline; margin-inline-start: 4px } .tv-data-mode--for-symbol-widget { display: inline; font-size: 15px; line-height: 17px; margin-left: 3px } .tv-data-mode--realtime.tv-data-mode--for-symbol-widget, .tv-data-mode--realtime.tv-data-mode--for-ticker-card { display: none } .tv-data-mode--for-watch-list { font-size: 10px; line-height: 14px; overflow: visible; pointer-events: auto; white-space: nowrap } .tv-data-mode--for-watch-list:dir(rtl) { margin-left: 0; margin-right: 2px } .tv-data-mode--realtime--for-watch-list { visibility: hidden } .tv-data-mode--size_large { font-size: 12px } .tv-data-mode--for-symbol-info { display: inline; font-size: 15px; line-height: 17px; margin-left: 3px } .tv-data-mode--realtime--for-symbol-info { display: none } .tv-data-mode--for-screener { font-size: 10px } .tv-data-mode--realtime--for-screener { display: none } /* 8408.de534663e052075ba12f.css */ [data-theme=light] { --_0-QZCr: var(--color-cold-gray-550) } [data-theme=dark] { --_0-QZCr: var(--color-cold-gray-450) } .tv-market-status__dot { border-radius: 50%; display: inline-block; height: 4px; vertical-align: middle; width: 4px } .tv-market-status--pre-market { color: var(--color-tan-orange-500) } .tv-market-status--pre-market .tv-market-status__dot { background-color: var(--color-tan-orange-500) } .tv-market-status--post-market { color: var(--color-tv-blue-400) } .tv-market-status--post-market .tv-market-status__dot { background-color: var(--color-tv-blue-400) } .tv-market-status--market { color: var(--color-minty-green-300) } .tv-market-status--market .tv-market-status__dot { background-color: var(--color-minty-green-300) } .tv-market-status--out-of-session { color: var(--color-cold-gray-400) } .tv-market-status--out-of-session .tv-market-status__dot { background-color: var(--color-cold-gray-400) } .tv-market-status--invalid { color: var(--color-ripe-red-500) } .tv-market-status--invalid .tv-market-status__dot { background-color: var(--color-ripe-red-500) } .tv-market-status--replay { color: var(--color-replay-data-mode) } .tv-market-status--replay .tv-market-status__dot { background-color: var(--color-replay-data-mode) } .tv-market-status--holiday { color: var(--color-cold-gray-400) } .tv-market-status--holiday .tv-market-status__dot { background-color: var(--color-cold-gray-400) } .tv-market-status--delisted { color: var(--color-danger-active) } .tv-market-status--delisted .tv-market-status__dot { background-color: var(--color-danger-active) } .tv-market-status--night { color: var(--color-content-secondary-accent-other-semi-bold) } .tv-market-status--night .tv-market-status__dot { background-color: var(--color-content-secondary-accent-other-semi-bold) } .tv-market-status--out-of-session__withIcon { height: 18px; margin-inline-start: 4px; width: 18px } @media (any-hover:hover) { .tv-market-status--out-of-session__withIcon:hover:after { background-color: var(--_0-QZCr) } } .tv-market-status--out-of-session__withIcon:after { border-radius: 6px; content: ""; display: block; height: 18px; opacity: 15%; position: absolute; width: 18px } .tv-market-status--out-of-session__withIcon .tv-market-status__icon { background-color: var(--_0-QZCr); display: block; height: 18px; -webkit-mask: url("/static/img/market-close.d025e87100199c1bc7af.svg"); mask: url("/static/img/market-close.d025e87100199c1bc7af.svg"); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: cover; mask-size: cover; position: relative; width: 18px } .tv-market-status--pre-market__withIcon { height: 18px; margin-inline-start: 4px; width: 18px } @media (any-hover:hover) { .tv-market-status--pre-market__withIcon:hover:after { background-color: var(--color-tan-orange-600) } } .tv-market-status--pre-market__withIcon:after { border-radius: 6px; content: ""; display: block; height: 18px; opacity: 15%; position: absolute; width: 18px } .tv-market-status--pre-market__withIcon .tv-market-status__icon { background-color: var(--color-tan-orange-600); display: block; height: 18px; -webkit-mask: url("/static/img/market-pre.7d37dcca234833d12c43.svg"); mask: url("/static/img/market-pre.7d37dcca234833d12c43.svg"); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: cover; mask-size: cover; position: relative; width: 18px } .tv-market-status--post-market__withIcon { height: 18px; margin-inline-start: 4px; width: 18px } @media (any-hover:hover) { .tv-market-status--post-market__withIcon:hover:after { background-color: var(--color-tv-blue-500) } } .tv-market-status--post-market__withIcon:after { border-radius: 6px; content: ""; display: block; height: 18px; opacity: 15%; position: absolute; width: 18px } .tv-market-status--post-market__withIcon .tv-market-status__icon { background-color: var(--color-tv-blue-500); display: block; height: 18px; -webkit-mask: url("/static/img/market-post.9f2c5bfda9405a291f90.svg"); mask: url("/static/img/market-post.9f2c5bfda9405a291f90.svg"); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: cover; mask-size: cover; position: relative; width: 18px } .tv-market-status--holiday__withIcon { height: 18px; margin-inline-start: 4px; width: 18px } @media (any-hover:hover) { .tv-market-status--holiday__withIcon:hover:after { background-color: var(--_0-QZCr) } } .tv-market-status--holiday__withIcon:after { border-radius: 6px; content: ""; display: block; height: 18px; opacity: 15%; position: absolute; width: 18px } .tv-market-status--holiday__withIcon .tv-market-status__icon { background-color: var(--_0-QZCr); display: block; height: 18px; -webkit-mask: url("/static/img/market-holiday.43ca33d690939b939786.svg"); mask: url("/static/img/market-holiday.43ca33d690939b939786.svg"); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: cover; mask-size: cover; position: relative; width: 18px } .tv-market-status--delisted__withIcon { height: 18px; margin-inline-start: 4px; width: 18px } @media (any-hover:hover) { .tv-market-status--delisted__withIcon:hover:after { background-color: var(--color-danger-active) } } .tv-market-status--delisted__withIcon:after { border-radius: 6px; content: ""; display: block; height: 18px; opacity: 15%; position: absolute; width: 18px } .tv-market-status--delisted__withIcon .tv-market-status__icon { background-color: var(--color-danger-active); display: block; height: 18px; -webkit-mask: url("/static/img/delisted-mobile.4d26a2d7c431dffe94ed.svg"); mask: url("/static/img/delisted-mobile.4d26a2d7c431dffe94ed.svg"); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: cover; mask-size: cover; position: relative; width: 18px } .tv-market-status--night__withIcon { height: 18px; margin-inline-start: 4px; width: 18px } @media (any-hover:hover) { .tv-market-status--night__withIcon:hover:after { background-color: var(--color-content-secondary-accent-other-semi-bold) } } .tv-market-status--night__withIcon:after { border-radius: 6px; content: ""; display: block; height: 18px; opacity: 15%; position: absolute; width: 18px } .tv-market-status--night__withIcon .tv-market-status__icon { background-color: var(--color-content-secondary-accent-other-semi-bold); display: block; height: 18px; -webkit-mask: url("/static/img/market-post.9f2c5bfda9405a291f90.svg"); mask: url("/static/img/market-post.9f2c5bfda9405a291f90.svg"); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: cover; mask-size: cover; position: relative; width: 18px } .tv-market-status--for-chart { display: block; float: inline-start; margin-inline-end: 0 } .tv-market-status--for-chart--pre-market { color: var(--color-tan-orange-500) } .tv-market-status--for-chart--pre-market .tv-market-status__dot { background-color: var(--color-tan-orange-500) } .tv-market-status--for-chart--post-market { color: var(--color-tv-blue-400) } .tv-market-status--for-chart--post-market .tv-market-status__dot { background-color: var(--color-tv-blue-400) } .tv-market-status--for-chart--market { color: var(--color-minty-green-300) } .tv-market-status--for-chart--market .tv-market-status__dot { background-color: var(--color-minty-green-300) } .tv-market-status--for-chart--out-of-session { color: var(--color-cold-gray-400) } .tv-market-status--for-chart--out-of-session .tv-market-status__dot { background-color: var(--color-cold-gray-400) } .tv-market-status--for-chart--invalid { color: var(--color-ripe-red-500) } .tv-market-status--for-chart--invalid .tv-market-status__dot { background-color: var(--color-ripe-red-500) } .tv-market-status--for-chart--replay { color: var(--color-replay-data-mode) } .tv-market-status--for-chart--replay .tv-market-status__dot { background-color: var(--color-replay-data-mode) } .tv-market-status--for-chart--holiday { color: var(--color-cold-gray-400) } .tv-market-status--for-chart--holiday .tv-market-status__dot { background-color: var(--color-cold-gray-400) } .tv-market-status--for-chart--delisted { color: var(--color-danger-active) } .tv-market-status--for-chart--delisted .tv-market-status__dot { background-color: var(--color-danger-active) } .tv-market-status--for-chart--night { color: var(--color-content-secondary-accent-other-semi-bold) } .tv-market-status--for-chart--night .tv-market-status__dot { background-color: var(--color-content-secondary-accent-other-semi-bold) } .tv-market-status--loading--for-chart { color: var(--color-tv-blue-400) } .tv-market-status--loading--for-chart .tv-market-status__dot { background-color: var(--color-tv-blue-400) } .tv-market-status--for-ticker { margin-inline-start: 4px } .tv-market-status--for-watch-list { margin: auto 3px } .tv-market-status--for-ticker-last { display: inline-flex; margin-inline-start: 4px } .tv-market-status--for-sticky-symbol-header, .tv-market-status--for-ticker-tape { align-items: center; display: flex; transform: translateX(4px) } .tv-market-status--for-sticky-symbol-header:dir(rtl), .tv-market-status--for-ticker-tape:dir(rtl) { transform: translateX(-4px) } .tv-market-status--for-ticker-header { display: flex; margin-inline-start: 4px } .tv-market-status__dot--for-chart { height: 6px; margin-right: 4px; vertical-align: 1px; width: 6px } .tv-market-status__dot--for-ticker-card { height: 6px; margin-inline-start: 4px; width: 6px } .tv-market-status__dot--for-watch-list { margin-bottom: 3px } .tv-market-status__dot--for-ticker-last { height: 6px; width: 6px } .tv-market-status__dot--for-sticky-symbol-header, .tv-market-status__dot--for-ticker-tape { height: 4px; width: 4px } .tv-market-status__label--for-chart { display: block; float: inline-end; line-height: 16px; margin-inline-end: 0 } .tv-market-status__label--for-chart:dir(rtl) { margin-inline-end: 6px } .tv-market-status--market .tv-market-status__dot--for-sticky-symbol-header, .tv-market-status--market .tv-market-status__dot--for-ticker, .tv-market-status--market .tv-market-status__dot--for-ticker-card, .tv-market-status--market .tv-market-status__dot--for-ticker-header, .tv-market-status--market .tv-market-status__dot--for-ticker-last, .tv-market-status--market .tv-market-status__dot--for-ticker-tape, .tv-market-status--market .tv-market-status__dot--for-watch-list, .tv-market-status__label--for-sticky-symbol-header, .tv-market-status__label--for-ticker, .tv-market-status__label--for-ticker-card, .tv-market-status__label--for-ticker-header, .tv-market-status__label--for-ticker-last, .tv-market-status__label--for-ticker-tape, .tv-market-status__label--for-watch-list { display: none } .tv-market-status--for-chart { margin-inline-start: 5px } .tv-market-status--for-chart:dir(rtl) { margin-inline-start: 0 } .tv-market-status--market--for-chart { display: none } .tv-market-status--market__withIcon { display: none !important } .tv-market-status--delisted--for-watch-list { margin-inline-start: 0 } .tv-market-status--delisted--for-watch-list:after { display: none } /* 13809.c2bb1623ced77ad07f9c.css */ [data-theme=light] { --_0-iA9I: var(--color-cold-gray-850); --_1-iA9I: var(--color-text-regular) } [data-theme=dark] { --_0-iA9I: var(--color-cold-gray-50); --_1-iA9I: var(--color-cold-gray-200) } .tv-control-fieldset { display: block; margin-bottom: 30px; min-width: 0 } .tv-control-fieldset:after { clear: both; content: ""; display: table } .tv-control-fieldset--spacing_xsmall { margin-bottom: 10px } .tv-control-fieldset--first { margin-top: 12px } .tv-control-fieldset:last-child { margin-bottom: 0 } @media (max-width:767px) { .tv-control-fieldset { margin-bottom: 20px } } .tv-control-fieldset__group { display: flex; justify-content: space-between } .tv-control-fieldset__label, .tv-control-fieldset__value { box-sizing: border-box; display: block; float: inline-start } .tv-control-fieldset__label--vertical, .tv-control-fieldset__value--vertical { float: none } .tv-control-fieldset__label--checkbox, .tv-control-fieldset__value--checkbox { padding-top: 2px !important } @media (max-width:479px) { .tv-control-fieldset__label, .tv-control-fieldset__value { float: none } } .tv-control-fieldset__label { clear: inline-start; color: var(--color-text-secondary); font-size: 13px; padding-block: 10px 0; padding-inline: 0 20px; width: 30% } .tv-control-fieldset__label--top { padding-top: 0 } .tv-control-fieldset__label--vertical { padding: 0 0 4px; width: auto } .tv-control-fieldset__label--color_dark { color: var(--_0-iA9I) } .tv-control-fieldset__label--width_small { width: 26% } @media (max-width:479px) { .tv-control-fieldset__label--width_small { width: auto } } .tv-control-fieldset__label--size_small { padding-top: 4px } @media (max-width:479px) { .tv-control-fieldset__label { padding: 0 0 10px; width: auto } } .tv-control-fieldset__label-icon { display: inline-block; font-size: 12px; height: 12px; line-height: 1; vertical-align: super } .tv-control-fieldset__label-icon svg { height: 100%; width: auto } .tv-control-fieldset__value { width: 70% } .tv-control-fieldset__value--vertical { width: auto } .tv-control-fieldset__value--width_big { width: 74% } @media (max-width:479px) { .tv-control-fieldset__value, .tv-control-fieldset__value--width_big { width: auto } } .tv-control-fieldset__text { margin-bottom: 12px } .tv-control-fieldset__text:last-of-type { margin-bottom: 0 } .tv-control-fieldset--block .tv-control-fieldset__label, .tv-control-fieldset--block .tv-control-fieldset__value { float: none; padding: 0; width: auto } .tv-control-fieldset--block .tv-control-fieldset__label { margin-bottom: 10px } .tv-control-fieldset__value-control { display: block } .tv-control-fieldset__value-control.link, .tv-control-fieldset__value-control.link:visited { color: var(--color-link-primary-default); fill: var(--color-link-primary-default) } @media (any-hover:hover) { .tv-control-fieldset__value-control.link:hover { color: var(--color-link-primary-hover); fill: var(--color-link-primary-hover) } } .tv-control-fieldset__value-control.link:active { color: var(--color-link-primary-active); fill: var(--color-link-primary-active) } .tv-control-fieldset__value-control.link:focus { outline: auto; outline-offset: 2px } .tv-control-fieldset__value-control.link:focus-visible { outline: auto; outline-offset: 2px } .tv-control-fieldset__value-control.link:focus:not(:focus-visible) { outline: none } @media (any-hover:hover) { .tv-control-fieldset__value-control.link:hover { text-decoration: underline } } .tv-control-fieldset__input-value { flex: 1; margin-inline-end: 12px } .tv-control-fieldset .tv-control-fieldset__group-btn { padding: 0 } .tv-control-fieldset .tv-control-fieldset__group-btn svg { margin-bottom: 1px } .tv-control-fieldset__group-btn:first-child { margin-inline-end: 5px } .tv-control-fieldset .tv-control-fieldset__single-icon-btn { padding: 0 12px } .tv-control-fieldset .tv-control-fieldset__single-icon-btn svg { margin-bottom: 4px } .tv-control-fieldset__trash-icon svg { color: red } .tv-control-fieldset__hint { color: var(--_1-iA9I); display: block; font-size: 13px; line-height: 1.4; margin-bottom: 10px; margin-top: 10px } .tv-control-fieldset__hint .link, .tv-control-fieldset__hint .link:visited { color: var(--color-link-primary-default); fill: var(--color-link-primary-default) } @media (any-hover:hover) { .tv-control-fieldset__hint .link:hover { color: var(--color-link-primary-hover); fill: var(--color-link-primary-hover) } } .tv-control-fieldset__hint .link:active { color: var(--color-link-primary-active); fill: var(--color-link-primary-active) } .tv-control-fieldset__hint .link:focus { outline: auto; outline-offset: 2px } .tv-control-fieldset__hint .link:focus-visible { outline: auto; outline-offset: 2px } .tv-control-fieldset__hint .link:focus:not(:focus-visible) { outline: none } @media (any-hover:hover) { .tv-control-fieldset__hint .link:hover { text-decoration: underline } } .tv-control-fieldset .tv-control-input[readonly] { color: var(--color-text-secondary) } .tv-control-fieldset .tv-control-input.i-disabled::placeholder, .tv-control-fieldset .tv-control-input[disabled]::placeholder, .tv-control-fieldset .tv-control-number-input__input.i-disabled::placeholder, .tv-control-fieldset .tv-control-number-input__input[disabled]::placeholder, .tv-control-fieldset .tv-control-select__control.i-disabled::placeholder, .tv-control-fieldset .tv-control-select__control[disabled]::placeholder, .tv-control-fieldset select.tv-control-select.i-disabled::placeholder, .tv-control-fieldset select.tv-control-select[disabled]::placeholder { color: var(--color-icons) } [data-theme=light] { --_0-EXRx: var(--color-cold-gray-150) } [data-theme=dark] { --_0-EXRx: var(--color-cold-gray-750) } .tv-control-input { background-color: var(--color-body-bg); border-color: var(--color-border); border-radius: 2px; border-style: solid; border-width: 1px; box-sizing: border-box; color: var(--color-text-regular); display: block; font-size: 13px; height: 34px; padding: 0 12px; width: 100%; -webkit-tap-highlight-color: transparent; -webkit-appearance: none; appearance: none; transition: border-color .35s ease, background-color .35s ease } .tv-control-input::placeholder { color: var(--color-placeholder); opacity: 1 } .tv-control-input:-webkit-autofill { -webkit-text-fill-color: var(--color-cold-gray-650) !important; box-shadow: inset 0 0 0 1000px #fff !important } .tv-control-input--size_xsmall { height: 19px } .tv-control-input--size_small { height: 27px } .tv-control-input--size_large { font-size: 16px; height: 48px } .tv-control-input--connect { border-inline-end: 0; border-inline-start: 0; border-radius: 0 } .tv-control-input--connect_left { border-end-start-radius: 0; border-inline-start: none; border-start-start-radius: 0 } .tv-control-input--connect_right { border-end-end-radius: 0; border-inline-end: none; border-start-end-radius: 0 } .tv-control-input--connect_right#id_username:dir(rtl) { direction: ltr; text-align: right } @media (any-hover:hover) { .tv-control-input:hover { border-color: var(--color-border-hover); transition-duration: 60ms } } .tv-control-input:focus { border-color: var(--color-tv-blue-500) !important; transition-duration: 60ms } .tv-control-input[readonly] { border-color: var(--_0-EXRx); color: var(--color-cold-gray-450) } .tv-control-input[readonly]:focus { border-color: var(--color-disabled-border-and-color) !important } @media (any-hover:hover) { .tv-control-input[readonly]:hover { border-color: var(--color-disabled-border-and-color) !important } } .tv-control-input.i-disabled, .tv-control-input[disabled] { border-color: var(--color-disabled-border-and-color) !important; color: var(--color-disabled-border-and-color) !important } .tv-control-input.i-disabled::placeholder, .tv-control-input[disabled]::placeholder { color: var(--color-disabled-border-and-color) !important } @media (any-hover:hover) { .tv-control-input.i-disabled:hover, .tv-control-input[disabled]:hover { border-color: var(--color-disabled-border-and-color) !important } } .tv-control-input.i-error { border-color: var(--color-ripe-red-400) !important } @media (any-hover:hover) { .tv-control-input.i-error:hover { border-color: var(--color-ripe-red-400) !important } } .tv-control-input.i-error:focus { border-color: var(--color-ripe-red-500) !important } .tv-control-input.i-success { border-color: var(--color-success) !important } @media (any-hover:hover) { .tv-control-input.i-success:hover { border-color: var(--color-success-hover) !important } } .tv-control-input.i-success:active, .tv-control-input.i-success:focus { border-color: var(--color-success-active) !important } .tv-control-input--phone { direction: ltr; text-align: start } /* 26643.1b67cdfb3ba9f3ebe860.css */ .tv-text ol, .tv-text p, .tv-text ul { color: var(--color-text-primary); font-size: 14px; line-height: 1.6; margin-bottom: 12px } .tv-text h1 { font-size: 45px; margin-bottom: 30px; margin-top: 30px } @media (max-width:1019px) { .tv-text h1 { font-size: 38px } } @media (max-width:767px) { .tv-text h1 { font-size: 32px } } @media (max-width:479px) { .tv-text h1 { font-size: 28px } } .tv-text h2 { font-size: 31px } @media (max-width:1019px) { .tv-text h2 { font-size: 26px } } @media (max-width:479px) { .tv-text h2 { font-size: 24px } } .tv-text h3 { font-size: 17px } @media (max-width:1019px) { .tv-text h3 { font-size: 16px } } .tv-text h4 { font-size: 15px } .tv-text h2, .tv-text h3, .tv-text h4 { margin-bottom: 20px; margin-top: 20px } .tv-text h1:first-child, .tv-text h2:first-child, .tv-text h3:first-child, .tv-text h4:first-child { margin-top: 0 } .tv-text ol, .tv-text ul { list-style-position: inside } .tv-text--position-outside ol, .tv-text--position-outside ul { list-style-position: outside; padding-inline-start: 17px } .tv-text a:not(.tv-button):not(.tv-chart-view__description__tag), .tv-text a:not(.tv-button):not(.tv-chart-view__description__tag):visited { color: var(--color-link-primary-default); fill: var(--color-link-primary-default) } @media (any-hover:hover) { .tv-text a:not(.tv-button):not(.tv-chart-view__description__tag):hover { color: var(--color-link-primary-hover); fill: var(--color-link-primary-hover) } } .tv-text a:not(.tv-button):not(.tv-chart-view__description__tag):active { color: var(--color-link-primary-active); fill: var(--color-link-primary-active) } .tv-text a:not(.tv-button):not(.tv-chart-view__description__tag):focus { outline: auto; outline-offset: 2px } .tv-text a:not(.tv-button):not(.tv-chart-view__description__tag):focus-visible { outline: auto; outline-offset: 2px } .tv-text a:not(.tv-button):not(.tv-chart-view__description__tag):focus:not(:focus-visible) { outline: none } .tv-text--darkbg, .tv-text--darkbg ol, .tv-text--darkbg p, .tv-text--darkbg ul { color: #fff } /* 2278.3a618e62863827f94dac.css */ .tv-content { flex: 1 0 auto } .tv-content__content-block { padding: 70px 0 } /* 10288.c6f61248af2b375dd906.css */ html { -webkit-text-size-adjust: 100% } body { color: var(--color-text-primary); font-size: 14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif; font-feature-settings: "tnum" on, "lnum" on } html[lang=vi] body { font-family: Arial, sans-serif } body, html { box-sizing: border-box; height: 100% } body, dir, h1, h2, h3, h4, h5, h6, html, li, menu, ol, p, ul { margin: 0; padding: 0 } a { text-decoration: none } a:active { outline: 0 } @media (any-hover:hover) { a:hover { outline: 0 } } h1 { font-size: 2em } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: initial } sup { top: -.25em } sub { bottom: -.25em } figure { margin: 0 } pre { overflow: auto } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 } button, select { text-transform: none } button, input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: default } input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto } input[type=search] { -webkit-appearance: textfield; box-sizing: initial } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none } fieldset { border: none; margin: 0; padding: 0 } table { border-collapse: collapse; border-spacing: 0 } td, th { padding: 0 } /* 85510.de862f9d26db7cf3cd08.css */ [data-theme=light] { --_0-TWUt: var(--color-white) } [data-theme=dark] { --_0-TWUt: var(--color-cold-gray-900) } body { background-color: var(--color-body-bg) } body.extension { min-width: 0; overflow: hidden } img { border: none } textarea { resize: none } :focus { outline: none } input, textarea { border-radius: 0 } .unselectable { -webkit-user-select: none; user-select: none } .selectable, input, textarea { -webkit-user-select: text; user-select: text } .text-center { text-align: center } .loading-indicator { background: var(--_0-TWUt); height: 100%; inset-inline-start: 0; position: absolute; top: 0; width: 100%; z-index: 150 } .falling, .growing { color: #fff } .growing { background: var(--color-legacy-success) } .falling { background: var(--color-ripe-red-400) } /* 92253.fa4be5d0ae428e1a07e2.css */ :root { --color-white: #fff; --color-black: #000; --color-transparent: #0000; --color-cold-gray-50: #f9f9f9; --color-cold-gray-100: #f2f2f2; --color-cold-gray-150: #ebebeb; --color-cold-gray-200: #dbdbdb; --color-cold-gray-250: #c9c9c9; --color-cold-gray-300: #b8b8b8; --color-cold-gray-350: #a8a8a8; --color-cold-gray-400: #9c9c9c; --color-cold-gray-450: #8c8c8c; --color-cold-gray-500: grey; --color-cold-gray-550: #707070; --color-cold-gray-600: #636363; --color-cold-gray-650: #575757; --color-cold-gray-700: #4a4a4a; --color-cold-gray-750: #3d3d3d; --color-cold-gray-800: #2e2e2e; --color-cold-gray-850: #1f1f1f; --color-cold-gray-900: #0f0f0f; --color-cold-gray-950: #000; --color-ripe-red-50: #ffebec; --color-ripe-red-100: #fccbcd; --color-ripe-red-200: #faa1a4; --color-ripe-red-300: #f77c80; --color-ripe-red-400: #f7525f; --color-ripe-red-500: #f23645; --color-ripe-red-600: #cc2f3c; --color-ripe-red-700: #b22833; --color-ripe-red-800: #991f29; --color-ripe-red-900: #801922; --color-ripe-red-a100: #ff8080; --color-ripe-red-a200: #ff5252; --color-ripe-red-a400: #f33; --color-ripe-red-a600: #cc2929; --color-ripe-red-a700: #802028; --color-ripe-red-a800: #4d191d; --color-ripe-red-a900: #331f20; --color-tan-orange-50: #fff3e0; --color-tan-orange-100: #ffe0b2; --color-tan-orange-200: #ffcc80; --color-tan-orange-300: #ffb74d; --color-tan-orange-400: #ffa726; --color-tan-orange-500: #ff9800; --color-tan-orange-600: #fb8c00; --color-tan-orange-700: #f57c00; --color-tan-orange-800: #ef6c00; --color-tan-orange-900: #e65100; --color-tan-orange-a100: #ffd180; --color-tan-orange-a200: #ffab40; --color-tan-orange-a400: #ff9100; --color-tan-orange-a500: #e57e17; --color-tan-orange-a600: #cc7014; --color-tan-orange-a700: #8c541c; --color-tan-orange-a800: #593a1b; --color-tan-orange-a900: #33261a; --color-iguana-green-50: #e8f5e9; --color-iguana-green-100: #c8e6c9; --color-iguana-green-200: #a5d6a7; --color-iguana-green-300: #81c784; --color-iguana-green-400: #66bb6a; --color-iguana-green-500: #4caf50; --color-iguana-green-600: #43a047; --color-iguana-green-700: #388e3c; --color-iguana-green-800: #2e7d32; --color-iguana-green-900: #1b5e20; --color-iguana-green-a100: #b9f6ca; --color-iguana-green-a200: #69f0ae; --color-iguana-green-a400: #00e676; --color-iguana-green-a700: #00c853; --color-banana-yellow-50: #fffde7; --color-banana-yellow-100: #fff9c4; --color-banana-yellow-200: #fff59d; --color-banana-yellow-300: #fff176; --color-banana-yellow-400: #ffee58; --color-banana-yellow-500: #ffeb3b; --color-banana-yellow-600: #fdd835; --color-banana-yellow-700: #fbc02d; --color-banana-yellow-800: #f9a825; --color-banana-yellow-900: #f57f17; --color-banana-yellow-a100: #ffff8d; --color-banana-yellow-a200: #ff0; --color-banana-yellow-a400: #ffea00; --color-banana-yellow-a700: #eeda01; --color-tv-blue-50: #e3effd; --color-tv-blue-100: #bbd9fb; --color-tv-blue-200: #90bff9; --color-tv-blue-300: #5b9cf6; --color-tv-blue-400: #3179f5; --color-tv-blue-500: #2962ff; --color-tv-blue-600: #1e53e5; --color-tv-blue-700: #1848cc; --color-tv-blue-800: #143eb2; --color-tv-blue-900: #0c3299; --color-tv-blue-a100: #82b1ff; --color-tv-blue-a200: #448aff; --color-tv-blue-a400: #2979ff; --color-tv-blue-a600: #2962ff; --color-tv-blue-a700: #143a87; --color-tv-blue-a800: #142e61; --color-tv-blue-a900: #132042; --color-deep-blue-50: #ede7f6; --color-deep-blue-100: #d1c4e9; --color-deep-blue-200: #b39ddb; --color-deep-blue-300: #9575cd; --color-deep-blue-400: #7e57c2; --color-deep-blue-500: #673ab7; --color-deep-blue-600: #5e35b1; --color-deep-blue-700: #512da8; --color-deep-blue-800: #4527a0; --color-deep-blue-900: #311b92; --color-deep-blue-a100: #b388ff; --color-deep-blue-a200: #7c4dff; --color-deep-blue-a400: #651fff; --color-deep-blue-a700: #6200ea; --color-minty-green-50: #daf2ee; --color-minty-green-100: #ace5dc; --color-minty-green-200: #70ccbd; --color-minty-green-300: #42bda8; --color-minty-green-400: #22ab94; --color-minty-green-500: #089981; --color-minty-green-600: #06806b; --color-minty-green-700: #056656; --color-minty-green-800: #004d40; --color-minty-green-900: #00332a; --color-minty-green-a100: #a7fff0; --color-minty-green-a200: #45e5cb; --color-minty-green-a400: #2bd9bc; --color-minty-green-a600: #24b29b; --color-minty-green-a700: #1b7667; --color-minty-green-a800: #10443b; --color-minty-green-a900: #082621; --color-grapes-purple-50: #f3e5f5; --color-grapes-purple-100: #e1bee7; --color-grapes-purple-200: #ce93d8; --color-grapes-purple-300: #ba68c8; --color-grapes-purple-400: #ab47bc; --color-grapes-purple-500: #9c27b0; --color-grapes-purple-600: #8e24aa; --color-grapes-purple-700: #7b1fa2; --color-grapes-purple-800: #6a1b9a; --color-grapes-purple-900: #4a148c; --color-grapes-purple-a100: #ea80fc; --color-grapes-purple-a200: #e040fb; --color-grapes-purple-a400: #d500f9; --color-grapes-purple-a700: #a0f; --color-berry-pink-50: #fce4ec; --color-berry-pink-100: #f8bbd0; --color-berry-pink-200: #f48fb1; --color-berry-pink-300: #f06292; --color-berry-pink-400: #ec407a; --color-berry-pink-500: #e91e63; --color-berry-pink-600: #d81b60; --color-berry-pink-700: #c2185b; --color-berry-pink-800: #ad1457; --color-berry-pink-900: #880e4f; --color-berry-pink-a100: #ff80ab; --color-berry-pink-a200: #ff4081; --color-berry-pink-a400: #f50057; --color-berry-pink-a700: #c51162; --color-sky-blue-50: #e0f7fa; --color-sky-blue-100: #b2ebf2; --color-sky-blue-200: #80deea; --color-sky-blue-300: #4dd0e1; --color-sky-blue-400: #26c6da; --color-sky-blue-500: #00bcd4; --color-sky-blue-600: #00acc1; --color-sky-blue-700: #0097a7; --color-sky-blue-800: #00838f; --color-sky-blue-900: #006064; --color-sky-blue-a100: #84ffff; --color-sky-blue-a200: #18ffff; --color-sky-blue-a400: #00e5ff; --color-sky-blue-a700: #00b8d4; --color-forest-green-50: #daf2e6; --color-forest-green-100: #ace5c9; --color-forest-green-200: #70cc9e; --color-forest-green-300: #42bd7f; --color-forest-green-400: #22ab67; --color-forest-green-500: #089950; --color-forest-green-600: #068043; --color-forest-green-700: #056636; --color-forest-green-800: #004d27; --color-forest-green-900: #1a3326; --color-facebook: #1877f2; --color-deep-facebook: #1564ca; --color-twitter: #1da1f2; --color-deep-twitter: #188cd3; --color-youtube: red; --color-linkedin: #007bb5; --color-seeking-alpha-brand: #ff7200 } [data-theme=light] { --color-header-bg: var(--color-white); --color-body-bg: var(--color-white); --color-body-secondary-bg: var(--color-cold-gray-100); --color-bg-primary: var(--color-white); --color-bg-primary-hover: var(--color-cold-gray-100); --color-bg-secondary: var(--color-white); --color-bg-highlight: var(--color-cold-gray-50); --color-bg-scroll-buttons: var(--color-cold-gray-100); --color-legacy-bg-scroll-buttons: var(--color-cold-gray-850); --color-legacy-bg-widget: var(--color-white); --color-text-primary: var(--color-cold-gray-900); --color-text-secondary: var(--color-cold-gray-550); --color-text-tertiary: var(--color-cold-gray-400); --color-text-disabled: var(--color-cold-gray-300); --color-accent-content: var(--color-cold-gray-900); --color-box-shadow: var(--color-cold-gray-300); --color-divider: var(--color-cold-gray-150); --color-divider-hover: var(--color-cold-gray-100); --color-divider-secondary: var(--color-cold-gray-100); --color-active-hover-text: var(--color-cold-gray-900); --color-alert-text: var(--color-cold-gray-900); --color-border-table: var(--color-cold-gray-100); --color-brand: var(--color-tv-blue-500); --color-brand-active: var(--color-tv-blue-700); --color-brand-hover: var(--color-tv-blue-600); --color-chart-page-bg: var(--color-cold-gray-150); --color-common-tooltip-bg: var(--color-cold-gray-800); --color-danger: var(--color-ripe-red-400); --color-danger-hover: var(--color-ripe-red-500); --color-danger-active: var(--color-ripe-red-600); --color-depthrenderer-stroke-style: var(--color-cold-gray-100); --color-highlight-new: var(--color-tan-orange-50); --color-input-bg: var(--color-white); --color-input-publish-bg: var(--color-white); --color-link: var(--color-tv-blue-500); --color-link-hover: var(--color-tv-blue-600); --color-link-active: var(--color-tv-blue-700); --color-list-nth-child-bg: var(--color-cold-gray-50); --color-pane-bg: var(--color-white); --color-pane-secondary-bg: var(--color-cold-gray-100); --color-popup-menu-item-hover-bg: var(--color-cold-gray-100); --color-popup-menu-separator: var(--color-cold-gray-150); --color-primary-symbol: var(--color-sky-blue-500); --color-screener-description: var(--color-cold-gray-650); --color-success: var(--color-minty-green-500); --color-success-hover: var(--color-minty-green-600); --color-success-active: var(--color-minty-green-700); --color-toolbar-button-text: var(--color-cold-gray-900); --color-toolbar-button-text-hover: var(--color-cold-gray-900); --color-toolbar-button-text-active: var(--color-tv-blue-500); --color-toolbar-button-text-active-hover: var(--color-tv-blue-600); --color-toolbar-button-background-hover: var(--color-cold-gray-100); --color-toolbar-button-background-secondary-hover: var(--color-cold-gray-150); --color-toolbar-button-background-active: var(--color-tv-blue-50); --color-toolbar-button-background-active-hover: var(--color-tv-blue-100); --color-toolbar-toggle-button-background-active: var(--color-tv-blue-500); --color-toolbar-toggle-button-background-active-hover: var(--color-tv-blue-600); --color-toolbar-toggle-button-icon: var(--color-cold-gray-200); --color-toolbar-interactive-element-text-normal: var(--color-cold-gray-900); --color-toolbar-opened-element-bg: var(--color-cold-gray-100); --color-toolbar-divider-background: var(--color-cold-gray-150); --color-popup-background: var(--color-white); --color-popup-element-text: var(--color-cold-gray-900); --color-popup-element-text-hover: var(--color-cold-gray-900); --color-popup-element-background-hover: var(--color-cold-gray-100); --color-popup-element-secondary-text: var(--color-cold-gray-500); --color-popup-element-hint-text: var(--color-cold-gray-400); --color-popup-element-text-active: var(--color-white); --color-popup-element-background-active: var(--color-tv-blue-500); --color-popup-element-toolbox-text: var(--color-cold-gray-500); --color-popup-element-toolbox-text-hover: var(--color-cold-gray-900); --color-popup-element-toolbox-text-active-hover: var(--color-tv-blue-200); --color-popup-element-toolbox-background-hover: var(--color-cold-gray-150); --color-popup-element-toolbox-background-active-hover: var(--color-tv-blue-700); --color-tooltip-bg: var(--color-cold-gray-800); --color-tv-dialog-caption: var(--color-cold-gray-650); --color-tv-dropdown-item-hover-bg: var(--color-cold-gray-100); --color-underlined-text: var(--color-cold-gray-550); --color-widget-pages-bg: var(--color-white); --color-warning: var(--color-tan-orange-500); --color-growing: var(--color-minty-green-500); --color-falling: var(--color-ripe-red-500); --color-forex-icon: var(--color-cold-gray-750); --color-list-item-active-bg: var(--color-tv-blue-400); --color-list-item-hover-bg: var(--color-tv-blue-50); --color-list-item-text: var(--color-cold-gray-800); --color-price-axis-label-back: var(--color-cold-gray-150); --color-price-axis-label-text: var(--color-cold-gray-650); --color-price-axis-gear: var(--color-cold-gray-900); --color-price-axis-gear-hover: var(--color-black); --color-price-axis-highlight: var(--color-cold-gray-150); --color-bid: var(--color-tv-blue-500); --color-border: var(--color-cold-gray-150); --color-border-chat-fields: var(--color-cold-gray-250); --color-border-hover: var(--color-cold-gray-250); --color-button-hover-bg: var(--color-cold-gray-150); --color-depthrenderer-fill-style: var(--color-cold-gray-650); --color-disabled-border-and-color: var(--color-cold-gray-150); --color-disabled-input: var(--color-cold-gray-150); --color-empty-container-message: var(--color-cold-gray-550); --color-icons: var(--color-cold-gray-550); --color-input-textarea-readonly: var(--color-cold-gray-650); --color-input-placeholder-text: var(--color-cold-gray-350); --color-item-active-blue: var(--color-tv-blue-50); --color-item-hover-active-bg: var(--color-tv-blue-100); --color-item-hover-bg: var(--color-tv-blue-100); --color-item-hover-blue: var(--color-tv-blue-100); --color-item-selected-blue: var(--color-tv-blue-50); --color-item-active-text: var(--color-white); --color-item-active-bg: var(--color-tv-blue-500); --color-list-item: var(--color-cold-gray-550); --color-news-highlight: var(--color-tv-blue-100); --color-placeholder: var(--color-cold-gray-350); --color-row-hover-active-bg: var(--color-cold-gray-100); --color-sb-scrollbar-body-bg: var(--color-cold-gray-200); --color-section-separator-border: var(--color-cold-gray-300); --color-separator-table-chat: var(--color-cold-gray-150); --color-tag-active-bg: var(--color-cold-gray-200); --color-tag-hover-bg: var(--color-cold-gray-150); --color-text-regular: var(--color-cold-gray-700); --color-tv-button-checked: var(--color-cold-gray-550); --color-scroll-bg: var(--color-cold-gray-400); --color-scroll-border: var(--color-cold-gray-100); --color-widget-border: var(--color-cold-gray-100); --color-scroll-buttons-arrow: var(--color-white); --color-control-intent-default: var(--color-cold-gray-200); --color-control-intent-success: var(--color-minty-green-500); --color-control-intent-primary: var(--color-tv-blue-500); --color-control-intent-warning: var(--color-tan-orange-500); --color-control-intent-danger: var(--color-ripe-red-500); --color-goto-label-background: var(--color-cold-gray-800); --color-pre-market: var(--color-tan-orange-600); --color-post-market: var(--color-tv-blue-500); --color-notaccurate-mode: var(--color-berry-pink-600); --color-delay-mode: var(--color-tan-orange-700); --color-delay-mode-bg: var(--color-tan-orange-400); --color-list-item-bg-highlighted: var(--color-tv-blue-50); --color-list-item-bg-selected: var(--color-tv-blue-100); --color-list-item-bg-highlighted-hover: var(--color-tv-blue-100); --color-list-item-bg-selected-hover: var(--color-tv-blue-200); --color-screener-header-bg: var(--color-white); --color-screener-header-bg-hover: var(--color-cold-gray-100); --color-marker-flagged: var(--color-ripe-red-400); --color-marker-flagged-hovered: var(--color-ripe-red-600); --color-ask: var(--color-ripe-red-400); --color-sell: var(--color-ripe-red-400); --color-buy: var(--color-tv-blue-500); --color-neutral: var(--color-cold-gray-550); --color-pro: var(--color-minty-green-400); --color-pro-hover: var(--color-minty-green-600); --color-pro-plus: var(--color-tv-blue-500); --color-pro-plus-hover: var(--color-tv-blue-600); --color-pro-premium: var(--color-tan-orange-500); --color-pro-premium-hover: var(--color-tan-orange-700); --color-trial: var(--color-cold-gray-550); --color-trial-hover: var(--color-cold-gray-550); --color-mod: var(--color-ripe-red-400); --color-mod-hover: var(--color-ripe-red-600); --color-ad: var(--color-tan-orange-500); --color-broker-featured: var(--color-minty-green-400); --color-broker-featured-hover: var(--color-minty-green-600); --color-alert-status-active: var(--color-minty-green-500); --color-alert-status-stopped: var(--color-ripe-red-500); --color-alert-status-triggered: var(--color-tan-orange-500); --color-overlay: var(--color-cold-gray-400); --color-search-button-hover: var(--color-cold-gray-150); --color-boost-button-content-selected: var(--color-tv-blue-600); --color-boost-button-content-hover: var(--color-cold-gray-900); --color-boost-button-bg-hover: var(--color-cold-gray-150); --color-boost-button-border-hover: var(--color-cold-gray-150); --color-boost-button-border-default: var(--color-cold-gray-150); --color-common-tooltip-text: var(--color-cold-gray-100); --color-replay-data-mode: var(--color-ripe-red-400); --color-legacy-success: var(--color-minty-green-300); --color-collapse-tabs-border: var(--color-cold-gray-100); --color-site-widget-hover: var(--color-cold-gray-50); --color-attention: var(--color-banana-yellow-700); --color-x-twitter-content: var(--color-cold-gray-900); --color-card-border: var(--color-cold-gray-150); --color-card-border-hover: var(--color-cold-gray-300); --color-background-special-primary: var(--color-white); --color-stroke-special-primary: var(--color-cold-gray-150); --color-selection-bg: var(--color-tv-blue-100); --color-default-gray: var(--color-cold-gray-550); --color-featured-broker-badge-bg: var(--color-cold-gray-900); --color-featured-broker-badge-bg-hover: var(--color-cold-gray-800); --color-featured-broker-badge-text: var(--color-white); --color-background-primary: var(--color-white); --color-background-secondary: var(--color-cold-gray-50); --color-background-tertiary: var(--color-cold-gray-100); --color-background-dark-primary: var(--color-cold-gray-800); --color-background-dark-secondary: var(--color-white); --color-background-disabled: var(--color-cold-gray-150); --color-background-special-secondary: var(--color-tv-blue-50); --color-background-special-tertiary: var(--color-tv-blue-100); --color-background-page-platform: var(--color-white); --color-background-page-promo: var(--color-black); --color-background-page-social: var(--color-white); --color-background-dialog-simple: var(--color-white); --color-background-dialog-complicated: var(--color-white); --color-background-dialog-promo: var(--color-white); --color-background-dialog-fullscreen: var(--color-white); --color-content-icons-primary: var(--color-cold-gray-900); --color-content-icons-secondary: var(--color-cold-gray-550); --color-content-icons-tertiary: var(--color-cold-gray-300); --color-content-text-promo-primary: var(--color-white); --color-content-text-promo-secondary: var(--color-cold-gray-200); --color-content-text-promo-tertiary: var(--color-cold-gray-450); --color-content-text-social-primary: var(--color-cold-gray-900); --color-content-text-social-secondary: var(--color-cold-gray-550); --color-content-text-social-tertiary: var(--color-cold-gray-300); --color-divider-line-primary-special: var(--color-cold-gray-900); --color-divider-line-secondary-special: var(--color-tv-blue-100); --color-divider-line-primary: var(--color-cold-gray-150); --color-divider-line-secondary: var(--color-cold-gray-100); --color-link-primary-default: var(--color-tv-blue-500); --color-link-primary-hover: var(--color-tv-blue-600); --color-link-primary-active: var(--color-tv-blue-700); --color-link-secondary-default: var(--color-tv-blue-300); --color-link-secondary-hover: var(--color-tv-blue-400); --color-link-secondary-active: var(--color-tv-blue-500); --color-static-transparent: var(--color-transparent); --color-static-warning: var(--color-tan-orange-500); --color-static-danger: var(--color-ripe-red-500); --color-static-highlight: var(--color-tv-blue-50); --color-static-neutral: var(--color-cold-gray-550); --color-static-success: var(--color-minty-green-500); --color-button-content-disabled: var(--color-cold-gray-300); --color-button-content-ghost-neutral-bold-default: var(--color-cold-gray-900); --color-button-content-ghost-neutral-bold-hover: var(--color-cold-gray-900); --color-button-content-ghost-neutral-bold-active: var(--color-white); --color-button-content-ghost-accent-default: var(--color-tv-blue-500); --color-button-content-ghost-accent-hover: var(--color-tv-blue-500); --color-button-content-ghost-accent-active: var(--color-white); --color-button-content-ghost-neutral-default: var(--color-cold-gray-900); --color-button-content-ghost-neutral-hover: var(--color-cold-gray-900); --color-button-content-ghost-neutral-active: var(--color-cold-gray-900); --color-button-content-ghost-neutral-is-selected: var(--color-cold-gray-900); --color-button-content-primary-neutral-bold-default: var(--color-white); --color-button-content-primary-neutral-bold-hover: var(--color-white); --color-button-content-primary-neutral-bold-active: var(--color-white); --color-button-content-primary-accent-default: var(--color-white); --color-button-content-primary-accent-hover: var(--color-white); --color-button-content-primary-accent-active: var(--color-white); --color-button-content-primary-neutral-default: var(--color-cold-gray-900); --color-button-content-primary-neutral-hover: var(--color-cold-gray-900); --color-button-content-primary-neutral-active: var(--color-cold-gray-900); --color-button-content-primary-neutral-is-selected: var(--color-cold-gray-900); --color-button-content-primary-success-default: var(--color-white); --color-button-content-primary-success-hover: var(--color-white); --color-button-content-primary-success-active: var(--color-white); --color-button-content-primary-accent-light-default: var(--color-tv-blue-600); --color-button-content-primary-accent-light-hover: var(--color-tv-blue-600); --color-button-content-primary-accent-light-active: var(--color-tv-blue-600); --color-button-content-primary-accent-light-is-selected: var(--color-tv-blue-600); --color-button-content-primary-danger-default: var(--color-white); --color-button-content-primary-danger-hover: var(--color-white); --color-button-content-primary-danger-active: var(--color-white); --color-button-content-quiet-primary-neutral-bold-default: var(--color-cold-gray-900); --color-button-content-quiet-primary-neutral-bold-hover: var(--color-white); --color-button-content-quiet-primary-neutral-bold-active: var(--color-white); --color-button-content-quiet-primary-neutral-default: var(--color-cold-gray-900); --color-button-content-quiet-primary-neutral-hover: var(--color-cold-gray-900); --color-button-content-quiet-primary-neutral-active: var(--color-cold-gray-900); --color-button-content-quiet-primary-neutral-is-selected: var(--color-cold-gray-900); --color-button-content-quiet-primary-accent-light-default: var(--color-tv-blue-500); --color-button-content-quiet-primary-accent-light-hover: var(--color-tv-blue-500); --color-button-content-quiet-primary-accent-light-active: var(--color-tv-blue-500); --color-button-content-secondary-neutral-bold-default: var(--color-cold-gray-900); --color-button-content-secondary-neutral-bold-hover: var(--color-white); --color-button-content-secondary-neutral-bold-active: var(--color-white); --color-button-content-secondary-accent-default: var(--color-tv-blue-500); --color-button-content-secondary-accent-hover: var(--color-white); --color-button-content-secondary-accent-active: var(--color-white); --color-button-content-secondary-neutral-default: var(--color-cold-gray-900); --color-button-content-secondary-neutral-hover: var(--color-cold-gray-900); --color-button-content-secondary-neutral-active: var(--color-cold-gray-900); --color-button-content-secondary-neutral-is-selected: var(--color-cold-gray-900); --color-button-content-secondary-success-default: var(--color-minty-green-500); --color-button-content-secondary-success-hover: var(--color-white); --color-button-content-secondary-success-active: var(--color-white); --color-button-content-secondary-accent-light-default: var(--color-tv-blue-600); --color-button-content-secondary-accent-light-hover: var(--color-tv-blue-600); --color-button-content-secondary-accent-light-active: var(--color-tv-blue-600); --color-button-content-secondary-accent-light-is-selected: var(--color-tv-blue-600); --color-button-content-secondary-danger-default: var(--color-ripe-red-500); --color-button-content-secondary-danger-hover: var(--color-white); --color-button-content-secondary-danger-active: var(--color-white); --color-button-fill_border-disabled: var(--color-cold-gray-150); --color-button-fill_border-ghost-neutral-bold-default: var(--color-static-transparent); --color-button-fill_border-ghost-neutral-bold-hover: var(--color-cold-gray-800); --color-button-fill_border-ghost-neutral-bold-active: var(--color-cold-gray-700); --color-button-fill_border-ghost-accent-default: var(--color-static-transparent); --color-button-fill_border-ghost-accent-hover: var(--color-tv-blue-500); --color-button-fill_border-ghost-accent-active: var(--color-tv-blue-700); --color-button-fill_border-ghost-neutral-default: var(--color-static-transparent); --color-button-fill_border-ghost-neutral-hover: var(--color-cold-gray-100); --color-button-fill_border-ghost-neutral-active: var(--color-cold-gray-150); --color-button-fill_border-ghost-neutral-is-selected: var(--color-static-transparent); --color-button-fill_border-ghost-accent-light-default: var(--color-static-transparent); --color-button-fill_border-ghost-accent-light-hover: var(--color-tv-blue-100); --color-button-fill_border-ghost-accent-light-active: var(--color-tv-blue-200); --color-button-fill_border-ghost-accent-light-is-selected: var(--color-tv-blue-100); --color-button-fill_border-primary-neutral-bold-default: var(--color-cold-gray-900); --color-button-fill_border-primary-neutral-bold-hover: var(--color-cold-gray-800); --color-button-fill_border-primary-neutral-bold-active: var(--color-cold-gray-700); --color-button-fill_border-primary-accent-default: var(--color-tv-blue-500); --color-button-fill_border-primary-accent-hover: var(--color-tv-blue-600); --color-button-fill_border-primary-accent-active: var(--color-tv-blue-700); --color-button-fill_border-primary-neutral-default: var(--color-cold-gray-100); --color-button-fill_border-primary-neutral-hover: var(--color-cold-gray-150); --color-button-fill_border-primary-neutral-active: var(--color-cold-gray-200); --color-button-fill_border-primary-neutral-is-selected: var(--color-cold-gray-100); --color-button-fill_border-primary-success-default: var(--color-minty-green-500); --color-button-fill_border-primary-success-hover: var(--color-minty-green-600); --color-button-fill_border-primary-success-active: var(--color-minty-green-700); --color-button-fill_border-primary-accent-light-default: var(--color-tv-blue-50); --color-button-fill_border-primary-accent-light-hover: var(--color-tv-blue-100); --color-button-fill_border-primary-accent-light-active: var(--color-tv-blue-200); --color-button-fill_border-primary-accent-light-is-selected: var(--color-tv-blue-100); --color-button-fill_border-primary-danger-default: var(--color-ripe-red-500); --color-button-fill_border-primary-danger-hover: var(--color-ripe-red-600); --color-button-fill_border-primary-danger-active: var(--color-ripe-red-700); --color-button-fill_border-quiet-primary-neutral-bold-default: var(--color-white); --color-button-fill_border-quiet-primary-neutral-bold-hover: var(--color-cold-gray-900); --color-button-fill_border-quiet-primary-neutral-bold-active: var(--color-cold-gray-800); --color-button-fill_border-quiet-primary-accent-default: var(--color-white); --color-button-fill_border-quiet-primary-accent-hover: var(--color-tv-blue-500); --color-button-fill_border-quiet-primary-accent-active: var(--color-tv-blue-600); --color-button-fill_border-quiet-primary-neutral-default: var(--color-white); --color-button-fill_border-quiet-primary-neutral-hover: var(--color-cold-gray-100); --color-button-fill_border-quiet-primary-neutral-active: var(--color-cold-gray-150); --color-button-fill_border-quiet-primary-neutral-is-selected: var(--color-cold-gray-100); --color-button-fill_border-quiet-primary-success-default: var(--color-white); --color-button-fill_border-quiet-primary-success-hover: var(--color-minty-green-500); --color-button-fill_border-quiet-primary-success-active: var(--color-minty-green-600); --color-button-fill_border-quiet-primary-accent-light-default: var(--color-white); --color-button-fill_border-quiet-primary-accent-light-hover: var(--color-tv-blue-50); --color-button-fill_border-quiet-primary-accent-light-active: var(--color-tv-blue-100); --color-button-fill_border-quiet-primary-accent-light-is-selected: var(--color-tv-blue-100); --color-button-fill_border-quiet-primary-danger-default: var(--color-white); --color-button-fill_border-quiet-primary-danger-hover: var(--color-ripe-red-500); --color-button-fill_border-quiet-primary-danger-active: var(--color-ripe-red-600); --color-button-fill_border-secondary-neutral-bold-default: var(--color-cold-gray-900); --color-button-fill_border-secondary-neutral-bold-hover: var(--color-cold-gray-800); --color-button-fill_border-secondary-neutral-bold-active: var(--color-cold-gray-700); --color-button-fill_border-secondary-accent-default: var(--color-tv-blue-500); --color-button-fill_border-secondary-accent-hover: var(--color-tv-blue-600); --color-button-fill_border-secondary-accent-active: var(--color-tv-blue-700); --color-button-fill_border-secondary-neutral-default: var(--color-cold-gray-150); --color-button-fill_border-secondary-neutral-hover: var(--color-cold-gray-100); --color-button-fill_border-secondary-neutral-active: var(--color-cold-gray-150); --color-button-fill_border-secondary-neutral-is-selected: var(--color-cold-gray-100); --color-button-fill_border-secondary-success-default: var(--color-minty-green-500); --color-button-fill_border-secondary-success-hover: var(--color-minty-green-600); --color-button-fill_border-secondary-success-active: var(--color-minty-green-700); --color-button-fill_border-secondary-accent-light-default: var(--color-tv-blue-50); --color-button-fill_border-secondary-accent-light-hover: var(--color-tv-blue-100); --color-button-fill_border-secondary-accent-light-active: var(--color-tv-blue-200); --color-button-fill_border-secondary-accent-light-is-selected: var(--color-tv-blue-100); --color-button-fill_border-secondary-danger-default: var(--color-ripe-red-500); --color-button-fill_border-secondary-danger-hover: var(--color-ripe-red-600); --color-button-fill_border-secondary-danger-active: var(--color-ripe-red-700); --color-text-field-border-default: var(--color-cold-gray-200); --color-text-field-border-hover: var(--color-cold-gray-350); --color-text-field-border-active: var(--color-tv-blue-500); --color-text-field-border-disabled: var(--color-cold-gray-200); --color-text-field-border-error: var(--color-ripe-red-500); --color-text-field-border-focus-not-active: var(--color-tv-blue-500); --color-text-field-border-focus-read-only: var(--color-tv-blue-500); --color-text-field-border-read-only: var(--color-cold-gray-200); --color-text-field-border-success: var(--color-minty-green-500); --color-text-field-border-warning: var(--color-tan-orange-500); --color-text-field-border-with-value: var(--color-cold-gray-200); --color-text-field-description-default: var(--color-cold-gray-550); --color-text-field-description-error: var(--color-ripe-red-500); --color-text-field-description-success: var(--color-minty-green-500); --color-text-field-description-warning: var(--color-tan-orange-500); --color-text-field-fill-default: var(--color-static-transparent); --color-text-field-fill-disabled: var(--color-cold-gray-100); --color-text-field-fill-focus-read-only: var(--color-cold-gray-50); --color-text-field-fill-read-only: var(--color-cold-gray-50); --color-text-field-label-default: var(--color-cold-gray-550); --color-text-field-label-error: var(--color-ripe-red-500); --color-text-field-label-link: var(--color-tv-blue-500); --color-text-field-label-success: var(--color-minty-green-500); --color-text-field-label-warning: var(--color-tan-orange-500); --color-text-field-left-slot-icon-default: var(--color-cold-gray-550); --color-text-field-left-slot-icon-disabled: var(--color-cold-gray-350); --color-text-field-placeholder-default: var(--color-cold-gray-550); --color-text-field-placeholder-disabled: var(--color-cold-gray-350); --color-text-field-right-slot-arrows-bg-default: var(--color-static-transparent); --color-text-field-right-slot-arrows-bg-hover: var(--color-cold-gray-100); --color-text-field-right-slot-arrows-bg-active: var(--color-cold-gray-150); --color-text-field-right-slot-icons-and-text-default: var(--color-cold-gray-550); --color-text-field-right-slot-icons-and-text-disabled: var(--color-cold-gray-350); --color-text-field-right-slot-icons-and-text-active: var(--color-cold-gray-900); --color-text-field-right-slot-icons-and-text-error: var(--color-ripe-red-500); --color-text-field-right-slot-icons-and-text-hover: var(--color-cold-gray-900); --color-text-field-value-default: var(--color-cold-gray-900); --color-text-field-value-disabled: var(--color-cold-gray-550); --color-counter-fill-danger: var(--color-ripe-red-500); --color-counter-content-danger: var(--color-white); --color-counter-fill-accent: var(--color-tv-blue-500); --color-counter-content-accent: var(--color-white); --color-counter-fill-accent-light: var(--color-tv-blue-50); --color-counter-content-accent-light: var(--color-tv-blue-600); --color-counter-fill-neutral-bold: var(--color-black); --color-counter-content-neutral-bold: var(--color-white); --color-counter-fill-neutral: var(--color-cold-gray-100); --color-counter-content-neutral: var(--color-cold-gray-900); --color-counter-border-primary: var(--color-white); --color-counter-border-secondary: var(--color-white); --color-counter-border-tertiary: var(--color-white); --color-filter-select-fill_border-checked-default: var(--color-tv-blue-50); --color-filter-select-fill_border-checked-hover: var(--color-tv-blue-100); --color-filter-select-fill_border-checked-active: var(--color-tv-blue-200); --color-filter-select-fill_border-checked-isOpened: var(--color-tv-blue-100); --color-filter-select-content-checked-accent-default: var(--color-tv-blue-600); --color-filter-select-content-checked-accent-hover: var(--color-tv-blue-600); --color-filter-select-content-checked-accent-active: var(--color-tv-blue-600); --color-filter-select-content-checked-neutral-default: var(--color-cold-gray-900); --color-filter-select-content-checked-neutral-hover: var(--color-cold-gray-900); --color-filter-select-content-checked-neutral-active: var(--color-cold-gray-900); --color-filter-select-fill_border-not-checked-default: var(--color-cold-gray-150); --color-filter-select-fill_border-not-checked-hover: var(--color-cold-gray-100); --color-filter-select-fill_border-not-checked-active: var(--color-cold-gray-150); --color-filter-select-fill_border-not-checked-isOpened: var(--color-cold-gray-100); --color-filter-select-content-not-checked-default: var(--color-cold-gray-550); --color-filter-select-content-not-checked-hover: var(--color-cold-gray-550); --color-filter-select-content-not-checked-active: var(--color-cold-gray-550); --color-symbol-change-positive: var(--color-minty-green-600); --color-symbol-change-neutral: var(--color-cold-gray-900); --color-symbol-change-negative: var(--color-ripe-red-600); --color-symbol-rating-positive: var(--color-minty-green-600); --color-symbol-rating-neutral: var(--color-cold-gray-550); --color-symbol-rating-negative: var(--color-ripe-red-600); --color-other-transparent: #fff0; --color-other-transparent-60: #fff9; --color-shadow-primary-neutral-extra-heavy: #0003; --color-shadow-primary-neutral-light: var(--color-cold-gray-150); --color-shadow-secondary-neutral-light: var(--color-cold-gray-150); --color-other-modal-background: #d1d1d14d; --color-other-shadow-primary-neutral-extra-heavy: #0003; --color-other-shadow-primary-neutral-light: var(--color-cold-gray-150); --color-other-shadow-secondary-neutral-light: var(--color-cold-gray-150); --color-other-black-friday-primary: var(--color-ripe-red-500); --color-other-black-friday-secondary: var(--color-ripe-red-400); --color-other-black-friday-tertiary: var(--color-ripe-red-300); --color-other-cyber-monday-primary: var(--color-sky-blue-a400); --color-other-cyber-monday-secondary: var(--color-sky-blue-a200); --color-other-cyber-monday-tertiary: var(--color-sky-blue-a100); --color-search-highlight-primary-normal: var(--color-tv-blue-600); --color-search-highlight-primary-inverse: var(--color-tv-blue-200); --color-focus-outline-color-blue: var(--color-tv-blue-500); --color-focus-outline-color-black: var(--color-black); --color-focus-outline-color-white: var(--color-white); --color-background-primary-accent-extra-light: var(--color-tv-blue-50); --color-background-primary-accent-light: var(--color-tv-blue-100); --color-background-primary-inverse: var(--color-white); --color-background-primary-neutral-bold: var(--color-cold-gray-800); --color-background-primary-neutral-extra-heavy: var(--color-black); --color-background-primary-neutral-extra-light: var(--color-cold-gray-50); --color-background-primary-neutral-light: var(--color-cold-gray-100); --color-background-primary-neutral-normal: var(--color-cold-gray-150); --color-background-secondary-inverse: var(--color-white); --color-background-tertiary-inverse: var(--color-white); --color-container-fill-primary-accent: var(--color-tv-blue-500); --color-container-fill-primary-accent-bold: var(--color-tv-blue-700); --color-container-fill-primary-accent-extra-light: var(--color-tv-blue-50); --color-container-fill-primary-accent-light: var(--color-tv-blue-100); --color-container-fill-primary-accent-normal: var(--color-tv-blue-200); --color-container-fill-primary-accent-semi-bold: var(--color-tv-blue-600); --color-container-fill-primary-accent-alt1-normal: var(--color-deep-blue-a400); --color-container-fill-primary-accent-alt2-bold: var(--color-sky-blue-700); --color-container-fill-primary-danger: var(--color-ripe-red-500); --color-container-fill-primary-danger-bold: var(--color-ripe-red-700); --color-container-fill-primary-danger-extra-light: var(--color-ripe-red-50); --color-container-fill-primary-danger-light: var(--color-ripe-red-100); --color-container-fill-primary-danger-normal: var(--color-ripe-red-200); --color-container-fill-primary-danger-semi-bold: var(--color-ripe-red-600); --color-container-fill-primary-inverse: var(--color-white); --color-container-fill-primary-neutral: var(--color-cold-gray-400); --color-container-fill-primary-neutral-bold: var(--color-cold-gray-700); --color-container-fill-primary-neutral-extra-bold: var(--color-cold-gray-800); --color-container-fill-primary-neutral-extra-heavy: var(--color-black); --color-container-fill-primary-neutral-extra-light: var(--color-cold-gray-100); --color-container-fill-primary-neutral-heavy: var(--color-cold-gray-900); --color-container-fill-primary-neutral-light: var(--color-cold-gray-150); --color-container-fill-primary-neutral-normal: var(--color-cold-gray-200); --color-container-fill-primary-neutral-thin: var(--color-cold-gray-50); --color-container-fill-primary-neutral-medium: var(--color-cold-gray-550); --color-container-fill-primary-success: var(--color-minty-green-500); --color-container-fill-primary-success-bold: var(--color-minty-green-700); --color-container-fill-primary-success-extra-light: var(--color-minty-green-50); --color-container-fill-primary-success-light: var(--color-minty-green-100); --color-container-fill-primary-success-normal: var(--color-minty-green-200); --color-container-fill-primary-success-semi-bold: var(--color-minty-green-600); --color-container-fill-primary-warning: var(--color-tan-orange-500); --color-container-fill-primary-warning-bold: var(--color-tan-orange-700); --color-container-fill-primary-warning-extra-light: var(--color-tan-orange-50); --color-container-fill-primary-warning-light: var(--color-tan-orange-100); --color-container-fill-primary-warning-normal: var(--color-tan-orange-200); --color-container-fill-primary-warning-semi-bold: var(--color-tan-orange-600); --color-container-fill-quaternary-inverse: var(--color-white); --color-container-fill-secondary-accent-extra-light: var(--color-tv-blue-50); --color-container-fill-secondary-accent-light: var(--color-tv-blue-100); --color-container-fill-secondary-accent-normal: var(--color-tv-blue-200); --color-container-fill-secondary-accent: var(--color-tv-blue-a400); --color-container-fill-secondary-accent-semi-bold: var(--color-tv-blue-600); --color-container-fill-secondary-inverse: var(--color-white); --color-container-fill-secondary-neutral-thin: var(--color-cold-gray-50); --color-container-fill-secondary-neutral: var(--color-cold-gray-550); --color-container-fill-secondary-neutral-extra-heavy: var(--color-black); --color-container-fill-secondary-neutral-extra-light: var(--color-cold-gray-100); --color-container-fill-secondary-neutral-heavy: var(--color-cold-gray-900); --color-container-fill-secondary-neutral-light: var(--color-cold-gray-150); --color-container-fill-secondary-neutral-normal: var(--color-cold-gray-300); --color-container-fill-secondary-neutral-semi-bold: var(--color-cold-gray-600); --color-container-fill-secondary-neutral-bold: var(--color-cold-gray-800); --color-container-fill-secondary-neutral-extra-bold: var(--color-cold-gray-800); --color-container-fill-secondary-danger-bold: var(--color-ripe-red-700); --color-container-fill-secondary-success-semi-bold: var(--color-minty-green-600); --color-container-fill-secondary-warning-semi-bold: var(--color-tan-orange-600); --color-container-fill-tertiary-accent: var(--color-tv-blue-a600); --color-container-fill-tertiary-accent-bold: var(--color-tv-blue-a900); --color-container-fill-tertiary-accent-light: var(--color-tv-blue-100); --color-container-fill-tertiary-inverse: var(--color-white); --color-container-fill-tertiary-neutral: var(--color-cold-gray-450); --color-container-fill-tertiary-neutral-light: var(--color-cold-gray-150); --color-container-fill-tertiary-neutral-heavy: var(--color-cold-gray-900); --color-container-fill-quinary-inverse: var(--color-white); --color-container-fill-senary-inverse: var(--color-white); --color-content-primary-accent: var(--color-tv-blue-500); --color-content-primary-accent-bold: var(--color-tv-blue-700); --color-content-primary-accent-extra-bold: var(--color-tv-blue-800); --color-content-primary-accent-heavy: var(--color-sky-blue-900); --color-content-primary-accent-light: var(--color-tv-blue-300); --color-content-primary-accent-normal: var(--color-tv-blue-400); --color-content-primary-accent-semi-bold: var(--color-tv-blue-600); --color-content-primary-accent-other-normal: var(--color-deep-blue-a400); --color-content-primary-accent-other-bold: var(--color-sky-blue-700); --color-content-primary-accent-other-extra-bold: var(--color-deep-blue-800); --color-content-primary-attention: var(--color-banana-yellow-700); --color-content-primary-danger: var(--color-ripe-red-500); --color-content-primary-danger-bold: var(--color-ripe-red-700); --color-content-primary-danger-semi-bold: var(--color-ripe-red-600); --color-content-primary-danger-extra-bold: var(--color-ripe-red-800); --color-content-primary-inverse: var(--color-white); --color-content-primary-negative: var(--color-ripe-red-600); --color-content-primary-neutral: var(--color-cold-gray-550); --color-content-primary-neutral-bold: var(--color-cold-gray-900); --color-content-primary-accent-extra-light: var(--color-tv-blue-100); --color-content-primary-neutral-extra-light: var(--color-cold-gray-200); --color-content-primary-neutral-light: var(--color-cold-gray-300); --color-content-primary-neutral-normal: var(--color-cold-gray-450); --color-content-primary-neutral-semi-bold: var(--color-cold-gray-700); --color-content-primary-positive: var(--color-minty-green-600); --color-content-primary-success: var(--color-minty-green-500); --color-content-primary-success-bold: var(--color-minty-green-700); --color-content-primary-success-extra-bold: var(--color-minty-green-800); --color-content-primary-success-semi-bold: var(--color-minty-green-600); --color-content-primary-warning: var(--color-tan-orange-500); --color-content-primary-warning-bold: var(--color-tan-orange-700); --color-content-primary-warning-extra-bold: var(--color-tan-orange-800); --color-content-primary-warning-semi-bold: var(--color-tan-orange-600); --color-content-secondary-accent: var(--color-tv-blue-500); --color-content-secondary-accent-semi-bold: var(--color-tv-blue-600); --color-content-secondary-accent-bold: var(--color-tv-blue-a700); --color-content-secondary-accent-other-semi-bold: var(--color-grapes-purple-600); --color-content-secondary-accent-other-extra-bold: var(--color-grapes-purple-800); --color-content-secondary-inverse: var(--color-white); --color-content-secondary-neutral: var(--color-cold-gray-650); --color-content-secondary-neutral-bold: var(--color-cold-gray-900); --color-content-secondary-accent-extra-light: var(--color-tv-blue-200); --color-content-secondary-neutral-medium: var(--color-cold-gray-750); --color-content-secondary-neutral-semi-bold: var(--color-cold-gray-850); --color-content-secondary-warning-semi-bold: var(--color-tan-orange-600); --color-content-secondary-warning-bold: var(--color-tan-orange-a700); --color-content-secondary-danger-extra-bold: var(--color-berry-pink-800); --color-content-secondary-success: var(--color-minty-green-500); --color-content-secondary-success-semi-bold: var(--color-minty-green-600); --color-content-secondary-success-extra-bold: var(--color-forest-green-800); --color-content-tertiary-accent: var(--color-tv-blue-500); --color-content-tertiary-accent-bold: var(--color-tv-blue-700); --color-content-tertiary-neutral-bold: var(--color-cold-gray-900); --color-content-tertiary-success-extra-bold: var(--color-iguana-green-800); --color-content-tertiary-accent-semi-bold: var(--color-tv-blue-600); --color-content-tertiary-inverse: var(--color-white); --color-content-quaternary-accent: var(--color-tv-blue-a400); --color-content-quaternary-accent-semi-bold: var(--color-tv-blue-600); --color-content-quinary-accent: var(--color-tv-blue-500); --color-content-quinary-accent-semi-bold: var(--color-tv-blue-600); --color-content-quinary-accent-bold: var(--color-tv-blue-700); --color-border-primary-accent: var(--color-tv-blue-500); --color-border-primary-accent-extra-light: var(--color-tv-blue-50); --color-border-primary-danger: var(--color-ripe-red-500); --color-border-primary-inverse: var(--color-white); --color-border-primary-neutral: var(--color-cold-gray-350); --color-border-primary-neutral-bold: var(--color-cold-gray-650); --color-border-primary-neutral-extra-bold: var(--color-cold-gray-900); --color-border-primary-neutral-extra-heavy: var(--color-black); --color-border-primary-neutral-light: var(--color-cold-gray-150); --color-border-primary-neutral-normal: var(--color-cold-gray-200); --color-border-primary-neutral-semi-bold: var(--color-cold-gray-550); --color-border-primary-success: var(--color-minty-green-500); --color-border-primary-warning: var(--color-tan-orange-500); --color-border-secondary-inverse: var(--color-white); --color-border-secondary-neutral: var(--color-cold-gray-300); --color-border-secondary-neutral-normal: var(--color-cold-gray-200); --color-border-tertiary-inverse: var(--color-white); --color-border-primary-neutral-extra-light: var(--color-cold-gray-100); --color-overlay-accent-1-light: #2962ff26; --color-overlay-accent-1-normal: #2962ff4d; --color-overlay-accent-1-bold: #2962ff66; --color-overlay-accent-2-light: #00acc126; --color-overlay-accent-2-normal: #00acc14d; --color-overlay-accent-2-bold: #00acc166; --color-overlay-accent-3-light: #9c27b026; --color-overlay-accent-3-normal: #9c27b04d; --color-overlay-accent-3-bold: #9c27b066; --color-overlay-accent-4-light: #5e35b126; --color-overlay-accent-4-normal: #5e35b14d; --color-overlay-accent-4-bold: #5e35b166; --color-overlay-negative-1-light: #cc2f3c26; --color-overlay-negative-1-normal: #cc2f3c4d; --color-overlay-negative-1-bold: #cc2f3c66; --color-overlay-negative-2-light: #e91e6326; --color-overlay-negative-2-normal: #e91e634d; --color-overlay-negative-2-bold: #e91e6366; --color-overlay-neutral-1-light: #63636326; --color-overlay-neutral-1-normal: #6363634d; --color-overlay-neutral-1-bold: #63636366; --color-overlay-neutral-2-light: #00000026; --color-overlay-neutral-2-normal: #0000004d; --color-overlay-neutral-2-bold: #0006; --color-overlay-positive-1-light: #08998126; --color-overlay-positive-1-normal: #0899814d; --color-overlay-positive-1-bold: #08998166; --color-overlay-positive-2-light: #08995026; --color-overlay-positive-2-normal: #0899504d; --color-overlay-positive-2-bold: #08995066; --color-overlay-positive-3-light: #43a04726; --color-overlay-positive-3-normal: #43a0474d; --color-overlay-positive-3-bold: #43a04766; --color-overlay-warning-1-light: #ff980026; --color-overlay-warning-1-normal: #ff98004d; --color-overlay-warning-1-bold: #ff980066; --color-overlay-warning-2-light: #fdd83526; --color-overlay-warning-2-normal: #fdd8354d; --color-overlay-warning-2-bold: #fdd83566; --color-overlay-warning-3-light: #ff980026; --color-overlay-warning-3-normal: #ff98004d; --color-overlay-warning-3-bold: #ff980066; --color-overlay-neutral-3-light: #63636326; --color-overlay-neutral-3-normal: #6363634d; --color-overlay-neutral-3-bold: #63636366; --color-heatmap-classic-minus3-default: var(--color-ripe-red-800); --color-heatmap-classic-minus2-default: var(--color-ripe-red-500); --color-heatmap-classic-minus1-default: var(--color-ripe-red-300); --color-heatmap-classic-zero-default: var(--color-cold-gray-250); --color-heatmap-classic-plus1-default: var(--color-forest-green-300); --color-heatmap-classic-plus2-default: var(--color-forest-green-500); --color-heatmap-classic-plus3-default: var(--color-forest-green-700); --color-heatmap-classic-light-negative-xl: var(--color-ripe-red-700); --color-heatmap-classic-light-negative-l: var(--color-ripe-red-500); --color-heatmap-classic-light-negative-m: var(--color-ripe-red-300); --color-heatmap-classic-light-negative-s: var(--color-ripe-red-100); --color-heatmap-classic-light-neutral: var(--color-white); --color-heatmap-classic-light-positive-xl: var(--color-forest-green-700); --color-heatmap-classic-light-positive-l: var(--color-forest-green-500); --color-heatmap-classic-light-positive-m: var(--color-forest-green-300); --color-heatmap-classic-light-positive-s: var(--color-forest-green-100); --color-heatmap-classic-light-empty: var(--color-cold-gray-150); --color-heatmap-classic-light-hover: var(--color-tv-blue-50); --color-heatmap-colorblind-minus3-default: var(--color-tan-orange-a700); --color-heatmap-colorblind-minus2-default: #de812f; --color-heatmap-colorblind-minus1-default: var(--color-tan-orange-400); --color-heatmap-colorblind-zero-default: var(--color-cold-gray-250); --color-heatmap-colorblind-plus1-default: var(--color-tv-blue-200); --color-heatmap-colorblind-plus2-default: var(--color-tv-blue-300); --color-heatmap-colorblind-plus3-default: var(--color-tv-blue-600); --color-heatmap-monochrome-minus3-default: var(--color-cold-gray-150); --color-heatmap-monochrome-minus2-default: var(--color-cold-gray-250); --color-heatmap-monochrome-minus1-default: var(--color-cold-gray-350); --color-heatmap-monochrome-zero-default: var(--color-cold-gray-500); --color-heatmap-monochrome-plus1-default: var(--color-cold-gray-600); --color-heatmap-monochrome-plus2-default: var(--color-cold-gray-750); --color-heatmap-monochrome-plus3-default: var(--color-cold-gray-900); --color-heatmap-positive-only-v1-default: var(--color-cold-gray-250); --color-heatmap-positive-only-v2-default: var(--color-tv-blue-200); --color-heatmap-positive-only-v3-default: var(--color-tv-blue-300); --color-heatmap-positive-only-v4-default: var(--color-tv-blue-600); --color-heatmap-positive-only-v5-default: var(--color-tv-blue-800); --color-heatmap-positive-only-v6-default: var(--color-tv-blue-a700); --color-heatmap-positive-only-v7-default: var(--color-tv-blue-a800); --color-heatmap-range-light-negative-xl: var(--color-tan-orange-600); --color-heatmap-range-light-negative-l: var(--color-tan-orange-400); --color-heatmap-range-light-negative-m: var(--color-tan-orange-200); --color-heatmap-range-light-negative-s: var(--color-tan-orange-100); --color-heatmap-range-light-neutral: var(--color-white); --color-heatmap-range-light-positive-xl: var(--color-sky-blue-600); --color-heatmap-range-light-positive-l: var(--color-sky-blue-400); --color-heatmap-range-light-positive-m: var(--color-sky-blue-200); --color-heatmap-range-light-positive-s: var(--color-sky-blue-100); --color-heatmap-range-light-empty: var(--color-cold-gray-150); --color-heatmap-range-light-hover: var(--color-tv-blue-50); --color-heatmap-tan-orange-xs: var(--color-tan-orange-50); --color-heatmap-tan-orange-s: var(--color-tan-orange-100); --color-heatmap-tan-orange-m: var(--color-tan-orange-300); --color-heatmap-tan-orange-l: var(--color-tan-orange-500); --color-heatmap-tan-orange-xl: var(--color-tan-orange-700); --color-heatmap-tan-orange-xxl: var(--color-tan-orange-900); --color-heatmap-tan-orange-empty: var(--color-cold-gray-100); --color-heatmap-tan-orange-border: var(--color-tan-orange-900); --color-heatmap-sky-blue-xs: var(--color-sky-blue-50); --color-heatmap-sky-blue-s: var(--color-sky-blue-100); --color-heatmap-sky-blue-m: var(--color-sky-blue-300); --color-heatmap-sky-blue-l: var(--color-sky-blue-500); --color-heatmap-sky-blue-xl: var(--color-sky-blue-700); --color-heatmap-sky-blue-xxl: var(--color-sky-blue-900); --color-heatmap-sky-blue-empty: var(--color-cold-gray-100); --color-heatmap-sky-blue-border: var(--color-sky-blue-900); --color-heatmap-deep-blue-xs: var(--color-deep-blue-50); --color-heatmap-deep-blue-s: var(--color-deep-blue-100); --color-heatmap-deep-blue-m: var(--color-deep-blue-300); --color-heatmap-deep-blue-l: var(--color-deep-blue-400); --color-heatmap-deep-blue-xl: var(--color-deep-blue-600); --color-heatmap-deep-blue-xxl: var(--color-deep-blue-900); --color-heatmap-deep-blue-empty: var(--color-cold-gray-100); --color-heatmap-deep-blue-border: var(--color-deep-blue-900); --color-heatmap-tv-blue-xs: var(--color-tv-blue-50); --color-heatmap-tv-blue-s: var(--color-tv-blue-100); --color-heatmap-tv-blue-m: var(--color-tv-blue-300); --color-heatmap-tv-blue-l: var(--color-tv-blue-500); --color-heatmap-tv-blue-xl: var(--color-tv-blue-700); --color-heatmap-tv-blue-xxl: var(--color-tv-blue-900); --color-heatmap-tv-blue-empty: var(--color-cold-gray-100); --color-heatmap-tv-blue-border: var(--color-tv-blue-900); --color-heatmap-berry-pink-xs: var(--color-berry-pink-50); --color-heatmap-berry-pink-s: var(--color-berry-pink-100); --color-heatmap-berry-pink-m: var(--color-berry-pink-300); --color-heatmap-berry-pink-l: var(--color-berry-pink-500); --color-heatmap-berry-pink-xl: var(--color-berry-pink-700); --color-heatmap-berry-pink-xxl: var(--color-berry-pink-900); --color-heatmap-berry-pink-empty: var(--color-cold-gray-100); --color-heatmap-berry-pink-border: var(--color-berry-pink-900); --color-heatmap-forest-green-xs: var(--color-forest-green-50); --color-heatmap-forest-green-s: var(--color-forest-green-100); --color-heatmap-forest-green-m: var(--color-forest-green-300); --color-heatmap-forest-green-l: var(--color-forest-green-500); --color-heatmap-forest-green-xl: var(--color-forest-green-700); --color-heatmap-forest-green-xxl: var(--color-forest-green-900); --color-heatmap-forest-green-empty: var(--color-cold-gray-100); --color-heatmap-forest-green-border: var(--color-forest-green-900); --color-heatmap-minty-green-xs: var(--color-minty-green-50); --color-heatmap-minty-green-s: var(--color-minty-green-100); --color-heatmap-minty-green-m: var(--color-minty-green-300); --color-heatmap-minty-green-l: var(--color-minty-green-500); --color-heatmap-minty-green-xl: var(--color-minty-green-700); --color-heatmap-minty-green-xxl: var(--color-minty-green-900); --color-heatmap-minty-green-empty: var(--color-cold-gray-100); --color-heatmap-minty-green-border: var(--color-minty-green-900); --color-heatmap-grapes-purple-xs: var(--color-grapes-purple-50); --color-heatmap-grapes-purple-s: var(--color-grapes-purple-100); --color-heatmap-grapes-purple-m: var(--color-grapes-purple-300); --color-heatmap-grapes-purple-l: var(--color-grapes-purple-500); --color-heatmap-grapes-purple-xl: var(--color-grapes-purple-700); --color-heatmap-grapes-purple-xxl: var(--color-grapes-purple-900); --color-heatmap-grapes-purple-empty: var(--color-cold-gray-100); --color-heatmap-grapes-purple-border: var(--color-grapes-purple-900) } [data-theme=dark] { --color-header-bg: var(--color-black); --color-body-bg: var(--color-black); --color-body-secondary-bg: var(--color-cold-gray-900); --color-bg-primary: var(--color-cold-gray-850); --color-bg-primary-hover: var(--color-cold-gray-800); --color-bg-secondary: var(--color-cold-gray-900); --color-bg-highlight: var(--color-cold-gray-900); --color-bg-scroll-buttons: var(--color-cold-gray-800); --color-legacy-bg-scroll-buttons: var(--color-cold-gray-550); --color-legacy-bg-widget: var(--color-cold-gray-900); --color-text-primary: var(--color-cold-gray-200); --color-text-secondary: var(--color-cold-gray-450); --color-text-tertiary: var(--color-cold-gray-400); --color-text-disabled: var(--color-cold-gray-650); --color-accent-content: var(--color-white); --color-divider: var(--color-cold-gray-700); --color-divider-hover: var(--color-cold-gray-800); --color-divider-secondary: var(--color-cold-gray-800); --color-box-shadow: var(--color-cold-gray-900); --color-active-hover-text: var(--color-cold-gray-200); --color-alert-text: var(--color-cold-gray-200); --color-border: var(--color-cold-gray-750); --color-border-chat-fields: var(--color-cold-gray-750); --color-border-hover: var(--color-cold-gray-650); --color-border-table: var(--color-cold-gray-800); --color-brand: var(--color-tv-blue-500); --color-brand-hover: var(--color-tv-blue-600); --color-brand-active: var(--color-tv-blue-700); --color-button-hover-bg: var(--color-cold-gray-850); --color-chart-page-bg: var(--color-cold-gray-800); --color-common-tooltip-bg: var(--color-cold-gray-750); --color-danger: var(--color-ripe-red-600); --color-danger-hover: var(--color-ripe-red-500); --color-danger-active: var(--color-ripe-red-400); --color-depthrenderer-fill-style: var(--color-cold-gray-150); --color-depthrenderer-stroke-style: var(--color-cold-gray-650); --color-disabled-border-and-color: var(--color-cold-gray-800); --color-disabled-input: var(--color-cold-gray-750); --color-empty-container-message: var(--color-cold-gray-450); --color-highlight-new: var(--color-tv-blue-a800); --color-icons: var(--color-cold-gray-450); --color-input-bg: var(--color-cold-gray-800); --color-input-textarea-readonly: var(--color-cold-gray-650); --color-input-placeholder-text: var(--color-cold-gray-700); --color-input-publish-bg: var(--color-cold-gray-900); --color-item-active-blue: var(--color-tv-blue-a900); --color-item-hover-active-bg: var(--color-cold-gray-800); --color-item-hover-bg: var(--color-cold-gray-800); --color-item-hover-blue: var(--color-tv-blue-a800); --color-item-selected-blue: var(--color-tv-blue-a800); --color-item-active-text: var(--color-cold-gray-200); --color-item-active-bg: var(--color-tv-blue-500); --color-link: var(--color-tv-blue-500); --color-link-hover: var(--color-tv-blue-600); --color-link-active: var(--color-tv-blue-700); --color-list-item: var(--color-cold-gray-450); --color-list-nth-child-bg: var(--color-cold-gray-850); --color-news-highlight: var(--color-cold-gray-800); --color-pane-bg: var(--color-cold-gray-900); --color-pane-secondary-bg: var(--color-cold-gray-850); --color-placeholder: var(--color-cold-gray-650); --color-popup-menu-item-hover-bg: var(--color-cold-gray-800); --color-popup-menu-separator: var(--color-cold-gray-700); --color-primary-symbol: var(--color-sky-blue-500); --color-row-hover-active-bg: var(--color-cold-gray-800); --color-sb-scrollbar-body-bg: var(--color-cold-gray-650); --color-screener-description: var(--color-cold-gray-200); --color-section-separator-border: var(--color-cold-gray-750); --color-search-button-hover: var(--color-cold-gray-700); --color-separator-table-chat: var(--color-cold-gray-750); --color-success: var(--color-minty-green-700); --color-success-hover: var(--color-minty-green-600); --color-success-active: var(--color-minty-green-500); --color-tag-active-bg: var(--color-cold-gray-750); --color-tag-hover-bg: var(--color-cold-gray-800); --color-text-regular: var(--color-cold-gray-200); --color-toolbar-button-text: var(--color-cold-gray-200); --color-toolbar-button-text-hover: var(--color-cold-gray-200); --color-toolbar-button-text-active: var(--color-tv-blue-500); --color-toolbar-button-text-active-hover: var(--color-tv-blue-600); --color-toolbar-button-background-hover: var(--color-cold-gray-800); --color-toolbar-button-background-secondary-hover: var(--color-cold-gray-750); --color-toolbar-button-background-active: var(--color-tv-blue-a900); --color-toolbar-button-background-active-hover: var(--color-tv-blue-a800); --color-toolbar-toggle-button-background-active: var(--color-tv-blue-500); --color-toolbar-toggle-button-background-active-hover: var(--color-tv-blue-600); --color-toolbar-toggle-button-icon: var(--color-cold-gray-650); --color-toolbar-interactive-element-text-normal: var(--color-cold-gray-200); --color-toolbar-opened-element-bg: var(--color-cold-gray-800); --color-toolbar-divider-background: var(--color-cold-gray-700); --color-popup-background: var(--color-cold-gray-850); --color-popup-element-text: var(--color-cold-gray-200); --color-popup-element-text-hover: var(--color-cold-gray-250); --color-popup-element-background-hover: var(--color-cold-gray-800); --color-popup-element-secondary-text: var(--color-cold-gray-500); --color-popup-element-hint-text: var(--color-cold-gray-600); --color-popup-element-text-active: var(--color-cold-gray-200); --color-popup-element-background-active: var(--color-tv-blue-500); --color-popup-element-toolbox-text: var(--color-cold-gray-500); --color-popup-element-toolbox-text-hover: var(--color-cold-gray-200); --color-popup-element-toolbox-text-active-hover: var(--color-tv-blue-200); --color-popup-element-toolbox-background-hover: var(--color-cold-gray-750); --color-popup-element-toolbox-background-active-hover: var(--color-tv-blue-700); --color-tooltip-bg: var(--color-cold-gray-750); --color-tv-button-checked: var(--color-cold-gray-450); --color-tv-dialog-caption: var(--color-cold-gray-50); --color-tv-dropdown-item-hover-bg: var(--color-cold-gray-800); --color-underlined-text: var(--color-cold-gray-450); --color-widget-pages-bg: var(--color-cold-gray-900); --color-warning: var(--color-tan-orange-700); --color-forex-icon: var(--color-white); --color-list-item-active-bg: var(--color-tv-blue-500); --color-list-item-hover-bg: var(--color-cold-gray-800); --color-list-item-text: var(--color-cold-gray-200); --color-price-axis-label-back: var(--color-cold-gray-800); --color-price-axis-label-text: var(--color-cold-gray-500); --color-price-axis-gear: var(--color-cold-gray-200); --color-price-axis-gear-hover: var(--color-cold-gray-400); --color-price-axis-highlight: var(--color-cold-gray-800); --color-bid: var(--color-tv-blue-500); --color-scroll-bg: var(--color-cold-gray-750); --color-scroll-border: var(--color-cold-gray-850); --color-widget-border: var(--color-cold-gray-800); --color-scroll-buttons-arrow: var(--color-white); --color-control-intent-default: var(--color-cold-gray-650); --color-control-intent-success: var(--color-minty-green-500); --color-control-intent-primary: var(--color-tv-blue-500); --color-control-intent-warning: var(--color-tan-orange-500); --color-control-intent-danger: var(--color-ripe-red-500); --color-growing: var(--color-minty-green-500); --color-falling: var(--color-ripe-red-500); --color-goto-label-background: var(--color-cold-gray-650); --color-pre-market: var(--color-tan-orange-600); --color-post-market: var(--color-tv-blue-500); --color-notaccurate-mode: var(--color-berry-pink-a200); --color-delay-mode: var(--color-tan-orange-700); --color-delay-mode-bg: var(--color-tan-orange-400); --color-list-item-bg-highlighted: var(--color-tv-blue-a900); --color-list-item-bg-selected: var(--color-tv-blue-a800); --color-list-item-bg-highlighted-hover: var(--color-tv-blue-a800); --color-list-item-bg-selected-hover: var(--color-tv-blue-a700); --color-screener-header-bg: var(--color-cold-gray-850); --color-screener-header-bg-hover: var(--color-cold-gray-800); --color-overlay: var(--color-cold-gray-950); --color-boost-button-content-selected: var(--color-tv-blue-100); --color-boost-button-content-hover: var(--color-white); --color-boost-button-bg-hover: var(--color-cold-gray-750); --color-boost-button-border-hover: var(--color-cold-gray-750); --color-boost-button-border-default: var(--color-cold-gray-700); --color-x-twitter-content: var(--color-white); --color-card-border: var(--color-cold-gray-700); --color-card-border-hover: var(--color-cold-gray-600); --color-background-special-primary: var(--color-black); --color-stroke-special-primary: var(--color-cold-gray-800); --color-selection-bg: var(--color-tv-blue-a700); --color-default-gray: var(--color-cold-gray-450); --color-featured-broker-badge-bg: var(--color-white); --color-featured-broker-badge-bg-hover: var(--color-cold-gray-100); --color-featured-broker-badge-text: var(--color-cold-gray-900); --color-background-primary: var(--color-black); --color-background-secondary: var(--color-cold-gray-850); --color-background-tertiary: var(--color-cold-gray-800); --color-background-dark-primary: var(--color-cold-gray-700); --color-background-dark-secondary: var(--color-cold-gray-850); --color-background-disabled: var(--color-cold-gray-750); --color-background-special-secondary: var(--color-tv-blue-a900); --color-background-special-tertiary: var(--color-tv-blue-a800); --color-background-page-platform: var(--color-cold-gray-900); --color-background-page-promo: var(--color-black); --color-background-page-social: var(--color-black); --color-background-dialog-simple: var(--color-cold-gray-850); --color-background-dialog-complicated: var(--color-cold-gray-850); --color-background-dialog-promo: var(--color-cold-gray-850); --color-background-dialog-fullscreen: var(--color-black); --color-content-icons-primary: var(--color-cold-gray-200); --color-content-icons-secondary: var(--color-cold-gray-450); --color-content-icons-tertiary: var(--color-cold-gray-650); --color-content-text-promo-primary: var(--color-white); --color-content-text-promo-secondary: var(--color-cold-gray-200); --color-content-text-promo-tertiary: var(--color-cold-gray-450); --color-content-text-social-primary: var(--color-cold-gray-200); --color-content-text-social-secondary: var(--color-cold-gray-450); --color-content-text-social-tertiary: var(--color-cold-gray-650); --color-divider-line-primary-special: var(--color-tv-blue-200); --color-divider-line-secondary-special: var(--color-tv-blue-a800); --color-divider-line-primary: var(--color-cold-gray-750); --color-divider-line-secondary: var(--color-cold-gray-800); --color-link-primary-default: var(--color-tv-blue-300); --color-link-primary-hover: var(--color-tv-blue-400); --color-link-primary-active: var(--color-tv-blue-500); --color-link-secondary-default: var(--color-tv-blue-a200); --color-link-secondary-hover: var(--color-tv-blue-400); --color-link-secondary-active: var(--color-tv-blue-500); --color-static-warning: var(--color-tan-orange-500); --color-static-danger: var(--color-ripe-red-500); --color-static-highlight: var(--color-tv-blue-a900); --color-static-neutral: var(--color-cold-gray-450); --color-static-success: var(--color-minty-green-500); --color-button-content-disabled: var(--color-cold-gray-650); --color-button-content-ghost-neutral-bold-default: var(--color-cold-gray-200); --color-button-content-ghost-neutral-bold-hover: var(--color-white); --color-button-content-ghost-neutral-bold-active: var(--color-cold-gray-900); --color-button-content-ghost-accent-default: var(--color-tv-blue-500); --color-button-content-ghost-accent-hover: var(--color-tv-blue-500); --color-button-content-ghost-accent-active: var(--color-white); --color-button-content-ghost-neutral-default: var(--color-cold-gray-200); --color-button-content-ghost-neutral-hover: var(--color-white); --color-button-content-ghost-neutral-active: var(--color-white); --color-button-content-ghost-neutral-is-selected: var(--color-cold-gray-200); --color-button-content-primary-neutral-bold-default: var(--color-cold-gray-900); --color-button-content-primary-neutral-bold-hover: var(--color-cold-gray-900); --color-button-content-primary-neutral-bold-active: var(--color-cold-gray-900); --color-button-content-primary-accent-default: var(--color-white); --color-button-content-primary-accent-hover: var(--color-white); --color-button-content-primary-accent-active: var(--color-white); --color-button-content-primary-neutral-default: var(--color-white); --color-button-content-primary-neutral-hover: var(--color-white); --color-button-content-primary-neutral-active: var(--color-white); --color-button-content-primary-neutral-is-selected: var(--color-white); --color-button-content-primary-success-default: var(--color-white); --color-button-content-primary-success-hover: var(--color-white); --color-button-content-primary-success-active: var(--color-white); --color-button-content-primary-accent-light-default: var(--color-tv-blue-200); --color-button-content-primary-accent-light-hover: var(--color-tv-blue-200); --color-button-content-primary-accent-light-active: var(--color-tv-blue-200); --color-button-content-primary-accent-light-is-selected: var(--color-tv-blue-200); --color-button-content-primary-danger-default: var(--color-white); --color-button-content-primary-danger-hover: var(--color-white); --color-button-content-primary-danger-active: var(--color-white); --color-button-content-quiet-primary-neutral-bold-default: var(--color-cold-gray-200); --color-button-content-quiet-primary-neutral-bold-hover: var(--color-cold-gray-900); --color-button-content-quiet-primary-neutral-bold-active: var(--color-cold-gray-900); --color-button-content-quiet-primary-neutral-default: var(--color-cold-gray-200); --color-button-content-quiet-primary-neutral-hover: var(--color-white); --color-button-content-quiet-primary-neutral-active: var(--color-white); --color-button-content-quiet-primary-neutral-is-selected: var(--color-white); --color-button-content-quiet-primary-accent-light-default: var(--color-tv-blue-500); --color-button-content-quiet-primary-accent-light-hover: var(--color-tv-blue-100); --color-button-content-quiet-primary-accent-light-active: var(--color-tv-blue-100); --color-button-content-secondary-neutral-bold-default: var(--color-white); --color-button-content-secondary-neutral-bold-hover: var(--color-cold-gray-900); --color-button-content-secondary-neutral-bold-active: var(--color-cold-gray-900); --color-button-content-secondary-accent-default: var(--color-tv-blue-500); --color-button-content-secondary-accent-hover: var(--color-white); --color-button-content-secondary-accent-active: var(--color-white); --color-button-content-secondary-neutral-default: var(--color-cold-gray-200); --color-button-content-secondary-neutral-hover: var(--color-white); --color-button-content-secondary-neutral-active: var(--color-white); --color-button-content-secondary-neutral-is-selected: var(--color-white); --color-button-content-secondary-success-default: var(--color-minty-green-500); --color-button-content-secondary-success-hover: var(--color-white); --color-button-content-secondary-success-active: var(--color-white); --color-button-content-secondary-accent-light-default: var(--color-tv-blue-200); --color-button-content-secondary-accent-light-hover: var(--color-tv-blue-200); --color-button-content-secondary-accent-light-active: var(--color-tv-blue-200); --color-button-content-secondary-accent-light-is-selected: var(--color-tv-blue-200); --color-button-content-secondary-danger-default: var(--color-ripe-red-500); --color-button-content-secondary-danger-hover: var(--color-white); --color-button-content-secondary-danger-active: var(--color-white); --color-button-fill_border-disabled: var(--color-cold-gray-750); --color-static-transparent: var(--color-transparent); --color-button-fill_border-ghost-neutral-bold-default: var(--color-static-transparent); --color-button-fill_border-ghost-neutral-bold-hover: var(--color-cold-gray-100); --color-button-fill_border-ghost-neutral-bold-active: var(--color-cold-gray-200); --color-button-fill_border-ghost-accent-default: var(--color-static-transparent); --color-button-fill_border-ghost-accent-hover: var(--color-tv-blue-500); --color-button-fill_border-ghost-accent-active: var(--color-tv-blue-700); --color-button-fill_border-ghost-neutral-default: var(--color-static-transparent); --color-button-fill_border-ghost-neutral-hover: var(--color-cold-gray-800); --color-button-fill_border-ghost-neutral-active: var(--color-cold-gray-750); --color-button-fill_border-ghost-neutral-is-selected: var(--color-static-transparent); --color-button-fill_border-ghost-accent-light-default: var(--color-static-transparent); --color-button-fill_border-ghost-accent-light-hover: var(--color-tv-blue-a700); --color-button-fill_border-ghost-accent-light-active: var(--color-tv-blue-900); --color-button-fill_border-ghost-accent-light-is-selected: var(--color-tv-blue-a700); --color-button-fill_border-primary-neutral-bold-default: var(--color-white); --color-button-fill_border-primary-neutral-bold-hover: var(--color-cold-gray-100); --color-button-fill_border-primary-neutral-bold-active: var(--color-cold-gray-200); --color-button-fill_border-primary-accent-default: var(--color-tv-blue-500); --color-button-fill_border-primary-accent-hover: var(--color-tv-blue-600); --color-button-fill_border-primary-accent-active: var(--color-tv-blue-700); --color-button-fill_border-primary-neutral-default: var(--color-cold-gray-800); --color-button-fill_border-primary-neutral-hover: var(--color-cold-gray-750); --color-button-fill_border-primary-neutral-active: var(--color-cold-gray-700); --color-button-fill_border-primary-neutral-is-selected: var(--color-cold-gray-800); --color-button-fill_border-primary-success-default: var(--color-minty-green-500); --color-button-fill_border-primary-success-hover: var(--color-minty-green-600); --color-button-fill_border-primary-success-active: var(--color-minty-green-700); --color-button-fill_border-primary-accent-light-default: var(--color-tv-blue-a800); --color-button-fill_border-primary-accent-light-hover: var(--color-tv-blue-a700); --color-button-fill_border-primary-accent-light-active: var(--color-tv-blue-900); --color-button-fill_border-primary-accent-light-is-selected: var(--color-tv-blue-a700); --color-button-fill_border-primary-danger-default: var(--color-ripe-red-500); --color-button-fill_border-primary-danger-hover: var(--color-ripe-red-600); --color-button-fill_border-primary-danger-active: var(--color-ripe-red-700); --color-button-fill_border-quiet-primary-neutral-bold-default: var(--color-black); --color-button-fill_border-quiet-primary-neutral-bold-hover: var(--color-white); --color-button-fill_border-quiet-primary-neutral-bold-active: var(--color-cold-gray-100); --color-button-fill_border-quiet-primary-accent-default: var(--color-black); --color-button-fill_border-quiet-primary-accent-hover: var(--color-tv-blue-500); --color-button-fill_border-quiet-primary-accent-active: var(--color-tv-blue-600); --color-button-fill_border-quiet-primary-neutral-default: var(--color-black); --color-button-fill_border-quiet-primary-neutral-hover: var(--color-cold-gray-800); --color-button-fill_border-quiet-primary-neutral-active: var(--color-cold-gray-750); --color-button-fill_border-quiet-primary-neutral-is-selected: var(--color-cold-gray-800); --color-button-fill_border-quiet-primary-success-default: var(--color-black); --color-button-fill_border-quiet-primary-success-hover: var(--color-minty-green-500); --color-button-fill_border-quiet-primary-success-active: var(--color-minty-green-600); --color-button-fill_border-quiet-primary-accent-light-default: var(--color-black); --color-button-fill_border-quiet-primary-accent-light-hover: var(--color-tv-blue-a800); --color-button-fill_border-quiet-primary-accent-light-active: var(--color-tv-blue-a700); --color-button-fill_border-quiet-primary-accent-light-is-selected: var(--color-tv-blue-a700); --color-button-fill_border-quiet-primary-danger-default: var(--color-black); --color-button-fill_border-quiet-primary-danger-hover: var(--color-ripe-red-500); --color-button-fill_border-quiet-primary-danger-active: var(--color-ripe-red-600); --color-button-fill_border-secondary-neutral-bold-default: var(--color-white); --color-button-fill_border-secondary-neutral-bold-hover: var(--color-cold-gray-100); --color-button-fill_border-secondary-neutral-bold-active: var(--color-cold-gray-200); --color-button-fill_border-secondary-accent-default: var(--color-tv-blue-500); --color-button-fill_border-secondary-accent-hover: var(--color-tv-blue-600); --color-button-fill_border-secondary-accent-active: var(--color-tv-blue-700); --color-button-fill_border-secondary-neutral-default: var(--color-cold-gray-700); --color-button-fill_border-secondary-neutral-hover: var(--color-cold-gray-800); --color-button-fill_border-secondary-neutral-active: var(--color-cold-gray-750); --color-button-fill_border-secondary-neutral-is-selected: var(--color-cold-gray-800); --color-button-fill_border-secondary-success-default: var(--color-minty-green-500); --color-button-fill_border-secondary-success-hover: var(--color-minty-green-600); --color-button-fill_border-secondary-success-active: var(--color-minty-green-700); --color-button-fill_border-secondary-accent-light-default: var(--color-tv-blue-a800); --color-button-fill_border-secondary-accent-light-hover: var(--color-tv-blue-a700); --color-button-fill_border-secondary-accent-light-active: var(--color-tv-blue-900); --color-button-fill_border-secondary-accent-light-is-selected: var(--color-tv-blue-a700); --color-button-fill_border-secondary-danger-default: var(--color-ripe-red-500); --color-button-fill_border-secondary-danger-hover: var(--color-ripe-red-600); --color-button-fill_border-secondary-danger-active: var(--color-ripe-red-700); --color-text-field-border-default: var(--color-cold-gray-650); --color-text-field-border-hover: var(--color-cold-gray-500); --color-text-field-border-active: var(--color-tv-blue-500); --color-text-field-border-disabled: var(--color-cold-gray-800); --color-text-field-border-error: var(--color-ripe-red-500); --color-text-field-border-focus-not-active: var(--color-tv-blue-500); --color-text-field-border-focus-read-only: var(--color-tv-blue-500); --color-text-field-border-read-only: var(--color-cold-gray-800); --color-text-field-border-success: var(--color-minty-green-500); --color-text-field-border-warning: var(--color-tan-orange-500); --color-text-field-border-with-value: var(--color-cold-gray-650); --color-text-field-description-default: var(--color-cold-gray-450); --color-text-field-description-error: var(--color-ripe-red-500); --color-text-field-description-success: var(--color-minty-green-500); --color-text-field-description-warning: var(--color-tan-orange-500); --color-text-field-fill-default: var(--color-static-transparent); --color-text-field-fill-disabled: var(--color-cold-gray-800); --color-text-field-fill-focus-read-only: var(--color-cold-gray-850); --color-text-field-fill-read-only: var(--color-cold-gray-850); --color-text-field-label-default: var(--color-cold-gray-450); --color-text-field-label-error: var(--color-ripe-red-500); --color-text-field-label-link: var(--color-tv-blue-500); --color-text-field-label-success: var(--color-minty-green-500); --color-text-field-label-warning: var(--color-tan-orange-500); --color-text-field-left-slot-icon-default: var(--color-cold-gray-450); --color-text-field-left-slot-icon-disabled: var(--color-cold-gray-650); --color-text-field-placeholder-default: var(--color-cold-gray-450); --color-text-field-placeholder-disabled: var(--color-cold-gray-650); --color-text-field-right-slot-arrows-bg-default: var(--color-static-transparent); --color-text-field-right-slot-arrows-bg-hover: var(--color-cold-gray-800); --color-text-field-right-slot-arrows-bg-active: var(--color-cold-gray-750); --color-text-field-right-slot-icons-and-text-default: var(--color-cold-gray-450); --color-text-field-right-slot-icons-and-text-disabled: var(--color-cold-gray-650); --color-text-field-right-slot-icons-and-text-active: var(--color-cold-gray-200); --color-text-field-right-slot-icons-and-text-error: var(--color-ripe-red-500); --color-text-field-right-slot-icons-and-text-hover: var(--color-cold-gray-200); --color-text-field-value-default: var(--color-cold-gray-200); --color-text-field-value-disabled: var(--color-cold-gray-450); --color-counter-fill-danger: var(--color-ripe-red-500); --color-counter-content-danger: var(--color-white); --color-counter-fill-accent: var(--color-tv-blue-500); --color-counter-content-accent: var(--color-white); --color-counter-fill-accent-light: var(--color-tv-blue-a800); --color-counter-content-accent-light: var(--color-tv-blue-100); --color-counter-fill-neutral-bold: var(--color-white); --color-counter-content-neutral-bold: var(--color-black); --color-counter-fill-neutral: var(--color-cold-gray-800); --color-counter-content-neutral: var(--color-cold-gray-200); --color-counter-border-primary: var(--color-black); --color-counter-border-secondary: var(--color-cold-gray-900); --color-counter-border-tertiary: var(--color-cold-gray-850); --color-filter-select-fill_border-checked-default: var(--color-tv-blue-a800); --color-filter-select-fill_border-checked-hover: var(--color-tv-blue-a700); --color-filter-select-fill_border-checked-active: var(--color-tv-blue-900); --color-filter-select-fill_border-checked-isOpened: var(--color-tv-blue-a700); --color-filter-select-content-checked-accent-default: var(--color-tv-blue-200); --color-filter-select-content-checked-accent-hover: var(--color-tv-blue-200); --color-filter-select-content-checked-accent-active: var(--color-tv-blue-200); --color-filter-select-content-checked-neutral-default: var(--color-white); --color-filter-select-content-checked-neutral-hover: var(--color-white); --color-filter-select-content-checked-neutral-active: var(--color-white); --color-filter-select-fill_border-not-checked-default: var(--color-cold-gray-700); --color-filter-select-fill_border-not-checked-hover: var(--color-cold-gray-800); --color-filter-select-fill_border-not-checked-active: var(--color-cold-gray-750); --color-filter-select-fill_border-not-checked-isOpened: var(--color-cold-gray-800); --color-filter-select-content-not-checked-default: var(--color-cold-gray-450); --color-filter-select-content-not-checked-hover: var(--color-cold-gray-450); --color-filter-select-content-not-checked-active: var(--color-cold-gray-450); --color-symbol-change-positive: var(--color-minty-green-400); --color-symbol-change-neutral: var(--color-cold-gray-200); --color-symbol-change-negative: var(--color-ripe-red-400); --color-symbol-rating-positive: var(--color-minty-green-400); --color-symbol-rating-neutral: var(--color-cold-gray-450); --color-symbol-rating-negative: var(--color-ripe-red-400); --color-other-transparent: #0000; --color-other-transparent-60: #0009; --color-shadow-primary-neutral-extra-heavy: #0006; --color-shadow-primary-neutral-light: var(--color-cold-gray-750); --color-shadow-secondary-neutral-light: var(--color-cold-gray-700); --color-other-modal-background: #0000004d; --color-other-shadow-primary-neutral-extra-heavy: #0006; --color-other-shadow-primary-neutral-light: var(--color-cold-gray-750); --color-other-shadow-secondary-neutral-light: var(--color-cold-gray-700); --color-other-black-friday-primary: var(--color-ripe-red-500); --color-other-black-friday-secondary: var(--color-ripe-red-400); --color-other-black-friday-tertiary: var(--color-ripe-red-300); --color-other-cyber-monday-primary: var(--color-sky-blue-a400); --color-other-cyber-monday-secondary: var(--color-sky-blue-a200); --color-other-cyber-monday-tertiary: var(--color-sky-blue-a100); --color-search-highlight-primary-normal: var(--color-tv-blue-200); --color-search-highlight-primary-inverse: var(--color-tv-blue-600); --color-focus-outline-color-blue: var(--color-tv-blue-500); --color-focus-outline-color-black: var(--color-white); --color-focus-outline-color-white: var(--color-black); --color-background-primary-accent-extra-light: var(--color-tv-blue-a900); --color-background-primary-accent-light: var(--color-tv-blue-a800); --color-background-primary-inverse: var(--color-black); --color-background-primary-neutral-bold: var(--color-cold-gray-700); --color-background-primary-neutral-extra-heavy: var(--color-black); --color-background-primary-neutral-extra-light: var(--color-cold-gray-850); --color-background-primary-neutral-light: var(--color-cold-gray-800); --color-background-primary-neutral-normal: var(--color-cold-gray-750); --color-background-secondary-inverse: var(--color-cold-gray-900); --color-background-tertiary-inverse: var(--color-cold-gray-850); --color-container-fill-primary-accent: var(--color-tv-blue-500); --color-container-fill-primary-accent-bold: var(--color-tv-blue-700); --color-container-fill-primary-accent-extra-light: var(--color-tv-blue-a900); --color-container-fill-primary-accent-light: var(--color-tv-blue-a800); --color-container-fill-primary-accent-normal: var(--color-tv-blue-a700); --color-container-fill-primary-accent-semi-bold: var(--color-tv-blue-600); --color-container-fill-primary-accent-alt1-normal: var(--color-deep-blue-a100); --color-container-fill-primary-accent-alt2-bold: var(--color-sky-blue-300); --color-container-fill-primary-danger: var(--color-ripe-red-500); --color-container-fill-primary-danger-bold: var(--color-ripe-red-700); --color-container-fill-primary-danger-extra-light: var(--color-ripe-red-a900); --color-container-fill-primary-danger-light: var(--color-ripe-red-a800); --color-container-fill-primary-danger-normal: var(--color-ripe-red-a700); --color-container-fill-primary-danger-semi-bold: var(--color-ripe-red-600); --color-container-fill-primary-inverse: var(--color-black); --color-container-fill-primary-neutral: var(--color-cold-gray-600); --color-container-fill-primary-neutral-bold: var(--color-cold-gray-200); --color-container-fill-primary-neutral-extra-bold: var(--color-cold-gray-100); --color-container-fill-primary-neutral-extra-heavy: var(--color-white); --color-container-fill-primary-neutral-extra-light: var(--color-cold-gray-800); --color-container-fill-primary-neutral-heavy: var(--color-white); --color-container-fill-primary-neutral-light: var(--color-cold-gray-750); --color-container-fill-primary-neutral-normal: var(--color-cold-gray-700); --color-container-fill-primary-neutral-thin: var(--color-cold-gray-850); --color-container-fill-primary-neutral-medium: var(--color-cold-gray-450); --color-container-fill-primary-success: var(--color-minty-green-500); --color-container-fill-primary-success-bold: var(--color-minty-green-700); --color-container-fill-primary-success-extra-light: var(--color-minty-green-a900); --color-container-fill-primary-success-light: var(--color-minty-green-a800); --color-container-fill-primary-success-normal: var(--color-minty-green-a700); --color-container-fill-primary-success-semi-bold: var(--color-minty-green-600); --color-container-fill-primary-warning: var(--color-tan-orange-500); --color-container-fill-primary-warning-bold: var(--color-tan-orange-700); --color-container-fill-primary-warning-extra-light: var(--color-tan-orange-a900); --color-container-fill-primary-warning-light: var(--color-tan-orange-a800); --color-container-fill-primary-warning-normal: var(--color-tan-orange-a700); --color-container-fill-primary-warning-semi-bold: var(--color-tan-orange-600); --color-container-fill-quaternary-inverse: var(--color-white); --color-container-fill-secondary-accent-extra-light: var(--color-tv-blue-a800); --color-container-fill-secondary-accent-light: var(--color-tv-blue-a700); --color-container-fill-secondary-accent-normal: var(--color-tv-blue-900); --color-container-fill-secondary-accent: var(--color-tv-blue-a100); --color-container-fill-secondary-accent-semi-bold: var(--color-tv-blue-300); --color-container-fill-secondary-inverse: var(--color-cold-gray-900); --color-container-fill-secondary-neutral-thin: var(--color-cold-gray-800); --color-container-fill-secondary-neutral: var(--color-cold-gray-450); --color-container-fill-secondary-neutral-extra-heavy: var(--color-black); --color-container-fill-secondary-neutral-extra-light: var(--color-cold-gray-700); --color-container-fill-secondary-neutral-heavy: var(--color-cold-gray-200); --color-container-fill-secondary-neutral-light: var(--color-cold-gray-800); --color-container-fill-secondary-neutral-normal: var(--color-cold-gray-600); --color-container-fill-secondary-neutral-semi-bold: var(--color-cold-gray-400); --color-container-fill-secondary-neutral-bold: var(--color-cold-gray-800); --color-container-fill-secondary-neutral-extra-bold: var(--color-cold-gray-450); --color-container-fill-secondary-danger-bold: var(--color-ripe-red-300); --color-container-fill-secondary-success-semi-bold: var(--color-minty-green-300); --color-container-fill-secondary-warning-semi-bold: var(--color-tan-orange-300); --color-container-fill-tertiary-accent: var(--color-tv-blue-a100); --color-container-fill-tertiary-accent-bold: var(--color-tv-blue-a900); --color-container-fill-tertiary-accent-light: var(--color-tv-blue-800); --color-container-fill-tertiary-inverse: var(--color-cold-gray-850); --color-container-fill-tertiary-neutral: var(--color-cold-gray-550); --color-container-fill-tertiary-neutral-light: var(--color-cold-gray-900); --color-container-fill-tertiary-neutral-heavy: var(--color-tv-blue-200); --color-container-fill-quinary-inverse: var(--color-cold-gray-800); --color-container-fill-senary-inverse: var(--color-cold-gray-700); --color-content-primary-accent: var(--color-tv-blue-500); --color-content-primary-accent-bold: var(--color-tv-blue-600); --color-content-primary-accent-extra-bold: var(--color-tv-blue-a100); --color-content-primary-accent-heavy: var(--color-sky-blue-500); --color-content-primary-accent-light: var(--color-tv-blue-300); --color-content-primary-accent-normal: var(--color-tv-blue-400); --color-content-primary-accent-semi-bold: var(--color-tv-blue-500); --color-content-primary-accent-other-normal: var(--color-deep-blue-a100); --color-content-primary-accent-other-bold: var(--color-sky-blue-300); --color-content-primary-accent-other-extra-bold: var(--color-deep-blue-a100); --color-content-primary-attention: var(--color-banana-yellow-800); --color-content-primary-danger: var(--color-ripe-red-500); --color-content-primary-danger-bold: var(--color-ripe-red-300); --color-content-primary-danger-semi-bold: var(--color-ripe-red-400); --color-content-primary-danger-extra-bold: var(--color-ripe-red-a400); --color-content-primary-inverse: var(--color-black); --color-content-primary-negative: var(--color-ripe-red-400); --color-content-primary-neutral: var(--color-cold-gray-450); --color-content-primary-neutral-bold: var(--color-cold-gray-200); --color-content-primary-accent-extra-light: var(--color-tv-blue-100); --color-content-primary-neutral-extra-light: var(--color-cold-gray-650); --color-content-primary-neutral-light: var(--color-cold-gray-650); --color-content-primary-neutral-normal: var(--color-cold-gray-550); --color-content-primary-neutral-semi-bold: var(--color-cold-gray-300); --color-content-primary-positive: var(--color-minty-green-400); --color-content-primary-success: var(--color-minty-green-500); --color-content-primary-success-bold: var(--color-minty-green-300); --color-content-primary-success-extra-bold: var(--color-minty-green-300); --color-content-primary-success-semi-bold: var(--color-minty-green-400); --color-content-primary-warning: var(--color-tan-orange-500); --color-content-primary-warning-bold: var(--color-tan-orange-300); --color-content-primary-warning-extra-bold: var(--color-tan-orange-a400); --color-content-primary-warning-semi-bold: var(--color-tan-orange-400); --color-content-secondary-accent: var(--color-tv-blue-400); --color-content-secondary-accent-semi-bold: var(--color-tv-blue-200); --color-content-secondary-accent-bold: var(--color-tv-blue-a200); --color-content-secondary-accent-other-semi-bold: var(--color-grapes-purple-300); --color-content-secondary-accent-other-extra-bold: var(--color-grapes-purple-a100); --color-content-secondary-inverse: var(--color-cold-gray-900); --color-content-secondary-neutral: var(--color-cold-gray-450); --color-content-secondary-neutral-bold: var(--color-white); --color-content-secondary-accent-extra-light: var(--color-tv-blue-600); --color-content-secondary-neutral-medium: var(--color-cold-gray-300); --color-content-secondary-neutral-semi-bold: var(--color-cold-gray-150); --color-content-secondary-warning-semi-bold: var(--color-tan-orange-300); --color-content-secondary-warning-bold: var(--color-banana-yellow-700); --color-content-secondary-danger-extra-bold: var(--color-berry-pink-a200); --color-content-secondary-success: var(--color-minty-green-300); --color-content-secondary-success-semi-bold: var(--color-minty-green-300); --color-content-secondary-success-extra-bold: var(--color-forest-green-400); --color-content-tertiary-accent: var(--color-tv-blue-100); --color-content-tertiary-accent-bold: var(--color-tv-blue-200); --color-content-tertiary-neutral-bold: var(--color-cold-gray-300); --color-content-tertiary-success-extra-bold: var(--color-iguana-green-400); --color-content-tertiary-accent-semi-bold: var(--color-tv-blue-100); --color-content-tertiary-inverse: var(--color-white); --color-content-quaternary-accent: var(--color-tv-blue-a100); --color-content-quaternary-accent-semi-bold: var(--color-tv-blue-300); --color-content-quinary-accent: var(--color-tv-blue-300); --color-content-quinary-accent-semi-bold: var(--color-tv-blue-400); --color-content-quinary-accent-bold: var(--color-tv-blue-500); --color-border-primary-accent: var(--color-tv-blue-500); --color-border-primary-accent-extra-light: var(--color-tv-blue-a800); --color-border-primary-danger: var(--color-ripe-red-500); --color-border-primary-inverse: var(--color-black); --color-border-primary-neutral: var(--color-cold-gray-500); --color-border-primary-neutral-bold: var(--color-cold-gray-350); --color-border-primary-neutral-extra-bold: var(--color-white); --color-border-primary-neutral-extra-heavy: var(--color-white); --color-border-primary-neutral-light: var(--color-cold-gray-700); --color-border-primary-neutral-normal: var(--color-cold-gray-600); --color-border-primary-neutral-semi-bold: var(--color-cold-gray-450); --color-border-primary-success: var(--color-minty-green-500); --color-border-primary-warning: var(--color-tan-orange-500); --color-border-secondary-inverse: var(--color-cold-gray-900); --color-border-secondary-neutral: var(--color-cold-gray-700); --color-border-secondary-neutral-normal: var(--color-cold-gray-650); --color-border-tertiary-inverse: var(--color-cold-gray-850); --color-border-primary-neutral-extra-light: var(--color-cold-gray-800); --color-overlay-accent-1-light: #448aff33; --color-overlay-accent-1-normal: #448aff4d; --color-overlay-accent-1-bold: #448aff66; --color-overlay-accent-2-light: #00bcd433; --color-overlay-accent-2-normal: #00bcd44d; --color-overlay-accent-2-bold: #00bcd466; --color-overlay-accent-3-light: #ea80fc33; --color-overlay-accent-3-normal: #ea80fc4d; --color-overlay-accent-3-bold: #ea80fc66; --color-overlay-accent-4-light: #b388ff33; --color-overlay-accent-4-normal: #b388ff4d; --color-overlay-accent-4-bold: #b388ff66; --color-overlay-negative-1-light: #f2364533; --color-overlay-negative-1-normal: #f236454d; --color-overlay-negative-1-bold: #f2364566; --color-overlay-negative-2-light: #ff408133; --color-overlay-negative-2-normal: #ff40814d; --color-overlay-negative-2-bold: #ff408166; --color-overlay-neutral-1-light: #b8b8b833; --color-overlay-neutral-1-normal: #b8b8b84d; --color-overlay-neutral-1-bold: #b8b8b866; --color-overlay-neutral-2-light: #fff3; --color-overlay-neutral-2-normal: #ffffff4d; --color-overlay-neutral-2-bold: #fff6; --color-overlay-positive-1-light: #22ab9433; --color-overlay-positive-1-normal: #22ab944d; --color-overlay-positive-1-bold: #22ab9466; --color-overlay-positive-2-light: #22ab6733; --color-overlay-positive-2-normal: #22ab674d; --color-overlay-positive-2-bold: #22ab6766; --color-overlay-positive-3-light: #4caf5033; --color-overlay-positive-3-normal: #4caf504d; --color-overlay-positive-3-bold: #4caf5066; --color-overlay-warning-1-light: #ff980033; --color-overlay-warning-1-normal: #ff98004d; --color-overlay-warning-1-bold: #ff980066; --color-overlay-warning-2-light: #fdd83533; --color-overlay-warning-2-normal: #fdd8354d; --color-overlay-warning-2-bold: #fdd83566; --color-overlay-warning-3-light: #ff98001a; --color-overlay-warning-3-normal: #ff980033; --color-overlay-warning-3-bold: #ff98004d; --color-overlay-neutral-3-light: #2e2e2e66; --color-overlay-neutral-3-normal: #2e2e2ecc; --color-overlay-neutral-3-bold: #2e2e2e; --color-heatmap-classic-minus3-default: var(--color-ripe-red-500); --color-heatmap-classic-minus2-default: var(--color-ripe-red-700); --color-heatmap-classic-minus1-default: var(--color-ripe-red-900); --color-heatmap-classic-zero-default: var(--color-cold-gray-750); --color-heatmap-classic-plus1-default: var(--color-forest-green-900); --color-heatmap-classic-plus2-default: var(--color-forest-green-700); --color-heatmap-classic-plus3-default: var(--color-forest-green-500); --color-heatmap-classic-light-negative-xl: var(--color-ripe-red-400); --color-heatmap-classic-light-negative-l: var(--color-ripe-red-500); --color-heatmap-classic-light-negative-m: var(--color-ripe-red-700); --color-heatmap-classic-light-negative-s: var(--color-ripe-red-900); --color-heatmap-classic-light-neutral: var(--color-black); --color-heatmap-classic-light-positive-s: var(--color-forest-green-900); --color-heatmap-classic-light-positive-m: var(--color-forest-green-700); --color-heatmap-classic-light-positive-l: var(--color-forest-green-500); --color-heatmap-classic-light-positive-xl: var(--color-forest-green-400); --color-heatmap-classic-light-empty: var(--color-cold-gray-750); --color-heatmap-classic-light-hover: var(--color-tv-blue-800); --color-heatmap-colorblind-minus3-default: var(--color-tan-orange-700); --color-heatmap-colorblind-minus2-default: #aa6324; --color-heatmap-colorblind-minus1-default: var(--color-tan-orange-a800); --color-heatmap-colorblind-zero-default: var(--color-cold-gray-750); --color-heatmap-colorblind-plus1-default: var(--color-tv-blue-a800); --color-heatmap-colorblind-plus2-default: var(--color-tv-blue-800); --color-heatmap-colorblind-plus3-default: var(--color-tv-blue-500); --color-heatmap-monochrome-minus3-default: var(--color-cold-gray-150); --color-heatmap-monochrome-minus2-default: var(--color-cold-gray-250); --color-heatmap-monochrome-minus1-default: var(--color-cold-gray-350); --color-heatmap-monochrome-zero-default: var(--color-cold-gray-450); --color-heatmap-monochrome-plus1-default: var(--color-cold-gray-550); --color-heatmap-monochrome-plus2-default: var(--color-cold-gray-650); --color-heatmap-monochrome-plus3-default: var(--color-cold-gray-800); --color-heatmap-positive-only-v1-default: var(--color-cold-gray-750); --color-heatmap-positive-only-v2-default: var(--color-tv-blue-a800); --color-heatmap-positive-only-v3-default: var(--color-tv-blue-a700); --color-heatmap-positive-only-v4-default: var(--color-tv-blue-800); --color-heatmap-positive-only-v5-default: var(--color-tv-blue-600); --color-heatmap-positive-only-v6-default: var(--color-tv-blue-300); --color-heatmap-positive-only-v7-default: var(--color-tv-blue-200); --color-heatmap-range-light-negative-xl: var(--color-tan-orange-a600); --color-heatmap-range-light-negative-l: var(--color-tan-orange-a700); --color-heatmap-range-light-negative-m: var(--color-tan-orange-a800); --color-heatmap-range-light-negative-s: var(--color-tan-orange-a900); --color-heatmap-range-light-neutral: var(--color-black); --color-heatmap-range-light-positive-s: var(--color-sky-blue-900); --color-heatmap-range-light-positive-m: var(--color-sky-blue-700); --color-heatmap-range-light-positive-l: var(--color-sky-blue-600); --color-heatmap-range-light-positive-xl: var(--color-sky-blue-500); --color-heatmap-range-light-empty: var(--color-cold-gray-750); --color-heatmap-range-light-hover: var(--color-tv-blue-800); --color-heatmap-tan-orange-xs: var(--color-tan-orange-a900); --color-heatmap-tan-orange-s: var(--color-tan-orange-a800); --color-heatmap-tan-orange-m: var(--color-tan-orange-a700); --color-heatmap-tan-orange-l: var(--color-tan-orange-500); --color-heatmap-tan-orange-xl: var(--color-tan-orange-300); --color-heatmap-tan-orange-xxl: var(--color-tan-orange-200); --color-heatmap-tan-orange-empty: var(--color-cold-gray-800); --color-heatmap-tan-orange-border: var(--color-tan-orange-100); --color-heatmap-sky-blue-xs: var(--color-sky-blue-900); --color-heatmap-sky-blue-s: var(--color-sky-blue-800); --color-heatmap-sky-blue-m: var(--color-sky-blue-700); --color-heatmap-sky-blue-l: var(--color-sky-blue-500); --color-heatmap-sky-blue-xl: var(--color-sky-blue-300); --color-heatmap-sky-blue-xxl: var(--color-sky-blue-200); --color-heatmap-sky-blue-empty: var(--color-cold-gray-800); --color-heatmap-sky-blue-border: var(--color-sky-blue-100); --color-heatmap-deep-blue-xs: var(--color-deep-blue-900); --color-heatmap-deep-blue-s: var(--color-deep-blue-700); --color-heatmap-deep-blue-m: var(--color-deep-blue-500); --color-heatmap-deep-blue-l: var(--color-deep-blue-400); --color-heatmap-deep-blue-xl: var(--color-deep-blue-300); --color-heatmap-deep-blue-xxl: var(--color-deep-blue-200); --color-heatmap-deep-blue-empty: var(--color-cold-gray-800); --color-heatmap-deep-blue-border: var(--color-deep-blue-100); --color-heatmap-tv-blue-xs: var(--color-tv-blue-a900); --color-heatmap-tv-blue-s: var(--color-tv-blue-a800); --color-heatmap-tv-blue-m: var(--color-tv-blue-a700); --color-heatmap-tv-blue-l: var(--color-tv-blue-500); --color-heatmap-tv-blue-xl: var(--color-tv-blue-300); --color-heatmap-tv-blue-xxl: var(--color-tv-blue-200); --color-heatmap-tv-blue-empty: var(--color-cold-gray-800); --color-heatmap-tv-blue-border: var(--color-tv-blue-100); --color-heatmap-berry-pink-xs: var(--color-berry-pink-900); --color-heatmap-berry-pink-s: var(--color-berry-pink-800); --color-heatmap-berry-pink-m: var(--color-berry-pink-700); --color-heatmap-berry-pink-l: var(--color-berry-pink-500); --color-heatmap-berry-pink-xl: var(--color-berry-pink-300); --color-heatmap-berry-pink-xxl: var(--color-berry-pink-200); --color-heatmap-berry-pink-empty: var(--color-cold-gray-800); --color-heatmap-berry-pink-border: var(--color-berry-pink-100); --color-heatmap-forest-green-xs: var(--color-forest-green-900); --color-heatmap-forest-green-s: var(--color-forest-green-800); --color-heatmap-forest-green-m: var(--color-forest-green-700); --color-heatmap-forest-green-l: var(--color-forest-green-500); --color-heatmap-forest-green-xl: var(--color-forest-green-300); --color-heatmap-forest-green-xxl: var(--color-forest-green-200); --color-heatmap-forest-green-empty: var(--color-cold-gray-800); --color-heatmap-forest-green-border: var(--color-forest-green-100); --color-heatmap-minty-green-xs: var(--color-minty-green-a900); --color-heatmap-minty-green-s: var(--color-minty-green-a800); --color-heatmap-minty-green-m: var(--color-minty-green-a700); --color-heatmap-minty-green-l: var(--color-minty-green-500); --color-heatmap-minty-green-xl: var(--color-minty-green-300); --color-heatmap-minty-green-xxl: var(--color-minty-green-200); --color-heatmap-minty-green-empty: var(--color-cold-gray-800); --color-heatmap-minty-green-border: var(--color-minty-green-100); --color-heatmap-grapes-purple-xs: var(--color-grapes-purple-900); --color-heatmap-grapes-purple-s: var(--color-grapes-purple-800); --color-heatmap-grapes-purple-m: var(--color-grapes-purple-700); --color-heatmap-grapes-purple-l: var(--color-grapes-purple-500); --color-heatmap-grapes-purple-xl: var(--color-grapes-purple-300); --color-heatmap-grapes-purple-xxl: var(--color-grapes-purple-200); --color-heatmap-grapes-purple-empty: var(--color-cold-gray-800); --color-heatmap-grapes-purple-border: var(--color-grapes-purple-100); --color-marker-flagged: var(--color-ripe-red-400); --color-marker-flagged-hovered: var(--color-ripe-red-600); --color-ask: var(--color-ripe-red-400); --color-sell: var(--color-ripe-red-400); --color-buy: var(--color-tv-blue-500); --color-neutral: var(--color-cold-gray-550); --color-pro: var(--color-minty-green-400); --color-pro-hover: var(--color-minty-green-600); --color-pro-plus: var(--color-tv-blue-500); --color-pro-plus-hover: var(--color-tv-blue-600); --color-pro-premium: var(--color-tan-orange-500); --color-pro-premium-hover: var(--color-tan-orange-700); --color-trial: var(--color-cold-gray-550); --color-trial-hover: var(--color-cold-gray-550); --color-mod: var(--color-ripe-red-400); --color-mod-hover: var(--color-ripe-red-600); --color-ad: var(--color-tan-orange-500); --color-broker-featured: var(--color-minty-green-400); --color-broker-featured-hover: var(--color-minty-green-600); --color-alert-status-active: var(--color-minty-green-500); --color-alert-status-stopped: var(--color-ripe-red-500); --color-alert-status-triggered: var(--color-tan-orange-500); --color-common-tooltip-text: var(--color-cold-gray-100); --color-replay-data-mode: var(--color-ripe-red-400); --color-legacy-success: var(--color-minty-green-300); --color-collapse-tabs-border: var(--color-cold-gray-100); --color-site-widget-hover: var(--color-cold-gray-50); --color-attention: var(--color-banana-yellow-700) } :root, [data-query-type=container]>* { --v-rhythm-header-1-space-phone: 56px; --v-rhythm-header-1-space-tablet: 80px; --v-rhythm-header-1-space-laptop: 100px; --v-rhythm-header-1-space-desktop: 120px; --v-rhythm-header-2-space-phone: 16px; --v-rhythm-header-2-space-tablet: 24px; --v-rhythm-header-2-space-laptop: 32px; --v-rhythm-header-2-space-desktop: 40px; --v-rhythm-header-3-space-phone: 16px; --v-rhythm-header-3-space-tablet: 16px; --v-rhythm-header-3-space-laptop: 24px; --v-rhythm-header-3-space-desktop: 24px; --v-rhythm-footer-1-space-phone: 56px; --v-rhythm-footer-1-space-tablet: 80px; --v-rhythm-footer-1-space-laptop: 100px; --v-rhythm-footer-1-space-desktop: 120px; --v-rhythm-footer-2-space-phone: 16px; --v-rhythm-footer-2-space-tablet: 24px; --v-rhythm-footer-2-space-laptop: 32px; --v-rhythm-footer-2-space-desktop: 40px; --v-rhythm-footer-3-space-phone: 16px; --v-rhythm-footer-3-space-tablet: 16px; --v-rhythm-footer-3-space-laptop: 24px; --v-rhythm-footer-3-space-desktop: 24px; --v-rhythm-spacing-1-phone: 80px; --v-rhythm-spacing-1-tablet: 120px; --v-rhythm-spacing-1-laptop: 160px; --v-rhythm-spacing-1-desktop: 200px; --v-rhythm-spacing-2-phone: 64px; --v-rhythm-spacing-2-tablet: 88px; --v-rhythm-spacing-2-laptop: 120px; --v-rhythm-spacing-2-desktop: 160px; --v-rhythm-spacing-3-phone: 48px; --v-rhythm-spacing-3-tablet: 64px; --v-rhythm-spacing-3-laptop: 88px; --v-rhythm-spacing-3-desktop: 120px; --v-rhythm-spacing-4-phone: 48px; --v-rhythm-spacing-4-tablet: 48px; --v-rhythm-spacing-4-laptop: 64px; --v-rhythm-spacing-4-desktop: 80px; --v-rhythm-spacing-5-phone: 32px; --v-rhythm-spacing-5-tablet: 32px; --v-rhythm-spacing-5-laptop: 40px; --v-rhythm-spacing-5-desktop: 48px; --v-rhythm-header-1-space: var(--v-rhythm-header-1-space-phone); --v-rhythm-header-2-space: var(--v-rhythm-header-2-space-phone); --v-rhythm-header-3-space: var(--v-rhythm-header-3-space-phone); --v-rhythm-footer-1-space: var(--v-rhythm-footer-1-space-phone); --v-rhythm-footer-2-space: var(--v-rhythm-footer-2-space-phone); --v-rhythm-footer-3-space: var(--v-rhythm-footer-3-space-phone); --v-rhythm-spacing-1: var(--v-rhythm-spacing-1-phone); --v-rhythm-spacing-2: var(--v-rhythm-spacing-2-phone); --v-rhythm-spacing-3: var(--v-rhythm-spacing-3-phone); --v-rhythm-spacing-4: var(--v-rhythm-spacing-4-phone); --v-rhythm-spacing-5: var(--v-rhythm-spacing-5-phone) } @media (min-width:768px) { :root { --v-rhythm-header-1-space: var(--v-rhythm-header-1-space-tablet); --v-rhythm-header-2-space: var(--v-rhythm-header-2-space-tablet); --v-rhythm-header-3-space: var(--v-rhythm-header-3-space-tablet); --v-rhythm-footer-1-space: var(--v-rhythm-footer-1-space-tablet); --v-rhythm-footer-2-space: var(--v-rhythm-footer-2-space-tablet); --v-rhythm-footer-3-space: var(--v-rhythm-footer-3-space-tablet); --v-rhythm-spacing-1: var(--v-rhythm-spacing-1-tablet); --v-rhythm-spacing-2: var(--v-rhythm-spacing-2-tablet); --v-rhythm-spacing-3: var(--v-rhythm-spacing-3-tablet); --v-rhythm-spacing-4: var(--v-rhythm-spacing-4-tablet); --v-rhythm-spacing-5: var(--v-rhythm-spacing-5-tablet) } } @supports not (container-type:inline-size) { @media (min-width:702px) { [data-query-type=container]>* { --v-rhythm-header-1-space: var(--v-rhythm-header-1-space-tablet); --v-rhythm-header-2-space: var(--v-rhythm-header-2-space-tablet); --v-rhythm-header-3-space: var(--v-rhythm-header-3-space-tablet); --v-rhythm-footer-1-space: var(--v-rhythm-footer-1-space-tablet); --v-rhythm-footer-2-space: var(--v-rhythm-footer-2-space-tablet); --v-rhythm-footer-3-space: var(--v-rhythm-footer-3-space-tablet); --v-rhythm-spacing-1: var(--v-rhythm-spacing-1-tablet); --v-rhythm-spacing-2: var(--v-rhythm-spacing-2-tablet); --v-rhythm-spacing-3: var(--v-rhythm-spacing-3-tablet); --v-rhythm-spacing-4: var(--v-rhythm-spacing-4-tablet); --v-rhythm-spacing-5: var(--v-rhythm-spacing-5-tablet) } } } @container content-container (min-width: 702px) { [data-query-type=container]>* { --v-rhythm-header-1-space: var(--v-rhythm-header-1-space-tablet); --v-rhythm-header-2-space: var(--v-rhythm-header-2-space-tablet); --v-rhythm-header-3-space: var(--v-rhythm-header-3-space-tablet); --v-rhythm-footer-1-space: var(--v-rhythm-footer-1-space-tablet); --v-rhythm-footer-2-space: var(--v-rhythm-footer-2-space-tablet); --v-rhythm-footer-3-space: var(--v-rhythm-footer-3-space-tablet); --v-rhythm-spacing-1: var(--v-rhythm-spacing-1-tablet); --v-rhythm-spacing-2: var(--v-rhythm-spacing-2-tablet); --v-rhythm-spacing-3: var(--v-rhythm-spacing-3-tablet); --v-rhythm-spacing-4: var(--v-rhythm-spacing-4-tablet); --v-rhythm-spacing-5: var(--v-rhythm-spacing-5-tablet) } } @media (min-width:1280px) { :root { --v-rhythm-header-1-space: var(--v-rhythm-header-1-space-laptop); --v-rhythm-header-2-space: var(--v-rhythm-header-2-space-laptop); --v-rhythm-header-3-space: var(--v-rhythm-header-3-space-laptop); --v-rhythm-footer-1-space: var(--v-rhythm-footer-1-space-laptop); --v-rhythm-footer-2-space: var(--v-rhythm-footer-2-space-laptop); --v-rhythm-footer-3-space: var(--v-rhythm-footer-3-space-laptop); --v-rhythm-spacing-1: var(--v-rhythm-spacing-1-laptop); --v-rhythm-spacing-2: var(--v-rhythm-spacing-2-laptop); --v-rhythm-spacing-3: var(--v-rhythm-spacing-3-laptop); --v-rhythm-spacing-4: var(--v-rhythm-spacing-4-laptop); --v-rhythm-spacing-5: var(--v-rhythm-spacing-5-laptop) } } @supports not (container-type:inline-size) { @media (min-width:1214px) { [data-query-type=container]>* { --v-rhythm-header-1-space: var(--v-rhythm-header-1-space-laptop); --v-rhythm-header-2-space: var(--v-rhythm-header-2-space-laptop); --v-rhythm-header-3-space: var(--v-rhythm-header-3-space-laptop); --v-rhythm-footer-1-space: var(--v-rhythm-footer-1-space-laptop); --v-rhythm-footer-2-space: var(--v-rhythm-footer-2-space-laptop); --v-rhythm-footer-3-space: var(--v-rhythm-footer-3-space-laptop); --v-rhythm-spacing-1: var(--v-rhythm-spacing-1-laptop); --v-rhythm-spacing-2: var(--v-rhythm-spacing-2-laptop); --v-rhythm-spacing-3: var(--v-rhythm-spacing-3-laptop); --v-rhythm-spacing-4: var(--v-rhythm-spacing-4-laptop); --v-rhythm-spacing-5: var(--v-rhythm-spacing-5-laptop) } } } @container content-container (min-width: 1214px) { [data-query-type=container]>* { --v-rhythm-header-1-space: var(--v-rhythm-header-1-space-laptop); --v-rhythm-header-2-space: var(--v-rhythm-header-2-space-laptop); --v-rhythm-header-3-space: var(--v-rhythm-header-3-space-laptop); --v-rhythm-footer-1-space: var(--v-rhythm-footer-1-space-laptop); --v-rhythm-footer-2-space: var(--v-rhythm-footer-2-space-laptop); --v-rhythm-footer-3-space: var(--v-rhythm-footer-3-space-laptop); --v-rhythm-spacing-1: var(--v-rhythm-spacing-1-laptop); --v-rhythm-spacing-2: var(--v-rhythm-spacing-2-laptop); --v-rhythm-spacing-3: var(--v-rhythm-spacing-3-laptop); --v-rhythm-spacing-4: var(--v-rhythm-spacing-4-laptop); --v-rhythm-spacing-5: var(--v-rhythm-spacing-5-laptop) } } @media (min-width:1440px) { :root { --v-rhythm-header-1-space: var(--v-rhythm-header-1-space-desktop); --v-rhythm-header-2-space: var(--v-rhythm-header-2-space-desktop); --v-rhythm-header-3-space: var(--v-rhythm-header-3-space-desktop); --v-rhythm-footer-1-space: var(--v-rhythm-footer-1-space-desktop); --v-rhythm-footer-2-space: var(--v-rhythm-footer-2-space-desktop); --v-rhythm-footer-3-space: var(--v-rhythm-footer-3-space-desktop); --v-rhythm-spacing-1: var(--v-rhythm-spacing-1-desktop); --v-rhythm-spacing-2: var(--v-rhythm-spacing-2-desktop); --v-rhythm-spacing-3: var(--v-rhythm-spacing-3-desktop); --v-rhythm-spacing-4: var(--v-rhythm-spacing-4-desktop); --v-rhythm-spacing-5: var(--v-rhythm-spacing-5-desktop) } } @supports not (container-type:inline-size) { @media (min-width:1374px) { [data-query-type=container]>* { --v-rhythm-header-1-space: var(--v-rhythm-header-1-space-desktop); --v-rhythm-header-2-space: var(--v-rhythm-header-2-space-desktop); --v-rhythm-header-3-space: var(--v-rhythm-header-3-space-desktop); --v-rhythm-footer-1-space: var(--v-rhythm-footer-1-space-desktop); --v-rhythm-footer-2-space: var(--v-rhythm-footer-2-space-desktop); --v-rhythm-footer-3-space: var(--v-rhythm-footer-3-space-desktop); --v-rhythm-spacing-1: var(--v-rhythm-spacing-1-desktop); --v-rhythm-spacing-2: var(--v-rhythm-spacing-2-desktop); --v-rhythm-spacing-3: var(--v-rhythm-spacing-3-desktop); --v-rhythm-spacing-4: var(--v-rhythm-spacing-4-desktop); --v-rhythm-spacing-5: var(--v-rhythm-spacing-5-desktop) } } } @container content-container (min-width: 1374px) { [data-query-type=container]>* { --v-rhythm-header-1-space: var(--v-rhythm-header-1-space-desktop); --v-rhythm-header-2-space: var(--v-rhythm-header-2-space-desktop); --v-rhythm-header-3-space: var(--v-rhythm-header-3-space-desktop); --v-rhythm-footer-1-space: var(--v-rhythm-footer-1-space-desktop); --v-rhythm-footer-2-space: var(--v-rhythm-footer-2-space-desktop); --v-rhythm-footer-3-space: var(--v-rhythm-footer-3-space-desktop); --v-rhythm-spacing-1: var(--v-rhythm-spacing-1-desktop); --v-rhythm-spacing-2: var(--v-rhythm-spacing-2-desktop); --v-rhythm-spacing-3: var(--v-rhythm-spacing-3-desktop); --v-rhythm-spacing-4: var(--v-rhythm-spacing-4-desktop); --v-rhythm-spacing-5: var(--v-rhythm-spacing-5-desktop) } } .js-hidden { display: none !important } .js-no-pointer-events { pointer-events: none !important } .aria-live-regions-wrapper { border: 0; height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px; clip: rect(0, 0, 0, 0); overflow-x: hidden } html { color-scheme: light } html.theme-dark { color-scheme: dark } html.theme-dark iframe { color-scheme: normal } body { box-sizing: border-box; min-width: 320px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent } body.i-no-scroll { overflow: hidden !important } body.i-no-padding { padding: 0 !important } ::selection { background: var(--color-selection-bg) } body { overflow-y: scroll } .tv-layout-width { box-sizing: border-box; margin: 0 auto; padding: 0 20px; width: 1020px } .tv-layout-width--no-padding { padding: 0; width: 980px } .tv-layout-width--simple { padding: 0 } .tv-dialog .tv-layout-width { max-width: 100% } .chart-page .tv-layout-width { width: 100% } @media (max-width:1019px) { .tv-layout-width { width: auto } .tv-layout-width .tv-feed { margin-inline-end: -20px; margin-inline-start: -20px } .tv-layout-width .tv-feed--tablet-top-indent { margin-top: 48px } } .tv-layout-width.full-width-layout, body.page-wide .tv-layout-width.full-width-layout { width: auto; --adaptive-mf-container-padding: calc(var(--side-gap-mode-adaptive, 1)*20px + var(--side-gap-mode-fixed, 0)*20px); --adaptive-mf-container-max-width: 2360px; box-sizing: initial; padding-inline-end: var(--adaptive-mf-container-padding); padding-inline-start: var(--adaptive-mf-container-padding) } @media (min-width:1024px) { .tv-layout-width.full-width-layout, body.page-wide .tv-layout-width.full-width-layout { --adaptive-mf-container-padding: calc(var(--side-gap-mode-adaptive, 1)*32px + var(--side-gap-mode-fixed, 0)*20px) } } @media (min-width:1440px) { .tv-layout-width.full-width-layout, body.page-wide .tv-layout-width.full-width-layout { --adaptive-mf-container-padding: calc(var(--side-gap-mode-adaptive, 1)*40px + var(--side-gap-mode-fixed, 0)*20px) } } @media (min-width:1920px) { .tv-layout-width.full-width-layout, body.page-wide .tv-layout-width.full-width-layout { --adaptive-mf-container-padding: calc(var(--side-gap-mode-adaptive, 1)*100px + var(--side-gap-mode-fixed, 0)*20px) } } @media (min-width:2560px) { .tv-layout-width.full-width-layout, body.page-wide .tv-layout-width.full-width-layout { --adaptive-mf-container-padding: calc(var(--side-gap-mode-adaptive, 1)*(100vw - var(--adaptive-mf-container-max-width))/2 + var(--side-gap-mode-fixed, 0)*20px); margin-inline-end: auto; margin-inline-start: auto; max-width: var(--adaptive-mf-container-max-width) } } .filter-ideas-button-with-padding { padding-inline: 5px } .tv-layout-padding { padding: 0 20px } body.page-wide .tv-layout-width { width: 1520px } .tv-main, body.page-fullwidth .tv-layout-width { width: 100% } .tv-main { display: flex; flex-direction: column; min-height: 100% } .clear { clear: both } .clearfix:after { clear: both; content: ""; display: table } .hide { display: none !important } .show { display: block !important } .tv-right { float: inline-end !important } .tv-left { float: inline-start !important } .tv-feed { margin: 48px -10px; min-height: 500px } .tv-feed:after { clear: both; content: ""; display: table } .tv-feed--no-min-height { min-height: auto } .tv-feed--no-hindent { margin-inline-end: 0; margin-inline-start: 0 } @media (max-width:1019px) { .tv-feed { margin: 0 0 48px } } @media (max-width:767px) { .tv-feed { margin: 0 } } .tv-feed--no-vertical-margin { margin-bottom: 0; margin-top: 0 } .tv-feed__empty { clear: both; color: var(--color-text-secondary); flex: 1 1 auto; font-size: 20px; padding: 100px 0; text-align: center; -webkit-user-select: none; user-select: none } .tv-feed__item { font-size: 13px; margin-bottom: 20px; padding: 0 10px; width: 480px } .tv-feed__item--width_two-columns { width: 980px } .tv-feed__item--width_full { box-sizing: border-box; width: 100% } .tv-feed__item--width_half { box-sizing: border-box; float: inline-start; width: 50% } @media (max-width:1019px) { .tv-feed__item { margin-bottom: 10px; padding: 0; width: 100% } .tv-feed__item:last-of-type { border-bottom: none } } .tv-feed__section-title { align-items: center; display: flex; justify-content: space-between } @media (max-width:1019px) { .tv-feed__section-title { align-items: baseline; margin-inline-start: 12px } } /* 79791.163c1bb07c60429443df.css */ [data-theme=light] { --_0-UCoB: #1e222d99 } [data-theme=dark] { --_0-UCoB: #6a6d7899 } .wrap-i7HCKsIA { direction: ltr; height: 100%; overflow: hidden; position: relative; width: 100% } .wrap-i7HCKsIA svg { display: block } .wrap-i7HCKsIA:dir(rtl) { direction: rtl } .scrollWrap-i7HCKsIA { display: flex; flex: 0 0 auto; flex-direction: column; height: 100%; overflow-x: hidden; overflow-y: auto; position: relative; width: 100%; -webkit-overflow-scrolling: touch } .scrollWrap-i7HCKsIA::-webkit-scrollbar { height: 5px; width: 5px } .scrollWrap-i7HCKsIA::-webkit-scrollbar-thumb { background-clip: content-box; background-color: var(--tv-color-scrollbar-thumb-background, var(--color-scroll-bg)); border: 1px solid #0000; border-radius: 3px } .scrollWrap-i7HCKsIA::-webkit-scrollbar-track { background-color: initial; border-radius: 3px } .scrollWrap-i7HCKsIA::-webkit-scrollbar-corner { display: none } .scrollWrap-i7HCKsIA.noScrollBar-i7HCKsIA { padding-inline-end: 100px } .scrollWrap-i7HCKsIA.noScrollBar-i7HCKsIA.sb-scrollbar-wrap { display: none } .scrollWrap-i7HCKsIA.noScrollBar-i7HCKsIA::-webkit-scrollbar { display: none; height: 0; width: 0 } .scrollWrap-i7HCKsIA.noScrollBar-i7HCKsIA::-webkit-scrollbar-thumb, .scrollWrap-i7HCKsIA.noScrollBar-i7HCKsIA::-webkit-scrollbar-track { display: none } .scrollWrap-i7HCKsIA.noScrollBar-i7HCKsIA::-webkit-scrollbar-corner { display: none } .content-i7HCKsIA { display: flex; flex: 1 0 auto; flex-direction: column; position: relative } .icon-i7HCKsIA { display: block; transition: transform 60ms ease } .scrollBot-i7HCKsIA, .scrollTop-i7HCKsIA { align-items: center; background-color: rgb(from var(--color-legacy-bg-scroll-buttons) r g b/.6); color: var(--color-scroll-buttons-arrow); display: flex; height: 24px; inset-inline-start: 0; justify-content: center; overflow: hidden; position: absolute; transition: background-color .35s ease, transform .11666667s cubic-bezier(.55, .055, .675, .19); width: 100% } .scrollBot-i7HCKsIA:active, .scrollTop-i7HCKsIA:active { transition: background-color 58.33333ms ease, transform .11666667s cubic-bezier(.215, .61, .355, 1) } @media (any-hover:hover) { .scrollBot-i7HCKsIA:hover, .scrollTop-i7HCKsIA:hover { transition: background-color 58.33333ms ease, transform .11666667s cubic-bezier(.215, .61, .355, 1) } } .scrollBot-i7HCKsIA:active .icon-i7HCKsIA, .scrollTop-i7HCKsIA:active .icon-i7HCKsIA { transform: translateY(1px) } @media (any-hover:hover) { .scrollBot-i7HCKsIA:hover .icon-i7HCKsIA, .scrollTop-i7HCKsIA:hover .icon-i7HCKsIA { transform: translateY(1px) } } .scrollBot-i7HCKsIA.isVisible-i7HCKsIA, .scrollTop-i7HCKsIA.isVisible-i7HCKsIA { transform: translateY(0); transition-timing-function: cubic-bezier(.215, .61, .355, 1) } @supports not (background:rgb(from #000 r g b)) { .scrollBot-i7HCKsIA, .scrollTop-i7HCKsIA { background-color: var(--_0-UCoB) } } .scrollTop-i7HCKsIA { top: 0; transform: translateY(-100%) } .scrollTop-i7HCKsIA .iconWrap-i7HCKsIA { transform: rotate(180deg) } .scrollTop-i7HCKsIA .iconWrap-i7HCKsIA:dir(rtl) { transform: rotate(-180deg) } .scrollBot-i7HCKsIA { bottom: 0; transform: translateY(100%) } .fadeBot-i7HCKsIA, .fadeTop-i7HCKsIA { height: 24px; inset-inline-start: 0; pointer-events: none; position: absolute; width: 100% } .fadeBot-i7HCKsIA.isVisible-i7HCKsIA, .fadeTop-i7HCKsIA.isVisible-i7HCKsIA { transform: translateY(0); transition-timing-function: cubic-bezier(.215, .61, .355, 1) } .fadeTop-i7HCKsIA { background-image: linear-gradient(180deg, #fff, #fff0); top: 0; transform: translateY(-100%) } html.theme-dark .fadeTop-i7HCKsIA { background-image: linear-gradient(180deg, #0f0f0f, #0f0f0f00) } .fadeBot-i7HCKsIA { background-image: linear-gradient(0deg, #fff, #fff0); bottom: 0; transform: translateY(100%) } html.theme-dark .fadeBot-i7HCKsIA { background-image: linear-gradient(0deg, #0f0f0f, #0f0f0f00) } /* 5597.0764f06feb069d8327f7.css */ .button-gyumZMc1 { height: 44px; width: 44px; --tv-toolbar-explicit-hover-margin: 3px; --tv-toolbar-explicit-hover-border-radius: 8px } .button-gyumZMc1+.button-gyumZMc1 { margin-top: 2px } .collapsed-gyumZMc1:after { background-color: var(--color-container-fill-secondary-neutral); border-radius: 50%; content: ""; height: 4px; inset-inline-start: 1px; position: absolute; top: calc(50% - 2px); width: 4px } .inert-gyumZMc1 { pointer-events: none } .counterRow-gyumZMc1 { align-items: center; color: var(--color-white); display: flex; flex-direction: row-reverse; font-size: 10px; height: 14px; inset-inline-end: calc(50% - 18px); inset-inline-start: 10px; line-height: 14px; position: absolute; top: 4px; white-space: nowrap } /* 83735.d751f8a05557b7e22159.css */ [data-theme=light] { --_0-ggFX: var(--color-cold-gray-150); --_1-ggFX: var(--color-cold-gray-900); --_2-ggFX: var(--color-cold-gray-100); --_3-ggFX: var(--color-cold-gray-900) } [data-theme=dark] { --_0-ggFX: var(--color-cold-gray-750); --_1-ggFX: var(--color-cold-gray-200); --_2-ggFX: var(--color-cold-gray-800); --_3-ggFX: var(--color-cold-gray-200) } .widgetbar-wrap { height: 100%; inset-inline-end: 0; position: absolute; top: 0; width: 100% } .widgetbar-hider { bottom: 58px; display: block; left: -3px; position: absolute; z-index: 10 } .widgetbar-hider--closed { left: -4px } .widgetbar-handle { background: #0000; cursor: ew-resize; height: 100%; left: -3px; position: absolute; top: 0; touch-action: none; width: 5px } html.feature-mobiletouch .widgetbar-handle { inset-inline-start: -8px; width: 15px } .widgetbar-tabs { background-color: var(--tv-color-pane-background, var(--color-pane-bg)); height: 100%; overflow: hidden; position: absolute; right: 0; top: 0; width: 45px } .layout-with-border-radius .layout__area--right:not(.no-border-top-left-radius) .widgetbar-pages, .layout-with-border-radius .layout__area--right:not(.no-border-top-left-radius) .widgetbar-widget:first-child, .layout-with-border-radius .layout__area--right:not(.no-border-top-left-radius):has(.widgetbar-pages.hidden) .widgetbar-tabs { border-start-start-radius: 4px } .widgetbar-pages, .widgetbar-pages-no-tabs { background-color: var(--color-widget-pages-bg); border-inline-end: 1px solid; border-inline-start: 1px solid; border-color: var(--color-chart-page-bg); height: 100%; position: absolute; right: 45px; top: 0 } .widgetbar-pages-no-tabs { inset-inline-start: 0 } .widgetbar-pages.hidden { border-inline-end: none !important } .widgetbar-pages.hidden .widgetbar-pagescontent { display: none } .widgetbar-pagescontent { height: 100%; overflow: hidden } .widgetbar-page { display: none; height: 100% } .widgetbar-page.active { display: block } .widgetbar-widget { background-color: var(--color-widget-pages-bg); position: relative } .widgetbar-widgetheader { align-items: center; background-color: var(--color-bg-secondary); border-bottom: 1px solid var(--_0-ggFX); box-sizing: border-box; contain: strict; cursor: default; display: flex; height: 48px; justify-content: space-between; margin: 0; padding: 0 16px; width: 100% } .widgetbar-headerspace { display: flex; margin-inline-end: -8px; padding-block: 1px 0; padding-inline: 0 2px; position: relative } .widgetbar-widgetbody { contain: strict; overflow: hidden; position: relative } .widgetbar-widgettitle { color: var(--_1-ggFX); font-size: 14px; font-weight: 600; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .widgetbar-widgethandle { background: #0000; display: none; height: 5px; inset-inline-start: 0; position: absolute; top: -3px; touch-action: none; width: 100% } html.feature-mobiletouch .widgetbar-widgethandle { height: 15px; top: -8px } .widgetbar-page.widget-resize-mode, .widgetbar-page.widget-resize-mode *, .widgetbar-widgethandle { cursor: ns-resize } .widgetbar-widget+.widgetbar-widget .widgetbar-widgethandle { display: block } .widgetbar-headerspace .button { align-items: center; border-radius: 4px; box-sizing: border-box; color: var(--_3-ggFX); display: flex; float: inline-start; font-size: 12px; height: 34px; justify-content: center; line-height: 15px; margin-inline-start: 5px; position: relative; text-align: center; width: 34px; fill: currentColor } .widgetbar-headerspace .button.active, .widgetbar-headerspace .button:active { background-color: var(--_2-ggFX); transform: scale(1) } @media (any-hover:hover) { .widgetbar-headerspace .button:hover { background-color: var(--_2-ggFX); transform: scale(1) } } [data-theme=light] { --_0-dVeU: var(--color-cold-gray-150); --_1-dVeU: var(--color-cold-gray-900) } [data-theme=dark] { --_0-dVeU: var(--color-cold-gray-800); --_1-dVeU: var(--color-cold-gray-200) } .widgetbar-widget.widget-CKFlKjU2 { border-top: 4px solid; border-top-color: var(--_0-dVeU); margin-bottom: 0 } .widgetbar-widget.widget-CKFlKjU2:first-child { border-top: none } .widgetbar-widget.widget-CKFlKjU2:last-child { box-shadow: none } .widgetHeader-CKFlKjU2 { align-items: center; cursor: default; display: flex; height: 48px; margin: 0; padding: 0 16px } .widgetHeader-CKFlKjU2 .widgetTitle-CKFlKjU2 { color: var(--_1-dVeU); font-size: 14px; font-weight: 600; height: auto; line-height: 28px; white-space: nowrap } .widgetHeader-CKFlKjU2 .widgetTitle-CKFlKjU2.widgetbar-widgettitle { padding-inline-start: 0 } .widgetHeader-CKFlKjU2 .headerSpace-CKFlKjU2 { margin-inline-start: auto } .button-UX3KWNzN { align-items: center; box-sizing: border-box; display: flex; flex: 0 0 auto; height: 45px; justify-content: center; width: 100%; --ui-lib-in-navButton-colorBg: var(--tv-color-pane-background, var(--color-pane-bg)) } .separator-VRj5pi98 { align-self: stretch; background-color: var(--tv-color-toolbar-divider-background, var(--color-toolbar-divider-background)); flex: 0 0 auto; height: 1px; margin: 6px } .filler-Sc5Go8G8 { flex: 1 1 100%; min-height: 16px; width: 100% } .button-Vutd13N3 { height: 44px; margin-top: 2px } .buttonIcon-Vutd13N3 { color: var(--color-container-fill-primary-neutral-extra-bold) } .toolbar-yznkPSTa { align-items: center; box-sizing: border-box; display: inline-flex; flex: 1 0 auto; flex-direction: column; height: 100%; padding: 2px 0; width: 45px } [data-theme=dark], [data-theme=light] { --_0-zeeG: var(--color-cold-gray-300) } .container-ppnkDS6l { display: block; transition: fill 60ms ease, stroke 60ms ease } .container-ppnkDS6l.mirror-ppnkDS6l { transform: rotate(180deg) } .container-ppnkDS6l.mirror-ppnkDS6l:dir(rtl) { transform: rotate(-180deg) } .container-ppnkDS6l .background-ppnkDS6l { fill: var(--tv-color-pane-background, var(--color-pane-bg)); stroke: var(--tv-color-platform-background, var(--color-chart-page-bg)) } .container-ppnkDS6l .arrow-ppnkDS6l { stroke: var(--_0-zeeG) } @media (any-hover:hover) { .container-ppnkDS6l:hover .background-ppnkDS6l { fill: var(--tv-color-toolbar-toggle-button-background-active, var(--color-container-fill-primary-neutral-extra-bold)); stroke: var(--tv-color-toolbar-toggle-button-background-active-hover, var(--color-container-fill-primary-neutral-bold)) } .container-ppnkDS6l:hover .arrow-ppnkDS6l { stroke: var(--tv-color-pane-background, var(--color-pane-bg)) } } /* 80056.46a19b006f01a80f4e1a.css */ .wrapper-kiZ8Hgnv { width: 320px } .wrapper-W9c7qTYj { position: relative } .hintPlaceholder-W9c7qTYj { height: 100%; inset-inline-start: 0; position: absolute; top: 0; width: 100% } .additionalButton-W9c7qTYj { margin-top: 15px; margin-inline-end: 8px; --ui-lib-light-button-color-border: var(--color-white) } /* 16807.69a0180b8d1ec62966e9.css */ .title-NmS31o0t { font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif; font-feature-settings: "tnum" on, "lnum" on; --ui-lib-typography-line-height: 16px; line-height: var(--ui-lib-typography-line-height); --ui-lib-typography-font-size: 11px; color: var(--color-text-secondary); flex-shrink: 0; font-size: var(--ui-lib-typography-font-size); font-style: normal; font-weight: 400; letter-spacing: .4px; overflow: hidden; padding: 4px 20px; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap } .title-NmS31o0t:not(:first-child) { margin-top: 8px } [data-theme=light] { --_0-UkA-: var(--color-cold-gray-600) } [data-theme=dark] { --_0-UkA-: var(--color-cold-gray-400) } .menuBox-wDqW2Ly_.menuBox-wDqW2Ly_ { color: var(--color-text-primary); display: flex; padding: 0; --main-dropdown-menu-separator-direction: 1px } .menuBox-wDqW2Ly_.menuBox-wDqW2Ly_.reversed-wDqW2Ly_ { flex-direction: row-reverse; --main-dropdown-menu-separator-direction: -1px } .menuBox-wDqW2Ly_.menuBox-wDqW2Ly_:dir(rtl) { --main-dropdown-menu-separator-direction: -1px } .menuWrap-wDqW2Ly_.menuWrap-wDqW2Ly_ { border-radius: 8px } .scrollWrap-wDqW2Ly_.scrollWrap-wDqW2Ly_ { overflow-y: auto !important } .categories-wDqW2Ly_ { font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif; font-feature-settings: "tnum" on, "lnum" on; font-style: normal; --ui-lib-typography-font-size: 16px; font-size: var(--ui-lib-typography-font-size); font-weight: 500; --ui-lib-typography-line-height: 24px; line-height: var(--ui-lib-typography-line-height); width: 268px } .categories-wDqW2Ly_:empty { width: auto } .categories-wDqW2Ly_ .menuItemHeader-wDqW2Ly_ { font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif; font-feature-settings: "tnum" on, "lnum" on; font-style: normal; --ui-lib-typography-font-size: 16px; font-size: var(--ui-lib-typography-font-size); font-weight: 500; --ui-lib-typography-line-height: 24px; line-height: var(--ui-lib-typography-line-height) } .categoriesBroker-wDqW2Ly_ { width: 252px } .categoriesExtra-wDqW2Ly_ { margin: 8px 16px } .categoriesExtra-wDqW2Ly_>:not(:last-child) { margin-bottom: 8px } .subcategories-wDqW2Ly_ { font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif; font-feature-settings: "tnum" on, "lnum" on; font-style: normal; --ui-lib-typography-font-size: 16px; font-size: var(--ui-lib-typography-font-size); font-weight: 400; --ui-lib-typography-line-height: 24px; line-height: var(--ui-lib-typography-line-height); width: 220px } .categories-wDqW2Ly_, .subcategories-wDqW2Ly_ { padding: 8px 0 } .extra-wDqW2Ly_ { box-sizing: border-box; padding: 16px; width: 252px } .extra-wDqW2Ly_>:not(:last-child) { margin-bottom: 8px } .extra-wDqW2Ly_, .subcategories-wDqW2Ly_ { box-shadow: inset var(--main-dropdown-menu-separator-direction) 0 0 0 var(--color-divider-secondary) } .categories-wDqW2Ly_, .extra-wDqW2Ly_, .subcategories-wDqW2Ly_ { max-height: calc(100vh - 152px); overflow-y: auto; -webkit-overflow-scrolling: touch } .categories-wDqW2Ly_::-webkit-scrollbar, .extra-wDqW2Ly_::-webkit-scrollbar, .subcategories-wDqW2Ly_::-webkit-scrollbar { height: 5px; width: 5px } .categories-wDqW2Ly_::-webkit-scrollbar-thumb, .extra-wDqW2Ly_::-webkit-scrollbar-thumb, .subcategories-wDqW2Ly_::-webkit-scrollbar-thumb { background-clip: content-box; background-color: var(--tv-color-scrollbar-thumb-background, var(--color-scroll-bg)); border: 1px solid #0000; border-radius: 3px } .categories-wDqW2Ly_::-webkit-scrollbar-track, .extra-wDqW2Ly_::-webkit-scrollbar-track, .subcategories-wDqW2Ly_::-webkit-scrollbar-track { background-color: initial; border-radius: 3px } .categories-wDqW2Ly_::-webkit-scrollbar-corner, .extra-wDqW2Ly_::-webkit-scrollbar-corner, .subcategories-wDqW2Ly_::-webkit-scrollbar-corner { display: none } @supports (-moz-appearance:none) { .categories-wDqW2Ly_, .extra-wDqW2Ly_, .subcategories-wDqW2Ly_ { scrollbar-color: var(--tv-color-scrollbar-thumb-background, var(--color-scroll-bg)) #0000; scrollbar-width: thin } } .menuItem-wDqW2Ly_ { align-items: center; background: #0000; border: 0; box-sizing: border-box; color: inherit; display: flex; padding-block: 8px 8px; padding-inline: 20px 12px; width: 100% } .menuItem-wDqW2Ly_.active-wDqW2Ly_ { background-color: var(--color-bg-primary-hover) } @media (any-hover:hover) { .menuItem-wDqW2Ly_:hover { background-color: var(--color-bg-primary-hover) } } .menuItem-wDqW2Ly_:before { bottom: 0; content: ""; inset-inline-end: 0; inset-inline-start: 0; position: absolute; top: 0; z-index: 1 } .menuItemWrap-wDqW2Ly_ { align-items: center; display: flex; position: relative } .menuItemWrap-wDqW2Ly_ .showFocusRing-wDqW2Ly_ { outline: none; overflow: visible; position: relative } .menuItemWrap-wDqW2Ly_ .showFocusRing-wDqW2Ly_:focus { outline: none } .menuItemWrap-wDqW2Ly_ .showFocusRing-wDqW2Ly_:focus-visible { outline: none } .menuItemWrap-wDqW2Ly_ .showFocusRing-wDqW2Ly_:after { border-style: solid; border-width: 2px; box-sizing: border-box; content: ""; display: none; height: 100%; inset-inline-start: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 1 } .menuItemWrap-wDqW2Ly_ .showFocusRing-wDqW2Ly_:focus:after { display: block } .menuItemWrap-wDqW2Ly_ .showFocusRing-wDqW2Ly_:focus-visible:after { display: block } .menuItemWrap-wDqW2Ly_ .showFocusRing-wDqW2Ly_:focus:not(:focus-visible):after { display: none } .menuItemWrap-wDqW2Ly_ .showFocusRing-wDqW2Ly_:after { border-color: var(--color-focus-outline-color-blue); border-radius: 4px } .menuItemHeader-wDqW2Ly_ { font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif; font-feature-settings: "tnum" on, "lnum" on; font-style: normal; overflow: hidden; text-overflow: ellipsis; --ui-lib-typography-font-size: 16px; font-size: var(--ui-lib-typography-font-size); font-weight: 400; --ui-lib-typography-line-height: 24px; line-height: var(--ui-lib-typography-line-height) } .beta-wDqW2Ly_, .new-wDqW2Ly_ { margin-inline-start: 8px; vertical-align: 2px } .competition-wDqW2Ly_ { margin-inline-start: 6px; vertical-align: 2px } .icon-wDqW2Ly_ { display: flex; margin-inline-end: 6px; margin-inline-start: -4px } .iconWrapper-wDqW2Ly_ { align-items: center; display: flex; height: 100%; inset-inline-end: 12px; position: absolute !important; width: 18px } .dropArrow-wDqW2Ly_ { display: flex; margin-inline-start: auto } .dropArrow-wDqW2Ly_ svg:dir(rtl) { transform: rotateY(180deg) } .description-wDqW2Ly_ { font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif; font-feature-settings: "tnum" on, "lnum" on; font-style: normal; --ui-lib-typography-font-size: 12px; font-size: var(--ui-lib-typography-font-size); font-weight: 400; --ui-lib-typography-line-height: 16px; color: var(--_0-UkA-); line-height: var(--ui-lib-typography-line-height) } .rowMenuItem-wDqW2Ly_ { align-items: center; display: flex; flex-flow: row nowrap } .menuItemWithArrow-wDqW2Ly_ { padding-inline-end: 18px } .menuItemInfo-wDqW2Ly_ { display: flex; flex-direction: column } .indentTop-wDqW2Ly_ { margin-top: 2px } .alignStart-wDqW2Ly_ { align-items: flex-start } .focusRing-wDqW2Ly_ { outline: none; overflow: visible; position: static } .focusRing-wDqW2Ly_:focus { outline: none } .focusRing-wDqW2Ly_:focus-visible { outline: none } .focusRing-wDqW2Ly_:after { border-style: solid; border-width: 2px; box-sizing: border-box; content: ""; display: none; height: 100%; inset-inline-start: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 1 } .focusRing-wDqW2Ly_:focus:after { display: block } .focusRing-wDqW2Ly_:focus-visible:after { display: block } .focusRing-wDqW2Ly_:focus:not(:focus-visible):after { display: none } .focusRing-wDqW2Ly_:after { border-color: var(--color-focus-outline-color-blue); border-radius: 4px } .item-uR6c02xm { border-radius: 8px; box-shadow: inset 0 0 0 1px var(--color-divider); box-sizing: border-box; height: 64px } @media (any-hover:hover) { .item-uR6c02xm:hover { background-color: var(--color-bg-primary-hover); box-shadow: inset 0 0 0 1px var(--color-bg-primary-hover) } } .item-uR6c02xm.showFocusRing-uR6c02xm { outline: none; overflow: visible; position: relative } .item-uR6c02xm.showFocusRing-uR6c02xm:focus { outline: none } .item-uR6c02xm.showFocusRing-uR6c02xm:focus-visible { outline: none } .item-uR6c02xm.showFocusRing-uR6c02xm:after { border-style: solid; border-width: 2px; box-sizing: border-box; content: ""; display: none; height: 100%; inset-inline-start: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 1 } .item-uR6c02xm.showFocusRing-uR6c02xm:focus:after { display: block } .item-uR6c02xm.showFocusRing-uR6c02xm:focus-visible:after { display: block } .item-uR6c02xm.showFocusRing-uR6c02xm:focus:not(:focus-visible):after { display: none } .item-uR6c02xm.showFocusRing-uR6c02xm:after { border-color: var(--color-focus-outline-color-blue); border-radius: 10px } .active-uR6c02xm { background-color: var(--color-bg-primary-hover); box-shadow: none } .ticker-_Kiilxrk { align-items: center; color: inherit; display: flex; padding: 8px 12px } .wrapper-_Kiilxrk { flex-grow: 1; font-size: 14px; line-height: 18px; overflow: hidden } .body-_Kiilxrk, .head-_Kiilxrk { align-items: center; column-gap: 4px; display: inline-flex; width: 100% } .body-_Kiilxrk { justify-content: space-between } .title-_Kiilxrk { display: block; font-weight: 500; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .titleWrap-_Kiilxrk { overflow: hidden; position: relative } .titleWrap-_Kiilxrk:before { content: ""; height: 100%; position: absolute; width: 100% } .logo-_Kiilxrk { display: flex } .lastWrapper-_Kiilxrk { direction: ltr; display: inline-flex; min-width: 0 } .statusWrap-_Kiilxrk { column-gap: 4px; display: inline-flex; height: 24px; min-width: fit-content } .last-_Kiilxrk { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .change-_Kiilxrk { margin-inline-start: 8px } .change-_Kiilxrk.up-_Kiilxrk, .last-_Kiilxrk.growing-_Kiilxrk { color: var(--color-symbol-change-positive) } .change-_Kiilxrk.down-_Kiilxrk, .last-_Kiilxrk.falling-_Kiilxrk { color: var(--color-symbol-change-negative) } .dataMode-_Kiilxrk { font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif; font-feature-settings: "tnum" on, "lnum" on; font-style: normal; margin-top: 0; --ui-lib-typography-font-size: 10px; font-size: var(--ui-lib-typography-font-size); font-weight: 500; --ui-lib-typography-line-height: 14px; --ui-lib-typography-line-height: 16px; font-weight: 600; line-height: var(--ui-lib-typography-line-height); text-transform: uppercase } .statusIcon-_Kiilxrk { align-self: center; margin-inline-start: unset } .customIcon-_Kiilxrk { margin-inline-end: 8px; max-height: 28px } .currencyWrapper-_Kiilxrk { margin-inline-start: 2px } .currency-_Kiilxrk { font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif; font-feature-settings: "tnum" on, "lnum" on; --ui-lib-typography-line-height: 16px; line-height: var(--ui-lib-typography-line-height); --ui-lib-typography-font-size: 11px; font-size: var(--ui-lib-typography-font-size); font-style: normal; font-weight: 400; letter-spacing: .4px; text-transform: uppercase } .banner-kJodEnLR { align-items: center; color: inherit; display: flex; margin: 8px 20px; padding: 0 12px; position: relative } @media (min-width:1280px) and (max-width:1439px) { body:not(.is-widgetbar-expanded) .banner-kJodEnLR { margin-inline-end: 0; margin-inline-start: 0 } } @media (min-width:1440px) { .banner-kJodEnLR { margin-inline-end: 0; margin-inline-start: 0 } } .icon-kJodEnLR { flex-shrink: 0; max-height: 28px } .text-kJodEnLR { display: -webkit-box; font-size: 14px; font-weight: 500; margin-inline-start: 8px; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 22px; max-height: 44px } .logo-zRukAGWW { border-radius: 4px; height: 28px; margin-inline-end: 8px; min-width: 28px; width: 28px } .info-zRukAGWW { color: var(--color-text-primary); display: flex; flex-direction: column; font-size: 14px; font-weight: 500; line-height: 22px; min-width: 0 } .name-zRukAGWW { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .ratingWrapper-zRukAGWW { align-items: center; display: flex } .rating-zRukAGWW { margin-inline-end: 4px } .starsWrapper-zRukAGWW { align-items: center; display: flex; flex-direction: column; justify-content: flex-end; line-height: 0; margin-top: -2px } .badge-T2ToO39R { --ui-lib-badge-background: linear-gradient(90deg, #fe06be, #1a3ade); --ui-lib-badge-color-content: var(--color-white) }