.kaotik-mode-tabs{--kaotik-mode-tabs-overlap: 10px;--kaotik-mode-tabs-count: 2;--kaotik-mode-tabs-index: 0;position:relative;z-index:4;display:flex;justify-content:center;width:min(100%,306px);min-height:40px;padding:0;border:0;border-radius:22px;background:transparent;box-shadow:none;overflow:visible}.kaotik-mode-tabs__surface.kaotik-glass-frame{--kaotik-glass-frame-radius: 22px;position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;box-sizing:border-box;pointer-events:none}.kaotik-mode-tabs:before{content:"";position:absolute;z-index:1;top:0;left:0;width:calc(100% / var(--kaotik-mode-tabs-count) + var(--kaotik-mode-tabs-overlap));height:100%;box-sizing:border-box;border:0;outline:var(--kaotik-glass-selected-outline);outline-offset:0;border-radius:22px;background:var(--kaotik-glass-selected-background);box-shadow:var(--kaotik-glass-selected-shadow);pointer-events:none;transform:translate(calc(var(--kaotik-mode-tabs-index) * (100% - 2 * var(--kaotik-mode-tabs-overlap))));transition:transform .26s cubic-bezier(.22,1,.36,1)}.kaotik-mode-tabs.is-details{--kaotik-mode-tabs-index: 1}.kaotik-mode-tabs.is-single-mode:before{left:50%;transform:translate(-50%)}.kaotik-mode-tabs__button{position:relative;z-index:2;display:inline-flex;flex:0 0 calc(100% / var(--kaotik-mode-tabs-count));align-items:center;justify-content:center;min-width:0;height:40px;padding:0 22px;border:1px solid transparent;border-radius:22px;background:transparent;box-shadow:none;color:var(--kaotik-mode-tabs-text, #333);cursor:pointer;font-family:"Plus Jakarta Sans",var(--font-button, var(--font-base, sans-serif));font-size:12px;font-weight:500;line-height:1;letter-spacing:0;text-align:center;text-decoration:none;white-space:nowrap;text-transform:uppercase;transition:color .18s ease,font-weight .18s ease}.kaotik-mode-tabs.is-single-mode .kaotik-mode-tabs__button{flex-basis:100%}.kaotik-mode-tabs__button:is(:hover,:focus,:active){background:transparent;color:var(--kaotik-mode-tabs-text, #333);box-shadow:none}.kaotik-mode-tabs__button:focus-visible{outline:2px solid rgb(0 255 255 / 78%);outline-offset:-2px}.kaotik-mode-tabs__button:is(.is-active,[aria-pressed=true],[aria-current=page]){color:#fff;font-weight:700}@media(max-width:749px){.kaotik-mode-tabs{--kaotik-mode-tabs-overlap: 1px;min-height:32px}.kaotik-mode-tabs__button{height:32px;padding:0 12px;font-size:12px;line-height:14px}}@media(prefers-reduced-motion:reduce){.kaotik-mode-tabs:before,.kaotik-mode-tabs__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/kaotik-mode-tabs.css.map */