.fragrance-tabs{width:100%;overflow:hidden;background:#fff}.fragrance-tabs--full-width{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}html:has(.fragrance-tabs--full-width){overflow-x:clip}.shopify-section:has(>.fragrance-tabs--full-width),.section:has(>.fragrance-tabs--full-width){max-width:none;width:100%;margin-inline:0;padding-inline:0}.fragrance-tabs--page-width{max-width:var(--page-width, 120rem);margin-inline:auto;padding-inline:var(--page-gutter, 1.5rem)}.fragrance-tabs__header{text-align:center;max-width:var(--page-width, 120rem);margin-inline:auto;padding-inline:2rem;padding-bottom:1.6rem}.fragrance-tabs__heading{font-size:normal line-height: normal letter-spacing: 0;text-transform:uppercase;margin:0 0 .7rem;color:var(--fragrance-tabs-heading-color, #776a5a)}.fragrance-tabs__heading-mobile{display:none}.fragrance-tabs__subheading{font-size:1rem;line-height:1.2;max-width:60rem;margin:0 auto;color:#2c2c2c;opacity:.75}.fragrance-tabs__subheading p{margin:0}.fragrance-tabs__tabs{position:relative;isolation:isolate;display:flex;width:fit-content;max-width:calc(100% - 2rem);flex-wrap:wrap;justify-content:center;gap:clamp(.6rem,2.6vw,1.8rem);overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.55rem 1rem;scrollbar-width:none;margin:1rem auto 0;border:0;border-radius:999px;background:#fff;box-shadow:0 8px 24px #2a221b24,0 2px 6px #2a221b1a,inset 0 1px #ffffffe5}.fragrance-tabs__tabs:before{content:"";position:absolute;z-index:0;top:var(--fragrance-pill-y, 0);left:0;width:var(--fragrance-pill-width, 0);height:var(--fragrance-pill-height, 0);border:0;border-radius:999px;background:var(--fragrance-pill-color, #e78ba0);box-shadow:0 5px 12px color-mix(in srgb,var(--fragrance-pill-color, #e78ba0) 26%,transparent);opacity:0;pointer-events:none;transform:translate3d(var(--fragrance-pill-x, 0),0,0);transition:transform .42s cubic-bezier(.22,1,.36,1),width .42s cubic-bezier(.22,1,.36,1),height .26s ease,top .42s cubic-bezier(.22,1,.36,1),background .26s ease,opacity .18s ease}.fragrance-tabs__tabs.is-pill-ready:before{opacity:var(--fragrance-tabs-active-opacity, 80%)}.fragrance-tabs__tabs h5{margin:0;font-size:clamp(.85rem,1.1vw + .6rem,1.1rem);line-height:1.2;font-weight:inherit;white-space:nowrap}.fragrance-tabs__tabs::-webkit-scrollbar{display:none}.fragrance-tabs__tab{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;-webkit-appearance:none;appearance:none;box-sizing:border-box;cursor:pointer;white-space:nowrap;font-size:1.2rem;line-height:1;padding:.8rem clamp(1rem,3vw,2rem);border-radius:999px;background:transparent;color:var(--fragrance-tab-text, var(--fragrance-tabs-tab-text, #3c3c37));border-width:var(--fragrance-tabs-inactive-border-width, 1px);border-style:var(--fragrance-tabs-inactive-border-style, solid);border-color:var(--fragrance-tab-border-color, transparent);transition:background-color .25s ease,color .25s ease,transform .15s ease,border-color .25s ease;box-shadow:none}.fragrance-tabs__tab:after{content:"";position:absolute;left:50%;bottom:.28rem;width:1.15rem;height:2px;border-radius:999px;background:currentColor;opacity:.3;transform:translate(-50%);transition:width .18s ease,opacity .18s ease,transform .18s ease}.fragrance-tabs__tab:not(.is-active):hover:after{width:1.75rem;opacity:.58}.fragrance-tabs__tab:hover{background:transparent;color:var(--fragrance-tab-hover-text, var(--fragrance-tab-text, var(--fragrance-tabs-tab-text, #3c3c37)));transform:translateY(-1px)}.fragrance-tabs__tab.is-active{background:transparent;color:var(--fragrance-tab-active-text, #fff);border-color:transparent;border-style:none;border-width:0;text-shadow:0 1px 1px rgb(0 0 0 / 16%);box-shadow:none}.fragrance-tabs__tab.is-active:after{opacity:0;transform:translate(-50%) scaleX(0)}.fragrance-tabs__panels,.fragrance-tabs__panel{width:100%}.fragrance-tabs--page-width .fragrance-tabs__panels{max-width:var(--page-width, 120rem);margin-inline:auto}.fragrance-tabs__panel{background:var(--fragrance-tabs-bg, #fbe6e9)}.fragrance-tabs__panel[hidden]{display:none}.fragrance-tabs__panel-inner{max-width:none;margin:0 auto;padding:0;display:flex;align-items:stretch;justify-content:center}.fragrance-tabs--page-width .fragrance-tabs__panel-inner{max-width:var(--page-width, 120rem)}.fragrance-tabs__image{display:flex;align-items:center;justify-content:center;width:100%;min-width:0}.fragrance-tabs__image picture{display:block;width:100%;max-width:100%}.fragrance-tabs__image img,.fragrance-tabs__placeholder{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}@media screen and (max-width:989px){.fragrance-tabs__panel-inner{padding:0}.fragrance-tabs__image picture,.fragrance-tabs__placeholder{width:100%;max-width:100%}}@media screen and (max-width:749px){.fragrance-tabs__tabs h5{font-size:clamp(.8rem,1vw,.8rem);line-height:1.2}.fragrance-tabs__heading-desktop{display:none}.fragrance-tabs__heading-mobile{display:inline}.fragrance-tabs--page-width{padding-inline:1rem}.fragrance-tabs__header{padding-inline:.7rem;padding-bottom:1.2rem}.fragrance-tabs__tabs{display:grid;grid-template-columns:repeat(var(--fragrance-tab-count, 1),minmax(0,1fr));width:100%;gap:6px;padding:.35rem;overflow:visible;border-radius:1.8rem}.fragrance-tabs__tabs:has(.fragrance-tabs__tab:nth-child(5)){grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(7.5rem,max-content);justify-content:start;overflow-x:auto;scroll-snap-type:x proximity}.fragrance-tabs__tab{min-width:0;font-size:clamp(.72rem,3vw,.9rem);padding:.35rem .2rem;scroll-snap-align:center}.fragrance-tabs__tab h5{overflow:hidden;text-overflow:ellipsis}.fragrance-tabs__heading{font-size:clamp(1.8rem,calc(1.6rem + 1vw),2rem);line-height:clamp(1.8rem,calc(1.6rem + 1vw),2rem);font-weight:600;margin-bottom:.5rem}}@media screen and (max-width:480px){.fragrance-tabs__image picture,.fragrance-tabs__placeholder{width:100%}}@media screen and (max-width:380px){.fragrance-tabs__header{padding-inline:.75rem;padding-bottom:1rem}.fragrance-tabs__heading{font-size:clamp(1.5rem,calc(1.3rem + 3vw),1.8rem);line-height:clamp(1.5rem,calc(1.3rem + 3vw),1.8rem)}.fragrance-tabs__subheading{font-size:.9rem}.fragrance-tabs__tabs{width:calc(100% - .5rem);max-width:100%;padding:.3rem;border-radius:1.5rem}.fragrance-tabs__tabs:has(.fragrance-tabs__tab:nth-child(5)){grid-auto-columns:minmax(6rem,max-content)}.fragrance-tabs__tab{padding:.55rem .2rem;font-size:clamp(.65rem,3.6vw,.8rem)}}@media(prefers-reduced-motion:reduce){.fragrance-tabs__tabs:before,.fragrance-tabs__tab{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/scent-story-image-tabs.css.map */