.candy-compass-section{padding:64px 0}.candy-compass-header{max-width:600px;margin:0 auto 40px;text-align:center}.candy-compass-eyebrow{font-size:1.36rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--candy-pink, #e83e8c);margin:0 0 10px}.candy-compass-title{font-family:var(--candy-font-display, "Fraunces", Georgia, serif);font-size:clamp(1.9rem,1.5rem + 1.5vw,2.6rem);font-weight:700;margin:0 0 12px;color:var(--candy-ink, #1E1B4B)}.candy-compass-subtitle{color:var(--candy-muted, #5A5673);margin:0}.candy-compass-layout{display:flex;gap:40px;align-items:flex-start;justify-content:center;flex-wrap:wrap}.candy-compass-pad{position:relative;width:min(90vw,340px);aspect-ratio:1 / 1;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--candy-hair, rgba(30, 27, 75, .1));touch-action:none;flex:0 0 auto}@media screen and (min-width:750px)and (max-width:989px){.candy-compass-pad{width:440px}}@media screen and (min-width:990px){.candy-compass-pad{width:560px}}.candy-compass-pad__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--candy-hair, rgba(30, 27, 75, .08)) 1px,transparent 1px),linear-gradient(90deg,var(--candy-hair, rgba(30, 27, 75, .08)) 1px,transparent 1px);background-size:25% 25%;border-radius:inherit;pointer-events:none}.candy-compass-pad__axis-label{position:absolute;font-size:1.15rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--candy-muted, #5A5673);pointer-events:none}.candy-compass-pad__axis-label--top{top:10px;left:50%;transform:translate(-50%)}.candy-compass-pad__axis-label--bottom{bottom:10px;left:50%;transform:translate(-50%)}.candy-compass-pad__axis-label--left{left:10px;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:left center}.candy-compass-pad__axis-label--right{right:10px;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:right center}@media screen and (max-width:749px){.candy-compass-pad__axis-label{font-size:12px;letter-spacing:.04em}}.candy-compass-trail{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.candy-compass-trail__dot{position:absolute;top:0;left:0;border-radius:50%;background:linear-gradient(135deg,var(--candy-pink, #e83e8c),var(--candy-purple, #9c27b0));box-shadow:0 0 6px #e83e8c59;transform:translate(-50%,-50%);opacity:0;transition:left 70ms linear,top 70ms linear,opacity .32s ease}.candy-compass-marker{position:absolute;width:44px;height:44px;border-radius:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,var(--candy-pink, #e83e8c),var(--candy-purple, #9c27b0));border:3px solid #fff;box-shadow:0 6px 16px #e83e8c66;cursor:grab;touch-action:none;padding:0}@media screen and (min-width:990px){.candy-compass-marker{width:28px;height:28px}}.candy-compass-pad.is-dragging .candy-compass-marker{cursor:grabbing;transform:translate(-50%,-50%) scale(1.15)}.candy-compass-marker:focus-visible{outline:3px solid var(--candy-ink, #1E1B4B);outline-offset:3px}@media(prefers-reduced-motion:no-preference){.candy-compass-marker{transition:transform .15s ease}.candy-compass-pad:not(.is-dragging) .candy-compass-marker{transition:left .25s var(--candy-ease-jelly, cubic-bezier(.34,1.56,.64,1)),top .25s var(--candy-ease-jelly, cubic-bezier(.34,1.56,.64,1)),transform .15s ease}}.candy-compass-marker:before{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;transform:translate(-50%,-50%);background-image:radial-gradient(circle,#fff 1.3px,transparent 1.6px),radial-gradient(circle,#fff 1.3px,transparent 1.6px),radial-gradient(circle,#fff 1.3px,transparent 1.6px),radial-gradient(circle,#fff 1.3px,transparent 1.6px);background-position:0 0,100% 0,0 100%,100% 100%;background-size:3px 3px;background-repeat:no-repeat;pointer-events:none}@keyframes candyCompassInvite{0%{box-shadow:0 6px 16px #e83e8c66,0 0 #e83e8c80}70%{box-shadow:0 6px 16px #e83e8c66,0 0 0 16px #e83e8c00}to{box-shadow:0 6px 16px #e83e8c66,0 0 #e83e8c00}}@media(prefers-reduced-motion:no-preference){.candy-compass-marker{animation:candyCompassInvite 2.4s ease-out infinite}.candy-compass-pad.has-interacted .candy-compass-marker{animation:none}}.candy-compass-hint{position:absolute;top:50%;left:50%;transform:translate(calc(-50% + 40px),calc(-50% + 34px));display:inline-flex;align-items:center;gap:4px;background:var(--candy-ink, #1E1B4B);color:#fff;font-size:1.152rem;font-weight:700;letter-spacing:.01em;padding:5px 10px;border-radius:999px;white-space:nowrap;pointer-events:none;z-index:2;transition:opacity .3s ease,visibility .3s ease}.candy-compass-pad.has-interacted .candy-compass-hint{opacity:0;visibility:hidden}@media screen and (max-width:749px){.candy-compass-hint{font-size:1.15rem;padding:4px 9px;transform:translate(calc(-50% + 34px),calc(-50% + 30px))}}@media(prefers-reduced-motion:no-preference){.candy-compass-hint{animation:candyCompassHintBob 1.6s ease-in-out infinite}}@keyframes candyCompassHintBob{0%,to{margin-top:0}50%{margin-top:-5px}}.candy-compass-results{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;list-style:none;margin:0;padding:0;flex:1 1 340px;max-width:480px}@media screen and (max-width:749px){.candy-compass-results{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;max-width:100%;padding-bottom:8px;-webkit-overflow-scrolling:touch}.candy-compass-card{flex:0 0 140px;scroll-snap-align:start}}.candy-compass-card__link{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;text-align:center;padding:14px 10px;border-radius:16px;background:#fff;box-shadow:0 1px 2px #1e1b4b0f;transition:transform var(--candy-t-base, .34s) var(--candy-ease-jelly, cubic-bezier(.34,1.56,.64,1)),box-shadow var(--candy-t-base, .34s) ease}.candy-compass-card__media{width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--candy-blush, #FDF4F8);display:flex;align-items:center;justify-content:center}.candy-compass-card__media img{width:100%;height:100%;object-fit:cover}.candy-compass-card__emoji{font-size:1.8rem}.candy-compass-card__title{font-size:1.312rem;font-weight:700;color:var(--candy-ink, #1E1B4B);line-height:1.25}.candy-compass-card.is-closest .candy-compass-card__link{transform:translateY(-4px) scale(1.04);box-shadow:0 12px 24px #e83e8c38}.candy-compass-card.is-closest .candy-compass-card__media{box-shadow:0 0 0 2px var(--candy-pink, #e83e8c)}
/*# sourceMappingURL=/cdn/shop/t/15/assets/candy-taste-compass.css.map */