.ff{--ff-color-text: #1a1a1a;--ff-color-text-muted: #333333;--ff-color-bg: #faf9f7;--ff-color-border: #d8d5d0;--ff-color-border-active: #1a1a1a;--ff-font-body: "Suisse medium", sans-serif;--ff-font-heading: "Suisse Regular", sans-serif;--ff-space-1: 8px;--ff-space-2: 16px;--ff-space-3: 24px;--ff-space-4: 40px;--ff-space-5: 64px;--ff-transition: .4s ease;--ff-question-transition: .25s ease;position:relative;width:100%;color:var(--ff-color-text);font-family:var(--ff-font-body);-webkit-font-smoothing:antialiased}.ff [data-ff-hero][hidden],.ff [data-ff-stage][hidden],.ff [data-ff-loader][hidden],.ff [data-ff-results][hidden],.ff [data-ff-results-empty][hidden],.ff [data-ff-complementary-section][hidden],.ff [data-ff-stepper-wrap][hidden],.ff [data-ff-progress][hidden],.ff [data-ff-restart][hidden],.ff [data-ff-back][hidden],.ff [data-ff-option-description][hidden],.ff [data-ff-carousel-pagination][hidden]{display:none!important}.ff [data-ff-product-source]{position:absolute;top:0;left:-99999px;width:100%;visibility:hidden;pointer-events:none}.ff__wrapper{position:relative;width:100%;min-height:100vh;overflow:hidden}.ff__hero{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:100vh;opacity:1;transition:opacity var(--ff-transition)}.ff__hero.is-hidden{opacity:0;pointer-events:none}.ff__hero-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%}.ff__hero-video,.ff__hero-image{display:block;width:100%;height:100%;object-fit:cover}.ff__hero-image--placeholder{background:var(--ff-color-bg)}.ff__hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#00000047}.ff__hero-content{position:relative;z-index:2;margin:0 auto;padding:var(--ff-space-4);color:#fffef2;text-align:left}.ff__hero-eyebrow{display:block;margin-bottom:var(--ff-space-2);font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.85}.ff__hero-heading{margin:0 0 var(--ff-space-2);color:#fffef2;font-family:var(--ff-font-heading);font-size:clamp(24px,4vw,36px);font-weight:400;line-height:1.2}.ff__hero-description{margin:0 0 var(--ff-space-4);color:#ffffffe6;font-size:16px;line-height:1.6}.ff__start_button{display:inline-flex;align-items:center;justify-content:center;padding:14px 36px;border:1px solid #fff;background:transparent;color:#fff;font-family:var(--ff-font-body);font-size:1.3rem;cursor:pointer;transition:background var(--ff-transition),color var(--ff-transition)}.ff__start_button:hover,.ff__start_button:focus-visible{background:#fff;color:var(--ff-color-text)}.ff__start_button:focus-visible{outline:2px solid #fff;outline-offset:3px}.ff__hero-meta{display:block;margin-top:var(--ff-space-3);color:#ffffffbf;font-size:12px;letter-spacing:.04em}.ff__stage{max-width:1200px;margin:0 auto;padding:var(--ff-space-5) var(--ff-space-3) var(--ff-space-4);opacity:0;transition:opacity var(--ff-transition)}.ff__stage.ff__stage--visible{opacity:1}.ff__stepper-wrap{margin:0 auto;padding:var(--ff-space-3) 0;background:#333}.c-stepper__items{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 var(--ff-space-4);list-style:none;counter-reset:ff-step}.c-stepper__item{flex:0 1 auto;counter-increment:ff-step}.c-stepper__item-button{display:flex;align-items:center;gap:var(--ff-space-2);padding:0;border:0;background:transparent;color:#fffef2;text-align:left;cursor:default;transition:opacity var(--ff-transition)}.c-stepper__item-button.m-completed,.c-stepper__item-button.m-active{opacity:1}.c-stepper__item-button.m-completed{cursor:pointer}.c-stepper__item-button:before{content:counter(ff-step);display:flex;flex-shrink:0;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:transparent;color:#fffef2;font-size:13px;font-weight:600;opacity:.55;transition:opacity var(--ff-transition),background-color var(--ff-transition),border-color var(--ff-transition)}.c-stepper__item-button.m-completed:before,.c-stepper__item-button.m-active:before{opacity:1}.c-stepper__item-button.m-active:before{border-color:#fffef2;background:#fffef2;color:#1a1a1a}.c-stepper__item-button.m-completed:before{content:"";border-color:#ffffff80;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fffef2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:14px 14px}.c-stepper__content{display:flex;flex-direction:column;gap:2px}.c-stepper__title{color:#fffef2;font-size:16px;font-weight:400}.c-stepper__answer{color:#fffef2;font-size:14px;font-weight:400}.ff__start-again{display:flex;align-items:center;gap:10px;padding:0;border:0;background:transparent;color:#fffef2;font-family:var(--ff-font-body);font-size:1.4rem;letter-spacing:.06em;cursor:pointer;transition:all .2s ease-in-out}.ff__start-again:hover .ff__start-again-text{text-decoration:underline}.ff__start-again svg{width:6px;height:30px}.ff__hero-content--left{text-align:left}.ff__hero-content--center{text-align:center}.ff__hero-content--right{text-align:right}.ff__question-mount{min-height:320px}.ff__question{opacity:0;transform:translateY(6px);transition:opacity var(--ff-question-transition),transform var(--ff-question-transition)}.ff__question.is-visible{opacity:1;transform:translateY(0)}.ff__question-title{margin:0 0 var(--ff-space-4);font-family:var(--ff-font-heading);font-size:clamp(22px,3vw,30px);font-weight:400;text-align:center}.ff__question:not([data-step="1"]) .ff__card-label,.ff__question:not([data-setp="2"]) .ff__card-description{width:100%;text-align:left}.ff__question:not([data-setp="2"]) .ff__card-description{padding:0}.ff__options{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--ff-space-2);width:100%;max-width:1200px;margin:0 auto}.ff__card{position:relative;display:flex;flex-direction:column;width:100%;max-width:266px;cursor:pointer;transition:border-color var(--ff-transition),transform var(--ff-transition)}.ff__card:hover{transform:scale(1.02)}.ff__card.is-selected{border-color:var(--ff-color-border-active)}.ff__card-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.ff__card:has(.ff__card-input:focus-visible){outline:2px solid var(--ff-color-border-active);outline-offset:2px}.ff__card-image-wrap{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;background:var(--ff-color-bg)}.ff__card-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--ff-transition)}.ff__card.is-selected .ff__card-image{transform:scale(1.03)}.ff__card--no-image .ff__card-image-wrap{display:none}.ff__card-label{padding:var(--ff-space-2) 4px;font-size:2rem;text-align:center}.fragrance-finder .ff__card-label{line-height:1.3em;text-align:left}.ff__card-description{display:block;padding:0 var(--ff-space-2) var(--ff-space-2);color:var(--ff-color-text-muted);font-size:14px;line-height:1.5;text-align:center}.ff__card-check{position:absolute;top:50%;left:50%;width:36px;height:36px;border-radius:50%;background:#1a1a1abf;opacity:0;transform:translate(-50%,-50%) scale(.8);transition:opacity var(--ff-transition),transform var(--ff-transition)}.ff__card.is-selected .ff__card-check{opacity:1;transform:translate(-50%,-50%) scale(1)}.ff__card.is-selected .ff__card-check:after{content:"";position:absolute;top:12px;left:9px;width:16px;height:9px;border-bottom:2px solid #fff;border-left:2px solid #fff;transform:rotate(-45deg)}.ff__nav{display:flex;align-items:center;justify-content:center;gap:var(--ff-space-3);margin-top:var(--ff-space-5)}.ff__nav-button{padding:15px 40px;min-width:250px;font-family:var(--ff-font-body);font-size:14px;letter-spacing:.08em;cursor:pointer;transition:opacity var(--ff-transition),background var(--ff-transition),color var(--ff-transition)}.ff__nav-button--back{border:1px solid rgba(51,51,51,.2);background:transparent;color:var(--ff-color-text-muted)}.ff__nav-button--back:hover{color:var(--ff-color-text)}.ff__nav-button--continue,.fragrance-finder .ff__start_button{border:1px solid var(--ff-color-text);background:var(--ff-color-text);color:#fff}.fragrance-finder .ff__start_button{border:1px solid #fffef2;background:#333;color:#fffef2;font-size:1.3em;padding:15px 40px}.ff__nav-button--continue:disabled{opacity:.35;cursor:not-allowed}.ff__nav-button--continue:not(:disabled):hover,.fragrance-finder .ff__start_button:hover{opacity:.85}.ff__loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ff-space-2);min-height:60vh;opacity:0;transition:opacity var(--ff-transition)}.ff__loader.ff__loader--visible{opacity:1}.ff__loader-spinner{width:28px;height:28px;border:1px solid var(--ff-color-border);border-top-color:var(--ff-color-border-active);border-radius:50%;animation:ff-spin .9s linear infinite}.ff__loader-message{color:var(--ff-color-text-muted);font-size:13px;letter-spacing:.06em}@keyframes ff-spin{to{transform:rotate(360deg)}}.ff__results{margin:0 auto;padding:var(--ff-space-5) 0px;opacity:0;transition:opacity var(--ff-transition)}.ff__results.ff__results--visible{opacity:1}.ff__results-header{margin-bottom:var(--ff-space-5);text-align:center}.ff__results-heading{margin:0 0 var(--ff-space-1);font-family:var(--ff-font-heading);font-size:clamp(24px,3.5vw,34px);font-weight:400}.ff__results-summary{margin:0;color:var(--ff-color-text-muted);font-size:13px;letter-spacing:.04em}.ff__results-subheading{margin:0 0 var(--ff-space-3);font-family:var(--ff-font-heading);font-size:22px;font-weight:400;text-align:center}.ff__results-section{margin-bottom:var(--ff-space-5)}.ff__results-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--ff-space-3)}.ff__results-grid>.ff__product-card-wrap,.ff__results-grid>.ff__product-card{flex:1 1 calc((100% - (2 * var(--ff-space-3))) / 3);min-width:220px}.ff__results-empty{padding:var(--ff-space-4) 0;color:var(--ff-color-text-muted);text-align:center}.ff-result-extra-content{display:none}.ff-result-extra-content.is-visible{display:block}.ff__results-carousel{width:100%;min-width:0}.ff__carousel-pagination{display:none;align-items:center;justify-content:center;gap:4px;margin-top:var(--ff-space-3)}.ff__carousel-page{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:28px;margin:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.ff__carousel-page:before{content:"";display:block;width:24px;height:2px;background:#1a1a1a47;transition:width .25s ease,background-color .25s ease,opacity .25s ease}.ff__carousel-page.is-active:before{width:48px;background:var(--ff-color-text)}.ff__carousel-page:focus-visible{outline:1px solid var(--ff-color-text);outline-offset:1px}.ff__product-card-wrap{position:relative;width:100%;max-width:270px}.ff__product-badge--overlay{position:absolute;top:var(--ff-space-2);right:var(--ff-space-2);z-index:2;padding:4px 10px;background:var(--ff-color-text);color:#fff;font-size:11px;letter-spacing:.06em;pointer-events:none}.ff__product-card{position:relative;display:flex;flex-direction:column;background:#fff}.ff__product-badge{position:absolute;top:var(--ff-space-2);left:var(--ff-space-2);z-index:1;padding:4px 10px;background:var(--ff-color-text);color:#fff;font-size:11px;letter-spacing:.06em}.ff__product-image-wrap{display:block;width:100%;aspect-ratio:4 / 5;overflow:hidden;background:var(--ff-color-bg)}.ff__product-image{display:block;width:100%;height:100%;object-fit:cover}.ff__product-info{padding:var(--ff-space-2) 0}.ff__product-title{display:block;margin-bottom:4px;color:var(--ff-color-text);font-size:15px;text-decoration:none}.ff__product-title:hover{text-decoration:underline}.ff__product-description{margin:0 0 var(--ff-space-1);color:var(--ff-color-text-muted);font-size:13px;line-height:1.5}.ff__product-price{display:block;margin-bottom:var(--ff-space-2);font-size:14px}.ff__product-add{width:100%;padding:12px;border:1px solid var(--ff-color-text);background:transparent;color:var(--ff-color-text);font-size:12px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background var(--ff-transition),color var(--ff-transition)}.ff__product-add:hover:not(:disabled){background:var(--ff-color-text);color:#fff}.ff__product-add:disabled{opacity:.4;cursor:not-allowed}@media screen and (max-width:989px){.ff__results-grid>.ff__product-card-wrap,.ff__results-grid>.ff__product-card{flex-basis:calc((100% - var(--ff-space-3)) / 2)}}@media screen and (max-width:749px){.ff__wrapper{min-height:auto}.ff__stepper-wrap{padding:var(--ff-space-3) 15px}.ff__hero{flex-direction:column;justify-content:flex-start;min-height:0}.ff__hero-media{position:relative;width:100%;height:auto;aspect-ratio:1 / 1}.ff__hero-content{padding:var(--ff-space-3) var(--ff-space-2)}.ff__hero-heading{color:#333;font-size:1.8rem}.ff__start_button{width:auto;background:#333;color:#fffef2;text-transform:none}.c-stepper__items{flex-wrap:nowrap;justify-content:flex-start;gap:var(--ff-space-4);padding:0 var(--ff-space-3);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.c-stepper__items::-webkit-scrollbar{display:none}.c-stepper__item{flex-shrink:0;scroll-snap-align:start}.c-stepper__item:last-child{margin-right:var(--ff-space-3)}.c-stepper__item-button{gap:10px;white-space:nowrap}.c-stepper__item-button:before{width:26px;height:26px;font-size:1.1rem}.c-stepper__title{color:#fffef2;font-size:1.2rem;font-weight:400}.ff__stage{padding:55px 15px}.ff__question-title{font-size:1.8rem}.ff__options{flex-wrap:wrap}.ff__card{width:calc((100% - var(--ff-space-2)) / 2);max-width:none}.ff__card-label{padding:var(--ff-space-1) 4px;font-size:1.7rem;font-weight:400}.ff__card-description{line-height:1.3}.ff__nav{flex-direction:row;gap:var(--ff-space-2)}.ff__nav-button{width:55vw;min-width:235px;padding:12px 40px}.ff__nav-button--back{min-width:auto}.ff__results{padding:var(--ff-space-4) var(--ff-space-2)}.ff__results-grid:not(.ff__results-grid--carousel)>.ff__product-card-wrap,.ff__results-grid:not(.ff__results-grid--carousel)>.ff__product-card{flex:1 1 100%;width:100%;max-width:none}.ff__results-carousel{width:100%;min-width:0;overflow:hidden}.ff__results-grid.ff__results-grid--carousel{display:flex;flex-flow:row nowrap;align-items:stretch;justify-content:flex-start;width:100%;min-width:0;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.ff__results-grid--carousel::-webkit-scrollbar{display:none}.ff__results-grid--carousel>.ff__product-card-wrap,.ff__results-grid--carousel>.ff__product-card{flex:0 0 calc((100% - 12px)/2);width:calc((100% - 12px)/2);min-width:0;max-width:none}.ff__results-grid--carousel>.ff__product-card-wrap:nth-child(odd),.ff__results-grid--carousel>.ff__product-card:nth-child(odd){scroll-snap-align:start;scroll-snap-stop:always}.ff__results-grid--carousel.ff__results-grid--odd:after{content:"";display:block;flex:0 0 calc((100% - 12px)/2);width:calc((100% - 12px)/2);min-width:0;pointer-events:none}.ff__carousel-pagination{display:flex}}@media(prefers-reduced-motion:reduce){.ff__hero,.ff__stage,.ff__question,.ff__card,.ff__card-image,.ff__card-check,.ff__results,.ff__loader{transition:none}.ff__loader-spinner{animation:none}.ff__results-grid--carousel{scroll-behavior:auto}.ff__carousel-page:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/formulation-finder.css.map */