.ttabs{--ttab-size:50px;--ttab-open:170px;--ttab-spring:cubic-bezier(.34,1.46,.44,1);display:flex;align-items:center;gap:10px;margin:0;padding:0;list-style:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ttabs::-webkit-scrollbar{display:none}.ttabs__item{flex:none}.ttabs__btn{position:relative;display:flex;align-items:center;justify-content:flex-start;height:var(--ttab-size);width:var(--ttab-size);padding:0 0 0 13px;border:0;border-radius:14px;background:var(--ttab-bg,#1f2937);color:#fff;cursor:pointer;overflow:hidden;text-decoration:none;font:600 15px/1 inherit;transition:width .42s var(--ttab-spring),background-color .2s ease,box-shadow .2s ease}.ttabs__btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.ttabs__btn svg{width:23px;height:23px;flex:none;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;animation:ttabs-unblur .25s ease-out both}.ttabs__label{margin-left:11px;white-space:nowrap;opacity:0;transform:scaleX(.8);transform-origin:left center;transition:opacity .25s ease-out .04s,transform .25s ease-out .04s}.ttabs__inner{display:flex;align-items:center;height:var(--ttab-size)}.ttabs__item.is-active .ttabs__btn{width:var(--ttab-open)}.ttabs__item.is-active .ttabs__label{opacity:1;transform:scaleX(1)}.ttabs__btn[aria-current]{width:var(--ttab-open)}.ttabs__btn[aria-current] .ttabs__label{opacity:1;transform:scaleX(1)}@media(hover:hover){.ttabs__item:not(.is-active) .ttabs__btn:hover{width:var(--ttab-open)}.ttabs__item:not(.is-active) .ttabs__btn:hover .ttabs__label{opacity:1;transform:scaleX(1)}}@media(max-width:539px){.ttabs{--ttab-size:46px;--ttab-open:46px}.ttabs__label{display:none}.ttabs__btn{padding-left:11px}}@keyframes ttabs-unblur{0%{filter:blur(9px);opacity:.4}to{filter:blur(0);opacity:1}}@media(prefers-reduced-motion:reduce){.ttabs__btn,.ttabs__label{transition:none!important}.ttabs__btn svg{animation:none}}.ttabs--light .ttabs__btn{background:var(--ttab-bg,#f3f4f6);color:#111418;border:1px solid rgba(17,17,17,.08)}.ttabs--light .ttabs__item.is-active .ttabs__btn,.ttabs--light .ttabs__btn[aria-current]{background:#111418;color:#fff;border-color:#111418}
/*# sourceMappingURL=/cdn/shop/t/48/assets/tron-tabs.css.map */