@layer components{.persona-scene{--pc-gray:#cbd5e1;--pc-near:#93c5fd;--pc-mid:#a5c8f9;--pc-far:#bcd7fb}.persona-scene .pc-stage{flex-direction:column;gap:16px;display:flex}.persona-scene .pc-panel{background:#ffffffe6;border:1px solid #2563eb29;border-radius:28px;padding:16px 14px;box-shadow:inset 0 1px #ffffffe6,0 30px 60px -34px #2563eb99}.persona-scene .pc-choices{flex-direction:column;gap:12px;display:flex}.persona-scene .pc-choice{text-align:justify;width:100%;font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(#e2e8f08c,#e2e8f08c) padding-box padding-box,linear-gradient(#e2e8f08c,#e2e8f08c) border-box;border:2px solid #0000;border-radius:22px;padding:16px 18px;display:block;box-shadow:inset 0 2px 8px #0f172a0f}.persona-scene .pc-choice[aria-checked=true]{background:linear-gradient(#fff, #fff) padding-box, var(--primer-grad) border-box;box-shadow:inset 0 1px #ffffffe6,0 22px 44px -26px #2563eba6}.persona-scene .pc-choice[data-i="0"][aria-checked=true]{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(#64748b73,#64748b73) border-box;box-shadow:inset 0 1px #ffffffe6,0 22px 44px -26px #0f172a66}.persona-scene .pc-choice[data-i="0"][aria-checked=true] .pc-dot{background:var(--primer-off);box-shadow:0 0 0 4px #64748b29}.persona-scene .pc-choice:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.persona-scene .pc-dot{border:2px solid var(--primer-off);background:0 0;border-radius:999px;flex-shrink:0;width:16px;height:16px;margin-top:3px}.persona-scene .pc-choice[aria-checked=true] .pc-dot{background:var(--primer-grad);border:0;box-shadow:0 0 0 4px #2563eb24}@media (hover:hover){.persona-scene .pc-choice[aria-checked=false]:hover{background:linear-gradient(#fffc,#fffc) padding-box padding-box,linear-gradient(#2563eb4d,#2563eb4d) border-box}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.persona-scene .pc-choice{transition:transform .2s var(--ease-default,ease), box-shadow .3s var(--ease-default,ease)}.persona-scene .pc-choice:hover{transform:translateY(-2px)}}@media (min-width:768px){.persona-scene .pc-stage{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:center;column-gap:24px;display:grid}.persona-scene .pc-panel{padding:22px 18px}}.persona-scene .pc-crowd{position:relative}.persona-scene .pc-grid{z-index:1;grid-template-columns:repeat(7,minmax(0,1fr));row-gap:8px;display:grid;position:relative}.persona-scene .pc-cell{place-items:center;display:grid;position:relative}.persona-scene .pc-person{width:100%;max-width:34px;height:auto;fill:var(--pc-gray);grid-area:1/1;overflow:visible}@media (min-width:768px){.persona-scene .pc-person{max-width:42px}.persona-scene .pc-grid{row-gap:12px}}.persona-scene .pc-person-lit{fill:initial;opacity:1;filter:drop-shadow(0 6px 10px #2563eb80)}.persona-scene .pc-cell[data-role=near] .pc-person{fill:var(--pc-near)}.persona-scene .pc-cell[data-ring="2"] .pc-person{fill:var(--pc-mid)}.persona-scene .pc-cell[data-ring="3"] .pc-person{fill:var(--pc-far)}.persona-scene .pc-halo,.persona-scene .pc-ripple{z-index:0;pointer-events:none;border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.persona-scene .pc-halo{aspect-ratio:1;background:radial-gradient(circle,#2563eb57,#06b6d41f 55%,#0000 72%);width:30%}.persona-scene .pc-ripple{aspect-ratio:1;border:1.5px solid #2563eb4d}.persona-scene .pc-ripple[data-n="1"]{width:40%}.persona-scene .pc-ripple[data-n="2"]{border-color:#2563eb2e;width:66%}.persona-scene [data-state=all] .pc-person-lit,.persona-scene [data-state=all] .pc-halo,.persona-scene [data-state=all] .pc-ripple{opacity:0}.persona-scene [data-state=all] .pc-ripple{transform:translate(-50%,-50%)scale(.6)}.persona-scene [data-state=all] .pc-cell[data-role=near] .pc-person{fill:var(--pc-gray)}@media (prefers-reduced-motion:no-preference){.persona-scene .pc-person,.persona-scene .pc-person-lit,.persona-scene .pc-halo{transition:fill .4s var(--ease-default,ease), opacity .4s var(--ease-default,ease)}.persona-scene .pc-ripple{transition:opacity .5s var(--ease-default,ease), transform .7s var(--ease-default,ease)}}}