:host {
    display: block;
    margin-top: calc(var(--space-unit) * 2);
}

.tab-bar {
    display: flex;
}

.tab {
    padding: calc(var(--space-unit) * 1) calc(var(--space-unit) * 2);
    border-bottom: 1px solid var(--color-weight-300);
    margin-bottom: -1px;
    color: var(--color-weight-700);
    cursor: pointer;

    &.active {
        font-weight: 600;
        color: var(--color-primary-800);
        border-bottom-color: var(--color-primary-800);
    }
}
