.content-tabs
{
    scrollbar-width: none;
}
.content-tabs::-webkit-scrollbar
{
    display: none;
    -ms-overflow-style: none;
}
.content-tabs
{
    align-items: center;
    display: flex;
}
@keyframes skeleton-loading
{
    to
    {
        background-position: 100% 0,0 0,0 40px,0 80px,0 120px,0 160px;
    }
}
:root
{
    --radius-0: 4px;
    --radius-0-5: 6px;
    --radius-1: 8px;
    --radius-5: 10px;
    --radius-2: 12px;
    --radius-3: 16px;
    --radius-4: 20px;
    --radius-6: 24px;
}
.content-tabs
{
    grid-column-gap: 1.5rem;
    overflow-x: auto;
    width: 100%;
}
.content-tabs__item
{
    color: var(--color,var(--content-secondary));
    cursor: var(--cursor,pointer);
    font-size: var(--font-size,1rem);
    font-weight: var(--font-weight,500);
    letter-spacing: var(--letter-spacing,0);
    line-height: var(--line-height,1.5);
    padding-bottom: .625rem;
    position: relative;
    text-transform: capitalize;
    transition: color .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
}
.content-tabs__item:after
{
    background: var(--brand-primary);
    border-radius: .0625rem;
    bottom: 0;
    content: "";
    display: block;
    height: .125rem;
    left: var(--left,51%);
    position: absolute;
    right: var(--right,51%);
    transition: all .2s ease-in-out;
}
.content-tabs__item.is-selected
{
    --color: var(--brand-primary);
    --border-color: var(--brand-primary);
    --left: 0;
    --right: 0;
    --cursor: text;
}
@media(hover: hover)
{
    .content-tabs__item:hover
    {
        cursor: pointer;
        --color: var(--brand-primary);
    }
}