@keyframes activate-tab-9baa47c9{0%{background-color:#0000000d}40%{background-color:#0000000d}to{background-color:transparent}}.tab-item[data-v-9baa47c9]{flex-grow:1;text-align:center;padding:1em 0 .75em;border-radius:4px;font-weight:400}.tab-item[data-v-9baa47c9]:not(.dynamic){min-width:80px}.tab-item *[data-v-9baa47c9]{color:var(--tml-text-color)}.tab-item .icon[data-v-9baa47c9]{font-size:1.4rem;margin-bottom:.5rem;line-height:1}.tab-item .icon .svg-icon[data-v-9baa47c9],.tab-item .icon .svg-icon>*[data-v-9baa47c9]{height:1em}.tab-item.active[data-v-9baa47c9]{font-weight:600;animation:activate-tab-9baa47c9 .6s ease-out 1}.tab-item.active *[data-v-9baa47c9]{color:var(--tml-primary-color)}.tab-item.active .svg-icon[data-v-9baa47c9]{opacity:1}.tab-item.disabled *[data-v-9baa47c9]{color:#767676}.tab-item.inline[data-v-9baa47c9]{display:flex;align-items:center;justify-content:center}.tab-item.inline .icon[data-v-9baa47c9]{margin-right:.5em;margin-bottom:0}.tab-item .svg-icon svg{height:1em}.tab-item .svg-icon svg path{stroke:#767676}.tab-item.active svg path{stroke:#86b302}.pro .tab-item.active svg path{stroke:#0aadff}