@import '~antd/lib/tabs/style/index';

@import '../../themes/default/index';
@import '../../mixins/index';

.@{tab-prefix-cls} {
    &-ink-bar {
        bottom: 0;
    }
    &-nav-container {
        margin-bottom: 0;
    }
    &-nav-wrap {
        margin-bottom: 0 !important;
    }
    &:not(&-vertical) {
        > .@{tab-prefix-cls}-content {
          width: 100%;
          height: 100%;
            // v3.16.2 이후 tab content 쌓이는 버그 수정
            // > .@{tab-prefix-cls}-tabpane {
            //     flex-shrink: 0;
            //     width: 100%;
            //     height: 100%;
            //     transition: opacity .45s;
            //     opacity: 1;
            // }
        }
    }
    &-tab-prev {
        svg {
            display: none;
        }
        &-icon-target:after {
            font-family: "polestar";
            content: '\E073';
            font-size: @font-size-lg1;
        }
    }
    &-tab-next {
        svg {
            display: none;
        }
        &-icon-target:after {
            font-family: "polestar";
            content: '\E074';
            font-size: @font-size-lg1;
        }
    }
}

.@{ps-tabs-prefix-cls} {
    &-2depth-content {
        width: 100%;
        padding: 15px;
        min-height: 520px;
        overflow-y: auto;
        border: @border-width-base @border-style-base @border-color-split;
        border-radius: @border-radius-base;
        .@{tab-prefix-cls} {
            &-nav {
                .@{tab-prefix-cls}-tab {
                    margin: 0 5px 0 0;
                    padding: 3px 16px;
                    // color: @primary-4;
                }
            }
            &&-card > &-tab {
                color: green;
            }
        }
    }
}

@import './card-style';
@import "./button.less";
