.bf-tabs-section{position:relative;z-index:20}.bf-tabs{position:relative;display:block;background:var(--bf-tabs-bg, #0a0a0a);border-radius:0 0 var(--bf-tabs-radius-mobile, 18px) var(--bf-tabs-radius-mobile, 18px)}.bf-tabs__nav{position:relative}.bf-tabs__list{display:flex;gap:var(--bf-tabs-gap-mobile, 10px);margin:0;padding:0 0 8px;list-style:none;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.bf-tabs__list::-webkit-scrollbar{display:none}.bf-tabs__item{flex:0 0 var(--bf-tabs-item-width-mobile, 110px);min-width:0;scroll-snap-align:start}.bf-tabs__tab{display:flex;flex-direction:column;gap:4px;color:var(--bf-tabs-label-color, #fff);text-decoration:none}.bf-tabs__tab:hover{text-decoration:none}.bf-tabs__image{position:relative;display:block;height:var(--bf-tabs-image-height-mobile, 72px);overflow:hidden;border:3px solid transparent;border-radius:var(--border-4);background:var(--color-gray-200);background-clip:padding-box;transition:border-color .3s ease}.bf-tabs__image>*,.bf-tabs__image img{display:block;width:100%;height:100%}.bf-tabs__image img{object-fit:cover}.bf-tabs__image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bf-tabs-overlay, rgba(0, 0, 0, .2));pointer-events:none}.bf-tabs__tab:hover .bf-tabs__image,.bf-tabs__tab:focus-visible .bf-tabs__image{border-color:var(--bf-tabs-active-border, #fff);border-color:color-mix(in srgb,var(--bf-tabs-active-border, #fff) 60%,transparent)}.bf-tabs__tab.is-active .bf-tabs__image{border-color:var(--bf-tabs-active-border, #fff)}.bf-tabs__tab:focus-visible{outline:2px solid var(--bf-tabs-active-border, #fff);outline-offset:2px;border-radius:var(--border-4)}.bf-tabs__label{display:block;font-size:var(--text-13-size);font-weight:var(--weight-medium);line-height:var(--lh-120);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bf-tabs__next{position:absolute;top:calc(var(--bf-tabs-image-height-mobile, 72px) / 2);right:var(--page-padding, 16px);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:3px;border:0;border-radius:var(--border-4);background:var(--bf-tabs-next-bg, #fff);color:var(--bf-tabs-next-color, #141414);cursor:pointer;transform:translateY(-50%)}.bf-tabs__next svg,.bf-tabs__next img{width:13px;height:13px}.bf-tabs__next svg *{stroke:currentColor}.bf-tabs__progress{position:relative;height:3px;overflow:hidden;border-radius:2px;background:var(--bf-tabs-progress-track, #141414)}.bf-tabs__progress-thumb{position:absolute;top:0;bottom:0;left:calc(var(--bf-progress-x, 0) * (100% - var(--bf-progress-w, 1) * 100%));width:calc(var(--bf-progress-w, 1) * 100%);border-radius:2px;background:var(--bf-tabs-progress-thumb, #ededed)}.bf-tabs--no-overflow .bf-tabs__progress,.bf-tabs--no-overflow .bf-tabs__next,.bf-tabs--at-end .bf-tabs__next{display:none}.bf-compact{position:fixed;top:var(--bf-bar-height, 0px);left:0;right:0;z-index:29;background:var(--bf-tabs-bg, #0a0a0a);border-radius:0 0 var(--bf-tabs-radius-mobile, 18px) var(--bf-tabs-radius-mobile, 18px);box-shadow:0 8px 24px #00000059;opacity:0;visibility:hidden;transform:translate3d(0,-100%,0);will-change:transform,opacity;transition:transform .42s cubic-bezier(.32,.72,0,1),opacity .3s ease,visibility 0s linear .42s}.bf-compact.is-visible{opacity:1;visibility:visible;transform:translateZ(0);transition:transform .42s cubic-bezier(.32,.72,0,1),opacity .25s ease,visibility 0s}.bf-sticky-hidden .bf-compact.is-visible{opacity:0;transform:translate3d(0,-100%,0)}.bf-compact__inner{display:flex;align-items:center;gap:24px;padding-block:8px}.bf-compact__bar{display:flex;flex:0 0 auto;align-items:center}.bf-compact__bar[hidden]{display:none}.bf-compact__nav{flex:1 1 auto;min-width:0}.bf-compact__list{display:flex;gap:8px;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.bf-compact__list::-webkit-scrollbar{display:none}.bf-compact__item{flex:0 0 auto}.bf-compact__pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 14px;border-radius:var(--border-full);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bf-tabs-label-color, #fff) 30%,transparent);color:var(--bf-tabs-label-color, #fff);font-size:var(--text-13-size);font-weight:var(--weight-medium);line-height:var(--lh-120);letter-spacing:.02em;white-space:nowrap;text-decoration:none;transition:box-shadow .25s ease,background-color .25s ease}.bf-compact__pill:hover,.bf-compact__pill:focus-visible{box-shadow:inset 0 0 0 1px var(--bf-tabs-active-border, #fff);text-decoration:none}.bf-compact__pill.is-active{box-shadow:inset 0 0 0 1px var(--bf-tabs-active-border, #fff);background-color:color-mix(in srgb,var(--bf-tabs-active-border, #fff) 14%,transparent)}.bf-compact__pill:focus-visible{outline:2px solid var(--bf-tabs-active-border, #fff);outline-offset:2px}@media screen and (min-width:990px){.bf-tabs{border-radius:0 0 var(--bf-tabs-radius, 30px) var(--bf-tabs-radius, 30px)}.bf-tabs__list{display:grid;grid-template-columns:repeat(var(--bf-tabs-count, 5),minmax(0,1fr));gap:var(--bf-tabs-gap, 20px);padding-bottom:0;overflow:visible}.bf-tabs__item{flex:initial}.bf-tabs__image{height:auto;aspect-ratio:270 / var(--bf-tabs-image-height-num, 140);border-radius:var(--border-8)}.bf-tabs__label{font-size:var(--text-14-size);line-height:var(--lh-150);letter-spacing:0;text-align:center;white-space:normal}.bf-tabs__progress,.bf-tabs__next{display:none}.bf-compact{top:0;border-radius:0 0 var(--bf-tabs-radius, 30px) var(--bf-tabs-radius, 30px)}.bf-compact__inner{padding-block:10px}.bf-compact__list{justify-content:center;gap:10px;overflow:visible}.bf-compact__pill{min-height:36px;padding:8px 18px;font-size:var(--text-14-size);letter-spacing:0}}@media(prefers-reduced-motion:reduce){.bf-compact,.bf-compact.is-visible,.bf-compact__pill,.bf-tabs__image{transition-duration:.01ms!important}}.bf-to-top{position:fixed;right:16px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:27;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:var(--border-full, 9999px);background:var(--bf-filter-button-bg, #fff);color:var(--bf-filter-button-color, #141414);box-shadow:0 6px 18px #00000059;cursor:pointer;opacity:0;visibility:hidden;transform:translate3d(0,12px,0);transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s}.bf-to-top.is-visible{opacity:1;visibility:visible;transform:translateZ(0);transition:opacity .25s ease,transform .25s ease,visibility 0s}.bf-to-top .svg-wrapper{display:flex;width:16px;height:16px;transform:rotate(-90deg)}.bf-to-top svg{width:100%;height:100%}body:has(.mobile-facets__disclosure[open]) .bf-to-top{display:none}@media screen and (min-width:990px){.bf-to-top{right:32px;bottom:32px;width:52px;height:52px}.bf-to-top .svg-wrapper{width:18px;height:18px}.bf-to-top:hover{transform:translate3d(0,-2px,0)}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-bf-category-tabs.css.map */