.style-finder{--sf-bg: #0f0f11;--sf-tile: #1c1c20;--sf-text: #f4f1ec;--sf-muted: rgba(244, 241, 236, .6);--sf-line: rgba(244, 241, 236, .12);--sf-gold: #c9b28a;--sf-edge: 2rem;--sf-bottom: calc(var(--sf-edge) + var(--style-finder-offset, 0px) + env(safe-area-inset-bottom, 0px));position:fixed;right:var(--sf-edge);bottom:var(--sf-bottom);z-index:95;display:block;font-family:"Jost","Plus Jakarta Sans",var(--font-body-family),sans-serif;color:var(--sf-text)}body.overflow-hidden .style-finder,body.overflow-hidden-mobile .style-finder,body.overflow-hidden-tablet .style-finder,body.overflow-hidden-desktop .style-finder,body.combo-popup-open .style-finder{display:none}.style-finder__launcher{position:relative;display:grid;place-items:center;width:9.2rem;height:9.2rem;padding:0;border:1px solid rgba(201,178,138,.35);border-radius:50%;background:#0c0c0e6b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--sf-text);font:inherit;cursor:pointer;transition:transform .3s ease,border-color .3s ease,background-color .3s ease}.style-finder__launcher:hover,.style-finder.is-open .style-finder__launcher{border-color:var(--sf-gold);background:#0c0c0e9e;transform:scale(1.05)}.style-finder__ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;animation:style-finder-spin 16s linear infinite}.style-finder__launcher:hover .style-finder__ring{animation-duration:6s}.style-finder__ring-text{fill:var(--sf-text);font-size:8.4px;font-weight:500;letter-spacing:.12em}.style-finder__mascot{display:block;width:54%;height:54%;filter:drop-shadow(0 0 .8rem rgba(236,210,154,.45));animation:style-finder-bob 4s ease-in-out infinite}.style-finder__mascot-art{display:block;width:100%;height:100%;overflow:visible}.style-finder__mascot-gem{transform-box:fill-box;transform-origin:50% 100%;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.style-finder__launcher:hover .style-finder__mascot-gem{transform:rotate(-10deg) scale(1.06)}.style-finder__mascot-shine{animation:style-finder-shine 3.6s ease-in-out infinite}.style-finder__mascot-glint{animation:style-finder-glint 3.6s ease-in-out infinite}@keyframes style-finder-spin{to{transform:rotate(360deg)}}@keyframes style-finder-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes style-finder-shine{0%,55%{transform:translate(0)}85%,to{transform:translate(86px)}}@keyframes style-finder-glint{0%,60%,to{opacity:.3}75%{opacity:1}}.style-finder__panel{position:absolute;right:0;bottom:calc(100% + 1.2rem);display:flex;flex-direction:column;width:min(36rem,calc(100vw - 2 * var(--sf-edge)));max-height:min(56rem,calc(100vh - 14rem));border:1px solid var(--sf-line);border-radius:1.8rem;background:var(--sf-bg);box-shadow:0 2.4rem 8rem #00000080;opacity:0;transform:translateY(4rem) scale(.2);transform-origin:calc(100% - 4.6rem) 100%;transition:opacity .3s ease,transform .55s cubic-bezier(.32,.72,0,1);overflow:hidden}.style-finder__head,.style-finder__body,.style-finder__foot{opacity:0;transform:translateY(.8rem);transition:opacity .3s ease,transform .3s ease}.style-finder.is-open .style-finder__head,.style-finder.is-open .style-finder__body,.style-finder.is-open .style-finder__foot{opacity:1;transform:none;transition:opacity .5s ease,transform .6s cubic-bezier(.22,1,.36,1)}.style-finder.is-open .style-finder__head{transition-delay:.12s}.style-finder.is-open .style-finder__body{transition-delay:.2s}.style-finder.is-open .style-finder__foot{transition-delay:.28s}.style-finder__panel[hidden],.style-finder__backdrop[hidden]{display:none}.style-finder.is-open .style-finder__panel{opacity:1;transform:none}.style-finder__panel:focus{outline:none}.style-finder__backdrop,.style-finder__hero{display:none}.style-finder__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1.2rem;padding:2rem 2rem 1.6rem;border-bottom:1px solid var(--sf-line)}.style-finder__title{margin:0 0 1.2rem;color:var(--sf-gold);font-size:1rem;font-weight:500;letter-spacing:.34em;text-transform:uppercase}.style-finder__tagline{margin:0 0 .8rem;color:var(--sf-text);font-family:var(--font-heading-family),"Cormorant",Georgia,serif;font-size:2.8rem;font-weight:400;line-height:1.05;letter-spacing:-.01em}.style-finder__tagline-accent{display:block;font-style:italic;background:linear-gradient(100deg,#c9b28a,#f7e8c2,#c9b28a 90%);-webkit-background-clip:text;background-clip:text;color:transparent;padding:0 .3rem .2rem 0}.style-finder__intro{margin:0;color:var(--sf-muted);font-size:1.3rem;line-height:1.5;letter-spacing:.02em}.style-finder__close{flex:none;display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;margin:-1rem -1rem 0 0;padding:0;border:0;border-radius:999px;background:transparent;color:var(--sf-muted);cursor:pointer}.style-finder__close:hover{color:var(--sf-text)}.style-finder__body{flex:1 1 auto;min-height:0;padding:1.8rem 2rem .4rem;overflow-y:auto;overscroll-behavior:contain}.style-finder__progress{margin:0 0 .8rem;color:var(--sf-gold);font-size:1rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase}.style-finder__question{margin:0 0 1.4rem;color:var(--sf-text);font-family:var(--font-heading-family),"Cormorant",Georgia,serif;font-size:2.6rem;font-weight:400;line-height:1.15;letter-spacing:0}.style-finder__question:focus{outline:none}.style-finder__options{display:flex;flex-wrap:wrap;gap:.8rem;margin:0;padding:0 0 1.2rem;list-style:none}.style-finder__option{display:inline-flex;align-items:center;min-height:4.4rem;padding:0 2rem;border:1px solid transparent;border-radius:999px;background:var(--sf-tile);color:var(--sf-text);font:inherit;font-size:1.2rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.style-finder__option:hover{border-color:var(--sf-gold)}.style-finder__option.is-selected{background:var(--sf-text);color:#0a0a0a}.style-finder__foot{display:flex;align-items:center;gap:.4rem;min-height:5.6rem;padding:.6rem 2rem 1rem 1rem;border-top:1px solid var(--sf-line)}.style-finder__foot:not(:has(button:not([hidden]))){display:none}.style-finder__text-button{min-height:4.4rem;padding:0 1rem;border:0;background:transparent;color:var(--sf-muted);font:inherit;font-size:1.3rem;letter-spacing:.04em;text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}.style-finder__text-button:hover{color:var(--sf-text)}.style-finder__continue{min-height:4.4rem;margin-left:auto;padding:0 2.4rem;border:1px solid var(--sf-gold);border-radius:999px;background:var(--sf-gold);color:#0a0a0a;font:inherit;font-size:1.3rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.style-finder__continue:hover{background:var(--sf-text);border-color:var(--sf-text)}.style-finder__text-button[hidden],.style-finder__continue[hidden]{display:none}.style-finder__launcher:focus-visible,.style-finder__close:focus-visible,.style-finder__option:focus-visible,.style-finder__text-button:focus-visible,.style-finder__continue:focus-visible{outline:2px solid var(--sf-gold);outline-offset:3px;box-shadow:none}@media screen and (min-width:990px){.style-finder{--sf-edge: 2.8rem}}@media screen and (max-width:749px){.style-finder{--sf-edge: 1.4rem}.style-finder__launcher{width:7.6rem;height:7.6rem}.style-finder__backdrop:not([hidden]){display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;opacity:0;transition:opacity .45s ease}.style-finder.is-open .style-finder__backdrop{opacity:1}.style-finder__panel{position:fixed;right:0;bottom:0;left:0;width:auto;max-height:80vh;max-height:80dvh;padding-bottom:env(safe-area-inset-bottom,0px);border-width:1px 0 0;border-radius:2rem 2rem 0 0;transform:translateY(100%);transition:opacity .3s ease,transform .6s cubic-bezier(.22,1,.36,1)}.style-finder__option{min-height:4.8rem}}@media(prefers-reduced-motion:reduce){.style-finder__ring,.style-finder__mascot,.style-finder__mascot-shine,.style-finder__mascot-glint{animation:none}.style-finder__launcher,.style-finder__mascot-gem,.style-finder__head,.style-finder__body,.style-finder__foot,.style-finder__panel,.style-finder__backdrop,.style-finder__option{transition:none}}@property --sf-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.style-finder.is-centered .style-finder__backdrop:not([hidden]){display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000009e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;transition:opacity .5s ease}.style-finder.is-centered.is-open .style-finder__backdrop{opacity:1}.style-finder.is-centered .style-finder__panel{position:fixed;top:50%;right:auto;bottom:auto;left:50%;width:min(40rem,calc(100vw - 3.2rem));max-height:min(64rem,calc(100vh - 4rem));padding-bottom:0;border:2px solid transparent;border-radius:2.4rem;background:linear-gradient(var(--sf-bg),var(--sf-bg)) padding-box,conic-gradient(from var(--sf-angle),rgba(201,178,138,.18) 0deg,rgba(201,178,138,.18) 230deg,#f7e8c2 300deg,rgba(201,178,138,.18) 360deg) border-box;transform-origin:50% 50%;transform:translate(-50%,-50%);transition:opacity .3s ease;will-change:transform,opacity,filter}.style-finder.is-centered.is-open .style-finder__panel{opacity:1;transform:translate(-50%,-50%);animation:style-finder-orbit 5s linear 1s infinite}.style-finder.is-centered .style-finder__launcher{transition:transform .6s cubic-bezier(.34,1.56,.64,1) .55s,opacity .3s ease .55s,border-color .3s ease,background-color .3s ease}.style-finder.is-centered.is-open .style-finder__launcher{opacity:0;transform:scale(.3);pointer-events:none;transition:transform .35s ease,opacity .25s ease}.style-finder.is-centered .style-finder__backdrop:not([hidden]){transition:opacity .7s ease}.style-finder.is-centered .style-finder__head{position:relative;justify-content:center;padding-top:2.8rem;text-align:center}.style-finder.is-centered .style-finder__tagline{font-size:3.4rem}.style-finder.is-centered .style-finder__tagline-accent{padding-left:.3rem}.style-finder.is-centered .style-finder__close{position:absolute;top:1.6rem;right:1.6rem;margin:0}.style-finder.is-centered .style-finder__hero{display:block;width:7.2rem;height:7.2rem;margin:0 auto 1.4rem;overflow:visible;filter:drop-shadow(0 0 1.4rem rgba(236,210,154,.5))}.style-finder.is-centered.is-open .style-finder__hero{animation:style-finder-gem-in .8s cubic-bezier(.34,1.56,.64,1) .55s backwards,style-finder-bob 4s ease-in-out 1.6s infinite}.style-finder.is-centered .style-finder__body{padding-top:2.2rem;text-align:center}.style-finder.is-centered .style-finder__options{justify-content:center}.style-finder.is-centered.is-open .style-finder__head{transition-delay:.5s}.style-finder.is-centered.is-open .style-finder__body{transition-delay:.62s}.style-finder.is-centered.is-open .style-finder__foot{transition-delay:.74s}@keyframes style-finder-orbit{to{--sf-angle: 360deg}}@keyframes style-finder-gem-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.style-finder.is-centered.is-open .style-finder__panel,.style-finder.is-centered.is-open .style-finder__hero{animation:none}.style-finder.is-centered .style-finder__backdrop:not([hidden]),.style-finder.is-centered .style-finder__launcher,.style-finder.is-centered.is-open .style-finder__launcher,.style-finder.is-centered .style-finder__panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-style-finder.css.map */