.f-tabs{display:flex;flex-direction:column;position:relative;overflow-x:hidden}.f-tabs__head{display:flex;justify-content:space-between;align-items:center;-moz-column-gap:13px;column-gap:13px}.f-tabs__head .f-tabs__prefix,.f-tabs__head .f-tabs__suffix{display:flex;padding:6px 12px;box-sizing:border-box}.f-tabs__head .f-tabs__navs{width:100%}.f-tabs__head .f-tabs__navs .f-tabs__nav-item{font-size:15px}.f-tabs__line .f-tabs__head .f-tabs__navs{display:flex;justify-content:var(--tabs-justify-content)}.f-tabs__line .f-tabs__head .f-tabs__navs .f-tabs__nav-item{cursor:pointer;padding:10px 7px;box-sizing:border-box;font-size:15px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.f-tabs__line .f-tabs__head .f-tabs__navs .f-tabs__nav-item.f-tabs__nav-active{color:#2d5af1;border-color:#2d5af1}.f-tabs__line.f-tabs__bottom .f-tabs__navs{-moz-column-gap:12px;column-gap:12px}.f-tabs__line.f-tabs__bottom .f-tabs__navs .f-tabs__nav-item{border-top:2px solid transparent}.f-tabs__line.f-tabs__top .f-tabs__navs{-moz-column-gap:12px;column-gap:12px}.f-tabs__line.f-tabs__top .f-tabs__navs .f-tabs__nav-item{border-bottom:2px solid transparent}.f-tabs__line.f-tabs__right .f-tabs__nav-item{border-left:2px solid transparent}.f-tabs__line.f-tabs__left .f-tabs__nav-item{border-right:2px solid transparent}.f-tabs__card .f-tabs__head .f-tabs__navs{display:flex;justify-content:var(--tabs-justify-content)}.f-tabs__card .f-tabs__head .f-tabs__navs .f-tabs__nav-item{padding:4px 12px;border:1px solid #ddd;cursor:pointer;display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#f5f7fa;color:#8e8ea0;border-bottom:none}.f-tabs__card .f-tabs__head .f-tabs__navs .f-tabs__nav-item.f-tabs__nav-active{color:#2d5af1;background-color:#fff}.f-tabs__card.f-tabs__right .f-tabs__nav-item{border-bottom-right-radius:8px;border-top-right-radius:8px}.f-tabs__card.f-tabs__left .f-tabs__nav-item{border-bottom-left-radius:8px;border-top-left-radius:8px}.f-tabs__card.f-tabs__top .f-tabs__nav-item{border-top-left-radius:8px;border-top-right-radius:8px}.f-tabs__card.f-tabs__bottom .f-tabs__nav-item{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.f-tabs__segment .f-tabs__head .f-tabs__navs{display:flex;justify-content:var(--tabs-justify-content);background:#f7f7f7;padding:4px;box-sizing:border-box}.f-tabs__segment .f-tabs__head .f-tabs__navs .f-tabs__nav-item{flex:1;padding:4px 12px;cursor:pointer;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;word-break:keep-all;color:#8e8ea0;box-sizing:border-box}.f-tabs__segment .f-tabs__head .f-tabs__navs .f-tabs__nav-item.f-tabs__nav-active{color:#2d5af1;background-color:#fff}.f-tabs__top{flex-direction:column}.f-tabs__top .f-tabs__head{border-bottom:1px solid #ddd;align-items:end}.f-tabs__bottom{flex-direction:column-reverse}.f-tabs__bottom .f-tabs__head{border-top:1px solid #ddd;align-items:start}.f-tabs__left{flex-direction:row}.f-tabs__left .f-tabs__head{flex-direction:column;border-right:1px solid #ddd}.f-tabs__left .f-tabs__head .f-tabs__prefix,.f-tabs__left .f-tabs__head .f-tabs__suffix{width:100%}.f-tabs__left .f-tabs__head .f-tabs__navs{flex-direction:column}.f-tabs__right{flex-direction:row-reverse}.f-tabs__right .f-tabs__head{flex-direction:column;border-left:1px solid #ddd}.f-tabs__right .f-tabs__head .f-tabs__prefix,.f-tabs__right .f-tabs__head .f-tabs__suffix{width:100%}.f-tabs__right .f-tabs__head .f-tabs__navs{flex-direction:column}.f-tabs__body{flex:1;box-sizing:border-box}