.sbs-tabs-bar{display:flex;align-items:center;justify-content:center;gap:4px;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:28px}.sbs-tabs-track{display:flex;align-items:center;flex:0 1 auto;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sbs-tabs-track::-webkit-scrollbar{display:none}.sbs-nav-btn{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid rgba(0,0,0,.2);border-radius:50%;background:#fff;cursor:pointer;color:#0009;padding:0;transition:color .15s ease,border-color .15s ease,opacity .2s ease}.sbs-nav-btn:hover:not(:disabled){color:#000;border-color:#00000080}.sbs-nav-btn:disabled{cursor:default}.sbs-tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;font-family:inherit;font-size:12px;font-weight:500;color:#00000080;background:transparent;border:none;border-bottom:2px solid transparent;padding:8px 12px 10px;margin-bottom:-1px;cursor:pointer;white-space:nowrap;transition:color .2s ease,border-color .2s ease,background .2s ease;line-height:1.3}.sbs-tab:hover{color:#000}.sbs-tab:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:3px}.sbs-tab-icon{font-size:13px;line-height:1}@media(max-width:767px){.sbs-tabs-bar{margin-bottom:20px}.sbs-tabs-bar--mob-underline .sbs-tab--active{color:#000;font-weight:700;border-bottom-color:#000}.sbs-tabs-bar--mob-pill{border-bottom:none}.sbs-tabs-bar--mob-pill .sbs-tabs-track{gap:6px;padding:4px 0}.sbs-tabs-bar--mob-pill .sbs-tab{border-bottom:none;margin-bottom:0;border-radius:999px;border:1px solid rgba(0,0,0,.15);color:#0009}.sbs-tabs-bar--mob-pill .sbs-tab:hover{border-color:#0006;color:#000}.sbs-tabs-bar--mob-pill .sbs-tab--active{background:var(--tab-active-bg, #000);color:var(--tab-active-cl, #fff);border-color:var(--tab-active-bg, #000);font-weight:600}.sbs-tabs-bar--mob-filled{border-bottom:none;background:#0000000a;padding:4px;border-radius:8px;gap:2px}.sbs-tabs-bar--mob-filled .sbs-tabs-track{gap:2px}.sbs-tabs-bar--mob-filled .sbs-tab{border-bottom:none;margin-bottom:0;border-radius:6px;color:#0000008c}.sbs-tabs-bar--mob-filled .sbs-tab:hover{background:#0000000f;color:#000}.sbs-tabs-bar--mob-filled .sbs-tab--active{background:var(--tab-active-bg, #000);color:var(--tab-active-cl, #fff);font-weight:600}.sbs-tabs-bar--mob-filled .sbs-nav-btn{background:transparent;border-color:transparent}}@media(min-width:768px){.sbs-nav-btn{width:34px;height:34px}.sbs-tab{font-size:var(--tab-fs-desk, 15px);padding:var(--tab-pv-desk, 12px) var(--tab-ph-desk, 24px) calc(var(--tab-pv-desk, 12px) + 2px)}.sbs-tabs-track{gap:var(--tab-gap-desk, 4px)}.sbs-tabs-bar--desk-underline .sbs-tab--active{color:#000;font-weight:700;border-bottom-color:#000}.sbs-tabs-bar--desk-pill{border-bottom:none}.sbs-tabs-bar--desk-pill .sbs-tabs-track{padding:4px 0}.sbs-tabs-bar--desk-pill .sbs-tab{border-bottom:none;margin-bottom:0;border-radius:999px;border:1px solid rgba(0,0,0,.15);color:#0009}.sbs-tabs-bar--desk-pill .sbs-tab:hover{border-color:#0006;color:#000}.sbs-tabs-bar--desk-pill .sbs-tab--active{background:var(--tab-active-bg, #000);color:var(--tab-active-cl, #fff);border-color:var(--tab-active-bg, #000);font-weight:600}.sbs-tabs-bar--desk-filled{border-bottom:none;background:#0000000a;padding:4px;border-radius:8px;gap:2px}.sbs-tabs-bar--desk-filled .sbs-tabs-track{gap:2px}.sbs-tabs-bar--desk-filled .sbs-tab{border-bottom:none;margin-bottom:0;border-radius:6px;color:#0000008c}.sbs-tabs-bar--desk-filled .sbs-tab:hover{background:#0000000f;color:#000}.sbs-tabs-bar--desk-filled .sbs-tab--active{background:var(--tab-active-bg, #000);color:var(--tab-active-cl, #fff);font-weight:600}.sbs-tabs-bar--desk-filled .sbs-nav-btn{background:transparent;border-color:transparent}}.sbs-panels-wrap{position:relative}.sbs-panel{display:none}.sbs-panel--active{display:block;animation:sbs-in .28s cubic-bezier(.22,1,.36,1) both}@keyframes sbs-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sbs-panel-desc{text-align:center;color:#0000008c;font-size:14px;margin:0 auto 20px;max-width:520px}.sbs-empty{padding:40px 20px;text-align:center;color:#00000061;font-size:13px;border:1px dashed rgba(0,0,0,.12);border-radius:6px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-shop-by-style.css.map */