.container-vJbfmS16 {
    border-color: var(--base-ticker-card-container-border-color, #fff);
    border-radius: var(--base-ticker-card-container-border-radius, 8px);
    border-style: solid;
    border-width: var(--base-ticker-card-container-border-width, 0);
    box-sizing: var(--base-ticker-card-container-box-sizing, unset);
    display: grid;
    font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif;
    font-feature-settings: "tnum" on, "lnum" on;
    font-style: normal;
    margin: var(--base-ticker-card-container-margin, 0 -12px);
    padding: var(--base-ticker-card-container-padding, 8px 12px);
    position: relative;
    width: var(--base-ticker-card-container-width, 100%);
    --ui-lib-typography-font-size: 16px;
    font-size: var(--ui-lib-typography-font-size);
    font-weight: 500;
    --ui-lib-typography-line-height: 24px;
    line-height: var(--ui-lib-typography-line-height)
}

html.theme-dark .container-vJbfmS16 {
    border-color: var(--base-ticker-card-container-border-color, #000)
}

@media (any-hover:hover) {
    .container-vJbfmS16:hover {
        background-color: #f2f2f2;
        border-color: var(--base-ticker-card-container-hover-border-color, #f2f2f2)
    }
    html.theme-dark .container-vJbfmS16:hover {
        background-color: #2e2e2e;
        border-color: var(--base-ticker-card-container-hover-border-color, #2e2e2e)
    }
    .container-vJbfmS16:hover .tickerCardShortName {
        background-color: #2962ff;
        color: #fff
    }
    html.theme-dark .container-vJbfmS16:hover .tickerCardShortName {
        background-color: #2962ff;
        color: #fff
    }
}

.container-vJbfmS16:active {
    background-color: #ebebeb;
    border-color: var(--base-ticker-card-container-active-border-color, #ebebeb)
}

html.theme-dark .container-vJbfmS16:active {
    background-color: #3d3d3d;
    border-color: var(--base-ticker-card-container-active-border-color, #3d3d3d)
}

@media (min-width:768px) {
    .container-vJbfmS16:active html.feature-touch:active,
    html.feature-mobiletouch .container-vJbfmS16:active:active {
        background-color: initial
    }
}

.container-vJbfmS16:active .tickerCardShortName {
    background-color: #2962ff;
    color: #fff
}

html.theme-dark .container-vJbfmS16:active .tickerCardShortName {
    background-color: #2962ff;
    color: #fff
}

@media (min-width:768px) {
    .containerSelected-vJbfmS16 {
        background-color: #f2f2f2
    }
    html.theme-dark .containerSelected-vJbfmS16 {
        background-color: #2e2e2e
    }
}

.containerWithBorder-vJbfmS16 {
    border: 1px solid #ebebeb
}

html.theme-dark .containerWithBorder-vJbfmS16 {
    border: 1px solid #4a4a4a
}

.tickerCardShortName {
    background-color: #f2f2f2;
    border-radius: 6px;
    box-sizing: border-box;
    color: #0f0f0f;
    font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif;
    font-feature-settings: "tnum" on, "lnum" on;
    padding: 4px 8px;
    --ui-lib-typography-line-height: 16px;
    line-height: var(--ui-lib-typography-line-height);
    --ui-lib-typography-font-size: 12px;
    font-size: var(--ui-lib-typography-font-size);
    font-style: normal;
    font-weight: 600
}

html.theme-dark .tickerCardShortName {
    background-color: #2e2e2e;
    color: #dbdbdb
}