.ff{font-family:Work Sans,system-ui,sans-serif;--ff-scrim: 18 33 30;--ff-on-image: 248 245 236;--ff-card-radius: .875rem;--ff-motion: .42s}.ff__container{display:flow-root}.ff-panel[hidden]{display:none!important}.ff :is(button,a,[tabindex]):focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:3px}.ff-panel{display:grid;row-gap:1.25rem}.ff-entry{display:grid;row-gap:1.25rem;justify-items:center;text-align:center;max-width:46rem;margin-inline:auto}.ff-body{font-size:var(--text-base);line-height:var(--text-line-height);color:rgb(var(--text-color));margin:0;max-width:44ch}.ff-descriptor{font-size:var(--text-sm);color:rgb(var(--text-color) / .75);margin:0}.ff-eyebrow{margin:0;color:rgb(var(--text-color) / .75)}.ff-actions{display:inline-flex}.ff-actions .link,.ff-runnerup .link{display:inline-flex;align-items:center;min-height:44px}.ff-switch{display:grid;row-gap:.5rem;justify-items:center}.ff-switch__list{list-style:none;margin:0;padding:0;display:grid;row-gap:.35rem;justify-items:center}.ff-switch__list li{display:flex}.ff-switch__list[hidden]{display:none}.ff-result{display:grid;row-gap:1.5rem;align-items:start}.ff-result__media{margin:0}.ff-result__image{display:block;width:100%;height:auto;border-radius:var(--button-border-radius)}.ff-result__body{display:grid;row-gap:1rem;justify-items:start}.ff-result__traits{width:100%;max-width:18rem}.ff-validate{display:grid;row-gap:.75rem;padding-block-start:1.25rem;border-block-start:1px solid rgb(var(--border-color));width:100%}.ff-validate__heading{margin:0;font-size:var(--text-base)}.ff-validate__actions{display:contents}.ff-validate__set{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.ff-validate__set[hidden]{display:none}.ff-panel--confirmed .ff-validate{border-block-start-width:2px}.ff-runnerup-pool[hidden]{display:none}.ff-runnerup{display:grid;row-gap:.5rem;padding-block-start:1.25rem;border-block-start:1px solid rgb(var(--border-color));width:100%}.ff-runnerup__label{margin:0}.ff-runnerup__inner{display:flex;align-items:center;gap:.875rem}.ff-runnerup__image{width:80px;height:80px;object-fit:cover;border-radius:var(--button-border-radius);flex:none}.ff-runnerup__text{display:grid;row-gap:.15rem}.ff-runnerup__name{margin:0;font-size:var(--text-base)}.ff-runnerup__descriptor{margin:0;font-size:var(--text-sm);color:rgb(var(--text-color) / .75)}.ff-nav{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-block-start:2rem;padding-block-start:1.25rem;border-block-start:1px solid rgb(var(--border-color))}.ff-nav [hidden]{display:none}.ff-nav:not(:has(>:not([hidden]))){display:none}.ff-progress{margin:0;margin-inline-start:auto;font-size:var(--text-sm);color:rgb(var(--text-color) / .75)}.ff-placeholder{display:grid;place-items:center;aspect-ratio:4 / 5;padding:1.5rem;text-align:center;background-color:rgb(var(--text-color) / .06);border:1px dashed rgb(var(--border-color));border-radius:var(--button-border-radius)}.ff-placeholder__text{font-size:var(--text-sm);color:rgb(var(--text-color) / .7)}.ff-setup-note{font-size:var(--text-base);color:rgb(var(--text-color))}@media screen and (min-width:700px){.ff-result{grid-template-columns:minmax(0,2fr) minmax(0,3fr);column-gap:2.5rem}.ff-result__media{position:sticky;top:calc(var(--sticky-offset, 0px) + 1.5rem)}}.ff-panel:not([hidden]){animation:ff-fade-in .35s ease-out both}.ff-panel--leaving{animation:none;opacity:0;transition:opacity .22s ease-in}@keyframes ff-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ff-world{display:grid;row-gap:1.25rem;justify-items:center;max-width:46rem;margin-inline:auto}.ff-world__frame{aspect-ratio:4 / 5;width:100%;max-height:min(58vh,32rem);box-shadow:0 1px 2px rgb(var(--ff-scrim) / .08),0 10px 24px rgb(var(--ff-scrim) / .13)}.ff-world__image{display:block;width:100%;height:100%;object-fit:cover}.ff-world__frame .ff-placeholder{width:100%;height:100%;aspect-ratio:auto}.ff-world__frame:after{background:linear-gradient(180deg,rgb(var(--ff-scrim) / 0) 18%,rgb(var(--ff-scrim) / .45) 48%,rgb(var(--ff-scrim) / .88))}.ff-world__body{padding-block-start:4.5rem;row-gap:.6rem}.ff-world__copy{margin:0;font-size:var(--text-sm);max-width:40ch}.ff-world__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem}@media screen and (min-width:700px){.ff-world__frame{aspect-ratio:3 / 2;max-height:min(62vh,34rem)}}.ff-deck{display:grid;row-gap:1.25rem;justify-items:center;max-width:40rem;margin-inline:auto}.ff-deck__stack{display:grid;width:100%;justify-items:center;padding-block-end:2rem}.ff-deck__stack>.ff-card{grid-area:1 / 1}.ff-card{display:flex;flex-direction:column;align-items:center;row-gap:1rem;width:100%;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}.ff-card[hidden]{display:none}.ff-card{transform-origin:bottom center}.ff-card--top{z-index:3;transform:scale(1) translateY(0)}.ff-card--next{z-index:2;transform:scale(.965) translateY(9px);pointer-events:none}.ff-card--third{z-index:1;transform:scale(.93) translateY(18px);pointer-events:none}.ff-card--leaving{z-index:4}.ff-card:active{cursor:grabbing}.ff-frame{position:relative;overflow:hidden;border-radius:var(--ff-card-radius);background-color:rgb(var(--background))}.ff-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgb(var(--ff-scrim) / 0) 40%,rgb(var(--ff-scrim) / .35) 65%,rgb(var(--ff-scrim) / .85))}.ff-overlay{position:absolute;z-index:2;inset-inline:0;bottom:0;display:grid;row-gap:.4rem;padding:2.5rem 1.25rem 1.35rem;text-align:center;justify-items:center;--text-color: var(--ff-on-image);color:rgb(var(--text-color))}.ff-card__frame{aspect-ratio:4 / 5;width:100%;max-height:min(58vh,32rem);box-shadow:0 1px 2px rgb(var(--ff-scrim) / .08),0 10px 24px rgb(var(--ff-scrim) / .13)}.ff-card--dragging .ff-card__frame,.ff-card--leaving .ff-card__frame{box-shadow:0 6px 14px rgb(var(--ff-scrim) / .16),0 24px 56px rgb(var(--ff-scrim) / .26)}.ff-card--next .ff-card__frame{box-shadow:0 6px 16px rgb(var(--ff-scrim) / .1)}.ff-card--third .ff-card__frame{box-shadow:0 4px 10px rgb(var(--ff-scrim) / .08)}.ff-card__frame .ff-placeholder{width:100%;height:100%;aspect-ratio:auto}.ff-card__image{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.ff-card__support{margin:0;font-size:var(--text-sm);color:rgb(var(--text-color) / .75)}.ff-card:not(.ff-card--top):not(.ff-card--leaving) .ff-card__body{opacity:0}.ff-deck__progress,.ff-world__count{margin:0;font-size:var(--text-sm);color:rgb(var(--text-color) / .75)}.ff-deck__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}@media screen and (min-width:700px){.ff-card__frame{--ff-card-height: min(62vh, 34rem);height:var(--ff-card-height);width:calc(var(--ff-card-height) * .8);max-height:none}}.ff-card{transition:transform var(--ff-motion) cubic-bezier(.16,1,.3,1),opacity var(--ff-motion) ease-out}.ff-card__frame{transition:box-shadow var(--ff-motion) ease-out}.ff-card__body{transition:opacity var(--ff-motion) ease-out}.ff-compass{border:0;margin:0;padding:0;display:grid;row-gap:1.75rem;justify-items:center;max-width:40rem;margin-inline:auto;text-align:center}.ff-compass__legend{display:grid;row-gap:.5rem;justify-items:center;float:none;width:100%}.ff-compass__helper{font-size:var(--text-sm);color:rgb(var(--text-color) / .75)}.ff-compass__scale{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;width:100%}.ff-compass__end{font-size:var(--text-sm);text-transform:var(--subheading-text-transform);letter-spacing:var(--subheading-letter-spacing);white-space:nowrap}.ff-compass__options{display:flex;justify-content:space-between;align-items:center;position:relative}.ff-compass__options:before{content:"";position:absolute;inset-inline:22px;top:50%;height:1px;background:rgb(var(--border-color))}.ff-compass__option{position:relative;display:grid;place-items:center;width:44px;height:44px;cursor:pointer}.ff-compass__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.ff-compass__dot{width:13px;height:13px;border-radius:var(--rounded-full);border:1px solid rgb(var(--text-color));background:rgb(var(--background));position:relative}.ff-compass__input:checked+.ff-compass__dot{background:rgb(var(--text-color));transform:scale(1.35)}.ff-compass__input:focus-visible+.ff-compass__dot{outline:2px solid rgb(var(--text-color));outline-offset:4px}.ff-compass__dot{transition:transform .15s ease-out,background-color .15s ease-out}.ff-tap .shopify-section-group-header-group,.ff-tap .shopify-section-group-footer-group{display:none}.ff-tap .ff .section-spacing{padding-block:max(1.5rem,env(safe-area-inset-top)) max(1.5rem,env(safe-area-inset-bottom));min-height:100dvh;display:grid;align-content:center}.ff-switch__list{row-gap:.6rem}.ff-card__hint{position:absolute;z-index:3;inset-inline:0;top:38%;display:flex;justify-content:space-between;align-items:center;padding-inline:.9rem;pointer-events:none;color:rgb(var(--ff-on-image))}.ff-card__hint-arrow{display:grid;place-items:center;width:2.75rem;height:2.75rem;border:1px solid rgb(var(--ff-on-image) / .55);border-radius:var(--rounded-full);background:rgb(var(--ff-scrim) / .28);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ff-card__hint-arrow .icon{width:1.1rem;height:1.1rem}.ff-card__hint--gone{opacity:0}.ff-card__hint{transition:opacity .6s ease-out}@media(prefers-reduced-motion:no-preference){.ff-card__hint-arrow:first-child{animation:ff-nudge-left 2.4s ease-in-out infinite}.ff-card__hint-arrow:last-child{animation:ff-nudge-right 2.4s ease-in-out infinite}@keyframes ff-nudge-left{0%,to{transform:translate(0)}50%{transform:translate(-5px)}}@keyframes ff-nudge-right{0%,to{transform:translate(0)}50%{transform:translate(5px)}}}.ff-thinking{display:grid;row-gap:1rem;justify-items:center;text-align:center;padding-block:4rem}.ff-thinking__label{margin:0;font-size:var(--text-base);color:rgb(var(--text-color) / .75)}.ff-thinking__dots{display:flex;gap:.4rem}.ff-thinking__dots i{width:.45rem;height:.45rem;border-radius:var(--rounded-full);background:rgb(var(--text-color) / .35)}@media(prefers-reduced-motion:no-preference){.ff-thinking__dots i{animation:ff-breathe 1.1s ease-in-out infinite}.ff-thinking__dots i:nth-child(2){animation-delay:.15s}.ff-thinking__dots i:nth-child(3){animation-delay:.3s}@keyframes ff-breathe{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/fragrance-finder.css.map */