/* Merged component bundle: card + divider + shadows + icon-tile + navigation */

/* Source: card.css */
.card{

background:var(--bg-surface);

border:1px solid var(--border-default);

border-radius:12px;

padding:24px;

}
.sentiment-card{
padding:16px;
border-radius:var(--radius-8);
border:1px solid var(--neutral-grey-border);
background:var(--bg-muted-lite);
}

.sentiment-bullish{
border-color:var(--color-success-primary);
background:var(--bg-success-soft);
}

.sentiment-bearish{
border-color:var(--color-error-primary);
background:var(--bg-error-soft);
}

.sentiment-neutral{
	border-color:var(--neutral-grey-border);
	background:var(--bg-muted-lite);
}

.cp-home-market-sentiment-card__meta-values{
    min-width:0;
}

.cp-home-market-sentiment-card--placeholder{
    pointer-events:none;
}

.cp-home-market-sentiment-skeleton{
    display:inline-block;
    border-radius:8px;
    background:linear-gradient(90deg, var(--cp-legacy-text-alpha-08) 25%, var(--cp-legacy-text-alpha-14) 50%, var(--cp-legacy-text-alpha-08) 75%);
    background-size:200% 100%;
    animation:cpMarketSentimentShimmer 1.35s linear infinite;
    margin-bottom: 4px;
}

.cp-home-market-sentiment-skeleton--percent{
    width:56px;
    height:22px;
}

.cp-home-market-sentiment-skeleton--price{
    width:82px;
    height:16px;
}

.cp-home-market-sentiment-skeleton--coin{
    width:120px;
    height:16px;
}

.cp-home-market-sentiment-skeleton--status{
    width:74px;
    height:16px;
}

.cp-home-market-sentiment-skeleton--icon{
    width:20px;
    height:20px;
    border-radius:999px;
}

@keyframes cpMarketSentimentShimmer{
    0%{
        background-position:-200% 0;
    }
    100%{
        background-position:200% 0;
    }
}





@media (max-width: 767px){
    .cp-home-market-sentiment-grid{
        gap:8px;
    }
    .cp-home-market-sentiment-card__icon img {
    width: 12px;
}
.cp-home-market-sentiment-grid > a:nth-last-child(-n+2),
.cp-home-market-sentiment-grid > .cp-home-market-sentiment-card--placeholder:nth-last-child(-n+2) {
  display: none;
}
    .cp-home-market-sentiment-card{
        grid-template-columns:minmax(0, 1fr) auto;
        grid-template-areas:
            "metrics status"
            "coin status";
        column-gap:12px;
        row-gap:4px;
        align-items:center;
        padding:12px;
    }

    .cp-home-market-sentiment-card__meta-row{
        grid-area:metrics;
        margin:0;
    }

    .cp-home-market-sentiment-card__meta-values{
        gap:8px;
    }

    .cp-home-market-sentiment-card__coin{
        grid-area:coin;
        margin:0;
    }

    .cp-home-market-sentiment-card__status-row{
        grid-area:status;
        justify-content:flex-end;
        align-items:center;
        gap:10px;
        height:100%;
        margin:0;
    }

    .cp-home-market-sentiment-card__status{
        white-space:nowrap;
    }

    .cp-home-market-sentiment-card__icon{
        flex:0 0 auto;
    }


}

/* Source: divider.css */
.divider-h-1 {
    width: 100%;
    height: 1px;
    background: var(--border-default);
}

.divider-h-2 {
    width: 100%;
    height: 2px;
    background: var(--border-default);
}

.divider-v-1 {
    width: 1px;
    height: 100%;
    background: var(--border-default);
}

.divider-v-2 {
    width: 2px;
    height: 100%;
    background: var(--border-default);

}

.divider-label {
    display: flex;
    align-items: center;
    width: 100%;
    color: var(--text-muted);
    font-size: 14px;
    font-weight: 500;
    gap: 12px;

}

.divider-label::before,
.divider-label::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--border-default);
}

