.faces.svelte-jr1kh5{height:var(--h);justify-content:center;align-items:center;gap:12px;transition:height .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.face.svelte-jr1kh5{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#f2f3f5;border:0;border-radius:50%;place-items:center;padding:0;transition:width .35s cubic-bezier(.34,1.56,.64,1),height .35s cubic-bezier(.34,1.56,.64,1),transform .2s,background .3s,box-shadow .3s;display:grid;position:relative}.face.svelte-jr1kh5 img:where(.svelte-jr1kh5){pointer-events:none;transition:width .35s cubic-bezier(.34,1.56,.64,1),height .35s cubic-bezier(.34,1.56,.64,1),filter .25s,opacity .25s}.face.svelte-jr1kh5:hover:not(:disabled){transform:translateY(-3px)}.picked.svelte-jr1kh5 .face:where(.svelte-jr1kh5):not(.on):hover img:where(.svelte-jr1kh5){filter:grayscale(.2);opacity:.9}.face.svelte-jr1kh5:focus-visible{outline:3px solid var(--rate-brand,#2a8f87);outline-offset:4px}.face.on.svelte-jr1kh5{background:radial-gradient(circle at 50% 40%, var(--g1) 0%, var(--g2) 100%);box-shadow:0 12px 32px color-mix(in srgb, var(--g2) 45%, transparent);transform:none}.face.on.svelte-jr1kh5 img:where(.svelte-jr1kh5){filter:none;opacity:1;animation:.5s cubic-bezier(.34,1.56,.64,1) svelte-jr1kh5-pop}.face.on.svelte-jr1kh5:before{content:"";pointer-events:none;border:1px solid #0000000f;border-radius:50%;position:absolute;inset:-14%;box-shadow:0 0 0 14px #00000006}.picked.svelte-jr1kh5 .face:where(.svelte-jr1kh5):not(.on) img:where(.svelte-jr1kh5){filter:grayscale();opacity:.5}.tip.svelte-jr1kh5{color:#fff;white-space:nowrap;pointer-events:none;background:#23252b;border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:600;animation:.25s svelte-jr1kh5-rise;position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%)}.tip.sm.svelte-jr1kh5{padding:3px 9px;font-size:10.5px;top:calc(100% + 8px)}.tip.svelte-jr1kh5:before{content:"";border:5px solid #0000;border-top:0;border-bottom-color:#23252b;position:absolute;top:-5px;left:50%;transform:translate(-50%)}@keyframes svelte-jr1kh5-pop{0%{transform:scale(.6)rotate(-10deg)}60%{transform:scale(1.12)rotate(5deg)}to{transform:scale(1)}}@keyframes svelte-jr1kh5-rise{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}@media (width<=360px){.faces.svelte-jr1kh5{gap:8px}}@media (prefers-reduced-motion:reduce){.face.svelte-jr1kh5,.face.svelte-jr1kh5 img:where(.svelte-jr1kh5),.tip.svelte-jr1kh5{transition:none!important;animation:none!important}}