html {
-webkit-text-size-adjust: 100%
}
body {
color: #0f0f0f;
font-size: 14px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif;
font-feature-settings: "tnum" on, "lnum" on
}
html.theme-dark body {
color: #dbdbdb
}
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 (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 (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 (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: #0f0f0f;
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: #dbdbdb
}
.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 {
color: #2962ff;
fill: #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: #5b9cf6;
color: #5b9cf6
}
.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 {
color: #2962ff;
fill: #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: #5b9cf6;
color: #5b9cf6
}
@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 {
color: #1e53e5;
fill: #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: #3179f5;
color: #3179f5
}
}
.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 {
color: #1848cc;
fill: #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: #2962ff;
color: #2962ff
}
.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 {
color: #2962ff;
fill: #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: #5b9cf6;
color: #5b9cf6
}
.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 {
color: #2962ff;
fill: #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: #5b9cf6;
color: #5b9cf6
}
@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 {
color: #1e53e5;
fill: #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: #3179f5;
color: #3179f5
}
}
.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 {
color: #1848cc;
fill: #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: #2962ff;
color: #2962ff
}
.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 (max-width:1019px) {
.tv-text h1 {
font-size: 38px
}
}
@media (max-width:767px) {
.tv-text h1 {
font-size: 32px
}
}
@media (max-width:479px) {
.tv-text h1 {
font-size: 28px
}
}
.tv-text h2 {
font-size: 31px
}
@media (max-width:1019px) {
.tv-text h2 {
font-size: 26px
}
}
@media (max-width:479px) {
.tv-text h2 {
font-size: 24px
}
}
.tv-text h3 {
font-size: 17px
}
@media (max-width:1019px) {
.tv-text h3 {
font-size: 16px
}
}
.tv-text h4 {
font-size: 15px
}
.tv-text h2,
.tv-text h3,
.tv-text h4 {
margin-bottom: 20px;
margin-top: 20px
}
.tv-text h1:first-child,
.tv-text h2:first-child,
.tv-text h3:first-child,
.tv-text h4:first-child {
margin-top: 0
}
.tv-text ol,
.tv-text ul {
list-style-position: inside
}
.tv-text--position-outside ol,
.tv-text--position-outside ul {
list-style-position: outside;
padding-left: 17px
}
.tv-text a:not(.tv-button):not(.tv-chart-view__description__tag) {
color: #2962ff;
fill: #2962ff
}
html.theme-dark .tv-text a:not(.tv-button):not(.tv-chart-view__description__tag) {
fill: #5b9cf6;
color: #5b9cf6
}
.tv-text a:not(.tv-button):not(.tv-chart-view__description__tag):visited {
color: #2962ff;
fill: #2962ff
}
html.theme-dark .tv-text a:not(.tv-button):not(.tv-chart-view__description__tag):visited {
fill: #5b9cf6;
color: #5b9cf6
}
@media (any-hover:hover) {
.tv-text a:not(.tv-button):not(.tv-chart-view__description__tag):hover {
color: #1e53e5;
fill: #1e53e5
}
html.theme-dark .tv-text a:not(.tv-button):not(.tv-chart-view__description__tag):hover {
fill: #3179f5;
color: #3179f5
}
}
.tv-text a:not(.tv-button):not(.tv-chart-view__description__tag):active {
color: #1848cc;
fill: #1848cc
}
html.theme-dark .tv-text a:not(.tv-button):not(.tv-chart-view__description__tag):active {
fill: #2962ff;
color: #2962ff
}
.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 (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 (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 (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 {
border: 0;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
width: 1px;
clip: rect(0, 0, 0, 0);
overflow-x: hidden
}
html {
color-scheme: light
}
html.theme-dark {
color-scheme: dark
}
html.theme-dark iframe {
color-scheme: normal
}
body {
box-sizing: border-box;
min-width: 320px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent
}
body.i-no-scroll {
overflow: hidden !important
}
body.i-no-padding {
padding: 0 !important
}
::selection {
background: #bbd9fb
}
html.theme-dark ::selection {
background: #143a87
}
body {
overflow-y: scroll
}
.tv-layout-width {
box-sizing: border-box;
margin: 0 auto;
padding: 0 20px;
width: 1020px
}
.tv-layout-width--no-padding {
padding: 0;
width: 980px
}
.tv-layout-width--simple {
padding: 0
}
.tv-dialog .tv-layout-width {
max-width: 100%
}
.chart-page .tv-layout-width {
width: 100%
}
@media (max-width:1019px) {
.tv-layout-width {
width: auto
}
.tv-layout-width .tv-feed {
margin-left: -20px;
margin-right: -20px
}
.tv-layout-width .tv-feed--tablet-top-indent {
margin-top: 48px
}
}
.tv-layout-width.full-width-layout,
body.page-wide .tv-layout-width.full-width-layout {
width: auto;
--adaptive-mf-container-padding: 20px;
--adaptive-mf-container-max-width: 2360px;
box-sizing: initial;
padding-left: var(--adaptive-mf-container-padding);
padding-right: var(--adaptive-mf-container-padding)
}
@media (min-width:1024px) {
.tv-layout-width.full-width-layout,
body.page-wide .tv-layout-width.full-width-layout {
--adaptive-mf-container-padding: 32px
}
}
@media (min-width:1440px) {
.tv-layout-width.full-width-layout,
body.page-wide .tv-layout-width.full-width-layout {
--adaptive-mf-container-padding: 40px
}
}
@media (min-width:1920px) {
.tv-layout-width.full-width-layout,
body.page-wide .tv-layout-width.full-width-layout {
--adaptive-mf-container-padding: 100px
}
}
@media (min-width:2560px) {
.tv-layout-width.full-width-layout,
body.page-wide .tv-layout-width.full-width-layout {
--adaptive-mf-container-padding: calc((100vw - var(--adaptive-mf-container-max-width))/2);
margin-left: auto;
margin-right: auto;
max-width: var(--adaptive-mf-container-max-width)
}
}
.filter-ideas-button-with-padding {
padding-inline: 5px
}
.tv-layout-padding {
padding: 0 20px
}
body.page-wide .tv-layout-width {
width: 1520px
}
.tv-main,
body.page-fullwidth .tv-layout-width {
width: 100%
}
.tv-main {
display: flex;
flex-direction: column;
min-height: 100%
}
.clear {
clear: both
}
.clearfix:after {
clear: both;
content: "";
display: table
}
.hide {
display: none !important
}
.show {
display: block !important
}
.tv-right {
float: right !important
}
.tv-left {
float: left !important
}
body {
background-color: #fff
}
html.theme-dark body {
background-color: #000
}
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
}
.loading-indicator {
background: #fff;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 150
}
html.theme-dark .loading-indicator {
background: #0f0f0f
}
.falling,
.growing {
color: #fff
}
.growing {
background: #42bda8
}
.falling {
background: #f7525f
}
.tv-button {
color: grey;
display: inline-block;
font-size: 14px;
line-height: 32px;
margin: 0;
min-width: 40px;
padding: 1px 22px;
position: relative;
text-align: center;
text-decoration: none;
-webkit-user-select: none;
user-select: none;
vertical-align: middle;
white-space: nowrap;
fill: currentColor;
background-color: initial;
border: none;
border-radius: 4px;
box-sizing: border-box;
cursor: pointer;
outline: 0;
overflow: hidden;
-webkit-tap-highlight-color: transparent;
transition: background-color .35s ease, border-color .35s ease, color .35s ease
}
.tv-button.tv-button--danger_ghost,
.tv-button.tv-button--default,
.tv-button.tv-button--default_ghost,
.tv-button.tv-button--primary_ghost,
.tv-button.tv-button--secondary_ghost,
.tv-button.tv-button--state,
.tv-button.tv-button--success_ghost,
.tv-button.tv-button--warning_ghost {
padding: 0 21px
}
.tv-button.i-active,
.tv-button.i-hover,
.tv-button:active {
transition-duration: 60ms
}
@media (any-hover:hover) {
.tv-button:hover {
transition-duration: 60ms
}
}
.tv-button svg {
vertical-align: middle
}
.tv-button--block {
display: block;
text-align: center;
width: 100%
}
.tv-button+.tv-button {
margin-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 {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
white-space: normal;
width: 100%;
word-wrap: break-word;
line-height: 1.2em;
margin: 11px 5px
}
.tv-button--default,
.tv-button--default_ghost,
a.tv-button--default:visited {
background-color: #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: #1f1f1f;
border-color: #1f1f1f
}
.tv-button--default.i-hover,
.tv-button--default_ghost.i-hover {
background-color: #ebebeb;
border-color: #ebebeb;
color: #fff
}
@media (any-hover:hover) {
.tv-button--default:hover,
.tv-button--default_ghost:hover {
background-color: #ebebeb;
border-color: #ebebeb;
color: #fff
}
}
html.theme-dark .tv-button--default.i-hover,
html.theme-dark .tv-button--default_ghost.i-hover {
background-color: #1f1f1f
}
@media (any-hover:hover) {
html.theme-dark .tv-button--default:hover,
html.theme-dark .tv-button--default_ghost:hover {
background-color: #1f1f1f
}
}
html.theme-dark .tv-button--default.i-hover,
html.theme-dark .tv-button--default_ghost.i-hover {
border-color: #1f1f1f
}
@media (any-hover:hover) {
html.theme-dark .tv-button--default:hover,
html.theme-dark .tv-button--default_ghost:hover {
border-color: #1f1f1f
}
}
.tv-button--default_ghost .tv-button__loader-item {
background-color: #ebebeb
}
html.theme-dark .tv-button--default_ghost .tv-button__loader-item {
background-color: #1f1f1f
}
.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 #b8b8b8;
color: #707070
}
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: #3d3d3d;
color: #8c8c8c
}
.tv-button--default.i-hover,
.tv-button--default_ghost.i-hover {
border-color: #b8b8b8;
color: #707070
}
@media (any-hover:hover) {
.tv-button--default:hover,
.tv-button--default_ghost:hover {
border-color: #b8b8b8;
color: #707070
}
}
html.theme-dark .tv-button--default.i-hover,
html.theme-dark .tv-button--default_ghost.i-hover {
border-color: #3d3d3d
}
@media (any-hover:hover) {
html.theme-dark .tv-button--default:hover,
html.theme-dark .tv-button--default_ghost:hover {
border-color: #3d3d3d
}
}
html.theme-dark .tv-button--default.i-hover,
html.theme-dark .tv-button--default_ghost.i-hover {
color: #8c8c8c
}
@media (any-hover:hover) {
html.theme-dark .tv-button--default:hover,
html.theme-dark .tv-button--default_ghost:hover {
color: #8c8c8c
}
}
.tv-button--default.i-active,
.tv-button--default:active,
.tv-button--default_ghost.i-active,
.tv-button--default_ghost:active {
border-color: #b8b8b8;
color: #707070
}
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: #3d3d3d;
color: #8c8c8c
}
.tv-button--primary,
.tv-button--primary_ghost,
a.tv-button--primary:visited {
background-color: #0f0f0f;
border-color: #0f0f0f;
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: #fff;
border-color: #fff;
color: #0f0f0f
}
.tv-button--primary_ghost {
color: #0f0f0f
}
html.theme-dark .tv-button--primary_ghost {
color: #fff
}
.tv-button--primary_ghost.i-checked {
background-color: #0f0f0f;
border-color: #0f0f0f;
color: #fff
}
html.theme-dark .tv-button--primary_ghost.i-checked {
background-color: #fff;
border-color: #fff;
color: #0f0f0f
}
.tv-button--primary.i-active,
.tv-button--primary:active,
.tv-button--primary_ghost.i-active,
.tv-button--primary_ghost:active {
background-color: #4a4a4a;
border-color: #4a4a4a;
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: #dbdbdb;
border-color: #dbdbdb;
color: #0f0f0f
}
.tv-button--primary.i-hover,
.tv-button--primary_ghost.i-hover {
background-color: #2e2e2e;
border-color: #2e2e2e;
color: #fff
}
@media (any-hover:hover) {
.tv-button--primary:hover,
.tv-button--primary_ghost:hover {
background-color: #2e2e2e;
border-color: #2e2e2e;
color: #fff
}
}
html.theme-dark .tv-button--primary.i-hover,
html.theme-dark .tv-button--primary_ghost.i-hover {
background-color: #f2f2f2
}
@media (any-hover:hover) {
html.theme-dark .tv-button--primary:hover,
html.theme-dark .tv-button--primary_ghost:hover {
background-color: #f2f2f2
}
}
html.theme-dark .tv-button--primary.i-hover,
html.theme-dark .tv-button--primary_ghost.i-hover {
border-color: #f2f2f2
}
@media (any-hover:hover) {
html.theme-dark .tv-button--primary:hover,
html.theme-dark .tv-button--primary_ghost:hover {
border-color: #f2f2f2
}
}
html.theme-dark .tv-button--primary.i-hover,
html.theme-dark .tv-button--primary_ghost.i-hover {
color: #0f0f0f
}
@media (any-hover:hover) {
html.theme-dark .tv-button--primary:hover,
html.theme-dark .tv-button--primary_ghost:hover {
color: #0f0f0f
}
}
.tv-button--primary_ghost .tv-button__loader-item {
background-color: #2e2e2e
}
html.theme-dark .tv-button--primary_ghost .tv-button__loader-item {
background-color: #f2f2f2
}
.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: #0f0f0f
}
@media (any-hover:hover) {
html.theme-dark .tv-button--primary_ghost:hover .tv-button__loader-item {
background-color: #0f0f0f
}
}
.tv-button--secondary,
.tv-button--secondary_ghost,
a.tv-button--secondary:visited {
background-color: #f2f2f2;
border-color: #f2f2f2;
color: grey
}
.tv-button--secondary_ghost {
color: grey
}
.tv-button--secondary_ghost.i-checked {
background-color: #f2f2f2;
border-color: #f2f2f2;
color: grey
}
.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: grey;
transform: translateY(1px)
}
.tv-button--secondary.i-hover,
.tv-button--secondary_ghost.i-hover {
background-color: #e1e7f5;
border-color: #e1e7f5;
color: grey
}
@media (any-hover:hover) {
.tv-button--secondary:hover,
.tv-button--secondary_ghost:hover {
background-color: #e1e7f5;
border-color: #e1e7f5;
color: grey
}
}
.tv-button--secondary_ghost .tv-button__loader-item {
background-color: #e1e7f5
}
.tv-button--secondary_ghost.i-hover .tv-button__loader-item {
background-color: grey
}
@media (any-hover:hover) {
.tv-button--secondary_ghost:hover .tv-button__loader-item {
background-color: grey
}
}
.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 {
color: #2962ff;
fill: #2962ff
}
html.theme-dark .tv-button--link {
fill: #5b9cf6;
color: #5b9cf6
}
.tv-button--link:visited {
color: #2962ff;
fill: #2962ff
}
html.theme-dark .tv-button--link:visited {
fill: #5b9cf6;
color: #5b9cf6
}
@media (any-hover:hover) {
.tv-button--link:hover {
color: #1e53e5;
fill: #1e53e5
}
html.theme-dark .tv-button--link:hover {
fill: #3179f5;
color: #3179f5
}
}
.tv-button--link:active {
color: #1848cc;
fill: #1848cc
}
html.theme-dark .tv-button--link:active {
fill: #2962ff;
color: #2962ff
}
.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: #1f1f1f
}
}
.tv-button.i-disabled,
.tv-button.i-disabled:active,
.tv-button:disabled,
.tv-button:disabled:active {
background-color: #ebebeb;
border-color: #ebebeb;
color: #b8b8b8;
cursor: default
}
@media (any-hover:hover) {
.tv-button.i-disabled:hover,
.tv-button:disabled:hover {
background-color: #ebebeb;
border-color: #ebebeb;
color: #b8b8b8;
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: #3d3d3d
}
@media (any-hover:hover) {
html.theme-dark .tv-button.i-disabled:hover,
html.theme-dark .tv-button:disabled:hover {
background-color: #3d3d3d
}
}
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: #3d3d3d
}
@media (any-hover:hover) {
html.theme-dark .tv-button.i-disabled:hover,
html.theme-dark .tv-button:disabled:hover {
border-color: #3d3d3d
}
}
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: #575757
}
@media (any-hover:hover) {
html.theme-dark .tv-button.i-disabled:hover,
html.theme-dark .tv-button:disabled:hover {
color: #575757
}
}
.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: #0f0f0f
}
html.theme-dark .tv-button--state.tv-button--primary {
background-color: #0000;
color: #fff
}
.tv-button--state.tv-button--primary.i-checked {
background-color: #4a4a4a;
color: #fff
}
html.theme-dark .tv-button--state.tv-button--primary.i-checked {
background-color: #dbdbdb;
color: #0f0f0f
}
@media (any-hover:hover) {
.tv-button--state.tv-button--primary:hover {
background-color: #2e2e2e;
color: #fff
}
html.theme-dark .tv-button--state.tv-button--primary:hover {
background-color: #f2f2f2;
color: #0f0f0f
}
}
.tv-button--state.tv-button--primary:active {
background-color: #4a4a4a;
color: #fff
}
html.theme-dark .tv-button--state.tv-button--primary:active {
background-color: #dbdbdb;
color: #0f0f0f
}
.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: grey
}
.tv-button--state.tv-button--secondary.i-checked {
background-color: #f2f2f2;
color: grey
}
@media (any-hover:hover) {
.tv-button--state.tv-button--secondary:hover {
background-color: #e1e7f5;
color: grey
}
}
.tv-button--state.tv-button--secondary:active {
background-color: #d1dbf0;
color: grey
}
.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
}
html.theme-dark .tv-button__loader-item {
background-color: #0f0f0f
}
.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: grey
}
.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: #f9f9f9
}
html.theme-dark .tv-content__highlight-background {
background: #0f0f0f
}
.tv-control-checkbox {
-webkit-tap-highlight-color: transparent
}
.tv-control-checkbox--in-actions {
max-width: 50%
}
@media (max-width:479px) {
.tv-control-checkbox--in-actions {
max-width: none
}
}
.tv-control-checkbox,
.tv-control-checkbox__label {
display: inline-block;
position: relative;
-webkit-user-select: none;
user-select: none;
vertical-align: middle
}
.tv-control-checkbox--nowrap,
.tv-control-checkbox__label--nowrap {
white-space: nowrap
}
.tv-control-checkbox__input {
height: 18px;
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: 1px solid #2e2e2e;
border-radius: 3px;
box-sizing: border-box;
left: 0;
top: 0;
transition: border-color .35s ease
}
html.theme-dark .tv-control-checkbox__box:after {
border-color: #f2f2f2
}
.tv-control-checkbox__box svg {
display: block;
height: 12px;
left: 50%;
margin-left: -6px;
margin-top: -6px;
position: absolute;
top: 50%;
width: 12px;
stroke: #0000;
transform: scale(0);
transition: stroke .35s ease 1ms, transform .35s ease 1ms
}
.tv-control-checkbox__label {
margin-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: #4a4a4a;
will-change: border-color
}
html.theme-dark .tv-control-checkbox:hover .tv-control-checkbox__box:after {
border-color: #dbdbdb
}
}
.tv-control-checkbox:active .tv-control-checkbox__box:after,
.tv-control-checkbox__input:focus+.tv-control-checkbox__box:after {
border-color: #707070
}
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: #8c8c8c
}
.tv-control-checkbox__input:checked+.tv-control-checkbox__box {
background-color: #2e2e2e
}
html.theme-dark .tv-control-checkbox__input:checked+.tv-control-checkbox__box {
background-color: #f2f2f2
}
.tv-control-checkbox__input:checked+.tv-control-checkbox__box,
.tv-control-checkbox__input:checked+.tv-control-checkbox__box:after,
.tv-control-checkbox__input:checked+.tv-control-checkbox__box:before {
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
.tv-control-checkbox__input:checked+.tv-control-checkbox__box:before {
border-radius: 50%;
transform: scale(0)
}
.tv-control-checkbox__input:checked+.tv-control-checkbox__box:after {
border-color: #2e2e2e
}
html.theme-dark .tv-control-checkbox__input:checked+.tv-control-checkbox__box:after {
border-color: #f2f2f2
}
.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
}
html.theme-dark .tv-control-checkbox__input:checked+.tv-control-checkbox__box svg {
stroke: #2e2e2e
}
@media (any-hover:hover) {
.tv-control-checkbox:hover .tv-control-checkbox__input:checked+.tv-control-checkbox__box {
background-color: #4a4a4a
}
html.theme-dark .tv-control-checkbox:hover .tv-control-checkbox__input:checked+.tv-control-checkbox__box {
background-color: #dbdbdb
}
.tv-control-checkbox:hover .tv-control-checkbox__input:checked+.tv-control-checkbox__box:after {
border-color: #4a4a4a
}
html.theme-dark .tv-control-checkbox:hover .tv-control-checkbox__input:checked+.tv-control-checkbox__box:after {
border-color: #dbdbdb
}
}
.tv-control-checkbox:active .tv-control-checkbox__input:checked+.tv-control-checkbox__box,
.tv-control-checkbox__input:focus-visible:checked+.tv-control-checkbox__box {
background-color: #707070
}
html.theme-dark .tv-control-checkbox:active .tv-control-checkbox__input:checked+.tv-control-checkbox__box,
html.theme-dark .tv-control-checkbox__input:focus-visible:checked+.tv-control-checkbox__box {
background-color: #8c8c8c
}
.tv-control-checkbox:active .tv-control-checkbox__input:checked+.tv-control-checkbox__box:after,
.tv-control-checkbox__input:focus-visible:checked+.tv-control-checkbox__box:after {
border-color: #707070
}
html.theme-dark .tv-control-checkbox:active .tv-control-checkbox__input:checked+.tv-control-checkbox__box:after,
html.theme-dark .tv-control-checkbox__input:focus-visible:checked+.tv-control-checkbox__box:after {
border-color: #8c8c8c
}
.tv-control-checkbox__input[disabled]+.tv-control-checkbox__box {
opacity: .5
}
.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_xsmall {
margin-bottom: 10px
}
.tv-control-fieldset--first {
margin-top: 12px
}
.tv-control-fieldset:last-child {
margin-bottom: 0
}
@media (max-width:767px) {
.tv-control-fieldset {
margin-bottom: 20px
}
}
.tv-control-fieldset__group {
display: flex;
justify-content: space-between
}
.tv-control-fieldset__label,
.tv-control-fieldset__value {
box-sizing: border-box;
display: block;
float: 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 (max-width:479px) {
.tv-control-fieldset__label,
.tv-control-fieldset__value {
float: none
}
}
.tv-control-fieldset__label {
clear: left;
color: #707070;
font-size: 13px;
padding: 10px 20px 0 0;
width: 30%
}
html.theme-dark .tv-control-fieldset__label {
color: #8c8c8c
}
.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: #1f1f1f
}
html.theme-dark .tv-control-fieldset__label--color_dark {
color: #f9f9f9
}
.tv-control-fieldset__label--width_small {
width: 26%
}
@media (max-width:479px) {
.tv-control-fieldset__label--width_small {
width: auto
}
}
.tv-control-fieldset__label--size_small {
padding-top: 4px
}
@media (max-width:479px) {
.tv-control-fieldset__label {
padding: 0 0 10px;
width: auto
}
}
.tv-control-fieldset__label-icon {
display: inline-block;
font-size: 12px;
height: 12px;
line-height: 1;
vertical-align: super
}
.tv-control-fieldset__label-icon svg {
height: 100%;
width: auto
}
.tv-control-fieldset__value {
width: 70%
}
.tv-control-fieldset__value--vertical {
width: auto
}
.tv-control-fieldset__value--width_big {
width: 74%
}
@media (max-width:479px) {
.tv-control-fieldset__value,
.tv-control-fieldset__value--width_big {
width: auto
}
}
.tv-control-fieldset__text {
margin-bottom: 12px
}
.tv-control-fieldset__text:last-of-type {
margin-bottom: 0
}
.tv-control-fieldset--block .tv-control-fieldset__label,
.tv-control-fieldset--block .tv-control-fieldset__value {
float: none;
padding: 0;
width: auto
}
.tv-control-fieldset--block .tv-control-fieldset__label {
margin-bottom: 10px
}
.tv-control-fieldset__value-control {
display: block
}
.tv-control-fieldset__value-control.link {
color: #2962ff;
fill: #2962ff
}
html.theme-dark .tv-control-fieldset__value-control.link {
fill: #5b9cf6;
color: #5b9cf6
}
.tv-control-fieldset__value-control.link:visited {
color: #2962ff;
fill: #2962ff
}
html.theme-dark .tv-control-fieldset__value-control.link:visited {
fill: #5b9cf6;
color: #5b9cf6
}
@media (any-hover:hover) {
.tv-control-fieldset__value-control.link:hover {
color: #1e53e5;
fill: #1e53e5
}
html.theme-dark .tv-control-fieldset__value-control.link:hover {
fill: #3179f5;
color: #3179f5
}
}
.tv-control-fieldset__value-control.link:active {
color: #1848cc;
fill: #1848cc
}
html.theme-dark .tv-control-fieldset__value-control.link:active {
fill: #2962ff;
color: #2962ff
}
.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: #4a4a4a;
display: block;
font-size: 13px;
line-height: 1.4;
margin-bottom: 10px;
margin-top: 10px
}
html.theme-dark .tv-control-fieldset__hint {
color: #dbdbdb
}
.tv-control-fieldset__hint .link {
color: #2962ff;
fill: #2962ff
}
html.theme-dark .tv-control-fieldset__hint .link {
fill: #5b9cf6;
color: #5b9cf6
}
.tv-control-fieldset__hint .link:visited {
color: #2962ff;
fill: #2962ff
}
html.theme-dark .tv-control-fieldset__hint .link:visited {
fill: #5b9cf6;
color: #5b9cf6
}
@media (any-hover:hover) {
.tv-control-fieldset__hint .link:hover {
color: #1e53e5;
fill: #1e53e5
}
html.theme-dark .tv-control-fieldset__hint .link:hover {
fill: #3179f5;
color: #3179f5
}
}
.tv-control-fieldset__hint .link:active {
color: #1848cc;
fill: #1848cc
}
html.theme-dark .tv-control-fieldset__hint .link:active {
fill: #2962ff;
color: #2962ff
}
.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: #707070
}
html.theme-dark .tv-control-fieldset .tv-control-input[readonly] {
color: #8c8c8c
}
.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: #707070
}
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: #8c8c8c
}
.tv-control-input {
background-color: #fff;
border: 1px solid #ebebeb;
border-radius: 2px;
box-sizing: border-box;
color: #4a4a4a;
display: block;
font-size: 13px;
height: 34px;
padding: 0 12px;
width: 100%;
-webkit-tap-highlight-color: transparent;
-webkit-appearance: none;
appearance: none;
transition: border-color .35s ease, background-color .35s ease
}
html.theme-dark .tv-control-input {
background-color: #000;
border-color: #3d3d3d;
color: #dbdbdb
}
.tv-control-input::placeholder {
color: #a8a8a8;
opacity: 1
}
html.theme-dark .tv-control-input::placeholder {
color: #575757
}
.tv-control-input:-webkit-autofill {
-webkit-text-fill-color: #575757 !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: #c9c9c9;
transition-duration: 60ms
}
html.theme-dark .tv-control-input:hover {
border-color: #575757
}
}
.tv-control-input:focus {
border-color: #2962ff !important;
transition-duration: 60ms
}
.tv-control-input[readonly] {
border-color: #ebebeb;
color: #8c8c8c
}
.tv-control-input[readonly]:focus {
border-color: #ebebeb !important
}
@media (any-hover:hover) {
.tv-control-input[readonly]:hover {
border-color: #ebebeb !important
}
}
html.theme-dark .tv-control-input[readonly]:focus {
border-color: #2e2e2e !important
}
@media (any-hover:hover) {
html.theme-dark .tv-control-input[readonly]:hover {
border-color: #2e2e2e !important
}
}
.tv-control-input.i-disabled,
.tv-control-input[disabled] {
border-color: #ebebeb !important;
color: #ebebeb !important
}
html.theme-dark .tv-control-input.i-disabled,
html.theme-dark .tv-control-input[disabled] {
border-color: #2e2e2e !important;
color: #2e2e2e !important
}
.tv-control-input.i-disabled::placeholder,
.tv-control-input[disabled]::placeholder {
color: #ebebeb !important
}
html.theme-dark .tv-control-input.i-disabled::placeholder,
html.theme-dark .tv-control-input[disabled]::placeholder {
color: #2e2e2e !important
}
@media (any-hover:hover) {
.tv-control-input.i-disabled:hover,
.tv-control-input[disabled]:hover {
border-color: #ebebeb !important
}
html.theme-dark .tv-control-input.i-disabled:hover,
html.theme-dark .tv-control-input[disabled]:hover {
border-color: #2e2e2e !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 (max-width:1019px) {
.tv-feed {
margin: 0 0 48px
}
}
@media (max-width:767px) {
.tv-feed {
margin: 0
}
}
.tv-feed--no-vertical-margin {
margin-bottom: 0;
margin-top: 0
}
.tv-feed.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 (max-width:1019px) {
.tv-feed__column {
width: 100%
}
}
.tv-feed__empty {
clear: both;
color: #707070;
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: #8c8c8c
}
.tv-feed__icon {
color: #9c9c9c;
padding: 13px
}
html.theme-dark .tv-feed__icon {
color: #9c9c9c
}
.tv-feed__item-list {
display: flex;
flex-wrap: wrap;
padding-top: 1px
}
@media (min-width:1020px) {
.tv-feed__item-list--scrollable-on-tablet {
flex-wrap: wrap !important
}
}
@media (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--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 (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 #ebebeb;
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 #3d3d3d
}
.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 (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 (max-width:767px) {
.tv-feed__item--media-hidden_phone {
display: none
}
}
.tv-feed__item--filler {
display: none
}
@media (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 (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 (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
}
}
.tv-feed__section-title {
align-items: center;
display: flex;
justify-content: space-between
}
@media (max-width:1019px) {
.tv-feed__section-title {
align-items: baseline;
margin-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 (min-width:1020px) {
.tv-feed__page--notifications {
margin-left: 10px;
margin-right: 10px
}
}
.tv-feed__page--no-vindent {
margin-top: -48px
}
@media (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 #ebebeb;
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 #3d3d3d
}
.tv-feed__locale-links-wrap-text {
color: #0f0f0f;
word-spacing: normal
}
html.theme-dark .tv-feed__locale-links-wrap-text {
color: #dbdbdb
}
.tv-feed .tv-feed__locale-link {
border: 0;
border-radius: 15px;
box-sizing: initial;
cursor: pointer;
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: #9c9c9c;
vertical-align: middle
}
html.theme-dark .tv-feed__locale-link-count {
color: #9c9c9c
}
.tv-feed__anchor {
float: left;
height: 0;
overflow: hidden
}
@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 (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: #9c9c9c;
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: grey
}
.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: #8c8c8c;
transition-duration: 60ms
}
html.theme-dark a.tv-load-more__gap:hover,
html.theme-dark a.tv-load-more__page:hover {
background-color: #2e2e2e;
color: #b8b8b8
}
}
.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 (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 {
background-color: #fff;
border: none;
border-radius: 6px;
box-shadow: 0 0 0 1px #ebebeb;
color: #0f0f0f;
cursor: pointer;
display: inline-block;
font-size: 16px;
line-height: 24px;
overflow: hidden;
padding: 8px 16px;
position: relative;
fill: #0f0f0f
}
html.theme-dark .tv-load-more__btn {
fill: #dbdbdb;
background-color: #000;
box-shadow: 0 0 0 1px #3d3d3d;
color: #dbdbdb
}
.tv-load-more__btn:visited {
color: #0f0f0f;
fill: #0f0f0f
}
html.theme-dark .tv-load-more__btn:visited {
fill: #dbdbdb;
color: #dbdbdb
}
@media (any-hover:hover) {
.tv-load-more__btn:hover {
color: #0f0f0f;
fill: #0f0f0f
}
html.theme-dark .tv-load-more__btn:hover {
fill: #dbdbdb;
color: #dbdbdb
}
}
.tv-load-more__btn:active {
color: #0f0f0f;
fill: #0f0f0f
}
html.theme-dark .tv-load-more__btn:active {
fill: #dbdbdb;
color: #dbdbdb
}
.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: #f2f2f2
}
@media (any-hover:hover) {
.tv-load-more__btn:hover {
background-color: #f2f2f2
}
}
html.theme-dark .tv-load-more__btn:active {
background-color: #2e2e2e
}
@media (any-hover:hover) {
html.theme-dark .tv-load-more__btn:hover {
background-color: #2e2e2e
}
}
.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: #b8b8b8;
height: 15px;
max-width: 100%
}
html.theme-dark .tv-load-more__arrow svg {
fill: #575757
}
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 (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),
.tv-feed:not(.tv-feed--no-hindent) .tv-load-more--feed.tv-load-more:not(.tv-load-more--sticky) {
margin-left: 0;
margin-right: 0
}
}
.tv-search-highlight {
color: #f57f17
}
.tv-tag-label {
background-color: #f2f2f2;
color: #707070;
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: #2e2e2e;
color: #707070
}
.tv-tag-label.i-hover {
background-color: #ebebeb;
color: #707070;
transition-duration: 60ms
}
@media (any-hover:hover) {
.tv-tag-label:hover {
background-color: #ebebeb;
color: #707070;
transition-duration: 60ms
}
}
html.theme-dark .tv-tag-label.i-hover {
color: #707070
}
@media (any-hover:hover) {
html.theme-dark .tv-tag-label:hover {
color: #707070
}
}
html.theme-dark .tv-tag-label.i-hover {
background-color: #3d3d3d
}
@media (any-hover:hover) {
html.theme-dark .tv-tag-label:hover {
background-color: #3d3d3d
}
}
.tv-tag-label.i-active,
.tv-tag-label:active {
background-color: #dbdbdb;
color: #707070;
transform: translateY(1px);
transition-duration: 60ms
}
html.theme-dark .tv-tag-label.i-active,
html.theme-dark .tv-tag-label:active {
background-color: #3d3d3d;
color: #707070
}
.tv-tag-label:visited,
html.theme-dark .tv-tag-label:visited {
color: #707070
}
.tv-tag-label--rounded {
border-radius: 24px;
padding-left: 12px;
padding-right: 12px
}
.tv-tag-label.tv-tag-label--secondary {
background-color: #b8b8b8;
color: #f9f9f9
}
.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: #b8b8b8;
color: #f9f9f9;
transition-duration: 60ms
}
@media (any-hover:hover) {
.tv-tag-label.tv-tag-label--secondary:hover {
background-color: #b8b8b8;
color: #f9f9f9;
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 (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 (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 (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 (max-width:767px) {
.tv-card-container__column-row--pagination {
margin: 0 10px 56px
}
}
@media (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 (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__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
}
.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 (min-width:1020px) {
.i-device-only {
display: none !important
}
}
@media (max-width:1019px) {
.i-desktop-only {
display: none !important
}
}
@media not all and (max-width:479px) {
.i-phones-only {
display: none !important
}
}
@media (max-width:479px) {
.i-except-phones-only {
display: none !important
}
}
.i-no-break {
white-space: nowrap
}