/* Source: shadows.css */
.shadow-neutral{

background:var(--bg-surface);

border:1px solid var(--border-default);

box-shadow:
0 8px 10px -6px var(--shadow-neutral-color),
0 20px 25px -5px var(--shadow-neutral-color);

}
.shadow-subtle {
    background: var(--bg-surface);
    box-shadow: 0px 8px 20px 0px #f5f5f5, 0px 20px 20px 0px #fff;
}
.dark-skin .shadow-subtle {
    background: var(--bg-page);
    box-shadow: none;
}

.shadow-primary{

background:var(--bg-surface);

border:1px solid var(--color-shadow-brand-border);

box-shadow:
0 8px 10px -6px var(--shadow-primary-color),
0 20px 25px -5px var(--shadow-primary-color);

}

.shadow-success{

background:var(--bg-surface);

border:1px solid var(--color-shadow-success-border);

box-shadow:
0 8px 10px -6px var(--shadow-success-color),
0 20px 25px -5px var(--shadow-success-color);

}

.shadow-error{

background:var(--bg-surface);

border:1px solid var(--color-shadow-error-border);

box-shadow:
0 8px 10px -6px var(--shadow-error-color),
0 20px 25px -5px var(--shadow-error-color);

}

.shadow-warning{

background:var(--bg-surface);

border:1px solid var(--color-shadow-warning-border);

box-shadow:
0 8px 10px -6px var(--shadow-warning-color),
0 20px 25px -5px var(--shadow-warning-color);

}

.shadow-info{

background:var(--bg-surface);

border:1px solid var(--color-shadow-info-border);

box-shadow:
0 8px 10px -6px var(--shadow-info-color),
0 20px 25px -5px var(--shadow-info-color);

}

/* Source: icon-tile.css */
/* grid */

.icon-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(120px,1fr));

gap:var(--space-24);

}

/* tile */

.icon-tile{

text-align:center;

}

/* link */

.icon-tile a{

display:flex;

flex-direction:column;

align-items:center;

gap:var(--space-12);

color:var(--text-primary);

}

/* icon */

.icon-tile__icon{

width:54px;
height:54px;

display:flex;
align-items:center;
justify-content:center;

background:var(--color-brand-primary);

border-radius:var(--radius-8);

}

/* image */

.icon-tile__icon img{

width:28px;
height:28px;

}

/* title */

.icon-tile__title{

font-size:14px;
font-weight:600;

}

/* Source: navigation.css */
.categories-common-tabs {
    border-bottom: 2px solid var(--neutral-grey-border);
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    overflow-x: auto;
    padding: 8px 0 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.categories-common-tabs::-webkit-scrollbar {
    display: none;
}

.categories-common-tabs li {
    color: var(--text-secondary);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--Font-Size-type-size-label);
    font-weight: var(--Font-Weight-type-weight-medium-500);
    line-height: var(--Line-Height-type-lh-label);
    padding: 8px 12px;
    white-space: nowrap;
}

.categories-common-tabs li a {
    align-items: center;
    color: inherit;
    display: inline-flex;
    text-decoration: none;
}

.categories-common-tabs li.active {
    border-bottom: 2px solid var(--color-brand-primary);
}

.categories-common-tabs li.active a {
    color: var(--color-brand-primary);
    font-weight: var(--Font-Weight-type-weight-bold-700);
}



#breadcrumb.cp-page-breadcrumb {
    margin: 0 0 50px;
    padding: 0;
}

#breadcrumb.cp-page-breadcrumb a:hover {
    text-decoration: underline;
}

#breadcrumb.cp-page-breadcrumb .delimiter {
    flex: 0 0 auto;
}

@media (max-width: 767px) {
    .cp-page-tabs {
        margin-bottom: 16px;
    }

    .cp-page-tabs li {
        padding-left: 10px;
        padding-right: 10px;
    }

    #breadcrumb.cp-page-breadcrumb {
        margin-bottom: 18px;
    }

    .page #breadcrumb.cp-page-breadcrumb .current,
    .single-post #breadcrumb.cp-page-breadcrumb .current {
        display: -webkit-box;
    }

    .page #breadcrumb.cp-page-breadcrumb em:last-of-type,
    .single-post #breadcrumb.cp-page-breadcrumb em:last-of-type {
        display: inline-flex;
    }
}