.bbfc{--bbfc-gap: 24px;--bbfc-rule: 1px solid rgba(43, 37, 32, .16);--bbfc-ink: #2b2520;--bbfc-muted: #767676;--bbfc-cell-h: 96px;--bbfc-slide-w: 300px;padding:64px 0 72px}.bbfc__wrap{max-width:1280px;margin:0 auto;padding:0 24px}.bbfc__head{text-align:center;margin-bottom:40px}.bbfc__eyebrow{margin:0 0 10px;font-size:13px;color:var(--bbfc-muted)}.bbfc__title{margin:0}.bbfc__intro{max-width:52ch;margin:12px auto 0;color:var(--bbfc-muted);font-size:15px}.bbfc__rail-outer{position:relative}.bbfc__rail{display:flex;gap:var(--bbfc-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:0 calc(50% - (var(--bbfc-slide-w) / 2))}.bbfc__rail::-webkit-scrollbar{display:none}.bbfc__slide{position:relative;flex:0 0 var(--bbfc-slide-w);scroll-snap-align:center;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:center;opacity:.34;transition:opacity .45s ease}.bbfc__slide.is-active{opacity:1;cursor:default}.bbfc__slide:focus-visible{outline:2px solid var(--bbfc-ink);outline-offset:4px}.bbfc__slide-media{position:relative}.bbfc__pick{display:block;width:100%;background:none;border:0;padding:0;margin:0;cursor:pointer;color:inherit}.bbfc__slide.is-active .bbfc__pick{cursor:default}.bbfc__pick:focus-visible{outline:2px solid var(--bbfc-ink);outline-offset:4px}.bbfc__slide img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain}.bbfc__slide-actions{position:absolute;right:8px;bottom:8px;z-index:2;opacity:0;transform:translateY(4px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.bbfc__slide.is-active .bbfc__slide-actions,.bbfc__slide:hover .bbfc__slide-actions,.bbfc__slide:focus-within .bbfc__slide-actions{opacity:1;transform:none;pointer-events:auto}.bbfc__slide-actions .quick-add__holder{margin:0}.bbfc__slide-actions .quick-add__button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:0;min-height:0;padding:0;border-radius:50%;background:#fff;color:var(--bbfc-ink);border:var(--bbfc-rule);box-shadow:0 1px 6px #2b252024;font-size:0;line-height:0}.bbfc__slide-actions .quick-add__button:hover{background:var(--bbfc-ink);color:#fff}.bbfc__slide-actions .quick-add__button .btn__text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.bbfc__slide-actions .quick-add__button:before{content:"+";font-size:20px;line-height:1;font-weight:400}.bbfc__slide-actions .quick-add__button .btn__loader,.bbfc__slide-actions .quick-add__button .btn__added{font-size:0}.bbfc__slide-view{display:inline-block;margin-top:12px;font-size:13px;color:var(--bbfc-muted);text-decoration:underline;text-underline-offset:3px;opacity:0;transition:opacity .35s ease;pointer-events:none}.bbfc__slide.is-active .bbfc__slide-view,.bbfc__slide:hover .bbfc__slide-view,.bbfc__slide:focus-within .bbfc__slide-view{opacity:1;pointer-events:auto}.bbfc__slide-view:hover{color:var(--bbfc-ink)}.bbfc__tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px;margin:0 0 32px}.bbfc__tab{background:none;border:0;padding:4px 0;margin:0;cursor:pointer;font-size:14px;line-height:1.4;color:var(--bbfc-muted);border-bottom:1px solid transparent;transition:color .3s ease,border-color .3s ease}.bbfc__tab:hover{color:var(--bbfc-ink)}.bbfc__tab.is-active{color:var(--bbfc-ink);border-bottom-color:var(--bbfc-ink)}.bbfc__tab:focus-visible{outline:2px solid var(--bbfc-ink);outline-offset:4px}.bbfc__arrow{position:absolute;top:42%;transform:translateY(-50%);z-index:2;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:0;cursor:pointer;color:var(--bbfc-ink)}.bbfc__arrow[disabled]{opacity:.25;cursor:default}.bbfc__arrow--prev{left:0}.bbfc__arrow--next{right:0}.bbfc__arrow svg{width:15px;height:15px}.bbfc__panel{text-align:center;margin-top:28px}.bbfc__name{margin:0;font-size:20px;font-weight:500;line-height:1.4}.bbfc__name a{color:inherit;text-decoration:none}.bbfc__name a:hover{text-decoration:underline}.bbfc__notes{margin:8px 0 0;font-size:15px;color:var(--bbfc-muted)}.bbfc__price{margin:22px 0 0;font-size:18px}.bbfc__families{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;margin:26px 0 0;padding:0;list-style:none;border:var(--bbfc-rule);border-right:0;overflow:hidden}.bbfc__family{position:relative;border-right:var(--bbfc-rule);min-height:var(--bbfc-cell-h);text-align:left}.bbfc__family-label{position:relative;z-index:1;display:block;padding:10px 12px;font-size:14px;line-height:1.3;color:var(--bbfc-ink)}.bbfc__family:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bbfc-swatch, transparent);opacity:0;transition:opacity .5s ease}.bbfc__family.is-on:before{opacity:1}.bbfc__family.is-off .bbfc__family-label{color:var(--bbfc-muted)}@media only screen and (max-width:989px){.bbfc{--bbfc-slide-w: 240px;--bbfc-cell-h: 84px}.bbfc__families{grid-auto-flow:column;grid-auto-columns:minmax(104px,1fr);overflow-x:auto;scrollbar-width:none}.bbfc__families::-webkit-scrollbar{display:none}}@media only screen and (max-width:749px){.bbfc{--bbfc-slide-w: 200px;padding:44px 0 52px}.bbfc__tabs{flex-wrap:nowrap;justify-content:flex-start;gap:20px;margin-bottom:24px;overflow-x:auto;scrollbar-width:none}.bbfc__tabs::-webkit-scrollbar{display:none}.bbfc__tab{white-space:nowrap}.bbfc__wrap{padding:0 16px}.bbfc__name{font-size:18px}.bbfc__arrow{display:none}}@media(prefers-reduced-motion:reduce){.bbfc__slide,.bbfc__family:before,.bbfc__slide-actions,.bbfc__slide-view,.bbfc__tab{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/bbf-fragrance-compare.css.map */