[data-v-876d8e2a]:root{--testthemecolor:green}.tab-header[data-v-876d8e2a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}[dir] .material[data-v-876d8e2a]{padding:0 20px;margin-top:20px}.material .header-item[data-v-876d8e2a]{height:38px}[dir] .material .header-item[data-v-876d8e2a]{border-radius:19px;background-color:#f5f5f5;padding:0 19px;cursor:pointer;margin-bottom:10px}[dir=ltr] .material .header-item[data-v-876d8e2a]{margin-right:20px}[dir=rtl] .material .header-item[data-v-876d8e2a]{margin-left:20px}.material .header-item .dot[data-v-876d8e2a]{color:#6b6c7b;font-size:12px}[dir] .material .header-item .dot[data-v-876d8e2a]{background-color:#fff}[dir] .material .header-item.active[data-v-876d8e2a]{background-color:#4764d4}.material .header-item.active .text[data-v-876d8e2a]{color:#fff}.material .header-item.active .dot[data-v-876d8e2a]{color:#4764d4}[dir] .material .tab-content[data-v-876d8e2a]{padding-top:10px}@media screen and (max-width:768px){[dir] .material[data-v-876d8e2a]{padding:0 10px}.material .tab-header[data-v-876d8e2a]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.material .header-item[data-v-876d8e2a]{white-space:nowrap}[dir] .material .header-item[data-v-876d8e2a]{padding:0 8px}[dir=ltr] .material .header-item[data-v-876d8e2a]{margin-right:10px}[dir=rtl] .material .header-item[data-v-876d8e2a]{margin-left:10px}}[dir=ltr] .list-outer-material .card-item{margin:0 10px 10px 0}[dir=rtl] .list-outer-material .card-item{margin:0 0 10px 10px}.list-outer-material .card-item .add-card-item-inner{height:100%;font-size:12px}.list-outer-material .card-item .add-card-item-inner,.list-outer-material .card-item .add-card-item-inner .icon-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.list-outer-material .card-item .add-card-item-inner .icon-box{width:32px;height:32px;font-size:20px;font-weight:700;color:#fff}[dir] .list-outer-material .card-item .add-card-item-inner .icon-box{border-radius:16px;cursor:pointer}@media screen and (max-width:768px){.material .card-item,.material .card-item-new,.material .card-item-new.add-card-item{width:100%}}@media screen and (min-width:768px){.material .card-item{width:170px}[dir=ltr] .material .card-item{float:left}[dir=rtl] .material .card-item{float:right}.material .card-item-new{width:193px}.material .card-item-new.add-card-item{height:90px;width:193px}}