.container-bw41dxHy {
    border-radius: var(--base-ticker-card-skeleton-container-border-radius, 8px);
    margin: var(--base-ticker-card-skeleton-container-margin, 0 -12px);
    padding: var(--base-ticker-card-skeleton-container-padding, 8px 12px);
    position: relative
}

@media (any-hover:hover) {
    .container-bw41dxHy:hover {
        background-color: #f2f2f2
    }
    html.theme-dark .container-bw41dxHy:hover {
        background-color: #2e2e2e
    }
}

.container-AidQjqrH {
    align-items: center;
    display: grid;
    flex-flow: row nowrap;
    gap: 4px 8px;
    grid-template-areas: "logo link price" "logo shortName change";
    grid-template-columns: 36px 1fr 1fr
}

.containerWithoutLogo-AidQjqrH {
    grid-template-areas: "link price" "shortName change";
    grid-template-columns: 1fr 1fr
}

.containerWithoutLogo-AidQjqrH .logo-AidQjqrH {
    display: none
}

.logo-AidQjqrH {
    background-color: #f2f2f2;
    border-radius: 50%;
    grid-area: logo;
    height: 36px;
    width: 36px
}

html.theme-dark .logo-AidQjqrH {
    background-color: #2e2e2e
}

.link-AidQjqrH {
    background-color: #f2f2f2;
    border-radius: 4px;
    color: #0f0f0f;
    height: 24px;
    width: 50%;
    fill: #0f0f0f;
    grid-area: link;
    position: unset !important
}

html.theme-dark .link-AidQjqrH {
    fill: #dbdbdb;
    background-color: #2e2e2e;
    color: #dbdbdb
}

.link-AidQjqrH:visited {
    color: #0f0f0f;
    fill: #0f0f0f
}

html.theme-dark .link-AidQjqrH:visited {
    fill: #dbdbdb;
    color: #dbdbdb
}

@media (any-hover:hover) {
    .link-AidQjqrH:hover {
        color: #0f0f0f;
        fill: #0f0f0f
    }
    html.theme-dark .link-AidQjqrH:hover {
        fill: #dbdbdb;
        color: #dbdbdb
    }
}

.link-AidQjqrH:active {
    color: #0f0f0f;
    fill: #0f0f0f
}

html.theme-dark .link-AidQjqrH:active {
    fill: #dbdbdb;
    color: #dbdbdb
}

.link-AidQjqrH:focus {
    outline: auto;
    outline-offset: 2px
}

.link-AidQjqrH:focus-visible {
    outline: auto;
    outline-offset: 2px
}

.link-AidQjqrH:focus:not(:focus-visible) {
    outline: none
}

.link-AidQjqrH {
    outline: none;
    overflow: visible;
    position: relative
}

.link-AidQjqrH:focus {
    outline: none
}

.link-AidQjqrH:focus-visible {
    outline: none
}

.link-AidQjqrH:after {
    border-style: solid;
    border-width: 2px;
    box-sizing: border-box;
    content: "";
    display: none;
    height: calc(100% + 10px);
    left: -5px;
    pointer-events: none;
    position: absolute;
    top: -5px;
    width: calc(100% + 10px);
    z-index: 1
}

.link-AidQjqrH:focus:after {
    display: block
}

.link-AidQjqrH:focus-visible:after {
    display: block
}

.link-AidQjqrH:focus:not(:focus-visible):after {
    display: none
}

.link-AidQjqrH:after,
html.theme-dark .link-AidQjqrH:after {
    border-color: #2962ff
}

.link-AidQjqrH:after {
    border-radius: 12px
}

.shortName-AidQjqrH {
    background-color: #f2f2f2;
    border-radius: 4px;
    grid-area: shortName;
    height: 24px;
    width: 30%
}

html.theme-dark .shortName-AidQjqrH {
    background-color: #2e2e2e
}

.price-AidQjqrH {
    background-color: #f2f2f2;
    border-radius: 4px;
    grid-area: price;
    height: 24px;
    margin-left: auto;
    width: 50%
}

html.theme-dark .price-AidQjqrH {
    background-color: #2e2e2e
}

