.btl-category-browser{display:grid;grid-template-columns:88px minmax(0,1fr);flex:1;min-height:0;overflow:hidden;background:var(--btlh-bg,#FFFFFF);color:var(--btlh-fg,#292723);width:100%;font-size:13px;line-height:1.4}.btl-category-browser[hidden],.btl-category-browser [hidden]{display:none!important}.btl-category-browser__rail{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--btlh-bg,#FFFFFF);border-inline-end:1px solid var(--btlh-line,color-mix(in srgb,currentColor 10%,transparent));scrollbar-width:thin}.btl-category-browser__categories{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.btl-category-browser__tab{-webkit-appearance:none;appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:104px;width:100%;padding:12px 8px;border:0;background:transparent;color:inherit;font:inherit;font-size:12px;line-height:1.35;font-weight:500;text-align:center;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent}.btl-category-browser__tab[aria-current=true]{font-weight:700;color:var(--btlh-primary,var(--btlh-fg,#292723))}.btl-category-browser__tab[aria-current=true]:before{content:"";position:absolute;inset-inline-start:0;top:calc(50% - 16px);height:32px;width:4px;border-radius:0 4px 4px 0;background:var(--btlh-primary,var(--btlh-fg,#292723))}.btl-category-browser__tab[aria-current=true] .btl-category-browser__thumbnail{outline:1.5px solid var(--btlh-primary,var(--btlh-fg,#292723));outline-offset:2px}.btl-category-browser__thumbnail{display:block;width:56px;height:56px;overflow:hidden;background:color-mix(in srgb,currentColor 5%,var(--btlh-bg,#FFFFFF))}.btl-category-browser img,.btl-category-placeholder{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.btl-category-browser__panels{min-width:0;min-height:0;position:relative;overflow:hidden}.btl-category-browser__panel{height:100%;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;padding:24px 16px 32px;scroll-padding-block:24px;scrollbar-width:thin}.btl-category-browser__heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.btl-category-browser__heading h2{font:inherit;font-size:20px;line-height:1.3;font-weight:650;margin:0}.btl-category-browser a{color:inherit;text-decoration:none;background-image:none}.btl-category-browser__grid{display:grid;grid-template-columns:repeat(var(--btl-category-columns,3),minmax(0,1fr));gap:24px 12px;align-items:start}.btl-category-browser__panel>.btl-category-browser__grid:has(>.btl-category-browser__group){row-gap:32px}.btl-category-browser__group{grid-column:1/-1;margin-bottom:0;min-width:0}.btl-category-browser__group h3{display:flex;align-items:center;gap:12px;margin:0 0 16px;font:inherit;font-size:16px;line-height:1.4;font-weight:600}.btl-category-browser__group h3:after{content:"";height:1px;flex:1;background:var(--btlh-line,color-mix(in srgb,currentColor 10%,transparent))}.btl-category-tile{display:flex;flex-direction:column;gap:8px;align-items:center;min-width:0;min-height:44px;width:100%;text-align:center;line-height:1.4}.btl-category-tile__image{display:block;aspect-ratio:1;width:100%;overflow:hidden;background:color-mix(in srgb,currentColor 4%,var(--btlh-bg,#FFFFFF))}.btl-category-browser__browse,.btl-category-browser__empty{grid-column:1/-1;margin:0;min-height:44px}.btl-category-browser :focus-visible{outline:2px solid currentColor;outline-offset:3px}.btlh__mobile-page:has(>.btl-category-browser){display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;padding:0}@media(max-width:359px){.btl-category-browser__panel{padding-inline:12px}.btl-category-browser__grid{column-gap:8px}}@media(min-width:750px){.btl-category-browser{grid-template-columns:112px minmax(0,1fr)}.btl-category-browser__panel{padding:24px}.btl-category-browser__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}.btl-category-browser__thumbnail{width:64px;height:64px}.btl-category-browser__tab{font-size:13px;min-height:112px}}.btl-category-browser a:is(:hover,:active,:focus,.focus-visible),.btl-category-browser a:is(:hover,:active,:focus) span{text-decoration:none;background-image:none}.btl-category-tile__label{display:block;max-width:100%;font-size:12px;line-height:1.4;font-weight:500}@media(min-width:390px){.btl-category-tile__label{font-size:13px}}.btl-category-browser[data-wrap-labels=false] .btl-category-tile__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btl-category-browser__account{flex-shrink:0;min-height:104px;padding-bottom:max(12px,env(safe-area-inset-bottom));font-weight:500}.btl-category-browser__account .btl-category-browser__thumbnail{display:flex;align-items:center;justify-content:center}.btl-category-browser__account .btl-category-browser__thumbnail>svg{width:28px;height:28px;flex:none}.btl-category-browser__tab:focus-visible{outline-offset:-4px}.btl-category-browser[data-mobile-root]{--btl-rail-image-size:56px}.btl-category-browser[data-mobile-root] .btl-category-browser__heading h2{font-size:16px;font-weight:500;color:var(--btlh-muted,color-mix(in srgb,var(--btlh-fg,#292723) 70%,var(--btlh-bg,#FFFFFF)))}.btl-category-browser[data-mobile-root] .btl-category-browser__group h3{font-weight:500}.btl-category-browser[data-mobile-root] .btl-category-browser__grid{row-gap:var(--btl-mobile-row-gap,16px)}.btl-category-browser[data-mobile-root] .btl-category-browser__panel>.btl-category-browser__grid:has(>.btl-category-browser__group){row-gap:var(--btl-mobile-group-gap,24px)}.btl-category-browser[data-mobile-root] .btl-category-browser__tab{min-height:44px;justify-content:flex-start;padding-block:var(--btl-mobile-rail-pad,10px)}.btl-category-browser[data-mobile-root] .btl-category-browser__categories .btl-category-browser__tab>span:not(.btl-category-browser__thumbnail){font-size:inherit;font-weight:400!important;color:var(--btlh-muted,color-mix(in srgb,var(--btlh-fg,#292723) 70%,var(--btlh-bg,#FFFFFF)))}.btl-category-browser[data-mobile-root] .btl-category-browser__categories .btl-category-browser__tab[aria-current=true]>span:not(.btl-category-browser__thumbnail){font-size:calc(1em + 1px);font-weight:600!important;color:var(--btlh-primary,var(--btlh-fg,#292723))}.btl-category-browser[data-mobile-root] .btl-category-browser__thumbnail{flex:none}.btl-category-browser[data-mobile-root] .btl-category-browser__tab[aria-current=true]:before{top:calc(var(--btl-mobile-rail-pad,10px) + (var(--btl-rail-image-size) - 32px)/2)}.btl-category-browser[data-mobile-root] .btl-category-browser__account{padding-block-end:max(var(--btl-mobile-rail-pad,10px),env(safe-area-inset-bottom))}.btl-category-browser[data-wrap-labels=true] .btl-category-tile__label{white-space:normal;overflow-wrap:anywhere}@media(min-width:750px){.btl-category-browser[data-mobile-root]{--btl-rail-image-size:64px}}.btl-category-tile__image{outline:1px solid transparent;outline-offset:-1px;transition:outline-color .14s ease}.btl-category-tile:focus-visible{outline-color:var(--btlh-primary,currentColor);outline-offset:4px}.btl-category-browser__account{border-block-start:1px solid var(--btlh-line,color-mix(in srgb,currentColor 10%,transparent))}@media(hover:hover)and (pointer:fine){.btl-category-tile:hover .btl-category-tile__image{outline-color:color-mix(in srgb,var(--btlh-primary,currentColor) 35%,transparent)}}@media(prefers-reduced-motion:reduce){.btl-category-tile__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/btl-category-browser.css.map */