/* Topic Lab semantic-console responsive polish. */

@media (min-width: 760px) {
    .td-topic-lab__topic-lab-main-head {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .td-topic-lab__topic-lab-main-badge {
        justify-self: end;
    }
}

@media (max-width: 560px) {
    .td-topic-lab__topic-lab-axis-strip {
        flex-wrap: nowrap;
        margin-inline: -0.15rem;
        overflow-x: auto;
        padding-inline: 0.15rem;
        padding-bottom: 0.35rem;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .td-topic-lab__topic-lab-axis-strip::-webkit-scrollbar {
        display: none;
    }

    .td-topic-lab__topic-lab-axis-link {
        min-height: 2.35rem;
        padding: 0.48rem 0.62rem;
        scroll-snap-align: start;
    }

    .td-topic-lab__topic-lab-axis-icon {
        flex-basis: 30px;
        width: 30px;
        height: 30px;
    }

    .td-topic-lab__topic-lab-axis-label {
        max-width: 8.4rem;
        font-size: 0.8rem;
    }

    .td-topic-lab__topic-lab-entrypoint-links {
        flex-wrap: nowrap;
        margin-inline: -0.05rem;
        overflow-x: auto;
        padding-inline: 0.05rem;
        padding-bottom: 0.22rem;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .td-topic-lab__topic-lab-entrypoint-links::-webkit-scrollbar {
        display: none;
    }

    .td-topic-lab__topic-lab-entrypoint-link {
        flex: 0 0 auto;
        max-width: min(14rem, 76vw);
    }

    .td-topic-lab__topic-lab-main-head,
    .td-topic-lab__topic-lab-sidebar,
    .td-topic-lab__topic-lab-landing-header,
    .td-topic-lab__topic-lab-decision,
    .td-topic-lab__topic-lab-color-payload,
    .td-topic-lab__topic-lab-entrypoints,
    .td-topic-lab__topic-lab-detail {
        border-radius: 1rem;
    }

    .td-topic-lab__topic-lab-sidebar-state {
        grid-template-columns: 1fr;
    }

    .td-topic-lab--topic-lab .td-topic-lab__topic-lab-sidebar-item-summary {
        display: none;
    }
}

@media (max-width: 420px) {
    .td-topic-lab__topic-lab-axis-count {
        display: none;
    }

    .td-topic-lab__topic-lab-axis-label {
        max-width: 7rem;
    }

    .td-topic-lab__topic-lab-entrypoint-count {
        display: none;
    }
}