.gree-example-child-tab-bar-0 .gree-tab-bar.custom-tab-bar{background-color:#212127}.gree-example-child-tab-bar-0 .gree-tab-bar.custom-tab-bar .gree-tab-bar-list .gree-tab-bar-item{color:#bcbcbd;font-size:19px;min-height:65px;flex:1}.gree-example-child-tab-bar-0 .gree-tab-bar.custom-tab-bar .gree-tab-bar-list .gree-tab-bar-item:not(.is-active):before{content:"";position:absolute;top:0;left:0;right:auto;bottom:auto;width:200%;height:200%;border-left:1px solid #36363c;box-sizing:border-box;transform-origin:0 0;transform:scale(.5);z-index:2}.gree-example-child-tab-bar-0 .gree-tab-bar.custom-tab-bar .gree-tab-bar-list .gree-tab-bar-item.is-active{color:#fff;background-color:#f1ae26}.gree-example-child-tab-bar-1 .gree-tab-bar .gree-tab-bar-ink{height:4px;border-radius:4px}.gree-example-child-tab-bar-3 .gree-tab-bar.gree-tab-bar--ghost{width:70%;margin:0 auto}.gree-example-child-tab-bar-3 .gree-tab-bar:last-child{width:50%}.gree-example-child-tab-bar-4 .gree-tab-bar.gree-tab-bar--card{width:85%;margin:0 auto}.gree-example-child-tab-bar-5 .gree-tab-bar{background:#333}.gree-example-child-tab-bar-5 .gree-tab-bar .gree-scroll-view{overflow:visible}.gree-example-child-tab-bar-5 .gree-tab-bar .gree-tab-bar-item{min-height:72px;background:#333;color:#fff!important;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.gree-example-child-tab-bar-5 .gree-tab-bar .gree-tab-bar-item .top-item{color:#fff;font-size:20px}.gree-example-child-tab-bar-5 .gree-tab-bar .gree-tab-bar-item.is-active{background:linear-gradient(-45deg,#df3348,#fb4056);position:relative}.gree-example-child-tab-bar-5 .gree-tab-bar .gree-tab-bar-item.is-active:after{content:"";height:0;width:0;position:absolute;left:50%;transform:translateX(-50%);bottom:-21px;border-top:12px solid #df3348;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid transparent;z-index:5}.gree-example-child-tab-bar-5 .gree-swiper-item{background:#fff}.gree-example-child-tab-bar-6 .toolbar.toolbar-bottom{height:calc(115px + env(safe-area-inset-bottom))}.gree-example-child-tab-bar-6 .toolbar.toolbar-bottom .gree-tab-bar{width:100%}.gree-example-child-tab-bar-6 .toolbar.toolbar-bottom .gree-tab-bar .gree-tab-bar-item.is-active .gree-grid-item__text{color:#77a7e0}