@property --cp-px{syntax:"<length>";inherits:true;initial-value:0}@property --cp-py{syntax:"<length>";inherits:true;initial-value:0}@property --cp-look{syntax:"<number>";inherits:true;initial-value:0}.character-picker-module__IRLgla__root{--stage:#e8e8eb;--dots:#0000000d;--stage-edge:#0000000f;--surface:#fff;--surface-2:#fff;--well:#f2f2f5;--hover:#f2f2f5;--ink:#1d1d1f;--ink-muted:#6e6e73;--accent:#1d1d1f;--focus:#0a84ff;--line:#0000000f;--shadow-near:#0000000d;--shadow-far:#00000038;--shadow:0 0 0 .5px var(--line), 0 1px 2px var(--shadow-near), 0 12px 30px -14px var(--shadow-far);--badge-edge:#0000000a;--badge-near:#0000000f;--badge-far:#00000052;--thumb-edge:#0000000d;--thumb-near:#00000014;--thumb-far:#00000024;--lift:#0000004d;--chip-edge:#0000001a;--chip-shade:#0000002e;--strip-edge:#00000014;--strip-near:#0000000f;--strip-far:#0000004d;--wheel-edge:#00000014;--pointer:#1c1c1e;--pointer-edge:#fff;--pointer-shadow:#00000040;--cp-px:0px;--cp-py:0px;--cp-look:0;--move:0s;background:radial-gradient(var(--dots) 1px, transparent 1px) 0 0 / 14px 14px, var(--stage);box-shadow:inset 0 0 0 1px var(--stage-edge);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:18px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,sans-serif;transition:--cp-look .35s;position:relative;overflow:clip;container-type:inline-size}@supports (color:light-dark(#fff, #000)){.character-picker-module__IRLgla__root{--stage:light-dark(#e8e8eb,#0f0f11);--dots:light-dark(#0000000d,#ffffff0d);--stage-edge:light-dark(#0000000f,#ffffff0f);--surface:light-dark(#fff,#1c1c1f);--surface-2:light-dark(#fff,#34343a);--well:light-dark(#f2f2f5,#29292d);--hover:light-dark(#f2f2f5,#46464d);--ink:light-dark(#1d1d1f,#ececef);--ink-muted:light-dark(#6e6e73,#a1a1a8);--accent:light-dark(#1d1d1f,#ececef);--focus:light-dark(#0a84ff,#3594ff);--line:light-dark(#0000000f,#ffffff14);--shadow-near:light-dark(#0000000d,#0000004d);--shadow-far:light-dark(#00000038,#0009);--badge-edge:light-dark(#0000000a,#ffffff12);--badge-near:light-dark(#0000000f,#0000004d);--badge-far:light-dark(#00000052,#000000b3);--thumb-edge:light-dark(#0000000d,#ffffff14);--thumb-near:light-dark(#00000014,#0000004d);--thumb-far:light-dark(#00000024,#00000073);--lift:light-dark(#0000004d,#000000a6);--chip-edge:light-dark(#0000001a,#ffffff1f);--chip-shade:light-dark(#0000002e,#00000080);--strip-edge:light-dark(#00000014,#ffffff1a);--strip-near:light-dark(#0000000f,#0000004d);--strip-far:light-dark(#0000004d,#000000a6);--wheel-edge:light-dark(#00000014,#0000004d)}.character-picker-module__IRLgla__badge,.character-picker-module__IRLgla__variant[data-kind=icon]{--backdrop:light-dark(var(--tint),color-mix(in srgb, var(--hue) 24%, #1c1c1f))}.character-picker-module__IRLgla__icon{--tone:light-dark(var(--deep),var(--hue))}}.character-picker-module__IRLgla__root[data-color-scheme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.character-picker-module__IRLgla__root[data-color-scheme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.character-picker-module__IRLgla__root[data-color-scheme=system]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){.character-picker-module__IRLgla__root[data-color-scheme=system]{--lightningcss-light: ;--lightningcss-dark:initial}}.character-picker-module__IRLgla__root[data-ghost]{transition:--cp-px var(--move) cubic-bezier(.45, 0, .25, 1), --cp-py var(--move) cubic-bezier(.3, .55, .25, 1), --cp-look .35s ease}:where(.character-picker-module__IRLgla__root) button{font:inherit;color:inherit;margin:0}.character-picker-module__IRLgla__scene{--tile:64px;--gap:8px;--cols:5;--item:40px;--strip-gap:2px;--strip-pad:5px;flex-direction:column;align-items:center;gap:22px;padding:30px 16px;display:flex}.character-picker-module__IRLgla__profile{z-index:2;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.character-picker-module__IRLgla__badge{background-color:var(--backdrop,var(--tint));width:124px;height:124px;box-shadow:inset 0 0 0 1px var(--badge-edge), 0 1px 2px var(--badge-near), 0 14px 28px -16px var(--badge-far);transform-origin:50% 100%;border-radius:50%;place-items:center;transition:background-color .5s;display:grid;position:relative}.character-picker-module__IRLgla__face,.character-picker-module__IRLgla__faceOut{grid-area:1/1;place-items:center;width:106px;height:106px;display:grid}.character-picker-module__IRLgla__face svg,.character-picker-module__IRLgla__faceOut svg{width:100%;height:100%}.character-picker-module__IRLgla__face[data-kind=icon] svg,.character-picker-module__IRLgla__faceOut[data-kind=icon] svg{width:50px;height:50px}.character-picker-module__IRLgla__faceOut{opacity:0;animation:.28s ease-in backwards character-picker-module__IRLgla__leave}.character-picker-module__IRLgla__faceOut[data-hidden]{visibility:hidden}.character-picker-module__IRLgla__name{letter-spacing:-.015em;margin:14px 0 0;font-size:20px;font-weight:650;line-height:1.2}.character-picker-module__IRLgla__tagline{color:var(--ink-muted);margin:3px 0 0;font-size:13.5px;line-height:1.35}.character-picker-module__IRLgla__panel{z-index:1;background:var(--surface);box-shadow:var(--shadow);border-radius:26px;flex-direction:column;gap:12px;padding:12px;display:flex;position:relative}.character-picker-module__IRLgla__segmented{background:var(--well);border-radius:999px;grid-template-columns:1fr 1fr;padding:3px;display:grid;position:relative}.character-picker-module__IRLgla__thumb{background:var(--surface-2);width:calc(50% - 3px);box-shadow:0 0 0 .5px var(--thumb-edge), 0 1px 2px var(--thumb-near), 0 3px 8px -3px var(--thumb-far);transition:translate var(--pop-ms) var(--pop);border-radius:999px;position:absolute;top:3px;bottom:3px;left:3px}.character-picker-module__IRLgla__segmented[data-view=icon] .character-picker-module__IRLgla__thumb{translate:100%}.character-picker-module__IRLgla__segment{height:32px;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 14px;font-size:13.5px;font-weight:600;transition:color .2s;position:relative}.character-picker-module__IRLgla__segment[aria-checked=true]{color:var(--ink)}.character-picker-module__IRLgla__segment:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.character-picker-module__IRLgla__wrap{position:relative}.character-picker-module__IRLgla__grid{grid-template-columns:repeat(var(--cols), var(--tile));gap:var(--gap);display:grid}.character-picker-module__IRLgla__tile{width:var(--tile);height:var(--tile);background:var(--well);cursor:pointer;transition:translate var(--pop-ms) var(--pop), scale .2s ease, background-color .2s ease;border:0;border-radius:18px;place-items:center;padding:0;display:grid;position:relative}.character-picker-module__IRLgla__tile[data-hover],.character-picker-module__IRLgla__tile:focus-visible{background:var(--surface-2);box-shadow:0 0 0 .5px var(--line), 0 8px 18px -8px var(--lift);translate:0 -3px}.character-picker-module__IRLgla__tile[aria-selected=true]{background:var(--surface);box-shadow:inset 0 0 0 2px var(--accent)}.character-picker-module__IRLgla__tile[aria-selected=true][data-hover],.character-picker-module__IRLgla__tile[aria-selected=true]:focus-visible{box-shadow:inset 0 0 0 2px var(--accent), 0 8px 18px -8px var(--lift)}.character-picker-module__IRLgla__tile:active,.character-picker-module__IRLgla__tile[data-pressed]{scale:.93}.character-picker-module__IRLgla__tile:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.character-picker-module__IRLgla__art{width:96%;height:96%}.character-picker-module__IRLgla__glyph{width:42%;height:42%}.character-picker-module__IRLgla__icon{color:var(--tone,var(--deep))}.character-picker-module__IRLgla__grid[data-switched] .character-picker-module__IRLgla__art,.character-picker-module__IRLgla__grid[data-switched] .character-picker-module__IRLgla__glyph{animation:character-picker-module__IRLgla__pop .42s var(--pop) backwards;animation-delay:calc(var(--i) * 12ms)}.character-picker-module__IRLgla__chip{--x:calc(mod(var(--i), var(--cols)) * (var(--tile) + var(--gap)) + var(--tile));--y:calc(round(down, var(--i) / var(--cols), 1) * (var(--tile) + var(--gap)));z-index:2;background:var(--surface-2);width:26px;height:26px;box-shadow:0 0 0 .5px var(--chip-edge), 0 2px 6px var(--chip-shade);cursor:pointer;translate:calc(var(--x) - 20px) calc(var(--y) - 10px);transition:translate var(--pop-ms) var(--pop), scale var(--pop-ms) var(--pop), opacity .18s ease;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:0;left:0}.character-picker-module__IRLgla__chip:before{content:"";position:absolute;inset:-8px}.character-picker-module__IRLgla__chip:not([data-shown]){visibility:hidden;opacity:0;transition:translate var(--pop-ms) var(--pop), scale .2s ease, opacity .18s ease, visibility 0s .2s;scale:.4}@media (hover:none){.character-picker-module__IRLgla__chip[data-rest]{visibility:visible;opacity:1;scale:1}}.character-picker-module__IRLgla__chip:is(:active,[data-pressed]){scale:.86}.character-picker-module__IRLgla__chip:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.character-picker-module__IRLgla__wheel{width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--wheel-edge);background:conic-gradient(#ff6a61,#ff9a3c,#ffca38,#55cb7c,#4c9bff,#9a7bff,#ff7cb5,#ff6a61);border-radius:50%}.character-picker-module__IRLgla__strip{--w:calc(7 * var(--item) + 6 * var(--strip-gap) + 2 * var(--strip-pad));--h:calc(var(--item) + 2 * var(--strip-pad));--span:calc(var(--cols) * var(--tile) + (var(--cols) - 1) * var(--gap));--x:calc(mod(var(--i), var(--cols)) * (var(--tile) + var(--gap)) + var(--tile) / 2);--y:calc(round(down, var(--i) / var(--cols), 1) * (var(--tile) + var(--gap)));--left:clamp(-8px, calc(var(--x) - var(--w) / 2), calc(var(--span) - var(--w) + 8px));z-index:3;top:calc(var(--y) - var(--h) + 2px);left:var(--left);gap:var(--strip-gap);box-sizing:border-box;width:var(--w);height:var(--h);padding:var(--strip-pad);background:var(--surface-2);box-shadow:0 0 0 .5px var(--strip-edge), 0 2px 4px var(--strip-near), 0 14px 30px -10px var(--strip-far);transform-origin:calc(var(--x) - var(--left)) calc(100% - 2px + var(--tile) / 2);border-radius:999px;transition:opacity .16s,scale .22s ease-in,visibility 0s .22s;display:flex;position:absolute}.character-picker-module__IRLgla__strip:not([data-open]){visibility:hidden;opacity:0;scale:.3}.character-picker-module__IRLgla__strip[data-open]{transition:opacity .18s ease, scale var(--pop-ms) var(--pop)}.character-picker-module__IRLgla__variant{--from:calc(var(--x) - var(--left) - var(--strip-pad) - var(--k) * (var(--item) + var(--strip-gap)) - var(--item) / 2);width:var(--item);height:var(--item);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;transition:translate .2s ease-in,opacity .14s,background-color .15s;display:grid}.character-picker-module__IRLgla__strip:not([data-open]) .character-picker-module__IRLgla__variant{translate:var(--from) 0;opacity:0}.character-picker-module__IRLgla__strip[data-open] .character-picker-module__IRLgla__variant{transition:translate var(--pop-ms) var(--pop) calc(var(--k) * 16ms), opacity .2s ease calc(var(--k) * 16ms), background-color .15s ease}.character-picker-module__IRLgla__variant:hover,.character-picker-module__IRLgla__variant[data-hover]{background:var(--hover)}.character-picker-module__IRLgla__variant[aria-selected=true]{box-shadow:inset 0 0 0 2px var(--accent)}.character-picker-module__IRLgla__variant:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.character-picker-module__IRLgla__variant svg{width:84%;height:84%}.character-picker-module__IRLgla__variant[data-kind=icon]{background:var(--backdrop,var(--tint))}.character-picker-module__IRLgla__variant[data-kind=icon] svg{width:52%;height:52%}.character-picker-module__IRLgla__variant[data-kind=icon]:is(:hover,[data-hover]){scale:1.08}.character-picker-module__IRLgla__colourControls{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:10px 4px 1px;display:flex}.character-picker-module__IRLgla__colourLabel{color:var(--ink-muted);font-size:12px;font-weight:500}.character-picker-module__IRLgla__swatches{align-items:center;gap:3px;display:flex}.character-picker-module__IRLgla__swatch{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;transition:box-shadow .2s,scale .2s;display:grid}.character-picker-module__IRLgla__swatch span{background:var(--swatch);border-radius:50%;width:18px;height:18px;box-shadow:inset 0 0 0 1px #00000014}.character-picker-module__IRLgla__swatch[aria-checked=true]{box-shadow:inset 0 0 0 1.5px var(--ink)}.character-picker-module__IRLgla__swatch:hover{scale:1.1}.character-picker-module__IRLgla__swatch:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.character-picker-module__IRLgla__ghost{z-index:10;pointer-events:none;opacity:0;width:22px;height:22px;translate:calc(var(--cp-px) - 3.3px) calc(var(--cp-py) - 2.2px);filter:drop-shadow(0 1px 1.5px var(--pointer-shadow));transition:opacity .3s;position:absolute;top:0;left:0;overflow:visible}.character-picker-module__IRLgla__root[data-ghost] .character-picker-module__IRLgla__ghost{opacity:1}.character-picker-module__IRLgla__ghost path{fill:var(--pointer);stroke:var(--pointer-edge);stroke-width:1.3px;stroke-linejoin:round;transform-box:fill-box;transform-origin:0 0}.character-picker-module__IRLgla__character{--dx:calc(var(--cp-px) - var(--cx,0px));--dy:calc(var(--cp-py) - var(--cy,0px));--turn-x:calc(clamp(-1, var(--dy) / 140px, 1) * var(--cp-look));--turn-y:calc(clamp(-1, var(--dx) / 140px, 1) * var(--cp-look));transform:perspective(240px) rotateX(calc(var(--turn-x) * -7deg)) rotateY(calc(var(--turn-y) * 9deg));transform-origin:50% 65%;overflow:visible}.character-picker-module__IRLgla__bodyRender{filter:var(--cp-material)}.character-picker-module__IRLgla__face[data-kind=character] .character-picker-module__IRLgla__character{animation:4.2s ease-in-out infinite character-picker-module__IRLgla__breathe}.character-picker-module__IRLgla__root:not([data-awake]) .character-picker-module__IRLgla__character{animation-play-state:paused}.character-picker-module__IRLgla__eyeLids{transform-box:fill-box;transform-origin:50%}.character-picker-module__IRLgla__pupils{--reach:calc(min(1.55px, hypot(var(--dx), var(--dy)) * .035) * var(--cp-look));translate:calc(cos(atan2(var(--dy), var(--dx))) * var(--reach)) calc(sin(atan2(var(--dy), var(--dx))) * var(--reach))}.character-picker-module__IRLgla__smile{transform-box:fill-box;transform-origin:50%;transition:scale .22s}.character-picker-module__IRLgla__tile:is([data-hover],:focus-visible) .character-picker-module__IRLgla__smile,.character-picker-module__IRLgla__face .character-picker-module__IRLgla__smile{scale:1.12 1.15}@keyframes character-picker-module__IRLgla__breathe{0%,to{translate:0}50%{translate:0 -3px}}.character-picker-module__IRLgla__defs{width:0;height:0;position:absolute;overflow:hidden}.character-picker-module__IRLgla__hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes character-picker-module__IRLgla__leave{0%{opacity:1}to{opacity:0;scale:.6}}@keyframes character-picker-module__IRLgla__pop{0%{opacity:0;scale:.5}}@container (max-width:459px){.character-picker-module__IRLgla__scene{--cols:4;--tile:clamp(46px, calc((100cqi - 76px) / 4), 60px);--item:clamp(28px, calc((100cqi - 76px) / 7.6), 34px);--strip-pad:4px;gap:18px;padding:24px 14px 26px}}@container (max-width:339px){.character-picker-module__IRLgla__colourControls{gap:8px}.character-picker-module__IRLgla__swatches{gap:2px}.character-picker-module__IRLgla__swatch{width:24px}.character-picker-module__IRLgla__swatch span{width:16px;height:16px}.character-picker-module__IRLgla__badge{width:96px;height:96px}.character-picker-module__IRLgla__face,.character-picker-module__IRLgla__faceOut{width:76px;height:76px}}@media (prefers-reduced-motion:reduce){.character-picker-module__IRLgla__root *,.character-picker-module__IRLgla__root :before,.character-picker-module__IRLgla__root :after{transition:none!important;animation-duration:0s!important;animation-delay:0s!important}.character-picker-module__IRLgla__pupils{translate:none}.character-picker-module__IRLgla__character{transform:none}}