.bf-scents{display:block;padding:var(--sc-pt,56px) 0 var(--sc-pb,56px);background:var(--sc-bg,#fff);color:var(--sc-text,#202025);--sc-pv:var(--sc-pv-m,1.5);--sc-pvf:var(--sc-pvf-m,1);--sc-gap:var(--sc-gap-m,12px)}.bf-scents p{color:inherit}.bf-scents__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.bf-scents--align-center .bf-scents__head{flex-direction:column;align-items:center;text-align:center}.bf-scents__intro{display:flex;flex-direction:column;gap:8px;max-width:680px}.bf-scents--align-center .bf-scents__intro{align-items:center}.bf-scents__eyebrow{margin:0;font-family:var(--bf-font-body);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--sc-accent,#692a2e)}.bf-scents .bf-scents__heading{margin:0;font-family:var(--bf-font-title);font-weight:400;font-size:min(var(--sc-h-d,40px),9vw);line-height:1.1;letter-spacing:0;text-transform:none;color:inherit}.bf-scents__sub{font-size:15px;line-height:1.6}.bf-scents__sub p{margin:0}.bf-scents__btn{display:inline-flex;align-items:center;min-height:44px;margin-top:4px;color:inherit;font-family:var(--bf-font-title);font-size:14px;letter-spacing:.1em;text-transform:uppercase;text-decoration:underline;text-underline-offset:6px}.bf-scents__btn:hover{color:inherit;opacity:.8}.bf-scents__arrows{display:none;gap:8px}.bf-scents__arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:var(--sc-arrow,#202025);cursor:pointer;transition:background .2s ease,color .2s ease,opacity .2s ease}.bf-scents__arrow:hover{background:var(--sc-arrow,#202025);color:var(--sc-bg,#fff)}.bf-scents__arrow[disabled]{opacity:.3;cursor:default;background:transparent;color:var(--sc-arrow,#202025)}.bf-scents__arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.bf-scents__arrow:focus-visible{outline:2px solid var(--sc-arrow,#202025);outline-offset:2px}.bf-scents__viewport{container-type:inline-size;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;outline:none;padding:12px 0}.bf-scents__viewport::-webkit-scrollbar{display:none}.bf-scents__viewport.is-dragging{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.bf-scents__track{display:flex;gap:var(--sc-gap)}.bf-scents__track>.shopify-block{display:contents}.bf-scent{position:relative;display:flex;flex:0 0 calc((100cqw - var(--sc-pvf) * var(--sc-gap)) / var(--sc-pv));flex-direction:column;align-items:center;gap:6px;min-width:0;padding:0 0 14px;background:var(--scent-bg,var(--sc-card,transparent));text-align:center;scroll-snap-align:start;cursor:pointer}.bf-scents--align-left .bf-scent{align-items:flex-start;text-align:left}.bf-scent__media{position:relative;display:block;width:var(--scent-size,var(--scent-size-d,100%));aspect-ratio:var(--sc-ratio,3/4);overflow:hidden;background:var(--scent-media-bg,#f3eee8);-webkit-user-drag:none}.bf-scent__media img,.bf-scent__media svg{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;transition:transform .6s ease}.bf-scent--arch .bf-scent__media{border-radius:999px 999px 0 0}.bf-scent--circle .bf-scent__media{aspect-ratio:1/1;border-radius:50%}.bf-scent--rounded .bf-scent__media{border-radius:var(--sc-radius,16px)}.bf-scent--square .bf-scent__media{border-radius:0}.bf-scent--pill .bf-scent__media{border-radius:999px}.bf-scent--blob .bf-scent__media{border-radius:58% 42% 52% 48%/46% 58% 42% 54%}.bf-scent__body{display:flex;flex-direction:column;align-items:inherit;gap:4px;width:100%;padding:8px 8px 0}.bf-scent__body>.shopify-block{display:contents}.bf-scents .bf-scent__title{margin:0;font-family:var(--bf-font-title);font-weight:400;font-size:var(--st-m,22px);line-height:1.15;letter-spacing:0;text-transform:none;color:inherit}.bf-scents .bf-scent__title--accent{font-family:var(--bf-font-accent);line-height:1.3}.bf-scent__text{font-size:var(--sx-m,14px);line-height:1.5;opacity:.85}.bf-scent__text p{margin:0}.bf-scent__cta{display:inline-flex;align-items:center;justify-content:center;min-height:36px;margin-top:4px;color:inherit;font-family:var(--bf-font-title);font-size:13px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}.bf-scent__cta--link{text-decoration:underline;text-underline-offset:5px}.bf-scent__cta--outline{padding:0 18px;border:1px solid currentColor}.bf-scent__cta--solid{padding:0 18px;background:var(--sc-text,#202025);color:var(--sc-bg,#fff)}a.bf-scent__cta:hover{color:inherit;opacity:.8}a.bf-scent__cta--solid:hover{color:var(--sc-bg,#fff)}.bf-scents__bar{position:relative;width:min(240px,50%);height:2px;margin:20px auto 0;overflow:hidden;background:var(--sc-track,#e8ded3)}.bf-scents--align-left .bf-scents__bar{margin-left:0}.bf-scents__bar span{position:absolute;top:0;left:0;height:100%;width:0;background:var(--sc-bar,#202025);transition:width .3s ease}.bf-scents--hover-zoom .bf-scent:hover .bf-scent__media img{transform:scale(1.06)}.bf-scents--hover-lift .bf-scent{transition:transform .35s ease}.bf-scents--hover-lift .bf-scent:hover{transform:translateY(-8px)}.bf-scents--hover-float .bf-scent__media{animation:bfScFloat 5s ease-in-out infinite}.bf-scents--hover-float .bf-scent:nth-child(2n) .bf-scent__media,.bf-scents--hover-float .shopify-block:nth-child(2n) .bf-scent__media{animation-delay:-1.6s}.bf-scents--hover-float .bf-scent:nth-child(3n) .bf-scent__media,.bf-scents--hover-float .shopify-block:nth-child(3n) .bf-scent__media{animation-delay:-3.1s}.bf-scents--hover-float .bf-scent:hover .bf-scent__media img{transform:scale(1.04)}@keyframes bfScFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bf-scents.is-marquee .bf-scents__viewport{overflow:hidden;scroll-snap-type:none}.bf-scents.is-marquee .bf-scents__track{width:max-content;padding-right:var(--sc-gap);animation:bfScMarquee var(--sc-speed,40s) linear infinite}.bf-scents.is-marquee .bf-scents__viewport:hover .bf-scents__track,.bf-scents.is-marquee .bf-scents__viewport:focus-within .bf-scents__track{animation-play-state:paused}.bf-scents.is-marquee .bf-scent{flex-basis:calc((100cqw - var(--sc-pvf) * var(--sc-gap)) / var(--sc-pv))}@keyframes bfScMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(min-width:768px){.bf-scents{--sc-pv:var(--sc-pv-d,4.5);--sc-pvf:var(--sc-pvf-d,4);--sc-gap:var(--sc-gap-d,24px)}.bf-scents__arrows{display:flex}.bf-scents--align-center .bf-scents__head{position:relative}.bf-scents--align-center .bf-scents__arrows{position:absolute;right:0;bottom:0}.bf-scents .bf-scent__title{font-size:var(--st-d,24px)}.bf-scent__text{font-size:var(--sx-d,14px)}.bf-scents__viewport{cursor:grab}}@media(prefers-reduced-motion:reduce){.bf-scents--hover-float .bf-scent__media,.bf-scents.is-marquee .bf-scents__track{animation:none}.bf-scents.is-marquee .bf-scents__viewport{overflow-x:auto}.bf-scent__media img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/bf-scents.css.map */
