.bb-sbs{--bb-sbs-bg: var(--bb-cream);--bb-sbs-gap: 12px;--bb-sbs-ratio: 4 / 5;background-color:var(--bb-sbs-bg);padding-block:var(--bb-section-space)}.bb-sbs--bg-linen{--bb-sbs-bg: var(--bb-linen)}.bb-sbs--bg-white{--bb-sbs-bg: #ffffff}.bb-sbs--ratio-tall{--bb-sbs-ratio: 3 / 4}.bb-sbs--ratio-square{--bb-sbs-ratio: 1 / 1}.bb-sbs__inner{box-sizing:border-box;max-width:calc(var(--bb-container) + var(--bb-gutter) * 2);margin-inline:auto;padding-inline:var(--bb-gutter)}.bb-sbs__head{margin-bottom:24px}.bb-sbs--align-center .bb-sbs__head{text-align:center}.bb-sbs__eyebrow{margin:0 0 8px;font-family:var(--bb-font-body);font-size:calc(var(--bb-fs-micro) - 1px);font-weight:500;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;color:var(--bb-fig)}.bb-sbs__heading{margin:0;font-family:var(--bb-font-heading);font-size:var(--bb-fs-section);font-style:italic;font-weight:400;line-height:1.1;letter-spacing:-.015em;text-transform:none;color:var(--bb-fig)}.bb-sbs__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px var(--bb-sbs-gap);margin:0;padding:0;list-style:none}.bb-sbs__item{min-width:0}.bb-sbs__card{display:block;text-decoration:none;color:inherit}.bb-sbs__media{position:relative;display:block;overflow:hidden;aspect-ratio:var(--bb-sbs-ratio);border-radius:var(--bb-radius-card);background-color:var(--bb-linen)}.bb-sbs__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.bb-sbs__placeholder{fill:rgb(var(--bb-fig-rgb) / .2)}.bb-sbs__title{display:inline-block;margin-top:12px;font-family:var(--bb-font-heading);font-size:calc(var(--bb-fs-editorial) - 4px);font-style:italic;font-weight:400;line-height:1.2;color:var(--bb-moss-text);text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:4px;transition:text-decoration-color .25s ease}a.bb-sbs__card:hover .bb-sbs__img{transform:scale(1.03)}a.bb-sbs__card:hover .bb-sbs__title{text-decoration-color:currentColor}a.bb-sbs__card:focus-visible{outline:none}a.bb-sbs__card:focus-visible .bb-sbs__media{outline:2px solid var(--bb-fig);outline-offset:3px}.bb-sbs__empty{padding:40px 20px;border:1px dashed rgb(var(--bb-fig-rgb) / .3);border-radius:var(--bb-radius-card);font-family:var(--bb-font-body);text-align:center;color:var(--bb-fig)}.bb-sbs__footer{display:flex;justify-content:center;margin-top:32px}.bb-sbs--align-left .bb-sbs__footer{justify-content:flex-start}.bb-sbs__btn--orange{--bb-btn-bg: var(--bb-orange-btn);--bb-btn-fg: #ffffff}.bb-sbs__btn--fig{--bb-btn-bg: var(--bb-fig);--bb-btn-fg: var(--bb-cream)}@media screen and (max-width:767px){.bb-sbs--mobile-swipe .bb-sbs__list{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:62%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--bb-gutter);scrollbar-width:none;margin-inline:calc(var(--bb-gutter) * -1);padding-inline:var(--bb-gutter)}.bb-sbs--mobile-swipe .bb-sbs__list::-webkit-scrollbar{display:none}.bb-sbs--mobile-swipe .bb-sbs__item{scroll-snap-align:start}}@media screen and (min-width:768px){.bb-sbs{--bb-sbs-gap: 16px}.bb-sbs__head{margin-bottom:32px}.bb-sbs__list{grid-template-columns:repeat(3,minmax(0,1fr))}.bb-sbs__title{font-size:calc(var(--bb-fs-editorial) - 5px)}.bb-sbs__footer{margin-top:40px}}@media screen and (min-width:1024px){.bb-sbs__list{grid-template-columns:repeat(var(--bb-sbs-cols),minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.bb-sbs__img,.bb-sbs__title{transition:none}a.bb-sbs__card:hover .bb-sbs__img{transform:none}}bb-carousel{display:block}.bb-sbs__carousel{position:relative}@media screen and (max-width:767px){.bb-sbs .bb-sbs__item--show-desktop{display:none}}@media screen and (min-width:768px){.bb-sbs .bb-sbs__item--show-mobile{display:none}}.bb-sbs .bb-sbs__list{position:relative;scrollbar-width:none;overscroll-behavior-x:contain}.bb-sbs .bb-sbs__list::-webkit-scrollbar{display:none}@media screen and (min-width:768px){.bb-sbs{--bb-sbs-per-view: 3}.bb-sbs .bb-sbs__list{grid-template-columns:none;grid-template-rows:none;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--bb-sbs-per-view) - 1) * var(--bb-sbs-gap)) / var(--bb-sbs-per-view));overflow-x:auto;scroll-snap-type:x mandatory}.bb-sbs .bb-sbs__item{scroll-snap-align:start}}@media screen and (min-width:1024px){.bb-sbs{--bb-sbs-per-view: var(--bb-sbs-cols)}}@media screen and (max-width:767px){.bb-sbs--mobile-rows2 .bb-sbs__list{grid-template-columns:none;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:calc((100% - var(--bb-sbs-gap)) / 2);overflow-x:auto;scroll-snap-type:x mandatory}.bb-sbs--mobile-rows2 .bb-sbs__item{scroll-snap-align:start}}.bb-sbs__arrow{position:absolute;top:calc(var(--bb-sbs-arrow-top, 40%));z-index:2;display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgb(var(--bb-fig-rgb) / .15);border-radius:50%;background-color:var(--bb-cream);color:var(--bb-fig);box-shadow:0 4px 14px #00000014;cursor:pointer;translate:0 -50%;transition:background-color .2s ease,color .2s ease,opacity .2s ease}.bb-sbs__arrow--prev{left:-22px}.bb-sbs__arrow--prev svg{transform:scaleX(-1)}.bb-sbs__arrow--next{right:-22px}.bb-sbs__arrow:hover{background-color:var(--bb-fig);color:var(--bb-cream)}.bb-sbs__arrow:focus-visible{outline:2px solid var(--bb-fig);outline-offset:3px}.bb-sbs__arrow:disabled{opacity:.35;cursor:default;pointer-events:none}@media screen and (min-width:768px){.bb-sbs__carousel.is-scrollable .bb-sbs__arrow{display:inline-flex}}@media screen and (min-width:768px)and (max-width:1279px){.bb-sbs__arrow--prev{left:-12px}.bb-sbs__arrow--next{right:-12px}}@media(prefers-reduced-motion:reduce){.bb-sbs__arrow{transition:none}}.bb-sbs__rows{display:none}@media screen and (max-width:767px){.bb-sbs--mobile-rows2 .bb-sbs__carousel--desktop{display:none}.bb-sbs--mobile-rows2 .bb-sbs__rows{display:grid;gap:24px}.bb-sbs--mobile-rows2 .bb-sbs__carousel--row .bb-sbs__list{grid-template-columns:none;grid-template-rows:none;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--bb-sbs-gap)) / 2);overflow-x:auto;scroll-snap-type:x mandatory}.bb-sbs--mobile-rows2 .bb-sbs__carousel--row .bb-sbs__item{scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/bb-shop-by-style.css.map */