.change-AidQjqrH {
    background-color: #f2f2f2;
    border-radius: 4px;
    grid-area: change;
    height: 24px;
    margin-left: auto;
    width: 30%
}

html.theme-dark .change-AidQjqrH {
    background-color: #2e2e2e
}

.container-awyzq2en {
    align-items: center;
    display: grid;
    flex-flow: row nowrap;
    gap: 4px 8px;
    grid-template-areas: "logo link price" "logo shortName change";
    grid-template-columns: 36px 1fr 1fr
}

@media (min-width:768px) {
    .container-awyzq2en {
        grid-template-areas: "logo link price change" "logo shortName price change";
        grid-template-columns: 36px 1fr 1fr 147px
    }
}

.containerWithoutLogo-awyzq2en {
    grid-template-areas: "link price" "shortName change";
    grid-template-columns: 1fr 1fr
}

.logo-awyzq2en {
    background-color: #f2f2f2;
    border-radius: 50%;
    grid-area: logo;
    height: 36px;
    width: 36px
}

html.theme-dark .logo-awyzq2en {
    background-color: #2e2e2e
}

.link-awyzq2en {
    background-color: #f2f2f2;
    border-radius: 4px;
    color: #0f0f0f;
    height: 24px;
    width: 50%;
    fill: #0f0f0f;
    grid-area: link;
    position: unset !important
}

html.theme-dark .link-awyzq2en {
    fill: #dbdbdb;
    background-color: #2e2e2e;
    color: #dbdbdb
}

.link-awyzq2en:visited {
    color: #0f0f0f;
    fill: #0f0f0f
}

html.theme-dark .link-awyzq2en:visited {
    fill: #dbdbdb;
    color: #dbdbdb
}

@media (any-hover:hover) {
    .link-awyzq2en:hover {
        color: #0f0f0f;
        fill: #0f0f0f
    }
    html.theme-dark .link-awyzq2en:hover {
        fill: #dbdbdb;
        color: #dbdbdb
    }
}

.link-awyzq2en:active {
    color: #0f0f0f;
    fill: #0f0f0f
}

html.theme-dark .link-awyzq2en:active {
    fill: #dbdbdb;
    color: #dbdbdb
}

.link-awyzq2en:focus {
    outline: auto;
    outline-offset: 2px
}

.link-awyzq2en:focus-visible {
    outline: auto;
    outline-offset: 2px
}

.link-awyzq2en:focus:not(:focus-visible) {
    outline: none
}

.link-awyzq2en {
    outline: none;
    overflow: visible;
    position: relative
}

.link-awyzq2en:focus {
    outline: none
}

.link-awyzq2en:focus-visible {
    outline: none
}

.link-awyzq2en:after {
    border-style: solid;
    border-width: 2px;
    box-sizing: border-box;
    content: "";
    display: none;
    height: calc(100% + 10px);
    left: -5px;
    pointer-events: none;
    position: absolute;
    top: -5px;
    width: calc(100% + 10px);
    z-index: 1
}

.link-awyzq2en:focus:after {
    display: block
}

.link-awyzq2en:focus-visible:after {
    display: block
}

.link-awyzq2en:focus:not(:focus-visible):after {
    display: none
}

.link-awyzq2en:after,
html.theme-dark .link-awyzq2en:after {
    border-color: #2962ff
}

.link-awyzq2en:after {
    border-radius: 12px
}

.shortName-awyzq2en {
    background-color: #f2f2f2;
    border-radius: 4px;
    grid-area: shortName;
    height: 24px;
    width: 30%
}

html.theme-dark .shortName-awyzq2en {
    background-color: #2e2e2e
}

.price-awyzq2en {
    background-color: #f2f2f2;
    border-radius: 4px;
    grid-area: price;
    height: 24px;
    margin-left: auto;
    width: 50%
}

html.theme-dark .price-awyzq2en {
    background-color: #2e2e2e
}

.change-awyzq2en {
    background-color: #f2f2f2;
    border-radius: 4px;
    grid-area: change;
    height: 24px;
    margin-left: auto;
    width: 50%
}

html.theme-dark .change-awyzq2en {
    background-color: #2e2e2e
}