.bb-spotlight{padding-top:var(--bb-sp-pt, 48px);padding-bottom:var(--bb-sp-pb, 48px);background:var(--bb-sp-bg, transparent);color:var(--bb-sp-text, inherit);--bb-sp-active-default: #d4263a}@media screen and (max-width:768px){.bb-spotlight{padding:24px 16px}}.bb-spotlight__container{width:100%;box-sizing:border-box!important;margin:0!important;padding:0 24px;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}@media screen and (max-width:768px){.bb-spotlight__container{padding:0}}.bb-spotlight__heading{font-size:26px;font-weight:500;letter-spacing:0;line-height:31.2px;text-transform:uppercase;margin:0 0 24px}@media screen and (max-width:768px){.bb-spotlight__heading{font-size:24px;margin:0 0 16px}}.bb-spotlight__empty{color:#0009;font-size:14px;margin:16px 0;text-align:center}.bb-spotlight__mobile-tabs{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 16px;margin-bottom:8px;width:100%}.bb-spotlight__mobile-tabs::-webkit-scrollbar{display:none}.bb-spotlight__mobile-tab{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100px;padding:0;background:transparent;border:0;cursor:pointer;scroll-snap-align:start;text-align:left;color:inherit;-webkit-tap-highlight-color:transparent}.bb-spotlight__mobile-tab-img{display:block;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:0;background:#f3f3f3;position:relative;order:2;transition:opacity .2s ease,transform .2s ease;width:100px;height:70px}.bb-spotlight__mobile-tab-img img,.bb-spotlight__mobile-tab-img svg{width:100%;height:100%;object-fit:cover;display:block}.bb-spotlight__mobile-tab-title{order:1;font-size:14px;font-weight:400;line-height:22px;color:#0009;white-space:nowrap;transition:color .2s ease,font-weight .2s ease}.bb-spotlight__mobile-tab.is-active .bb-spotlight__mobile-tab-title{color:#212529;font-weight:700;line-height:22px}.bb-spotlight__mobile-tab:hover .bb-spotlight__mobile-tab-img{opacity:1}.bb-spotlight__mobile-tab:focus-visible{outline:2px solid var(--bb-sp-active, var(--bb-sp-active-default));outline-offset:4px;border-radius:2px}@media(min-width:990px){.bb-spotlight__mobile-tabs{display:none}}.bb-spotlight__grid{display:grid;grid-template-columns:1fr;gap:24px;width:100%}@media(min-width:990px){.bb-spotlight__grid{grid-template-columns:1fr 1fr;gap:var(--bb-sp-gap, 24px);align-items:center}}.bb-spotlight__left{display:none}@media(min-width:990px){.bb-spotlight__left{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;grid-auto-rows:auto}.bb-spotlight__heading-tab.is-featured{grid-column:1 / -1;max-height:384px;height:384px}.bb-spotlight__left{max-height:100%}}.bb-spotlight__heading-tab{position:relative;padding:0;background:transparent;border:0;cursor:pointer;text-align:left;color:inherit;display:flex;flex-direction:column;gap:8px;transition:transform .2s ease;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;width:100%}.bb-spotlight__heading-tab:focus-visible{outline:2px solid var(--bb-sp-active, var(--bb-sp-active-default));outline-offset:4px;border-radius:4px}.bb-spotlight__heading-tab-media{position:relative;display:block;width:100%;overflow:hidden;background:#eee;transition:opacity .2s ease;max-height:80px;max-width:100%}.bb-spotlight__heading-tab.is-featured .bb-spotlight__heading-tab-media{max-width:100%;max-height:384px;height:384px}.bb-spotlight__heading-tab-media img,.bb-spotlight__heading-tab-media svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.bb-spotlight__heading-tab:hover .bb-spotlight__heading-tab-media img{transform:scale(1.03)}.bb-spotlight__heading-tab-label{position:absolute;top:24px;left:24px;display:none;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#111}.bb-spotlight__heading-tab-label-text{font-size:18px;font-weight:400;line-height:22px;color:#fff}.bb-spotlight__heading-tab.is-featured .bb-spotlight__heading-tab-label{display:inline-flex}.bb-spotlight__heading-tab-caption{font-size:18px;font-weight:400;line-height:22px;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute}.bb-spotlight__heading-tab.is-featured .bb-spotlight__heading-tab-caption{display:none}.bb-spotlight__heading-tab:not(.is-featured) .bb-spotlight__heading-tab-media{opacity:.85}.bb-spotlight__heading-tab:not(.is-featured):hover .bb-spotlight__heading-tab-media,.bb-spotlight__heading-tab.is-active:not(.is-featured) .bb-spotlight__heading-tab-media{opacity:1}.bb-spotlight__right{position:relative;min-width:0}.bb-spotlight__panel{display:none;animation:bbSpotlightFade .28s ease both}.bb-spotlight__panel.is-active{display:block}@keyframes bbSpotlightFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.bb-spotlight__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.bb-spotlight__card{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:4px;text-align:center}.bb-spotlight__card-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;text-indent:-9999px;overflow:hidden}.bb-spotlight__card-media{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--bb-sp-radius, 4px);background:#f5f5f5;height:100%;width:185px}@media screen and (max-width:768px){.bb-spotlight__card-media{width:90px}}.bb-spotlight__card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.bb-spotlight__card:hover .bb-spotlight__card-img{transform:scale(1.04)}.bb-spotlight__card-body{display:flex;flex-direction:column;gap:4px;align-items:center;font-size:14px;font-weight:400}.bb-spotlight__card-title{margin:0;font-size:14px;font-weight:400;line-height:22px;color:#212529}.bb-spotlight__card-desc{font-size:13px;color:#000000a6;line-height:1.4}.bb-spotlight__card-desc p{margin:0}.bb-spotlight__card-cta{position:relative;z-index:3;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--bb-sp-active, var(--bb-sp-active-default));text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px;align-self:center;margin-top:4px}.bb-spotlight__card-cta:hover,.bb-spotlight__card-cta:focus-visible{opacity:.8}@media(prefers-reduced-motion:reduce){.bb-spotlight__panel,.bb-spotlight__card-img,.bb-spotlight__heading-tab-media img,.bb-spotlight__mobile-tab-img,.bb-spotlight__mobile-tab-title{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/72/assets/bb-product-spotlight.css.map */