/**
content: tabs
*/
.container--tabs {
    --tabs--animation-speed: 100;
    --tabs--slide-ease: cubic-bezier(0.75, 0, 0.07, 1);
    --tabs--slide-duration: calc(500ms * 100 / var(--tabs--animation-speed));
    --tabs--slide-delay: calc(250ms * 100 / var(--tabs--animation-speed));
    --tabs--content-transform-width: -5px;

    .header--list--tab {

        .header--list--tab-item {
            &.active {
            }

            .item-header--tab {
                color: #e4003a;
                background: none;
                border: none;
                font-size: 15px;
                padding: 0;

                &.no-value {
                }
            }
        }
    }

    .tab-content {
        display: block;

        .content-item--tab {
            transition-timing-function: var(--tabs--slide-ease);
            transition-duration: 500ms, 200ms, var(--tabs--slide-duration);
            transition-property: opacity, transform;
            transition-delay: 0ms, 100ms, var(--tabs--slide-delay);
            transform: translate(0, 0);

            &.active {
                position: relative;
                z-index: 100;
            }

            &:not(.active) {
                opacity: 0;
                width: 100%;
                position: absolute;
                top: 0;
                left: 0;
                z-index: -1;
                transition-duration: 0ms, 200ms, var(--tabs--slide-duration);
            }
        }
    }

    &.horizontal {
        .header--list--tab {
            display: flex;
            flex-wrap: wrap;

            &::before,
            &::after {
                content: "";
                clear: both;
                display: block;
                height: 0;
                visibility: hidden;
            }
        }

        .tab-content {
            .content-item--tab {
                &.active {
                }

                &:not(.active) {
                    transform: translate(0, var(--tabs--content-transform-width));
                }
            }
        }
    }
}


/** eof */