html {
-webkit-text-size-adjust: 100%
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: "tnum" on, "lnum" on;
color: #131722;
font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif;
font-size: 18px
}
html.theme-dark body {
color: #d1d4dc
}
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
}
:root {
--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 screen and (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)
}
}
@media screen and (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)
}
}
@media screen and (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)
}
}
.tv-text ol,
.tv-text p,
.tv-text ul {
color: #131722;
font-size: 14px;
line-height: 1.6;
margin-bottom: 12px
}
html.theme-dark .tv-text ol,
html.theme-dark .tv-text p,
html.theme-dark .tv-text ul {
color: #d1d4dc
}
.tv-text ol.tv-text__paragraph--additional-top-margin,
.tv-text p.tv-text__paragraph--additional-top-margin,
.tv-text ul.tv-text__paragraph--additional-top-margin {
margin-top: 24px
}
.tv-text ol.tv-text__paragraph--additional-top-margin_double,
.tv-text p.tv-text__paragraph--additional-top-margin_double,
.tv-text ul.tv-text__paragraph--additional-top-margin_double {
margin-top: 48px
}
.tv-text ol.tv-text__paragraph--additional-top-margin_double.link,
.tv-text p.tv-text__paragraph--additional-top-margin_double.link,
.tv-text ul.tv-text__paragraph--additional-top-margin_double.link {
fill: #2962ff;
color: #2962ff
}
html.theme-dark .tv-text ol.tv-text__paragraph--additional-top-margin_double.link,
html.theme-dark .tv-text p.tv-text__paragraph--additional-top-margin_double.link,
html.theme-dark .tv-text ul.tv-text__paragraph--additional-top-margin_double.link {
fill: #3179f5;
color: #3179f5
}
.tv-text ol.tv-text__paragraph--additional-top-margin_double.link:visited,
.tv-text p.tv-text__paragraph--additional-top-margin_double.link:visited,
.tv-text ul.tv-text__paragraph--additional-top-margin_double.link:visited {
fill: #2962ff;
color: #2962ff
}
html.theme-dark .tv-text ol.tv-text__paragraph--additional-top-margin_double.link:visited,
html.theme-dark .tv-text p.tv-text__paragraph--additional-top-margin_double.link:visited,
html.theme-dark .tv-text ul.tv-text__paragraph--additional-top-margin_double.link:visited {
fill: #3179f5;
color: #3179f5
}
@media (any-hover:hover) {
.tv-text ol.tv-text__paragraph--additional-top-margin_double.link:hover,
.tv-text p.tv-text__paragraph--additional-top-margin_double.link:hover,
.tv-text ul.tv-text__paragraph--additional-top-margin_double.link:hover {
fill: #1e53e5;
color: #1e53e5
}
html.theme-dark .tv-text ol.tv-text__paragraph--additional-top-margin_double.link:hover,
html.theme-dark .tv-text p.tv-text__paragraph--additional-top-margin_double.link:hover,
html.theme-dark .tv-text ul.tv-text__paragraph--additional-top-margin_double.link:hover {
fill: #2962ff;
color: #2962ff
}
}
.tv-text ol.tv-text__paragraph--additional-top-margin_double.link:active,
.tv-text p.tv-text__paragraph--additional-top-margin_double.link:active,
.tv-text ul.tv-text__paragraph--additional-top-margin_double.link:active {
fill: #1848cc;
color: #1848cc
}
html.theme-dark .tv-text ol.tv-text__paragraph--additional-top-margin_double.link:active,
html.theme-dark .tv-text p.tv-text__paragraph--additional-top-margin_double.link:active,
html.theme-dark .tv-text ul.tv-text__paragraph--additional-top-margin_double.link:active {
fill: #1e53e5;
color: #1e53e5
}
.tv-text ol.tv-text__paragraph--additional-top-margin_double.link:focus,
.tv-text p.tv-text__paragraph--additional-top-margin_double.link:focus,
.tv-text ul.tv-text__paragraph--additional-top-margin_double.link:focus {
outline: auto;
outline-offset: 2px
}
.tv-text ol.tv-text__paragraph--additional-top-margin_double.link:focus-visible,
.tv-text p.tv-text__paragraph--additional-top-margin_double.link:focus-visible,
.tv-text ul.tv-text__paragraph--additional-top-margin_double.link:focus-visible {
outline: auto;
outline-offset: 2px
}
.tv-text ol.tv-text__paragraph--additional-top-margin_double.link:focus:not(:focus-visible),
.tv-text p.tv-text__paragraph--additional-top-margin_double.link:focus:not(:focus-visible),
.tv-text ul.tv-text__paragraph--additional-top-margin_double.link:focus:not(:focus-visible) {
outline: none
}
@media (any-hover:hover) {
.tv-text ol.tv-text__paragraph--additional-top-margin_double.link:hover,
.tv-text p.tv-text__paragraph--additional-top-margin_double.link:hover,
.tv-text ul.tv-text__paragraph--additional-top-margin_double.link:hover {
text-decoration: underline
}
}
.tv-text ol.tv-text__paragraph--additional-bottom-margin,
.tv-text p.tv-text__paragraph--additional-bottom-margin,
.tv-text ul.tv-text__paragraph--additional-bottom-margin {
margin-bottom: 24px
}
.tv-text ol.tv-text__paragraph--additional-bottom-margin_double,
.tv-text p.tv-text__paragraph--additional-bottom-margin_double,
.tv-text ul.tv-text__paragraph--additional-bottom-margin_double {
margin-bottom: 48px
}
.tv-text ol.tv-text__paragraph--additional-bottom-margin_double.link,
.tv-text p.tv-text__paragraph--additional-bottom-margin_double.link,
.tv-text ul.tv-text__paragraph--additional-bottom-margin_double.link {
fill: #2962ff;
color: #2962ff
}
html.theme-dark .tv-text ol.tv-text__paragraph--additional-bottom-margin_double.link,
html.theme-dark .tv-text p.tv-text__paragraph--additional-bottom-margin_double.link,
html.theme-dark .tv-text ul.tv-text__paragraph--additional-bottom-margin_double.link {
fill: #3179f5;
color: #3179f5
}
.tv-text ol.tv-text__paragraph--additional-bottom-margin_double.link:visited,
.tv-text p.tv-text__paragraph--additional-bottom-margin_double.link:visited,
.tv-text ul.tv-text__paragraph--additional-bottom-margin_double.link:visited {
fill: #2962ff;
color: #2962ff
}
html.theme-dark .tv-text ol.tv-text__paragraph--additional-bottom-margin_double.link:visited,
html.theme-dark .tv-text p.tv-text__paragraph--additional-bottom-margin_double.link:visited,
html.theme-dark .tv-text ul.tv-text__paragraph--additional-bottom-margin_double.link:visited {
fill: #3179f5;
color: #3179f5
}
@media (any-hover:hover) {
.tv-text ol.tv-text__paragraph--additional-bottom-margin_double.link:hover,
.tv-text p.tv-text__paragraph--additional-bottom-margin_double.link:hover,
.tv-text ul.tv-text__paragraph--additional-bottom-margin_double.link:hover {
fill: #1e53e5;
color: #1e53e5
}
html.theme-dark .tv-text ol.tv-text__paragraph--additional-bottom-margin_double.link:hover,
html.theme-dark .tv-text p.tv-text__paragraph--additional-bottom-margin_double.link:hover,
html.theme-dark .tv-text ul.tv-text__paragraph--additional-bottom-margin_double.link:hover {
fill: #2962ff;
color: #2962ff
}
}
.tv-text ol.tv-text__paragraph--additional-bottom-margin_double.link:active,
.tv-text p.tv-text__paragraph--additional-bottom-margin_double.link:active,
.tv-text ul.tv-text__paragraph--additional-bottom-margin_double.link:active {
fill: #1848cc;
color: #1848cc
}
html.theme-dark .tv-text ol.tv-text__paragraph--additional-bottom-margin_double.link:active,
html.theme-dark .tv-text p.tv-text__paragraph--additional-bottom-margin_double.link:active,
html.theme-dark .tv-text ul.tv-text__paragraph--additional-bottom-margin_double.link:active {
fill: #1e53e5;
color: #1e53e5
}
.tv-text ol.tv-text__paragraph--additional-bottom-margin_double.link:focus,
.tv-text p.tv-text__paragraph--additional-bottom-margin_double.link:focus,
.tv-text ul.tv-text__paragraph--additional-bottom-margin_double.link:focus {
outline: auto;
outline-offset: 2px
}
.tv-text ol.tv-text__paragraph--additional-bottom-margin_double.link:focus-visible,
.tv-text p.tv-text__paragraph--additional-bottom-margin_double.link:focus-visible,
.tv-text ul.tv-text__paragraph--additional-bottom-margin_double.link:focus-visible {
outline: auto;
outline-offset: 2px
}
.tv-text ol.tv-text__paragraph--additional-bottom-margin_double.link:focus:not(:focus-visible),
.tv-text p.tv-text__paragraph--additional-bottom-margin_double.link:focus:not(:focus-visible),
.tv-text ul.tv-text__paragraph--additional-bottom-margin_double.link:focus:not(:focus-visible) {
outline: none
}
@media (any-hover:hover) {
.tv-text ol.tv-text__paragraph--additional-bottom-margin_double.link:hover,
.tv-text p.tv-text__paragraph--additional-bottom-margin_double.link:hover,
.tv-text ul.tv-text__paragraph--additional-bottom-margin_double.link:hover {
text-decoration: underline
}
}
.tv-text h1 {
font-size: 45px;
margin-bottom: 30px;
margin-top: 30px
}
@media screen and (max-width:1019px) {
.tv-text h1 {
font-size: 38px
}
}
@media screen and (max-width:767px) {
.tv-text h1 {
font-size: 32px
}
}
@media screen and (max-width:479px) {
.tv-text h1 {
font-size: 28px
}
}
.tv-text h2 {
font-size: 31px
}
@media screen and (max-width:1019px) {
.tv-text h2 {
font-size: 26px
}
}
@media screen and (max-width:479px) {
.tv-text h2 {
font-size: 24px
}
}
.tv-text h3 {
font-size: 17px
}
@media screen and (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-left: 17px
}
.tv-text a:not(.tv-button):not(.tv-chart-view__description__tag) {
fill: #2962ff;
color: #2962ff
}
html.theme-dark .tv-text a:not(.tv-button):not(.tv-chart-view__description__tag) {
fill: #3179f5;
color: #3179f5
}
.tv-text a:not(.tv-button):not(.tv-chart-view__description__tag):visited {
fill: #2962ff;
color: #2962ff
}
html.theme-dark .tv-text a:not(.tv-button):not(.tv-chart-view__description__tag):visited {
fill: #3179f5;
color: #3179f5
}
@media (any-hover:hover) {
.tv-text a:not(.tv-button):not(.tv-chart-view__description__tag):hover {
fill: #1e53e5;
color: #1e53e5
}
html.theme-dark .tv-text a:not(.tv-button):not(.tv-chart-view__description__tag):hover {
fill: #2962ff;
color: #2962ff
}
}
.tv-text a:not(.tv-button):not(.tv-chart-view__description__tag):active {
fill: #1848cc;
color: #1848cc
}
html.theme-dark .tv-text a:not(.tv-button):not(.tv-chart-view__description__tag):active {
fill: #1e53e5;
color: #1e53e5
}
.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__font.tv-text__font--size_semilarge {
font-size: 15px
}
@media screen and (max-width:767px) {
.tv-text__font.tv-text__font--size_semilarge {
font-size: 14px
}
}
.tv-text__font.tv-text__font--size_large {
font-size: 17px
}
@media screen and (max-width:767px) {
.tv-text__font.tv-text__font--size_large {
font-size: 16px
}
}
.tv-text__font.tv-text__font--size_xlarge {
font-size: 19px
}
@media screen and (max-width:767px) {
.tv-text__font.tv-text__font--size_xlarge {
font-size: 18px
}
}
.tv-text__font--bold {
font-weight: 700
}
.tv-text__font--italic {
font-style: italic
}
.tv-text--darkbg,
.tv-text--darkbg ol,
.tv-text--darkbg p,
.tv-text--darkbg ul {
color: #fff
}
.js-hidden {
display: none !important
}
.js-no-pointer-events {
pointer-events: none !important
}
.aria-live-regions-wrapper {
clip: rect(0, 0, 0, 0);
border: 0;
height: 1px;
margin: -1px;
overflow-x: hidden;
padding: 0;
position: absolute;
width: 1px
}
html {
color-scheme: light
}
html.theme-dark {
color-scheme: dark
}
html.theme-dark iframe {
color-scheme: normal
}
body {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
box-sizing: border-box;
min-width: 320px
}
body.i-no-scroll {
overflow: hidden !important
}
body.i-no-padding {
padding: 0 !important
}
::selection {
background: #bbd9fb
}
html.theme-dark ::selection {
background: #143a87
}
body {
overflow-y: scroll
}
body.fullscreen-mode {
overflow: hidden
}
.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 screen and (max-width:1019px) {
.tv-layout-width {
width: auto
}
.tv-layout-width .tv-feed {
margin-left: -20px;
margin-right: -20px
}
.tv-layout-width .tv-feed--tablet-top-indent {
margin-top: 48px
}
}
.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%
}
.tv-side-toolbar {
float: left;
height: 100%;
overflow-x: visible;
overflow-y: hidden;
position: static
}
.chart-page .tv-content {
padding: 0
}
.clear {
clear: both
}
.clearfix:after {
clear: both;
content: "";
display: table
}
.hide {
display: none !important
}
.show {
display: block !important
}
.tv-right {
float: right !important
}
.tv-left {
float: left !important
}
#_atssh {
margin-top: -20px;
position: absolute
}
.js-right-boundary {
margin-right: 0
}
body {
background-color: #fff
}
html.theme-dark body {
background-color: rgb(11 17 32/1)
}
body.tv-body--bg_superdark,
html.theme-dark body.tv-body--bg_superdark {
background: #131722
}
body.extension {
min-width: 0;
overflow: hidden
}
img {
border: none
}
textarea {
resize: none
}
:focus {
outline: none
}
input,
textarea {
border-radius: 0
}
.tv-profile .tags,
.unselectable {
-webkit-user-select: none;
user-select: none
}
.selectable,
input,
textarea {
-webkit-user-select: text;
user-select: text
}
.text-center {
text-align: center
}
#chart-area {
background: #0000
}
#chart-area,
.chart-container {
position: relative
}
#chart-area.fullscreen {
height: 100% !important;
left: 0;
position: fixed;
top: 0;
width: 100% !important;
z-index: 15
}
.chart-page {
background-color: var(--tv-color-platform-background, #e0e3eb)
}
html.theme-dark .chart-page {
background-color: var(--tv-color-platform-background, #2a2e39)
}
.chart-page .chart-container {
contain: strict;
position: relative
}
.chart-page .chart-container-border {
background-color: #fff;
border: none;
height: 100%;
overflow: hidden;
position: relative;
width: 100%;
z-index: 0
}
html.theme-dark .chart-page .chart-container-border {
background-color: #131722
}
.chart-page .chart-container.multiple.active:after {
border: 2px solid #2962ff;
bottom: 0;
box-sizing: border-box;
content: "";
display: block;
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0
}
html.theme-dark .chart-page .chart-container.multiple.active:after {
border-color: #143eb3
}
.chart-page .chart-container.inactive .back-to-present {
display: none
}
.chart-page .chart-container.no-header-toolbar .chart-container-border {
border-top-left-radius: 4px;
border-top-right-radius: 4px
}
.chart-page .chart-container.no-bottom-toolbar .chart-container-border {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px
}
.layout-with-border-radius .chart-container.top-left-chart .chart-container-border,
.layout-with-border-radius .chart-container.top-left-chart.multiple.active:after {
border-radius: 4px 0 0 0
}
.layout-with-border-radius .chart-container.top-right-chart .chart-container-border,
.layout-with-border-radius .chart-container.top-right-chart.multiple.active:after {
border-radius: 0 4px 0 0
}
.layout-with-border-radius .chart-container.top-full-width-chart .chart-container-border,
.layout-with-border-radius .chart-container.top-full-width-chart.multiple.active:after {
border-radius: 4px 4px 0 0
}
.layout-with-border-radius .no-border-top-left-radius .chart-container .chart-container-border,
.layout-with-border-radius .no-border-top-left-radius .chart-container.multiple.active:after {
border-top-left-radius: 0
}
.layout-with-border-radius .no-border-top-right-radius .chart-container .chart-container-border,
.layout-with-border-radius .no-border-top-right-radius .chart-container.multiple.active:after {
border-top-right-radius: 0
}
.input-reset {
border-radius: 50%;
cursor: pointer;
display: none;
height: 16px;
position: absolute;
right: 7px;
top: 7px;
width: 16px
}
.input-reset:before {
background: url(icons.4d39018d0766cf7006bc.png) no-repeat -103px -340px;
content: " ";
display: block;
height: 10px;
left: 50%;
margin: -5px 0 0 -5px;
position: absolute;
top: 50%;
width: 10px
}
@media (any-hover:hover) {
.input-reset:hover {
background-color: #f2f5f8
}
}
.input-reset:active {
opacity: .6
}
.loading-indicator {
background: #fff;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 150
}
html.theme-dark .loading-indicator {
background: #131722
}
.ui-slider-horizontal {
background-color: #f4f7f9;
border: 1px solid #c9cbcd !important;
box-shadow: inset 0 1px 2px #00000026;
height: 5px !important;
margin: 7px 0 0
}
html.theme-dark .ui-slider-horizontal {
background-color: #131722;
border-color: #2a2e39 !important
}
.ui-slider-handle {
background: url(icons.4d39018d0766cf7006bc.png) -20px -80px !important;
border: none !important;
height: 15px !important;
margin-left: -7px !important;
top: -5px !important;
width: 15px !important
}
.ui-slider-horizontal.linewidth-slider {
background: url(linewidth-slider.8e3d0520d28ce8259ccf.png) 0 0 no-repeat !important;
border: none !important;
box-shadow: none;
display: inline-block;
height: 12px !important;
margin: 7px 10px;
vertical-align: middle;
width: 101px
}
.ui-slider-horizontal.linewidth-slider:after,
.ui-slider-horizontal.linewidth-slider:before {
content: none
}
.ui-slider-horizontal.transparency-slider {
background: url(opacity-slider.4f3ca6b00b45fd71da5f.png) !important;
height: 8px !important;
margin: 7px 10px;
width: 99px
}
.ui-slider-horizontal.transparency-slider.wide-slider {
margin: 7px 1px;
width: 176px
}
.ui-slider-horizontal.transparency-slider .gradient {
background: linear-gradient(90deg, #0000 0, #7db9e8);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 92%
}
.ui-slider-horizontal.linewidth-slider .ui-slider-handle,
.ui-slider-horizontal.transparency-slider .ui-slider-handle {
background: url(large-slider-handle.18e9ee5923db4eac2c43.svg) 0 0 no-repeat !important;
height: 20px !important;
margin: -10px 0 0 -10px !important;
top: 50% !important;
width: 20px !important
}
.ui-slider-horizontal.linewidth-slider .ui-slider-handle.without-shift-handle-left,
.ui-slider-horizontal.transparency-slider .ui-slider-handle.without-shift-handle-left {
margin: -10px 3px 0 -3px !important
}
.falling,
.growing {
color: #fff
}
.growing {
background: #42bda8
}
.falling {
background: #f7525f
}
#myswf {
left: 0;
position: fixed;
top: 0
}
.tv-button {
fill: currentColor;
-webkit-tap-highlight-color: transparent;
background-color: initial;
border: none;
border-radius: 4px;
box-sizing: border-box;
color: #787b86;
cursor: pointer;
display: inline-block;
font-size: 14px;
line-height: 32px;
margin: 0;
min-width: 40px;
outline: 0;
overflow: hidden;
padding: 1px 22px;
position: relative;
text-align: center;
text-decoration: none;
transition: background-color .35s ease, border-color .35s ease, color .35s ease;
-webkit-user-select: none;
user-select: none;
vertical-align: middle;
white-space: nowrap
}
.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-left: 15px
}
.tv-button.tv-button--no-left-margin {
margin-left: 0
}
.tv-button__text {
display: inline-block;
position: relative
}
.tv-button__text--full-height {
word-wrap: break-word;
align-items: center;
display: flex;
height: 100%;
justify-content: center;
line-height: 1.2em;
margin: 11px 5px;
white-space: normal;
width: 100%
}
.tv-button--default,
.tv-button--default_ghost,
a.tv-button--default:visited {
background-color: #fff;
border-color: #fff;
color: #fff
}
html.theme-dark .tv-button--default,
html.theme-dark .tv-button--default_ghost,
html.theme-dark a.tv-button--default:visited {
background-color: #000;
border-color: #000
}
.tv-button--default_ghost {
color: #fff
}
html.theme-dark .tv-button--default_ghost {
color: #000
}
.tv-button--default_ghost.i-checked {
background-color: #fff;
border-color: #fff;
color: #fff
}
html.theme-dark .tv-button--default_ghost.i-checked {
background-color: #000;
border-color: #000
}
.tv-button--default.i-active,
.tv-button--default:active,
.tv-button--default_ghost.i-active,
.tv-button--default_ghost:active {
background-color: #ececec;
border-color: #ececec;
color: #fff;
transform: translateY(1px)
}
html.theme-dark .tv-button--default.i-active,
html.theme-dark .tv-button--default:active,
html.theme-dark .tv-button--default_ghost.i-active,
html.theme-dark .tv-button--default_ghost:active {
background-color: #1e222d;
border-color: #1e222d
}
.tv-button--default.i-hover,
.tv-button--default_ghost.i-hover {
background-color: #e0e3eb;
border-color: #e0e3eb;
color: #fff
}
@media (any-hover:hover) {
.tv-button--default:hover,
.tv-button--default_ghost:hover {
background-color: #e0e3eb;
border-color: #e0e3eb;
color: #fff
}
}
html.theme-dark .tv-button--default.i-hover,
html.theme-dark .tv-button--default_ghost.i-hover {
background-color: #1e222d
}
@media (any-hover:hover) {
html.theme-dark .tv-button--default:hover,
html.theme-dark .tv-button--default_ghost:hover {
background-color: #1e222d
}
}
html.theme-dark .tv-button--default.i-hover,
html.theme-dark .tv-button--default_ghost.i-hover {
border-color: #1e222d
}
@media (any-hover:hover) {
html.theme-dark .tv-button--default:hover,
html.theme-dark .tv-button--default_ghost:hover {
border-color: #1e222d
}
}
.tv-button--default_ghost .tv-button__loader-item {
background-color: #e0e3eb
}
html.theme-dark .tv-button--default_ghost .tv-button__loader-item {
background-color: #1e222d
}
.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 #b2b5be;
color: #6a6d78
}
html.theme-dark .tv-button--default,
html.theme-dark .tv-button--default.i-checked,
html.theme-dark .tv-button--default_ghost,
html.theme-dark .tv-button--default_ghost.i-checked {
border-color: #363a45;
color: #868993
}
.tv-button--default.i-hover,
.tv-button--default_ghost.i-hover {
border-color: #b2b5be;
color: #6a6d78
}
@media (any-hover:hover) {
.tv-button--default:hover,
.tv-button--default_ghost:hover {
border-color: #b2b5be;
color: #6a6d78
}
}
html.theme-dark .tv-button--default.i-hover,
html.theme-dark .tv-button--default_ghost.i-hover {
border-color: #363a45
}
@media (any-hover:hover) {
html.theme-dark .tv-button--default:hover,
html.theme-dark .tv-button--default_ghost:hover {
border-color: #363a45
}
}
html.theme-dark .tv-button--default.i-hover,
html.theme-dark .tv-button--default_ghost.i-hover {
color: #868993
}
@media (any-hover:hover) {
html.theme-dark .tv-button--default:hover,
html.theme-dark .tv-button--default_ghost:hover {
color: #868993
}
}
.tv-button--default.i-active,
.tv-button--default:active,
.tv-button--default_ghost.i-active,
.tv-button--default_ghost:active {
border-color: #b2b5be;
color: #6a6d78
}
html.theme-dark .tv-button--default.i-active,
html.theme-dark .tv-button--default:active,
html.theme-dark .tv-button--default_ghost.i-active,
html.theme-dark .tv-button--default_ghost:active {
border-color: #363a45;
color: #868993
}
.tv-button--primary,
.tv-button--primary_ghost,
a.tv-button--primary:visited {
background-color: #2962ff;
border-color: #2962ff;
color: #fff
}
html.theme-dark .tv-button--primary,
html.theme-dark .tv-button--primary_ghost,
html.theme-dark a.tv-button--primary:visited {
background-color: #2962ff;
border-color: #2962ff;
color: #fff
}
.tv-button--primary_ghost,
html.theme-dark .tv-button--primary_ghost {
color: #2962ff
}
.tv-button--primary_ghost.i-checked {
background-color: #2962ff;
border-color: #2962ff;
color: #fff
}
html.theme-dark .tv-button--primary_ghost.i-checked {
background-color: #2962ff;
border-color: #2962ff;
color: #fff
}
.tv-button--primary.i-active,
.tv-button--primary:active,
.tv-button--primary_ghost.i-active,
.tv-button--primary_ghost:active {
background-color: #1848cc;
border-color: #1848cc;
color: #fff;
transform: translateY(1px)
}
html.theme-dark .tv-button--primary.i-active,
html.theme-dark .tv-button--primary:active,
html.theme-dark .tv-button--primary_ghost.i-active,
html.theme-dark .tv-button--primary_ghost:active {
background-color: #1848cc;
border-color: #1848cc;
color: #fff
}
.tv-button--primary.i-hover,
.tv-button--primary_ghost.i-hover {
background-color: #1e53e5;
border-color: #1e53e5;
color: #fff
}
@media (any-hover:hover) {
.tv-button--primary:hover,
.tv-button--primary_ghost:hover {
background-color: #1e53e5;
border-color: #1e53e5;
color: #fff
}
}
html.theme-dark .tv-button--primary.i-hover,
html.theme-dark .tv-button--primary_ghost.i-hover {
background-color: #1e53e5
}
@media (any-hover:hover) {
html.theme-dark .tv-button--primary:hover,
html.theme-dark .tv-button--primary_ghost:hover {
background-color: #1e53e5
}
}
html.theme-dark .tv-button--primary.i-hover,
html.theme-dark .tv-button--primary_ghost.i-hover {
border-color: #1e53e5
}
@media (any-hover:hover) {
html.theme-dark .tv-button--primary:hover,
html.theme-dark .tv-button--primary_ghost:hover {
border-color: #1e53e5
}
}
html.theme-dark .tv-button--primary.i-hover,
html.theme-dark .tv-button--primary_ghost.i-hover {
color: #fff
}
@media (any-hover:hover) {
html.theme-dark .tv-button--primary:hover,
html.theme-dark .tv-button--primary_ghost:hover {
color: #fff
}
}
.tv-button--primary_ghost .tv-button__loader-item,
html.theme-dark .tv-button--primary_ghost .tv-button__loader-item {
background-color: #1e53e5
}
.tv-button--primary_ghost.i-hover .tv-button__loader-item {
background-color: #fff
}
@media (any-hover:hover) {
.tv-button--primary_ghost:hover .tv-button__loader-item {
background-color: #fff
}
}
html.theme-dark .tv-button--primary_ghost.i-hover .tv-button__loader-item {
background-color: #fff
}
@media (any-hover:hover) {
html.theme-dark .tv-button--primary_ghost:hover .tv-button__loader-item {
background-color: #fff
}
}
.tv-button--secondary,
.tv-button--secondary_ghost,
a.tv-button--secondary:visited {
background-color: #f0f3fa;
border-color: #f0f3fa;
color: #787b86
}
.tv-button--secondary_ghost {
color: #787b86
}
.tv-button--secondary_ghost.i-checked {
background-color: #f0f3fa;
border-color: #f0f3fa;
color: #787b86
}
.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: #787b86;
transform: translateY(1px)
}
.tv-button--secondary.i-hover,
.tv-button--secondary_ghost.i-hover {
background-color: #e1e7f5;
border-color: #e1e7f5;
color: #787b86
}
@media (any-hover:hover) {
.tv-button--secondary:hover,
.tv-button--secondary_ghost:hover {
background-color: #e1e7f5;
border-color: #e1e7f5;
color: #787b86
}
}
.tv-button--secondary_ghost .tv-button__loader-item {
background-color: #e1e7f5
}
.tv-button--secondary_ghost.i-hover .tv-button__loader-item {
background-color: #787b86
}
@media (any-hover:hover) {
.tv-button--secondary_ghost:hover .tv-button__loader-item {
background-color: #787b86
}
}
.tv-button--success,
.tv-button--success_ghost,
a.tv-button--success:visited {
background-color: #089981;
border-color: #089981;
color: #fff
}
html.theme-dark .tv-button--success,
html.theme-dark .tv-button--success_ghost,
html.theme-dark a.tv-button--success:visited {
background-color: #056656;
border-color: #056656;
color: #fff
}
.tv-button--success_ghost {
color: #089981
}
html.theme-dark .tv-button--success_ghost {
color: #056656
}
.tv-button--success_ghost.i-checked {
background-color: #089981;
border-color: #089981;
color: #fff
}
html.theme-dark .tv-button--success_ghost.i-checked {
background-color: #056656;
border-color: #056656;
color: #fff
}
.tv-button--success.i-active,
.tv-button--success:active,
.tv-button--success_ghost.i-active,
.tv-button--success_ghost:active {
background-color: #056656;
border-color: #056656;
color: #fff;
transform: translateY(1px)
}
html.theme-dark .tv-button--success.i-active,
html.theme-dark .tv-button--success:active,
html.theme-dark .tv-button--success_ghost.i-active,
html.theme-dark .tv-button--success_ghost:active {
background-color: #089981;
border-color: #089981;
color: #fff
}
.tv-button--success.i-hover,
.tv-button--success_ghost.i-hover {
background-color: #06806b;
border-color: #06806b;
color: #fff
}
@media (any-hover:hover) {
.tv-button--success:hover,
.tv-button--success_ghost:hover {
background-color: #06806b;
border-color: #06806b;
color: #fff
}
}
html.theme-dark .tv-button--success.i-hover,
html.theme-dark .tv-button--success_ghost.i-hover {
background-color: #06806b
}
@media (any-hover:hover) {
html.theme-dark .tv-button--success:hover,
html.theme-dark .tv-button--success_ghost:hover {
background-color: #06806b
}
}
html.theme-dark .tv-button--success.i-hover,
html.theme-dark .tv-button--success_ghost.i-hover {
border-color: #06806b
}
@media (any-hover:hover) {
html.theme-dark .tv-button--success:hover,
html.theme-dark .tv-button--success_ghost:hover {
border-color: #06806b
}
}
html.theme-dark .tv-button--success.i-hover,
html.theme-dark .tv-button--success_ghost.i-hover {
color: #fff
}
@media (any-hover:hover) {
html.theme-dark .tv-button--success:hover,
html.theme-dark .tv-button--success_ghost:hover {
color: #fff
}
}
.tv-button--success_ghost .tv-button__loader-item,
html.theme-dark .tv-button--success_ghost .tv-button__loader-item {
background-color: #06806b
}
.tv-button--success_ghost.i-hover .tv-button__loader-item {
background-color: #fff
}
@media (any-hover:hover) {
.tv-button--success_ghost:hover .tv-button__loader-item {
background-color: #fff
}
}
html.theme-dark .tv-button--success_ghost.i-hover .tv-button__loader-item {
background-color: #fff
}
@media (any-hover:hover) {
html.theme-dark .tv-button--success_ghost:hover .tv-button__loader-item {
background-color: #fff
}
}
.tv-button--danger,
.tv-button--danger_ghost,
a.tv-button--danger:visited {
background-color: #f7525f;
border-color: #f7525f;
color: #fff
}
html.theme-dark .tv-button--danger,
html.theme-dark .tv-button--danger_ghost,
html.theme-dark a.tv-button--danger:visited {
background-color: #b22833;
border-color: #b22833;
color: #fff
}
.tv-button--danger_ghost {
color: #f7525f
}
html.theme-dark .tv-button--danger_ghost {
color: #b22833
}
.tv-button--danger_ghost.i-checked {
background-color: #f7525f;
border-color: #f7525f;
color: #fff
}
html.theme-dark .tv-button--danger_ghost.i-checked {
background-color: #b22833;
border-color: #b22833;
color: #fff
}
.tv-button--danger.i-active,
.tv-button--danger:active,
.tv-button--danger_ghost.i-active,
.tv-button--danger_ghost:active {
background-color: #b22833;
border-color: #b22833;
color: #fff;
transform: translateY(1px)
}
html.theme-dark .tv-button--danger.i-active,
html.theme-dark .tv-button--danger:active,
html.theme-dark .tv-button--danger_ghost.i-active,
html.theme-dark .tv-button--danger_ghost:active {
background-color: #f23645;
border-color: #f23645;
color: #fff
}
.tv-button--danger.i-hover,
.tv-button--danger_ghost.i-hover {
background-color: #cc2f3c;
border-color: #cc2f3c;
color: #fff
}
@media (any-hover:hover) {
.tv-button--danger:hover,
.tv-button--danger_ghost:hover {
background-color: #cc2f3c;
border-color: #cc2f3c;
color: #fff
}
}
html.theme-dark .tv-button--danger.i-hover,
html.theme-dark .tv-button--danger_ghost.i-hover {
background-color: #cc2f3c
}
@media (any-hover:hover) {
html.theme-dark .tv-button--danger:hover,
html.theme-dark .tv-button--danger_ghost:hover {
background-color: #cc2f3c
}
}
html.theme-dark .tv-button--danger.i-hover,
html.theme-dark .tv-button--danger_ghost.i-hover {
border-color: #cc2f3c
}
@media (any-hover:hover) {
html.theme-dark .tv-button--danger:hover,
html.theme-dark .tv-button--danger_ghost:hover {
border-color: #cc2f3c
}
}
html.theme-dark .tv-button--danger.i-hover,
html.theme-dark .tv-button--danger_ghost.i-hover {
color: #fff
}
@media (any-hover:hover) {
html.theme-dark .tv-button--danger:hover,
html.theme-dark .tv-button--danger_ghost:hover {
color: #fff
}
}
.tv-button--danger_ghost .tv-button__loader-item,
html.theme-dark .tv-button--danger_ghost .tv-button__loader-item {
background-color: #cc2f3c
}
.tv-button--danger_ghost.i-hover .tv-button__loader-item {
background-color: #fff
}
@media (any-hover:hover) {
.tv-button--danger_ghost:hover .tv-button__loader-item {
background-color: #fff
}
}
html.theme-dark .tv-button--danger_ghost.i-hover .tv-button__loader-item {
background-color: #fff
}
@media (any-hover:hover) {
html.theme-dark .tv-button--danger_ghost:hover .tv-button__loader-item {
background-color: #fff
}
}
.tv-button--warning,
.tv-button--warning_ghost,
a.tv-button--warning:visited {
background-color: #ff9800;
border-color: #ff9800;
color: #fff
}
.tv-button--warning_ghost {
color: #ff9800
}
.tv-button--warning_ghost.i-checked {
background-color: #ff9800;
border-color: #ff9800;
color: #fff
}
.tv-button--warning.i-active,
.tv-button--warning:active,
.tv-button--warning_ghost.i-active,
.tv-button--warning_ghost:active {
background-color: #cc7014;
border-color: #cc7014;
color: #fff;
transform: translateY(1px)
}
.tv-button--warning.i-hover,
.tv-button--warning_ghost.i-hover {
background-color: #ff9100;
border-color: #ff9100;
color: #fff
}
@media (any-hover:hover) {
.tv-button--warning:hover,
.tv-button--warning_ghost:hover {
background-color: #ff9100;
border-color: #ff9100;
color: #fff
}
}
.tv-button--warning_ghost .tv-button__loader-item {
background-color: #ff9100
}
.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 {
fill: #2962ff;
color: #2962ff
}
html.theme-dark .tv-button--link {
fill: #3179f5;
color: #3179f5
}
.tv-button--link:visited {
fill: #2962ff;
color: #2962ff
}
html.theme-dark .tv-button--link:visited {
fill: #3179f5;
color: #3179f5
}
@media (any-hover:hover) {
.tv-button--link:hover {
fill: #1e53e5;
color: #1e53e5
}
html.theme-dark .tv-button--link:hover {
fill: #2962ff;
color: #2962ff
}
}
.tv-button--link:active {
fill: #1848cc;
color: #1848cc
}
html.theme-dark .tv-button--link:active {
fill: #1e53e5;
color: #1e53e5
}
.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: #0000;
border-style: solid;
border-width: 1px
}
html.theme-dark .tv-button--danger_ghost,
html.theme-dark .tv-button--default_ghost,
html.theme-dark .tv-button--primary_ghost,
html.theme-dark .tv-button--secondary_ghost,
html.theme-dark .tv-button--success_ghost,
html.theme-dark .tv-button--warning_ghost {
background-color: #0000
}
.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: #ececec
}
html.theme-dark .tv-button--default_ghost:hover {
background-color: #1e222d
}
}
.tv-button.i-disabled,
.tv-button.i-disabled:active,
.tv-button:disabled,
.tv-button:disabled:active {
background-color: #e0e3eb;
border-color: #e0e3eb;
color: #b2b5be;
cursor: default
}
@media (any-hover:hover) {
.tv-button.i-disabled:hover,
.tv-button:disabled:hover {
background-color: #e0e3eb;
border-color: #e0e3eb;
color: #b2b5be;
cursor: default
}
}
html.theme-dark .tv-button.i-disabled,
html.theme-dark .tv-button.i-disabled:active,
html.theme-dark .tv-button:disabled,
html.theme-dark .tv-button:disabled:active {
background-color: #363a45
}
@media (any-hover:hover) {
html.theme-dark .tv-button.i-disabled:hover,
html.theme-dark .tv-button:disabled:hover {
background-color: #363a45
}
}
html.theme-dark .tv-button.i-disabled,
html.theme-dark .tv-button.i-disabled:active,
html.theme-dark .tv-button:disabled,
html.theme-dark .tv-button:disabled:active {
border-color: #363a45
}
@media (any-hover:hover) {
html.theme-dark .tv-button.i-disabled:hover,
html.theme-dark .tv-button:disabled:hover {
border-color: #363a45
}
}
html.theme-dark .tv-button.i-disabled,
html.theme-dark .tv-button.i-disabled:active,
html.theme-dark .tv-button:disabled,
html.theme-dark .tv-button:disabled:active {
color: #50535e
}
@media (any-hover:hover) {
html.theme-dark .tv-button.i-disabled:hover,
html.theme-dark .tv-button:disabled:hover {
color: #50535e
}
}
.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-left: 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-left: 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: #0000;
border-style: solid;
border-width: 1px;
text-align: center
}
html.theme-dark .tv-button--state {
background: #0000
}
.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: #0000;
color: #089981
}
html.theme-dark .tv-button--state.tv-button--success {
background-color: #0000;
color: #056656
}
.tv-button--state.tv-button--success.i-checked {
background-color: #089981;
color: #fff
}
html.theme-dark .tv-button--state.tv-button--success.i-checked {
background-color: #056656;
color: #fff
}
@media (any-hover:hover) {
.tv-button--state.tv-button--success:hover {
background-color: #06806b;
color: #fff
}
html.theme-dark .tv-button--state.tv-button--success:hover {
background-color: #06806b;
color: #fff
}
}
.tv-button--state.tv-button--success:active {
background-color: #056656;
color: #fff
}
html.theme-dark .tv-button--state.tv-button--success:active {
background-color: #089981;
color: #fff
}
.tv-button--state.tv-button--danger {
background-color: #0000;
color: #f7525f
}
html.theme-dark .tv-button--state.tv-button--danger {
background-color: #0000;
color: #b22833
}
.tv-button--state.tv-button--danger.i-checked {
background-color: #f7525f;
color: #fff
}
@media (any-hover:hover) {
.tv-button--state.tv-button--danger:hover {
background-color: #f7525f;
color: #fff
}
}
.tv-button--state.tv-button--danger:active {
background-color: #f23645;
color: #fff
}
.tv-button--state.tv-button--primary {
background-color: #0000;
color: #2962ff
}
html.theme-dark .tv-button--state.tv-button--primary {
background-color: #0000;
color: #2962ff
}
.tv-button--state.tv-button--primary.i-checked {
background-color: #2962ff;
color: #fff
}
html.theme-dark .tv-button--state.tv-button--primary.i-checked {
background-color: #2962ff;
color: #fff
}
@media (any-hover:hover) {
.tv-button--state.tv-button--primary:hover {
background-color: #1e53e5;
color: #fff
}
html.theme-dark .tv-button--state.tv-button--primary:hover {
background-color: #1e53e5;
color: #fff
}
}
.tv-button--state.tv-button--primary:active {
background-color: #1848cc;
color: #fff
}
html.theme-dark .tv-button--state.tv-button--primary:active {
background-color: #1848cc;
color: #fff
}
.tv-button--state.tv-button--primary_ghost-hover.i-checked {
background-color: #0000;
color: #2962ff
}
html.theme-dark .tv-button--state.tv-button--primary_ghost-hover.i-checked {
background-color: #0000;
color: #2962ff
}
@media (any-hover:hover) {
.tv-button--state.tv-button--primary_ghost-hover:hover {
background-color: #1e53e5;
color: #fff
}
html.theme-dark .tv-button--state.tv-button--primary_ghost-hover:hover {
background-color: #1e53e5;
color: #fff
}
}
.tv-button--state.tv-button--primary_ghost-hover:active {
background-color: #1848cc;
color: #fff
}
html.theme-dark .tv-button--state.tv-button--primary_ghost-hover:active {
background-color: #1848cc;
color: #fff
}
.tv-button--state.tv-button--secondary {
background-color: initial;
color: #787b86
}
.tv-button--state.tv-button--secondary.i-checked {
background-color: #f0f3fa;
color: #787b86
}
@media (any-hover:hover) {
.tv-button--state.tv-button--secondary:hover {
background-color: #e1e7f5;
color: #787b86
}
}
.tv-button--state.tv-button--secondary:active {
background-color: #d1dbf0;
color: #787b86
}
.tv-button--state.tv-button--warning {
background-color: initial;
color: #ff9800
}
.tv-button--state.tv-button--warning.i-checked {
background-color: #ff9800;
color: #fff
}
@media (any-hover:hover) {
.tv-button--state.tv-button--warning:hover {
background-color: #ff9100;
color: #fff
}
}
.tv-button--state.tv-button--warning:active {
background-color: #cc7014;
color: #fff
}
.tv-button--state.tv-button--icon-with-text svg {
margin-bottom: -8px;
margin-right: 6px;
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-right: 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%;
left: 0;
margin: 0 auto;
opacity: 0;
position: absolute;
right: 0;
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: #fff;
border-radius: 100%;
display: inline-block;
height: 10px;
margin-left: 2px;
margin-right: 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: #787b86
}
.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 .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-bottom-left-radius: 0;
border-top-left-radius: 0
}
.tv-button--connect_right {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.tv-button--with-icon {
align-items: center;
display: inline-flex;
transform: translate(0)
}
@keyframes tv-button-loader {
0%,
to {
transform: scale(.6)
}
50% {
transform: scale(.9)
}
}
.tv-content {
flex: 1 0 auto
}
.tv-content__content-block {
padding: 70px 0
}
.tv-content__highlight-background {
background: #f8f9fd
}
html.theme-dark .tv-content__highlight-background {
background: #131722
}
.tv-control-checkbox {
-webkit-tap-highlight-color: transparent
}
.tv-control-checkbox--in-actions {
max-width: 50%
}
@media screen and (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;
left: 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;
left: 50%;
margin-left: -9px;
margin-top: -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: 2px solid #868993;
border-radius: 3px;
box-sizing: border-box;
left: 0;
top: 0;
transition: border-color .35s ease
}
.tv-control-checkbox__box svg {
stroke: #0000;
display: block;
height: 12px;
left: 50%;
margin-left: -6px;
margin-top: -6px;
position: absolute;
top: 50%;
transform: scale(0);
transition: stroke .35s ease 1ms, transform .35s ease 1ms;
width: 12px
}
.tv-control-checkbox__label {
margin-right: 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-left: 0
}
.tv-control-checkbox+.tv-control-checkbox__label {
margin-left: 10px;
margin-right: 0;
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: #6a6d78;
will-change: border-color
}
}
.tv-control-checkbox:active .tv-control-checkbox__box:after,
.tv-control-checkbox__input:focus+.tv-control-checkbox__box:after,
html.theme-dark .tv-control-checkbox:active .tv-control-checkbox__box:after,
html.theme-dark .tv-control-checkbox__input:focus+.tv-control-checkbox__box:after {
border-color: #2962ff
}
.tv-control-checkbox__input:checked+.tv-control-checkbox__box,
html.theme-dark .tv-control-checkbox__input:checked+.tv-control-checkbox__box {
background-color: #2962ff
}
.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,
html.theme-dark .tv-control-checkbox__input:checked+.tv-control-checkbox__box:after {
border-color: #2962ff
}
.tv-control-checkbox__input:checked+.tv-control-checkbox__box svg {
stroke: #fff;
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: #1e53e5
}
.tv-control-checkbox:hover .tv-control-checkbox__input:checked+.tv-control-checkbox__box:after {
border-color: #1e53e5
}
}
.tv-control-checkbox:active .tv-control-checkbox__input:checked+.tv-control-checkbox__box,
.tv-control-checkbox__input:focus:checked+.tv-control-checkbox__box {
background-color: #2962ff
}
.tv-control-checkbox:active .tv-control-checkbox__input:checked+.tv-control-checkbox__box:after,
.tv-control-checkbox__input:focus:checked+.tv-control-checkbox__box:after {
border-color: #2962ff
}
.tv-control-checkbox:active .tv-control-checkbox__input[disabled]+.tv-control-checkbox__box:after,
.tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box:after,
.tv-control-checkbox__input[disabled]+.tv-control-checkbox__box:after,
.tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box:after {
border-color: #e0e3eb
}
@media (any-hover:hover) {
.tv-control-checkbox:hover .tv-control-checkbox__input[disabled]+.tv-control-checkbox__box:after,
.tv-control-checkbox:hover .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box:after {
border-color: #e0e3eb
}
}
html.theme-dark .tv-control-checkbox:active .tv-control-checkbox__input[disabled]+.tv-control-checkbox__box:after,
html.theme-dark .tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box:after,
html.theme-dark .tv-control-checkbox__input[disabled]+.tv-control-checkbox__box:after,
html.theme-dark .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box:after {
border-color: #363a45
}
@media (any-hover:hover) {
html.theme-dark .tv-control-checkbox:hover .tv-control-checkbox__input[disabled]+.tv-control-checkbox__box:after,
html.theme-dark .tv-control-checkbox:hover .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box:after {
border-color: #363a45
}
}
.tv-control-checkbox:active .tv-control-checkbox__input[disabled]+.tv-control-checkbox__box:before,
.tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box:before {
background-color: #bbd9fb;
transition: background-color .35s ease
}
html.theme-dark .tv-control-checkbox:active .tv-control-checkbox__input[disabled]+.tv-control-checkbox__box:before,
html.theme-dark .tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box:before {
background-color: #2a2e39
}
.tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box,
.tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box {
background-color: #e0e3eb
}
@media (any-hover:hover) {
.tv-control-checkbox:hover .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box {
background-color: #e0e3eb
}
}
.tv-control-checkbox.i-error .tv-control-checkbox__box:after {
border-color: #f7525f
}
.tv-control-fieldset {
display: block;
margin-bottom: 30px;
min-width: 0
}
.tv-control-fieldset:after {
clear: both;
content: "";
display: table
}
.tv-control-fieldset--spacing_small {
margin-bottom: 20px
}
.tv-control-fieldset--spacing_xsmall {
margin-bottom: 10px
}
.tv-control-fieldset--first {
margin-top: 12px
}
.tv-control-fieldset:last-child {
margin-bottom: 0
}
.tv-control-fieldset--force-spacing {
margin-bottom: 30px
}
.tv-control-fieldset--force-spacing.tv-control-fieldset--spacing_small {
margin-bottom: 20px
}
@media screen and (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: left
}
.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 screen and (max-width:479px) {
.tv-control-fieldset__label,
.tv-control-fieldset__value {
float: none
}
}
.tv-control-fieldset__label {
clear: left;
color: #6a6d78;
font-size: 13px;
padding: 10px 20px 0 0;
width: 30%
}
html.theme-dark .tv-control-fieldset__label {
color: #868993
}
.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: #1e222d
}
html.theme-dark .tv-control-fieldset__label--color_dark {
color: #f8f9fd
}
.tv-control-fieldset__label--width_small {
width: 26%
}
@media screen and (max-width:479px) {
.tv-control-fieldset__label--width_small {
width: auto
}
}
.tv-control-fieldset__label--size_small {
padding-top: 4px
}
@media screen and (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 screen and (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 {
fill: #2962ff;
color: #2962ff
}
html.theme-dark .tv-control-fieldset__value-control.link {
fill: #3179f5;
color: #3179f5
}
.tv-control-fieldset__value-control.link:visited {
fill: #2962ff;
color: #2962ff
}
html.theme-dark .tv-control-fieldset__value-control.link:visited {
fill: #3179f5;
color: #3179f5
}
@media (any-hover:hover) {
.tv-control-fieldset__value-control.link:hover {
fill: #1e53e5;
color: #1e53e5
}
html.theme-dark .tv-control-fieldset__value-control.link:hover {
fill: #2962ff;
color: #2962ff
}
}
.tv-control-fieldset__value-control.link:active {
fill: #1848cc;
color: #1848cc
}
html.theme-dark .tv-control-fieldset__value-control.link:active {
fill: #1e53e5;
color: #1e53e5
}
.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-right: 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-right: 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: #434651;
display: block;
font-size: 13px;
line-height: 1.4;
margin-bottom: 10px;
margin-top: 10px
}
html.theme-dark .tv-control-fieldset__hint {
color: #d1d4dc
}
.tv-control-fieldset__hint.link {
fill: #2962ff;
color: #2962ff
}
html.theme-dark .tv-control-fieldset__hint.link {
fill: #3179f5;
color: #3179f5
}
.tv-control-fieldset__hint.link:visited {
fill: #2962ff;
color: #2962ff
}
html.theme-dark .tv-control-fieldset__hint.link:visited {
fill: #3179f5;
color: #3179f5
}
@media (any-hover:hover) {
.tv-control-fieldset__hint.link:hover {
fill: #1e53e5;
color: #1e53e5
}
html.theme-dark .tv-control-fieldset__hint.link:hover {
fill: #2962ff;
color: #2962ff
}
}
.tv-control-fieldset__hint.link:active {
fill: #1848cc;
color: #1848cc
}
html.theme-dark .tv-control-fieldset__hint.link:active {
fill: #1e53e5;
color: #1e53e5
}
.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: #6a6d78
}
html.theme-dark .tv-control-fieldset .tv-control-input[readonly] {
color: #868993
}
.tv-control-fieldset .tv-control-input--readonly_dark,
.tv-control-fieldset .tv-control-input--readonly_dark[readonly],
html.theme-dark .tv-control-fieldset .tv-control-input--readonly_dark,
html.theme-dark .tv-control-fieldset .tv-control-input--readonly_dark[readonly] {
color: #50535e
}
.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: #6a6d78
}
html.theme-dark .tv-control-fieldset .tv-control-input.i-disabled::placeholder,
html.theme-dark .tv-control-fieldset .tv-control-input[disabled]::placeholder,
html.theme-dark .tv-control-fieldset .tv-control-number-input__input.i-disabled::placeholder,
html.theme-dark .tv-control-fieldset .tv-control-number-input__input[disabled]::placeholder,
html.theme-dark .tv-control-fieldset .tv-control-select__control.i-disabled::placeholder,
html.theme-dark .tv-control-fieldset .tv-control-select__control[disabled]::placeholder,
html.theme-dark .tv-control-fieldset select.tv-control-select.i-disabled::placeholder,
html.theme-dark .tv-control-fieldset select.tv-control-select[disabled]::placeholder {
color: #868993
}
.tv-control-input {
-webkit-tap-highlight-color: transparent;
-webkit-appearance: none;
appearance: none;
background-color: #fff;
border: 1px solid #e0e3eb;
border-radius: 2px;
box-sizing: border-box;
color: #434651;
display: block;
font-size: 13px;
height: 34px;
padding: 0 12px;
transition: border-color .35s ease, background-color .35s ease;
width: 100%
}
html.theme-dark .tv-control-input {
background-color: #000;
border-color: #363a45;
color: #d1d4dc
}
.tv-control-input::placeholder {
color: #a3a6af;
opacity: 1
}
html.theme-dark .tv-control-input::placeholder {
color: #50535e
}
.tv-control-input:-webkit-autofill {
-webkit-text-fill-color: #50535e !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-left: 0;
border-radius: 0;
border-right: 0
}
.tv-control-input--connect_left {
border-bottom-left-radius: 0;
border-left: none;
border-top-left-radius: 0
}
.tv-control-input--connect_right {
border-bottom-right-radius: 0;
border-right: none;
border-top-right-radius: 0
}
@media (any-hover:hover) {
.tv-control-input:hover {
border-color: #c1c4cd;
transition-duration: 60ms
}
html.theme-dark .tv-control-input:hover {
border-color: #50535e
}
}
.tv-control-input:focus {
border-color: #2962ff !important;
transition-duration: 60ms
}
.tv-control-input[readonly] {
border-color: #e0e3eb;
color: #868993
}
.tv-control-input[readonly]:focus {
border-color: #e0e3eb !important
}
@media (any-hover:hover) {
.tv-control-input[readonly]:hover {
border-color: #e0e3eb !important
}
}
html.theme-dark .tv-control-input[readonly]:focus {
border-color: #2a2e39 !important
}
@media (any-hover:hover) {
html.theme-dark .tv-control-input[readonly]:hover {
border-color: #2a2e39 !important
}
}
.tv-control-input--readonly_dark,
.tv-control-input--readonly_dark[readonly],
html.theme-dark .tv-control-input--readonly_dark,
html.theme-dark .tv-control-input--readonly_dark[readonly] {
color: #50535e
}
.tv-control-input.i-disabled,
.tv-control-input[disabled] {
border-color: #e0e3eb !important;
color: #e0e3eb !important
}
html.theme-dark .tv-control-input.i-disabled,
html.theme-dark .tv-control-input[disabled] {
border-color: #2a2e39 !important;
color: #2a2e39 !important
}
.tv-control-input.i-disabled::placeholder,
.tv-control-input[disabled]::placeholder {
color: #e0e3eb !important
}
html.theme-dark .tv-control-input.i-disabled::placeholder,
html.theme-dark .tv-control-input[disabled]::placeholder {
color: #2a2e39 !important
}
@media (any-hover:hover) {
.tv-control-input.i-disabled:hover,
.tv-control-input[disabled]:hover {
border-color: #e0e3eb !important
}
html.theme-dark .tv-control-input.i-disabled:hover,
html.theme-dark .tv-control-input[disabled]:hover {
border-color: #2a2e39 !important
}
}
.tv-control-input.i-error {
border-color: #f7525f !important
}
@media (any-hover:hover) {
.tv-control-input.i-error:hover {
border-color: #f7525f !important
}
}
.tv-control-input.i-error:focus {
border-color: #f23645 !important
}
.tv-control-input.i-success {
border-color: #089981 !important
}
html.theme-dark .tv-control-input.i-success {
border-color: #056656 !important
}
@media (any-hover:hover) {
.tv-control-input.i-success:hover,
html.theme-dark .tv-control-input.i-success:hover {
border-color: #06806b !important
}
}
.tv-control-input.i-success:active,
.tv-control-input.i-success:focus {
border-color: #056656 !important
}
html.theme-dark .tv-control-input.i-success:active,
html.theme-dark .tv-control-input.i-success:focus {
border-color: #089981 !important
}
.tv-control-input--phone {
direction: ltr;
text-align: left
}
.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-left: 0;
margin-right: 0
}
@media screen and (max-width:1019px) {
.tv-feed {
margin: 0 0 48px
}
}
@media screen and (max-width:767px) {
.tv-feed {
margin: 0
}
}
.tv-feed--no-vertical-margin {
margin-bottom: 0;
margin-top: 0
}
.tv-feed.i-animating,
.tv-feed__page.i-animating {
transition: opacity .6125s cubic-bezier(.215, .61, .355, 1), transform .6125s cubic-bezier(.215, .61, .355, 1)
}
.tv-feed.i-loading {
pointer-events: none
}
.tv-feed.i-loading>* {
opacity: .4;
transition-duration: 60ms
}
.tv-feed__preloader {
position: absolute;
z-index: 1
}
.tv-feed__preloader-wrapper {
clear: both;
display: block;
height: 58px;
margin-bottom: 20px;
position: relative
}
.tv-feed.i-loading .tv-feed__preloader {
opacity: 1
}
.tv-feed__column {
float: left;
min-height: 1px;
width: 500px
}
@media screen and (max-width:1019px) {
.tv-feed__column {
width: 100%
}
}
.tv-feed__empty {
clear: both;
color: #6a6d78;
flex: 1 1 auto;
font-size: 20px;
padding: 100px 0;
text-align: center;
-webkit-user-select: none;
user-select: none
}
html.theme-dark .tv-feed__empty {
color: #868993
}
.tv-feed__icon {
color: #9598a1;
padding: 13px
}
html.theme-dark .tv-feed__icon {
color: #9598a1
}
.tv-feed__item-list {
display: flex;
flex-wrap: wrap;
padding-top: 1px
}
@media screen and (min-width:1020px) {
.tv-feed__item-list--scrollable-on-tablet {
flex-wrap: wrap !important
}
}
@media screen and (max-width:1019px) {
.tv-feed__item-list--scrollable-on-tablet {
flex-wrap: nowrap !important
}
}
.tv-feed__item {
font-size: 13px;
margin-bottom: 20px;
padding: 0 10px;
width: 480px
}
.tv-feed__item.js-streams-react-root {
padding: 0
}
.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: left;
width: 50%
}
@media screen and (max-width:1019px) {
.tv-feed__item {
padding: 0;
width: 100%
}
}
.tv-feed__item--card {
background-color: #fff;
border-radius: 6px;
box-shadow: 0 0 0 1px #e0e3eb;
box-sizing: border-box;
height: 100%;
height: auto;
margin: 0 10px 20px;
overflow: hidden;
padding: 0
}
html.theme-dark .tv-feed__item--card {
background-color: #000;
box-shadow: 0 0 0 1px #363a45
}
.tv-feed__item--deleted {
position: relative
}
.tv-feed__item--deleted:before {
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1
}
@media screen and (max-width:1019px) {
.tv-feed__item {
margin-bottom: 10px
}
.tv-feed__item--without-margin-on-tablet {
margin-bottom: 0
}
.tv-feed__item:last-of-type {
border-bottom: none
}
}
@media screen and (max-width:767px) {
.tv-feed__item--media-hidden_phone {
display: none
}
}
.tv-feed__item--filler {
display: none
}
@media screen and (min-width:1020px) {
.tv-feed__item--filler-desktop {
display: block
}
}
.page-wide .tv-feed__item--filler-desktop {
display: none
}
.page-wide .tv-feed__item--filler-wide {
display: block
}
@media screen and (max-width:1019px) {
.tv-feed__item--filler-tablet {
display: block
}
.tv-feed__item--tablet-horizontal-indent {
margin-left: 8px;
margin-right: 8px;
width: calc(100% - 16px)
}
.tv-feed__item--scrollable-on-tablet {
flex-grow: 1;
flex-shrink: 0;
margin-left: 0;
margin-right: 8px;
width: 292px
}
.tv-feed__item--scrollable-on-tablet:first-child {
margin-left: 8px
}
}
@media screen and (max-width:767px) {
.tv-feed__item--scrollable-on-tablet {
max-width: 348px;
width: calc(100vw - 66px)
}
.tv-feed__item--scrollable-on-tablet:only-child {
max-width: none
}
}
@media screen and (max-width:1019px) {
.tv-card-container__widgets .tv-feed__item {
border-bottom: 2px solid #e0e3eb;
margin-bottom: 0
}
html.theme-dark .tv-card-container__widgets .tv-feed__item {
border-bottom: 2px solid #434651
}
}
.tv-feed__section-title {
align-items: center;
display: flex;
justify-content: space-between
}
@media screen and (max-width:1019px) {
.tv-feed__section-title {
align-items: baseline;
margin-left: 12px
}
}
.tv-feed__empty-space {
float: left;
pointer-events: none;
-webkit-user-select: none;
user-select: none;
width: 480px
}
.tv-feed__page {
display: none;
position: relative
}
.tv-feed__page:after {
clear: both;
content: "";
display: table
}
.tv-feed__page.i-active {
display: block
}
.tv-feed__page--notifications {
background-color: #fff;
margin-bottom: 20px
}
html.theme-dark .tv-feed__page--notifications {
background-color: #000
}
@media screen and (min-width:1020px) {
.tv-feed__page--notifications {
margin-left: 10px;
margin-right: 10px
}
}
.tv-feed__page--no-vindent {
margin-top: -48px
}
@media screen and (max-width:1019px) {
.tv-feed__page--no-vindent {
margin-bottom: 0;
margin-top: 0
}
}
.tv-feed--position_relative {
position: relative
}
.tv-feed__locale-links-wrapper {
font-size: 15px;
line-height: 34px;
padding: 15px 25px;
word-spacing: 10px
}
.tv-feed__locale-links-wrapper--has-ideas {
background-color: #fff;
border-radius: 6px;
box-shadow: 0 0 0 1px #e0e3eb;
box-sizing: border-box;
height: 100%;
overflow: hidden
}
html.theme-dark .tv-feed__locale-links-wrapper--has-ideas {
background-color: #000;
box-shadow: 0 0 0 1px #363a45
}
.tv-feed__locale-links-wrap-text {
color: #131722;
word-spacing: normal
}
html.theme-dark .tv-feed__locale-links-wrap-text {
color: #d1d4dc
}
.tv-feed .tv-feed__locale-link {
border-radius: 15px;
display: inline-block;
font-size: 14px;
height: 18px;
line-height: 16px;
margin: 0;
padding: 5px 13px 5px 10px;
word-spacing: normal
}
.tv-feed__locale-link-flag,
.tv-feed__locale-link-text {
vertical-align: middle
}
.tv-feed__locale-link-count {
color: #9598a1;
vertical-align: middle
}
html.theme-dark .tv-feed__locale-link-count {
color: #9598a1
}
.tv-feed__anchor {
float: left;
height: 0;
overflow: hidden
}
.badge {
--ui-lib-badge-default-color-focus-outline: #2962ffcc;
align-items: center;
background: var(--ui-lib-badge-background, var(--ui-lib-badge-default-background, #f0f3fa));
border: none;
border-radius: var(--ui-lib-badge-border-radius, var(--ui-lib-badge-default-border-radius));
color: var(--ui-lib-badge-color-content, var(--ui-lib-badge-default-color-content, #131722));
display: inline-flex;
flex-flow: row nowrap;
padding: var(--ui-lib-badge-padding-top, 0) var(--ui-lib-badge-padding-right, var(--ui-lib-badge-default-padding-right)) var(--ui-lib-badge-padding-bottom, 0) var(--ui-lib-badge-padding-left, var(--ui-lib-badge-default-padding-left));
text-transform: uppercase;
-webkit-user-select: none;
user-select: none
}
html.theme-dark .badge {
background: var(--ui-lib-badge-background, var(--ui-lib-badge-default-background, #2a2e39));
color: var(--ui-lib-badge-color-content, var(--ui-lib-badge-default-color-content, #fff))
}
.badge {
overflow: visible;
position: relative
}
.badge,
.badge:focus {
outline: none
}
.badge:focus-visible {
outline: none
}
.badge:after {
border-style: solid;
border-width: 2px;
box-sizing: border-box;
content: "";
display: none;
height: calc(100% + 8px);
left: -4px;
pointer-events: none;
position: absolute;
top: -4px;
width: calc(100% + 8px);
z-index: 1
}
.badge:focus:after {
display: block
}
.badge:focus-visible:after {
display: block
}
.badge:focus:not(:focus-visible):after {
display: none
}
.badge:after {
border-color: var(--ui-lib-badge-color-focus-outline, var(--ui-lib-badge-default-color-focus-outline));
border-radius: calc(var(--ui-lib-badge-border-radius, var(--ui-lib-badge-default-border-radius)) + 4px)
}
.content {
overflow: hidden;
text-overflow: ellipsis;
}
.size-xsmall {
--ui-lib-badge-default-padding-left: 4px;
--ui-lib-badge-default-padding-right: 4px;
--ui-lib-badge-default-border-radius: 3px;
--ui-lib-badge-default-height: 12px;
font-size: 8px;
font-weight: 700;
height: var(--ui-lib-badge-default-height);
letter-spacing: .5px;
line-height: 12px
}
.size-small {
--ui-lib-badge-default-padding-left: 6px;
--ui-lib-badge-default-padding-right: 6px;
--ui-lib-badge-default-border-radius: 3px;
--ui-lib-badge-default-height: 16px;
letter-spacing: .02em;
line-height: 16px
}
.size-medium,
.size-small {
font-size: 11px;
font-weight: 600;
height: var(--ui-lib-badge-default-height)
}
.size-medium {
--ui-lib-badge-default-padding-left: 8px;
--ui-lib-badge-default-padding-right: 8px;
--ui-lib-badge-default-border-radius: 4px;
--ui-lib-badge-default-height: 20px;
letter-spacing: .05em;
line-height: 18px
}
.size-large {
--ui-lib-badge-default-padding-left: 10px;
--ui-lib-badge-default-padding-right: 10px;
--ui-lib-badge-default-border-radius: 6px;
--ui-lib-badge-default-height: 24px;
font-size: 14px;
font-weight: 600;
letter-spacing: normal;
line-height: 18px
}
.size-large,
.size-xlarge {
height: var(--ui-lib-badge-default-height)
}
.size-xlarge {
--ui-lib-badge-default-padding-left: 12px;
--ui-lib-badge-default-padding-right: 12px;
--ui-lib-badge-default-border-radius: 8px;
--ui-lib-badge-default-height: 32px;
font-size: 17px;
font-weight: 700;
letter-spacing: .02em;
line-height: 24px
}
.badge-idea .icon {
align-items: center;
background-color: var(--ui-lib-badge-color-content);
display: inline-flex;
height: 18px;
margin-right: 0;
width: 18px
}
.badge-idea.size-small .icon {
margin-right: -1px
}
.badge-idea.type-long.size-small .icon {
-webkit-mask: url(arrow-strategy-up.ed2ed00e25deb7f61f68.svg);
mask: url(arrow-strategy-up.ed2ed00e25deb7f61f68.svg)
}
.badge-idea.type-long.size-medium .icon {
-webkit-mask: url(arrow-strategy-up.28f3f63175901bd9ee55.svg);
mask: url(arrow-strategy-up.28f3f63175901bd9ee55.svg)
}
.badge-idea.type-long.size-large .icon,
.badge-idea.type-long.size-xlarge .icon {
-webkit-mask: url(arrow-strategy-up.de27811948292cec8d6e.svg);
mask: url(arrow-strategy-up.de27811948292cec8d6e.svg)
}
.badge-idea.type-short.size-small .icon {
-webkit-mask: url(arrow-strategy-down.9b01142d15138343464f.svg);
mask: url(arrow-strategy-down.9b01142d15138343464f.svg)
}
.badge-idea.type-short.size-medium .icon {
-webkit-mask: url(arrow-strategy-down.7448668c983db1a122ce.svg);
mask: url(arrow-strategy-down.7448668c983db1a122ce.svg)
}
.badge-idea.type-short.size-large .icon,
.badge-idea.type-short.size-xlarge .icon {
-webkit-mask: url(arrow-strategy-down.ddc2f9f61f72807913e0.svg);
mask: url(arrow-strategy-down.ddc2f9f61f72807913e0.svg)
}
.badge-idea.size-small.with-icon.type-long,
.badge-idea.size-small.with-icon.type-short {
--ui-lib-badge-padding-left: 2px
}
.badge-idea.size-small.only-icon {
align-items: center;
border-radius: 50%;
display: flex;
justify-content: center;
padding: 0;
width: 16px
}
.badge-idea.size-medium.with-icon.type-long,
.badge-idea.size-medium.with-icon.type-short {
--ui-lib-badge-padding-left: 4px
}
.badge-idea.size-medium.only-icon {
align-items: center;
border-radius: 50%;
display: flex;
justify-content: center;
padding: 0;
width: 20px
}
.badge-idea.size-large.with-icon.type-long,
.badge-idea.size-large.with-icon.type-short {
--ui-lib-badge-padding-left: 6px
}
.badge-idea.size-large.only-icon {
align-items: center;
border-radius: 50%;
display: flex;
justify-content: center;
padding: 0;
width: 24px
}
.badge-idea.size-xlarge.with-icon.type-long,
.badge-idea.size-xlarge.with-icon.type-short {
--ui-lib-badge-padding-left: 8px
}
.badge-idea.size-xlarge.only-icon {
align-items: center;
border-radius: 50%;
display: flex;
justify-content: center;
padding: 0;
width: 32px
}
.badge-idea.variant-primary {
--ui-lib-badge-color-content: #fff
}
.badge-idea.variant-primary.type-long {
--ui-lib-badge-background: #22ab94
}
@media (any-hover:hover) {
.badge-idea.variant-primary.type-long:hover {
background: #06806b
}
}
.badge-idea.variant-primary.type-short {
--ui-lib-badge-background: #f7525f
}
@media (any-hover:hover) {
.badge-idea.variant-primary.type-short:hover {
background: #cc2f3c
}
}
.badge-idea.variant-primary.type-education {
--ui-lib-badge-background: #2962ff
}
@media (any-hover:hover) {
.badge-idea.variant-primary.type-education:hover {
background: #1848cc
}
}
.badge-idea.variant-ghost {
--ui-lib-badge-background: #0000
}
.badge-idea.variant-ghost.type-long {
--ui-lib-badge-color-content: #22ab94
}
@media (any-hover:hover) {
.badge-idea.variant-ghost.type-long:hover {
--ui-lib-badge-color-content: #06806b
}
}
.badge-idea.variant-ghost.type-short {
--ui-lib-badge-color-content: #f7525f
}
@media (any-hover:hover) {
.badge-idea.variant-ghost.type-short:hover {
--ui-lib-badge-color-content: #cc2f3c
}
}
.badge-idea.variant-ghost.type-education {
--ui-lib-badge-color-content: #2962ff
}
@media (any-hover:hover) {
.badge-idea.variant-ghost.type-education:hover {
--ui-lib-badge-color-content: #1848cc
}
}
.badge-idea.variant-ghost.size-medium {
--ui-lib-badge-padding-left: 0px;
--ui-lib-badge-padding-right: 0px
}
.badge-idea-content {
align-items: center;
display: flex
}
@keyframes tv-load-more-pulse {
0% {
transform: scale(.8)
}
50% {
opacity: 1
}
70%,
to {
transform: scale(1)
}
}
.tv-load-more {
clear: both;
margin: 40px auto;
text-align: center
}
@media screen and (max-width:1019px) {
.tv-load-more {
margin-left: -12px;
margin-right: -12px;
margin-top: 12px
}
}
.tv-load-more--sticky {
display: flex;
flex: 1 0 auto;
flex-direction: column;
margin: 0
}
.tv-load-more__gap,
.tv-load-more__page {
background-color: initial;
border-radius: 50%;
color: #9598a1;
display: inline-block;
font-size: 14px;
height: 50px;
line-height: 50px;
margin-left: -1px;
overflow: hidden;
position: relative;
transition: all .35s ease;
width: 50px
}
html.theme-dark .tv-load-more__gap,
html.theme-dark .tv-load-more__page {
color: #787b86
}
.tv-load-more__gap+.tv-load-more__gap,
.tv-load-more__gap+.tv-load-more__page,
.tv-load-more__page+.tv-load-more__gap,
.tv-load-more__page+.tv-load-more__page {
margin-left: 11px
}
@media (any-hover:hover) {
a.tv-load-more__gap:hover,
a.tv-load-more__page:hover {
background-color: #e3effd;
color: #868993;
transition-duration: 60ms
}
html.theme-dark a.tv-load-more__gap:hover,
html.theme-dark a.tv-load-more__page:hover {
background-color: #2a2e39;
color: #b2b5be
}
}
.tv-load-more__page.tv-load-more__loading {
background-color: #e3effd;
font-size: 0
}
.tv-load-more__current {
background-color: #fff;
color: #2962ff;
font-weight: 700
}
html.theme-dark .tv-load-more__current {
background-color: #132042;
color: #2962ff
}
.tv-load-more__pagination {
display: inline-block;
margin-top: 38px
}
.tv-load-more__pagination--sticky {
margin-top: 41px
}
@media screen and (max-width:767px) {
.tv-load-more__pagination {
display: none
}
}
.tv-load-more__btn,
.tv-load-more__pagination {
box-sizing: border-box;
padding: 0 61px;
position: relative;
width: 100%
}
.tv-load-more__btn {
fill: #131722;
background-color: #fff;
border: none;
border-radius: 6px;
box-shadow: 0 0 0 1px #e0e3eb;
color: #131722;
cursor: pointer;
display: inline-block;
font-size: 16px;
line-height: 24px;
overflow: hidden;
padding: 8px 16px;
position: relative
}
html.theme-dark .tv-load-more__btn {
fill: #d1d4dc;
background-color: #000;
box-shadow: 0 0 0 1px #363a45;
color: #d1d4dc
}
.tv-load-more__btn:visited {
fill: #131722;
color: #131722
}
html.theme-dark .tv-load-more__btn:visited {
fill: #d1d4dc;
color: #d1d4dc
}
@media (any-hover:hover) {
.tv-load-more__btn:hover {
fill: #131722;
color: #131722
}
html.theme-dark .tv-load-more__btn:hover {
fill: #d1d4dc;
color: #d1d4dc
}
}
.tv-load-more__btn:active {
fill: #131722;
color: #131722
}
html.theme-dark .tv-load-more__btn:active {
fill: #d1d4dc;
color: #d1d4dc
}
.tv-load-more__btn:focus {
outline: auto;
outline-offset: 2px
}
.tv-load-more__btn:focus-visible {
outline: auto;
outline-offset: 2px
}
.tv-load-more__btn:focus:not(:focus-visible) {
outline: none
}
.tv-load-more__btn:active {
background-color: #f0f3fa
}
@media (any-hover:hover) {
.tv-load-more__btn:hover {
background-color: #f0f3fa
}
}
html.theme-dark .tv-load-more__btn:active {
background-color: #2a2e39
}
@media (any-hover:hover) {
html.theme-dark .tv-load-more__btn:hover {
background-color: #2a2e39
}
}
.tv-load-more__btn:active {
transform: translateY(1px)
}
.tv-load-more__btn--sticky {
align-items: center;
display: flex;
flex: 0 0 auto;
justify-content: center
}
.tv-load-more__btn .tv-button__loader-item {
background-color: #2962ff !important
}
.tv-load-more__btn-arrow {
padding-left: 4px
}
.tv-load-more__btn-arrow svg {
height: 10px
}
.tv-load-more__arrow {
display: inline-block;
height: 15px;
padding: 17px 0;
position: absolute;
top: 0;
width: 50px
}
.tv-load-more__arrow--left {
left: 3px;
text-align: left
}
.tv-load-more__arrow--right {
right: 3px;
text-align: right
}
.tv-load-more__arrow svg {
fill: #b2b5be;
height: 15px;
max-width: 100%
}
html.theme-dark .tv-load-more__arrow svg {
fill: #50535e
}
a.tv-load-more__arrow {
cursor: pointer;
transition: all .35s ease
}
a.tv-load-more__arrow svg,
html.theme-dark a.tv-load-more__arrow svg {
fill: #2962ff
}
a.tv-load-more__arrow:active {
animation: tv-load-more-pulse .35s
}
@media (any-hover:hover) {
a.tv-load-more__arrow--left:hover {
left: 0;
transition-duration: 60ms
}
a.tv-load-more__arrow--right:hover {
right: 0;
transition-duration: 60ms
}
}
.tv-load-more__arrow.tv-load-more__loading svg {
display: none
}
.tv-load-more--screener {
display: flex;
margin-bottom: 0
}
.tv-feed:not(.tv-feed--no-hindent) .tv-load-more:not(.tv-load-more--sticky) {
padding: 0 10px
}
@media screen and (max-width:1019px) {
.tv-feed:not(.tv-feed--no-hindent) .tv-load-more:not(.tv-load-more--sticky) {
margin-left: -10px;
margin-right: -10px
}
.tv-feed--no-hindent .tv-load-more:not(.tv-load-more--sticky) {
margin-left: 0;
margin-right: 0
}
}
.tv-search-highlight {
color: #f57f17
}
.tv-tag-label {
background-color: #f0f3fa;
color: #6a6d78;
display: inline-block;
font-size: 16px;
line-height: 24px;
margin-bottom: 8px;
margin-right: 8px;
transition: background-color @dur ease
}
html.theme-dark .tv-tag-label {
background-color: #2a2e39;
color: #6a6d78
}
.tv-tag-label.i-hover {
background-color: #e0e3eb;
color: #6a6d78;
transition-duration: 60ms
}
@media (any-hover:hover) {
.tv-tag-label:hover {
background-color: #e0e3eb;
color: #6a6d78;
transition-duration: 60ms
}
}
html.theme-dark .tv-tag-label.i-hover {
color: #6a6d78
}
@media (any-hover:hover) {
html.theme-dark .tv-tag-label:hover {
color: #6a6d78
}
}
html.theme-dark .tv-tag-label.i-hover {
background-color: #363a45
}
@media (any-hover:hover) {
html.theme-dark .tv-tag-label:hover {
background-color: #363a45
}
}
.tv-tag-label.i-active,
.tv-tag-label:active {
background-color: #d1d4dc;
color: #6a6d78;
transform: translateY(1px);
transition-duration: 60ms
}
html.theme-dark .tv-tag-label.i-active,
html.theme-dark .tv-tag-label:active {
background-color: #363a45;
color: #6a6d78
}
.tv-tag-label:visited,
html.theme-dark .tv-tag-label:visited {
color: #6a6d78
}
.tv-tag-label--rounded {
border-radius: 24px;
padding-left: 12px;
padding-right: 12px
}
.tv-tag-label.tv-tag-label--secondary {
background-color: #b2b5be;
color: #f8f9fd
}
.tv-tag-label.tv-tag-label--secondary.i-active,
.tv-tag-label.tv-tag-label--secondary.i-hover,
.tv-tag-label.tv-tag-label--secondary:active {
background-color: #abaeb6;
color: #f8f9fd;
transition-duration: 60ms
}
@media (any-hover:hover) {
.tv-tag-label.tv-tag-label--secondary:hover {
background-color: #abaeb6;
color: #f8f9fd;
transition-duration: 60ms
}
}
.tv-card-container {
box-sizing: border-box;
display: flex;
flex-direction: column;
width: 100%
}
.tv-card-container__chart {
flex: 0 0 auto;
margin-bottom: 36px;
min-width: 100%
}
@media screen and (max-width:1019px) {
.tv-card-container__chart {
margin: 0
}
}
.tv-card-container__columns {
align-content: flex-start;
align-items: flex-start;
box-sizing: border-box;
display: flex
}
@media screen and (max-width:1019px) {
.tv-card-container__columns {
flex-wrap: wrap
}
}
.tv-card-container__column-row {
align-items: center;
display: flex;
flex: 1 1 100%;
margin: 0 10px 20px;
max-width: calc(100% - 20px)
}
@media screen and (max-width:1019px) {
.tv-card-container__column-row {
margin: 24px 10px 17px 20px;
max-width: calc(100% - 20px)
}
}
.tv-card-container__column-row--pagination {
margin-top: 0
}
@media screen and (max-width:767px) {
.tv-card-container__column-row--pagination {
margin: 0 10px 56px
}
}
@media screen and (max-width:479px) {
.tv-card-container__column-row--pagination {
margin-bottom: 20px
}
}
.tv-card-container__column-filter {
margin-left: auto
}
.tv-card-container__main {
contain: layout style
}
.tv-card-container__ideas,
.tv-card-container__main {
box-sizing: border-box;
display: flex;
flex: 1 1 100%;
flex-wrap: wrap;
max-width: 100%
}
.tv-card-container__ideas {
position: relative
}
@media screen and (max-width:1019px) {
.tv-card-container__ideas--with-padding {
padding-top: 10px
}
}
.tv-card-container__ideas--loading:after {
bottom: 0;
content: "";
display: block;
left: 0;
opacity: .7;
position: absolute;
right: 0;
top: 0
}
.tv-card-container__widgets {
box-sizing: border-box;
display: flex;
flex: 1 1 auto;
flex-direction: column;
max-width: 500px
}
@media screen and (max-width:1019px) {
.tv-card-container__widgets {
max-width: none;
order: -1;
width: 100%
}
}
.tv-card-container__widgets .tv-tabs__left-arrow {
background: linear-gradient(90deg, #fff, #ffffffd9, #fff0)
}
html.theme-dark .tv-card-container__widgets .tv-tabs__left-arrow {
background: linear-gradient(90deg, #131722, #131722d9, #13172200)
}
.tv-card-container__widgets .tv-tabs__right-arrow {
background: linear-gradient(270deg, #fff, #ffffffd9, #fff0)
}
html.theme-dark .tv-card-container__widgets .tv-tabs__right-arrow {
background: linear-gradient(270deg, #131722, #131722d9, #13172200)
}
.tv-card-container__followers,
.tv-card-container__following-people {
width: 100%
}
.tv-card-container__title {
display: inline
}
.tv-card-container__title-container {
margin-right: 32px
}
.tv-card-container__solution-link {
white-space: nowrap
}
.tv-empty-card {
align-items: center;
background-color: #fff;
border-radius: 6px;
box-shadow: 0 0 0 1px #e0e3eb;
box-sizing: border-box;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
min-height: 592px;
overflow: hidden;
padding-bottom: 40px
}
html.theme-dark .tv-empty-card {
background-color: #000;
box-shadow: 0 0 0 1px #363a45
}
@media screen and (max-width:1019px) {
.tv-empty-card {
margin-bottom: 10px;
margin-left: 8px;
margin-right: 8px
}
}
.tv-empty-card__text {
color: #131722;
font-size: 24px;
font-weight: 700;
letter-spacing: -.2px;
line-height: 32px;
margin-bottom: 29px;
margin-top: 19px;
text-align: center;
width: 282px
}
html.theme-dark .tv-empty-card__text {
color: #d1d4dc
}
.tv-empty-card:active .tv-empty-card__button {
background-color: #1e53e5;
border-color: #1e53e5;
color: #fff
}
@media (any-hover:hover) {
.tv-empty-card:hover .tv-empty-card__button {
background-color: #1e53e5;
border-color: #1e53e5;
color: #fff
}
}
html.theme-dark .tv-empty-card:active .tv-empty-card__button {
background-color: #1e53e5
}
@media (any-hover:hover) {
html.theme-dark .tv-empty-card:hover .tv-empty-card__button {
background-color: #1e53e5
}
}
html.theme-dark .tv-empty-card:active .tv-empty-card__button {
border-color: #1e53e5
}
@media (any-hover:hover) {
html.theme-dark .tv-empty-card:hover .tv-empty-card__button {
border-color: #1e53e5
}
}
.tv-empty-card__icon {
color: #6a6d78
}
html.theme-dark .tv-empty-card__icon {
color: #868993
}
.i-hidden {
display: none !important
}
.i-invisible {
visibility: hidden !important
}
.i-clearfix:after {
clear: both;
content: "";
display: table
}
.i-align_left {
text-align: left !important
}
.i-align_right {
text-align: right !important
}
.i-align_center {
text-align: center !important
}
.i-float_left {
float: left !important
}
.i-float_right {
float: right !important
}
.i-float_none {
float: none !important
}
@media screen and (min-width:1020px) {
.i-device-only {
display: none !important
}
}
@media screen and (max-width:1019px) {
.i-desktop-only {
display: none !important
}
}
@media not screen and (max-width:479px) {
.i-phones-only {
display: none !important
}
}
@media screen and (max-width:479px) {
.i-except-phones-only {
display: none !important
}
}
.i-no-break {
white-space: nowrap
}