.container { .iconBack { width: 36px; height: 36px; } :global { .n-tabs-tab-pad { width: 80px !important; } .n-tabs-nav { padding: 0 20px 0; .n-tabs-nav-scroll-wrapper { padding: 25px 0 30px; } } .n-tabs-tab { color: #8B8D98; font-size: max(22px, 14Px); padding-top: 12px; padding-bottom: 6px; line-height: 22px; &.n-tabs-tab--active { font-weight: 600 !important; color: #131415 !important; } } .n-tabs-tab__label { z-index: 10; } .n-tabs-bar { height: 10px; background: linear-gradient(90deg, #77BBFF 0%, rgba(163, 231, 255, 0.22) 100%); z-index: 0; bottom: 2px; } .n-tab-pane { padding-top: 0 !important; } } &> :global(.n-space) { // height: 36px; flex-shrink: 0; } .separator { width: 9px; height: 15px; margin: 0 16px; } } .wrap { flex: 1; transition: padding 0.3s; } .listWrap { padding: 0; background-color: #fff; border-radius: 20px; &.listWrapEmpty { display: flex; flex-direction: column; justify-content: center; } :global { .n-tabs-tab-pad { width: 80px !important; } .n-tabs-nav { padding: 0px 20px 0; } .n-tabs-tab { color: #8B8D98; font-size: max(22px, 14Px); padding-top: 0; padding-bottom: 6px; line-height: 22px; &.n-tabs-tab--active { font-weight: 600 !important; color: #131415 !important; } } .n-tabs-tab__label { z-index: 10; } .n-tabs-bar { height: 10px; background: linear-gradient(90deg, #77BBFF 0%, rgba(163, 231, 255, 0.22) 100%); z-index: 0; bottom: 2px; } .n-tab-pane { padding: 0 !important; } .n-pagination { margin-top: 36px !important; } } } .btnGroup { padding: 20px 0; :global { .n-button { height: 47px; min-width: 156px; } } }