.tabbed-resources {
    margin-bottom: 121px;
}
/*
.tabbed-resources--light{}
.tabbed-resources--color{}
.tabbed-resources--dark{}
.tabbed-resources--circular-light{} */

.tabbed-resources--title {
    font-size: 32px;
    margin-bottom: 80px;
    font-weight: 500;
}

.tabbed-resources--subtitle {
    font-size: 32px;
    margin-bottom: 20px;
}
.tabbed-resources--introduction {
    font-size: 20px;
}
.tabbed-resources--resources {
    padding: 80px 0 40px;
    gap: 39px;
}
.tabbed-resources--resource,
.tabbed-resources--resources .card {
    grid-column: span 12;
}
@media(min-width: 480px) {
    .tabbed-resources--resource,
    .tabbed-resources--resources .card {
        grid-column: span 6;
    }
}
@media(min-width: 860px) {
    .tabbed-resources--resource,
    .tabbed-resources--resources .card {
        grid-column: span 4;
    }
}
@media(min-width: 992px) {
    .tabbed-resources--resource,
    .tabbed-resources--resources .card {
        grid-column: span 3;
    }
}
.tabbed-resources .card__date::before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 1px;
    width: 10px;
    height: 12px;
    background-color: var(--circular-shift-bright-green);
    clip-path: path('M10 6L0 0.5V11.5L10 6Z');
}



.react-tabs__tab-list {
    border-bottom-color: var(--circular-shift-light-blue);
    margin-bottom: 20px;
}
.react-tabs__tab {
    border: none;
    border-bottom: 3px solid transparent;
    line-height: 33px;
    padding: 0 15px 15px 0;
    margin-right: 2rem;
}
.react-tabs__tab:focus::after {
    display: none;
}
.react-tabs__tab--selected {
    font-weight: bold;
    color: inherit;
    border-bottom-color: currentcolor;
}