.TonePicker-module__8UeJSq__wheel{--ring:1.5rem;aspect-ratio:1;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;border-radius:50%;flex-shrink:0;width:10.5rem;position:relative}.TonePicker-module__8UeJSq__wheel:focus-visible{outline-offset:4px}.TonePicker-module__8UeJSq__ring{background:var(--wheel);-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--ring) - .5px), #000 calc(100% - var(--ring)));-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--ring) - .5px), #000 calc(100% - var(--ring)));mask:radial-gradient(farthest-side, transparent calc(100% - var(--ring) - .5px), #000 calc(100% - var(--ring)));border-radius:50%;position:absolute;inset:0}.TonePicker-module__8UeJSq__center{inset:calc(var(--ring) + .625rem);background-color:var(--color-tarjeta);border-radius:50%;place-items:center;display:grid;position:absolute}.TonePicker-module__8UeJSq__arm{pointer-events:none;position:absolute;inset:0}.TonePicker-module__8UeJSq__knob{top:calc(var(--ring) / 2);border:3px solid var(--color-marfil);background-color:var(--knob);border-radius:50%;width:1.875rem;height:1.875rem;position:absolute;left:50%;translate:-50% -50%;box-shadow:0 0 0 1px #000,0 2px 8px #0009}.TonePicker-module__8UeJSq__range{appearance:none;cursor:pointer;background:0 0;width:100%;height:2.75rem}.TonePicker-module__8UeJSq__range::-webkit-slider-runnable-track{background:var(--track);border-radius:999px;height:.625rem;box-shadow:inset 0 0 0 1px #f4efe64d}.TonePicker-module__8UeJSq__range::-moz-range-track{background:var(--track);border-radius:999px;height:.625rem;box-shadow:inset 0 0 0 1px #f4efe64d}.TonePicker-module__8UeJSq__range::-webkit-slider-thumb{appearance:none;border:3px solid var(--color-marfil);background-color:var(--thumb);border-radius:50%;width:1.5rem;height:1.5rem;margin-top:-.4375rem;box-shadow:0 0 0 1px #000,0 2px 6px #00000080}.TonePicker-module__8UeJSq__range::-moz-range-thumb{border:3px solid var(--color-marfil);background-color:var(--thumb);border-radius:50%;width:1.125rem;height:1.125rem;box-shadow:0 0 0 1px #000,0 2px 6px #00000080}
@layer components{.chispas{pointer-events:none;width:0;height:0;position:absolute}.chispas>i{background:var(--chispa,var(--color-oro-claro));opacity:0;width:2px;height:8px;transform:rotate(var(--a)) translateY(calc(-1 * var(--desde,10px)));animation:chispa .48s var(--ease-joya) both;border-radius:1px;position:absolute;top:-4px;left:-1px;box-shadow:0 0 4px #f2e2b899}@keyframes chispa{0%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(calc(-1 * var(--hasta,26px))) scaleY(.4)}}}@media (prefers-reduced-motion:reduce){.chispas{display:none}}