.finder{--dial: min(38vw, 35rem);--ball: clamp(76px, 6.2vw, 6.6rem);--rot: -90deg;--step: calc(360deg / var(--count, 7));--fir-deep: #2F4A33;position:relative;overflow:hidden;isolation:isolate}.finder:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(40% 52% at 26% 60%,color-mix(in oklab,var(--gold) 16%,transparent),transparent 70%);pointer-events:none}.finder.scheme-berry{background-color:color-mix(in oklab,var(--red) 80%,var(--red-deep));background-image:radial-gradient(90% 70% at 30% 55%,color-mix(in oklab,var(--red) 90%,var(--paper)) 0%,transparent 62%),radial-gradient(130% 100% at 50% 0%,var(--red) 0%,var(--red-deep) 100%);border-top:1px solid color-mix(in srgb,var(--gold) 55%,transparent);border-bottom:1px solid color-mix(in srgb,var(--gold) 55%,transparent)}.finder.scheme-berry .lede{color:color-mix(in oklab,var(--on-dark) 86%,transparent)}.finder .eyebrow{color:var(--gold)}.finder.scheme-cream{background-color:var(--cream);background-image:radial-gradient(50% 60% at 18% 60%,rgba(195,162,110,.14),transparent 70%),radial-gradient(55% 65% at 88% 25%,color-mix(in srgb,var(--red) 6%,transparent),transparent 70%)}.finder.scheme-cream:before{display:none}.finder.scheme-cream .eyebrow{color:var(--bronze)}.finder__grid{display:grid;gap:clamp(2rem,4vw,3.25rem);grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "dial" "panel" "foot"}.finder__grid>*{min-width:0}.finder__head{grid-area:head;display:grid;gap:.9rem;max-width:46rem}.finder__dial-wrap{grid-area:dial;display:grid;justify-items:center;gap:1.25rem}.finder__panels{grid-area:panel;position:relative}.finder__cutoff{grid-area:foot}.finder__dial{position:relative;width:var(--dial);aspect-ratio:1;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}.finder__dial.is-dragging{cursor:grabbing}.finder__ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:var(--gold);overflow:visible;pointer-events:none}.finder__mark{font-family:var(--font-body);font-size:12px;fill:var(--gold);fill-opacity:.75;paint-order:stroke;stroke:var(--bg);stroke-width:8px;stroke-linejoin:round}.finder__rotor{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(var(--rot))}.finder__tab{position:absolute;left:50%;top:50%;min-height:44px;display:grid;place-items:center;transform:translate(-50%,-50%) rotate(calc(var(--i) * var(--step))) translate(calc(var(--dial) * .4)) rotate(calc(-1 * var(--i) * var(--step) - var(--rot)))}.finder__tab-pill{display:inline-flex;align-items:center;padding:.5em .9em;border-radius:2px;background:var(--bg);box-shadow:inset 0 0 0 1px transparent;font-size:.82rem;font-weight:500;letter-spacing:.01em;white-space:nowrap;color:var(--muted);transition:color .4s var(--ease),box-shadow .4s var(--ease),transform .5s var(--ease)}.finder__tab:hover .finder__tab-pill{color:var(--fg)}.finder__tab[aria-selected=true] .finder__tab-pill{color:var(--gold);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--gold) 55%,transparent);transform:scale(1.06)}.finder__tab:before{content:"";position:absolute;z-index:2;left:50%;top:-.6rem;width:16px;height:16px;translate:-50% 0;background:var(--gold-light);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);opacity:0;transform:scale(.4);transition:opacity .4s var(--ease),transform .6s var(--ease);pointer-events:none}.finder__tab[aria-selected=true]:before{opacity:1;transform:scale(1);animation:finderTwinkle 2.6s ease-in-out .6s infinite}@keyframes finderTwinkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(.72) rotate(45deg);opacity:.7}}.finder__ball{--b1: var(--gold-light);--b2: var(--gold);--b3: color-mix(in oklab, var(--gold) 62%, var(--bronze));--bt: var(--ink);position:relative;display:grid;place-items:center;width:var(--ball);aspect-ratio:1;border-radius:50%;color:var(--bt);background:radial-gradient(circle at 33% 27%,var(--b1) 0%,var(--b2) 44%,var(--b3) 100%);box-shadow:inset 0 0 0 1.5px #fff6ec8c,inset -.5rem -.8rem 1.2rem #4a3c3338,0 .9rem 1.4rem -.8rem #4a3c338c;transform-origin:50% -12%;transition:transform .55s cubic-bezier(.34,1.4,.64,1),box-shadow .45s var(--ease)}.finder__ball--emerald{--b1: color-mix(in oklab, var(--pine) 58%, var(--paper));--b2: var(--pine);--b3: var(--fir-deep);--bt: var(--paper)}.finder__ball--ivory{--b1: rgba(255, 252, 247, 1);--b2: var(--paper);--b3: color-mix(in oklab, var(--cashmere) 78%, var(--taupe));--bt: var(--red)}.finder__ball--silver{--b1: var(--paper);--b2: var(--cashmere);--b3: var(--taupe);--bt: var(--ink)}.finder__tab:nth-of-type(5) .finder__ball{--b1: color-mix(in oklab, var(--red) 62%, var(--gold-light));--b2: var(--red);--b3: var(--red-deep);--bt: var(--paper)}.finder__tab:nth-of-type(6) .finder__ball{--b1: var(--taupe-light);--b2: var(--taupe);--b3: var(--taupe-band);--bt: var(--paper)}.finder__ball:before{content:"";position:absolute;top:-9%;left:50%;width:22%;height:12%;transform:translate(-50%);border-radius:2px 2px 1px 1px;background:linear-gradient(90deg,var(--gold-deep),var(--gold-light) 50%,var(--gold-deep));box-shadow:0 1px 2px #4a3c3366}.finder__ball:after{content:"";position:absolute;top:13%;left:19%;width:26%;height:13%;border-radius:50%;background:#fff6ec9e;transform:rotate(-36deg)}.finder__ball-name{position:relative;z-index:1;max-width:84%;padding-top:4%;font-family:var(--font-script);font-size:calc(var(--ball) * .27);line-height:.88;text-align:center;text-wrap:balance}.finder__tab:hover .finder__ball{animation:ballSwing 1.3s ease-in-out}@keyframes ballSwing{25%{rotate:6deg}60%{rotate:-4deg}85%{rotate:1.5deg}}.finder__tab[aria-selected=true] .finder__ball{transform:scale(1.16);box-shadow:inset 0 0 0 1.5px #fff6ece6,inset -.5rem -.8rem 1.2rem #4a3c3324,0 0 0 3px var(--gold-light),0 0 1.8rem .6rem #c3a26e73}.finder__tab:focus-visible{outline:none}.finder__tab:focus-visible .finder__ball{outline:2px solid var(--gold-light);outline-offset:4px}.finder__hub{position:absolute;left:50%;top:50%;width:50%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-content:center;justify-items:center;gap:.35rem;padding:10%;text-align:center;background:radial-gradient(circle,color-mix(in oklab,var(--bg) 86%,var(--paper)) 0%,var(--bg) 78%);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--gold) 34%,transparent);pointer-events:none}.scheme-berry .finder__hub{background:radial-gradient(circle at 50% 40%,var(--red-deep) 0%,color-mix(in oklab,var(--red-deep) 80%,var(--ink)) 80%);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--gold) 60%,transparent),0 0 0 .5rem #4a3c332e}.scheme-cream .finder__hub{background:radial-gradient(circle,var(--paper) 0%,var(--cream) 78%);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--gold) 50%,transparent),0 0 0 .5rem #fff6ec99}.finder__hub-glyph{font-size:clamp(.9rem,1.3vw,1.2rem);color:var(--gold);line-height:1}.finder__hub-name{font-family:var(--font-script);font-weight:400;font-size:clamp(2.1rem,3.3vw,3.3rem);line-height:1;letter-spacing:0;color:var(--gold-light);text-shadow:0 0 .4em rgba(195,162,110,.35);text-wrap:balance}.finder__hub-line{font-size:.82rem;line-height:1.4;color:color-mix(in oklab,var(--on-dark) 82%,transparent);max-width:20ch;text-wrap:pretty}.finder__hub.is-swap .finder__hub-name,.finder__hub.is-swap .finder__hub-line{animation:finderSwap .6s var(--ease) both}.finder__hub.is-swap .finder__hub-line{animation-delay:.06s}@keyframes finderSwap{0%{opacity:0;transform:translateY(6px)}}.finder__controls{display:flex;align-items:center;gap:1.25rem;font-size:.78rem;letter-spacing:.08em;color:color-mix(in oklab,var(--fg) 78%,transparent)}.finder__counter b{color:var(--gold-light);font-weight:600}.finder__arrow{width:2.75rem;height:2.75rem;border-radius:50%;display:grid;place-items:center;color:var(--fg);box-shadow:inset 0 0 0 1px var(--line-strong);transition:background .3s var(--ease),color .3s var(--ease)}.finder__arrow:hover{background:var(--gold);color:var(--ink)}.finder__panel{display:grid;gap:1.2rem;outline:none}.finder__panel-line{display:none;font-size:.95rem;line-height:1.5;color:color-mix(in oklab,var(--fg) 82%,transparent)}.finder__panel-name{font-family:var(--font-script);font-size:1.7rem;line-height:1;color:var(--gold-light);margin-right:.4rem}.scheme-cream .finder__hub-name,.scheme-cream .finder__panel-name{color:var(--red);text-shadow:none}.scheme-cream .finder__hub-line{color:var(--muted)}.scheme-cream .finder__hub-glyph{color:var(--bronze)}.scheme-cream .finder__counter b{color:var(--red)}.scheme-cream .finder__tab:before{background:var(--red)}.scheme-cream .finder__tab:focus-visible .finder__ball{outline-color:var(--ink)}.scheme-cream .finder__tab[aria-selected=true] .finder__ball{box-shadow:inset 0 0 0 1.5px #fff6ece6,inset -.5rem -.8rem 1.2rem #4a3c3324,0 0 0 2.5px var(--paper),0 0 0 4px var(--gold),0 0 1.6rem .5rem #c3a26e73}.finder__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,1.4vw,1.25rem)}.finder__card{position:relative;display:flex;flex-direction:column;background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line);transition:transform .6s var(--ease),box-shadow .6s var(--ease)}.finder__card:hover,.finder__card:focus-within{transform:translateY(-4px);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--gold) 45%,transparent),0 24px 40px -24px #4a3c3373}.finder__card-media{display:block;aspect-ratio:1 / 1;overflow:hidden;background:color-mix(in oklab,var(--bg) 84%,var(--paper))}.finder__img{display:block;width:100%;height:100%;object-fit:contain;transition:transform 1.2s var(--ease)}.finder__card:hover .finder__img{transform:scale(1.04)}.finder__card-body{display:grid;gap:.35rem;padding:.9rem 1rem 1.05rem}.finder__card-title{font-family:var(--font-display);font-weight:400;font-size:clamp(1rem,1.15vw,1.15rem);line-height:1.2;letter-spacing:0;min-height:2.3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.finder__card-title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.finder__card .price{font-size:.95rem}.finder__card .price__current{color:var(--gold)}.finder__card-cta{justify-self:start;margin-top:.3rem;font-size:.7rem;font-weight:600;letter-spacing:.14em;white-space:nowrap;text-transform:uppercase;color:var(--gold-light);border-bottom:1px solid currentColor}.finder__all{color:var(--gold-light);justify-self:start}@media(min-width:990px)and (max-width:1199px){.finder__card-cta{font-size:.62rem;letter-spacing:.08em}}.finder__empty{font-size:.95rem}.scheme-berry .finder__card{background:var(--paper);color:var(--on-light);box-shadow:0 1.4rem 2.6rem -1.6rem #4a3c3399}.scheme-berry .finder__card:hover,.scheme-berry .finder__card:focus-within{box-shadow:0 0 0 2px var(--gold-light),0 1.6rem 2.8rem -1.4rem #4a3c33a6}.scheme-berry .finder__card-media{background:var(--cream)}.scheme-berry .finder__card .price,.scheme-berry .finder__card .price__current{color:var(--on-light);font-weight:600}.scheme-berry .finder__card-cta{color:var(--red)}.scheme-cream .finder__card{background:var(--paper);box-shadow:inset 0 0 0 1px var(--line),0 1.2rem 2.4rem -1.6rem #4a3c334d}.scheme-cream .finder__card:hover,.scheme-cream .finder__card:focus-within{box-shadow:0 0 0 2px var(--gold),0 1.6rem 2.8rem -1.4rem #4a3c335c}.scheme-cream .finder__card-media{background:var(--stone)}.scheme-cream .finder__img{mix-blend-mode:multiply}.scheme-cream .finder__card .price__current{color:var(--on-light);font-weight:600}.scheme-cream .finder__card-cta,.scheme-cream .finder__all{color:var(--red)}.finder__panel.is-entering .finder__card{animation:finderIn .8s var(--ease) both}.finder__panel.is-entering .finder__card:nth-child(2){animation-delay:.07s}.finder__panel.is-entering .finder__card:nth-child(3){animation-delay:.14s}.finder__panel.is-entering .finder__all{animation:finderIn .8s var(--ease) .2s both}@keyframes finderIn{0%{opacity:0;transform:translateY(18px)}}.finder__cutoff{display:flex;align-items:baseline;gap:.6rem;font-size:.88rem;color:var(--muted);padding-top:1.25rem;border-top:1px solid var(--line)}.finder__cutoff-mark{color:var(--gold)}@media(min-width:990px){.finder__grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-areas:"head head" "dial panel" "dial foot";grid-template-rows:auto 1fr auto;column-gap:clamp(2rem,4vw,4.5rem);align-items:start}.finder__dial-wrap,.finder__panels{align-self:center}}@media(min-width:768px)and (max-width:989px){.finder{--dial: min(80vw, 460px);--ball: 78px}}.finder__wreath{position:absolute;top:-5.56%;right:-5.56%;bottom:-5.56%;left:-5.56%;width:111.12%;height:111.12%;max-width:none;pointer-events:none;filter:saturate(.5) brightness(1) sepia(.3) contrast(.94) drop-shadow(0 .6rem 1rem rgba(74,60,51,.22))}@media(min-width:768px){.finder__dial-wrap,.finder__rotor,.finder__tab{will-change:transform}}.finder__light{position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:radial-gradient(circle,rgba(255,246,236,1) 0 22%,var(--gold-light) 40%,rgba(195,162,110,0) 72%);transform:rotate(var(--a)) translate(calc(var(--dial) * var(--r)));pointer-events:none;animation:finderLight 2.8s ease-in-out var(--d, 0s) infinite;animation-play-state:paused}.finder.is-visible .finder__light{animation-play-state:running}@keyframes finderLight{0%,to{opacity:.25}50%{opacity:1}}.finder__dial--wreath .finder__ring{display:none}@media(max-width:767px){.finder{--ball: 74px}.finder__dial{width:100%;aspect-ratio:auto;touch-action:auto;cursor:default;user-select:auto;-webkit-user-select:auto}.finder__ring,.finder__hub,.finder__controls,.finder__wreath,.finder__light{display:none}.finder__dial-wrap{justify-items:stretch;gap:0;grid-template-columns:minmax(0,1fr)}.finder__dial{min-width:0}.finder__rotor{position:relative;transform:none;display:flex;gap:.85rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;margin-inline:calc(-1 * var(--gutter));padding:1.6rem var(--gutter) 1.75rem;scroll-padding-inline:var(--gutter);scrollbar-width:none;background:linear-gradient(color-mix(in srgb,var(--gold) 70%,transparent),color-mix(in srgb,var(--gold) 70%,transparent)) 0 .55rem / 100% 1px no-repeat local}.finder__rotor::-webkit-scrollbar{display:none}.finder__tab{position:relative;inset:auto;transform:none;flex:0 0 auto;scroll-snap-align:center}.finder__tab:after{content:"";position:absolute;left:50%;top:-1.05rem;height:.75rem;width:1px;background:color-mix(in srgb,var(--gold) 70%,transparent)}.finder__tab:before{top:-1.3rem}.finder__tab[aria-selected=true] .finder__ball{transform:scale(1.08);box-shadow:inset 0 0 0 1.5px #fff6ece6,inset -.5rem -.8rem 1.2rem #4a3c3324,0 0 0 3px var(--gold),0 0 .9rem .2rem #c3a26e66}.finder__grid{gap:1.5rem}.finder__tab-pill{min-height:44px;padding:0 1.1rem;font-size:.86rem;box-shadow:inset 0 0 0 1px var(--line-strong);background:transparent}.finder__tab[aria-selected=true] .finder__tab-pill{background:var(--gold);color:var(--ink);box-shadow:inset 0 0 0 1px var(--gold);transform:none}.finder__panel-line{display:block}.finder__cards{grid-template-columns:1fr;gap:.7rem}.finder__card{flex-direction:row;align-items:stretch}.finder__card-media{flex:0 0 104px;aspect-ratio:1}.finder__card-body{align-content:center;padding:.75rem 1rem}.finder__card-title{min-height:0;font-size:1.05rem}}.no-js .finder__panel[hidden]{display:grid!important}.no-js .finder__panels{display:grid;gap:2.5rem}@media(prefers-reduced-motion:reduce){.finder__tab-pill,.finder__tab:before,.finder__card,.finder__img,.finder__arrow,.finder__ball{transition:none}.finder__tab[aria-selected=true]:before,.finder__tab:hover .finder__ball{animation:none}.finder__hub.is-swap .finder__hub-name,.finder__hub.is-swap .finder__hub-line,.finder__panel.is-entering .finder__card,.finder__panel.is-entering .finder__all{animation:none}.finder__card:hover .finder__img{transform:none}.finder__light{animation:none;opacity:.85}}.finder__hub-line{font-size:.9rem}.scheme-cream .finder__hub-line{color:var(--on-light-muted);opacity:1}@media(max-width:749px){.finder__card-cta{font-size:.68rem;letter-spacing:.1em}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/section-gift-finder.css.map */
