.x-tabs--normal{display:flex;box-sizing:border-box;border-bottom:1px solid var(--color-grey-4);padding-bottom:1px}.x-tabs--normal .x-tabs__item{box-sizing:border-box;color:var(--color-grey-7);cursor:pointer;font-size:13px;font-weight:500;height:24px;line-height:24px;list-style:none;padding:0 20px;transition:.15s ease-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.x-tabs--normal .x-tabs__item:first-of-type{padding-left:unset}.x-tabs--normal .x-tabs__item:hover .x-tabs__content{color:var(--color-blue-6)}.x-tabs--normal .x-tabs__item.is-active .x-tabs__content{color:var(--color-blue-6);border-bottom:2px solid var(--color-blue-6)}.x-tabs--normal .x-tabs__item .x-tabs__content .x-tabs__badge{background-color:var(--color-grey-3);border-radius:var(--border-radius-4);color:var(--color-grey-8);font-weight:400!important;height:18px;line-height:18px;padding:0 4px;margin-left:4px}.x-tabs--cap{display:inline-block;position:relative;vertical-align:middle}.x-tabs--cap .x-tabs__item{--x-tabs-cap-height:32px;--x-tabs-cap-line-height:30px;--x-tabs-cap-padding:0 12px;border:var(--border-base);box-sizing:border-box;color:var(--color-grey-7);cursor:pointer;float:left;font-size:12px;list-style:none;margin-left:-1px;position:relative;transition:all .2s linear;height:var(--x-tabs-cap-height);line-height:var(--x-tabs-cap-line-height);padding:var(--x-tabs-cap-padding)}.x-tabs--cap .x-tabs__item:first-of-type{border-bottom-left-radius:var(--border-radius-2);border-top-left-radius:var(--border-radius-2)}.x-tabs--cap .x-tabs__item:last-of-type{border-bottom-right-radius:var(--border-radius-2);border-top-right-radius:var(--border-radius-2)}.x-tabs--cap .x-tabs__item:hover{background-color:var(--color-blue-1);border:1px solid var(--color-blue-6);border-radius:var(--border-radius-2);color:var(--color-blue-5);z-index:2}.x-tabs--cap .x-tabs__item.is-active{background-color:var(--color-blue-1);border:1px solid var(--color-blue-6);border-radius:var(--border-radius-2);color:var(--color-blue-5);z-index:2}.x-tabs--cap .x-tabs__item.is-mini{--x-tabs-cap-height:26px;--x-tabs-cap-line-height:24px;--x-tabs-cap-padding:0 16px}.x-tabs--vertical{--x-tabs-vertical-width:160px}.x-tabs--vertical .x-tabs__item{box-sizing:border-box;cursor:pointer;font-size:14px;font-weight:500;height:40px;line-height:40px;list-style:none;padding-left:20px;width:var(--x-tabs-vertical-width);transition:transform .3s cubic-bezier(.645,.045,.355,1)}.x-tabs--vertical .x-tabs__item:hover{background-color:var(--color-blue-1);color:var(--color-blue-6);font-weight:600}.x-tabs--vertical .x-tabs__item.is-active{background-color:var(--color-blue-1);border-right:4px solid var(--color-blue-6);color:var(--color-blue-6);font-weight:600}.x-tabs--card .x-tabs__item{width:220px;height:56px;display:flex;align-items:center;padding:10px 12px;font-size:var(--x-font-size-base,12);box-sizing:border-box;cursor:pointer}.x-tabs--card .x-tabs__item .x-tabs__card-image{width:50px;height:32px;margin-right:16px}.x-tabs--card .x-tabs__item.is-active{background-color:var(--color-blue-1)}.x-tabs--card .x-tabs__item.is-active .x-tabs__card-right>p:first-of-type{color:var(--color-blue-5)}.x-tabs--card .x-tabs__item:hover{background-color:var(--color-blue-1)}.x-tabs--card .x-tabs__item:hover .x-tabs__card-right>p:first-of-type{color:var(--color-blue-5)}