.fb-toggle-band__tabs{display:none}.fb-toggle-band{--fb-tb-columns: 4;--fb-tb-gap: 20px;--fb-tb-panel-gap: 96px;--fb-tb-toggle-gap: 16px;--fb-tb-stack-gap: 16px;--fb-tb-border-width: 1.5px;--fb-tb-radius: 6px;--fb-tb-height: 44px;--fb-tb-selected-surface: var(--fb-color-espresso);--fb-tb-selected-label: var(--fb-color-cream);--fb-tb-selected-border: var(--fb-color-espresso);--fb-tb-unselected-surface: var(--fb-color-white);--fb-tb-unselected-label: var(--fb-color-espresso);--fb-tb-unselected-border: var(--fb-color-parchment);--fb-tb-heading-color: var(--fb-color-espresso);--fb-tb-view-all-color: var(--fb-color-espresso);--fb-tb-focus-ring: var(--fb-color-azure)}.fb-toggle-band__inner{display:flex;flex-direction:column;gap:var(--fb-tb-panel-gap);width:100%}.fb-toggle-band__panel{display:grid;grid-template-columns:1fr auto;grid-template-areas:"heading viewall" "row     row";align-items:center;gap:var(--fb-tb-stack-gap) 16px}.fb-toggle-band__heading{grid-area:heading;margin:0;min-inline-size:0;color:var(--fb-tb-heading-color);font-family:var(--fb-font-heading);font-size:28px;font-weight:400;line-height:36px;text-transform:uppercase}.fb-toggle-band__row{grid-area:row;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--fb-tb-gap)}.fb-toggle-band__cell{display:flex;min-width:0}.fb-toggle-band__cell>*{width:100%}.fb-toggle-band__view-all{grid-area:viewall;justify-self:end;color:var(--fb-tb-view-all-color);font-family:var(--fb-font-body);font-size:12px;font-weight:700;line-height:16px;letter-spacing:var(--fb-letter-spacing-wide);text-transform:uppercase;text-decoration:underline;text-decoration-color:currentcolor;text-underline-offset:3px}.fb-toggle-band__view-all:focus-visible{outline:var(--fb-focus-ring-width) solid var(--fb-tb-focus-ring);outline-offset:var(--fb-focus-ring-offset)}@supports not selector(:focus-visible){.fb-toggle-band__view-all:focus{outline:var(--fb-focus-ring-width) solid var(--fb-tb-focus-ring);outline-offset:var(--fb-focus-ring-offset)}}.fb-toggle-band__tab{display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--fb-tb-height);padding-inline:12px;border:var(--fb-tb-border-width) solid var(--fb-tb-unselected-border);background-color:var(--fb-tb-unselected-surface);color:var(--fb-tb-unselected-label);font-family:var(--fb-font-body);font-size:12px;font-weight:600;line-height:16px;letter-spacing:var(--fb-letter-spacing-wide);text-transform:uppercase;cursor:pointer}.fb-toggle-band__tab:first-child{border-start-start-radius:var(--fb-tb-radius);border-end-start-radius:var(--fb-tb-radius)}.fb-toggle-band__tab:last-child{border-start-end-radius:var(--fb-tb-radius);border-end-end-radius:var(--fb-tb-radius);margin-inline-start:calc(var(--fb-tb-border-width) * -1)}.fb-toggle-band__inner[data-fb-active="1"] .fb-toggle-band__tab[data-fb-tab="1"],.fb-toggle-band__inner[data-fb-active="2"] .fb-toggle-band__tab[data-fb-tab="2"]{border-color:var(--fb-tb-selected-border);background-color:var(--fb-tb-selected-surface);color:var(--fb-tb-selected-label);position:relative;z-index:1}.fb-toggle-band__tab:focus-visible{outline:var(--fb-focus-ring-width) solid var(--fb-tb-focus-ring);outline-offset:var(--fb-focus-ring-offset);position:relative;z-index:2}@supports not selector(:focus-visible){.fb-toggle-band__tab:focus{outline:var(--fb-focus-ring-width) solid var(--fb-tb-focus-ring);outline-offset:var(--fb-focus-ring-offset);position:relative;z-index:2}}.fb-toggle-band__tabs{grid-template-columns:repeat(2,minmax(0,1fr))}@media screen and (max-width:749px){.fb-toggle-band .fb-toggle-band__tabs{display:grid}.fb-toggle-band__inner{gap:var(--fb-tb-toggle-gap)}.fb-toggle-band__inner[data-fb-toggle] .fb-toggle-band__heading{display:none}.fb-toggle-band__panel{grid-template-columns:1fr;grid-template-areas:"row" "viewall"}.fb-toggle-band__view-all{justify-self:center}.fb-toggle-band__inner[data-fb-toggle] .fb-toggle-band__panel{display:none}.fb-toggle-band__inner[data-fb-active="1"] .fb-toggle-band__panel[data-fb-panel="1"],.fb-toggle-band__inner[data-fb-active="2"] .fb-toggle-band__panel[data-fb-panel="2"]{display:grid}}@media screen and (min-width:750px){.fb-toggle-band__panel{gap:32px 16px}.fb-toggle-band__row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:990px){.fb-toggle-band__heading{font-size:36px;line-height:42px}.fb-toggle-band__view-all{font-size:14px;font-weight:600}.fb-toggle-band__row{grid-template-columns:repeat(var(--fb-tb-columns),minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/3558/assets/freebird-toggle-product-band.css.map */