.ui-fc{--ui-fc-sky-top:#2475ea;--ui-fc-sky-bottom:#4ac8f5;--ui-fc-sky-light:rgba(110,225,255,.55);--ui-fc-white:#ffffff;--ui-fc-frost:#eef8ff;--ui-fc-tint:rgba(70,165,235,.2);--ui-fc-hole-1:#3aaef2;--ui-fc-hole-2:#62cdfa;--ui-fc-eye-drop:rgba(40,130,210,.1);--ui-fc-eye-shade:rgba(10,90,190,.24);--ui-fc-halo:rgba(30,150,255,.2);--ui-fc-edge:rgba(20,120,240,.4);--ui-fc-shadow:rgba(10,90,200,.55);--ui-fc-ground:rgba(10,80,190,.4);position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ui-fc[data-color=orange]{--ui-fc-sky-top:#e94135;--ui-fc-sky-bottom:#fa9842;--ui-fc-sky-light:rgba(255,205,150,.5);--ui-fc-frost:#fff5f0;--ui-fc-tint:rgba(235,110,70,.2);--ui-fc-hole-1:#f05f42;--ui-fc-hole-2:#fba05b;--ui-fc-eye-drop:rgba(200,70,40,.1);--ui-fc-eye-shade:rgba(170,40,20,.24);--ui-fc-halo:rgba(240,100,60,.2);--ui-fc-edge:rgba(220,80,40,.4);--ui-fc-shadow:rgba(170,50,20,.5);--ui-fc-ground:rgba(150,30,10,.36)}.ui-fc svg{display:block;width:100%;max-width:320px;overflow:visible}.ui-fc__halo{fill:var(--ui-fc-halo)}.ui-fc__edge{fill:var(--ui-fc-edge)}.ui-fc__shadow{fill:var(--ui-fc-shadow)}.ui-fc__tint{fill:var(--ui-fc-tint)}.ui-fc__eye-drop{fill:var(--ui-fc-eye-drop)}.ui-fc__eye-shade{stroke:var(--ui-fc-eye-shade)}.ui-fc[data-bg]{--ui-fc-halo:rgba(255,255,255,.75);--ui-fc-edge:rgba(255,255,255,.5);--ui-fc-shadow:var(--ui-fc-ground);background:radial-gradient(60% 55% at 62% 42%,var(--ui-fc-sky-light),transparent 70%),linear-gradient(180deg,var(--ui-fc-sky-top),var(--ui-fc-sky-bottom))}:where(.dark,[data-theme=dark]) .ui-fc{--ui-fc-sky-top:#1659c8;--ui-fc-sky-bottom:#2aa6e6;--ui-fc-sky-light:rgba(90,205,255,.45);--ui-fc-ground:rgba(5,50,140,.5)}:where(.dark,[data-theme=dark]) .ui-fc[data-color=orange]{--ui-fc-sky-top:#bf2722;--ui-fc-sky-bottom:#ed701d;--ui-fc-sky-light:rgba(255,175,120,.42);--ui-fc-ground:rgba(110,15,5,.5)}:where(.dark,[data-theme=dark]) .ui-fc:not([data-bg]){--ui-fc-halo:rgba(255,255,255,.35);--ui-fc-edge:rgba(255,255,255,.25)}.ui-gc{--ui-gc-sky-top:#2475ea;--ui-gc-sky-bottom:#4ac8f5;--ui-gc-sky-light:rgba(110,225,255,.55);--ui-gc-white:#ffffff;--ui-gc-rim:#f4fcff;--ui-gc-body-1:#06a3ff;--ui-gc-body-2:#18b2ff;--ui-gc-body-3:#58cdff;--ui-gc-eye:#cdeeff;--ui-gc-eye-shade:rgba(30,140,230,.3);--ui-gc-halo:rgba(30,150,255,.2);--ui-gc-edge:rgba(20,120,240,.4);--ui-gc-shadow:rgba(10,90,200,.55);--ui-gc-ground:rgba(10,80,190,.4);position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ui-gc[data-color=orange]{--ui-gc-sky-top:#e94135;--ui-gc-sky-bottom:#fa9842;--ui-gc-sky-light:rgba(255,205,150,.5);--ui-gc-rim:#fff9f5;--ui-gc-body-1:#f45434;--ui-gc-body-2:#fa7342;--ui-gc-body-3:#ffb175;--ui-gc-eye:#ffe8db;--ui-gc-eye-shade:rgba(230,90,50,.3);--ui-gc-halo:rgba(240,100,60,.2);--ui-gc-edge:rgba(220,80,40,.4);--ui-gc-shadow:rgba(170,50,20,.5);--ui-gc-ground:rgba(150,30,10,.36)}.ui-gc svg{display:block;width:100%;max-width:320px;overflow:visible}.ui-gc__halo{fill:var(--ui-gc-halo)}.ui-gc__edge{fill:var(--ui-gc-edge)}.ui-gc__shadow{fill:var(--ui-gc-shadow)}.ui-gc__eye-shade{stroke:var(--ui-gc-eye-shade)}.ui-gc[data-bg]{--ui-gc-halo:rgba(255,255,255,.55);--ui-gc-edge:rgba(255,255,255,.3);--ui-gc-shadow:var(--ui-gc-ground);background:radial-gradient(60% 55% at 62% 42%,var(--ui-gc-sky-light),transparent 70%),linear-gradient(180deg,var(--ui-gc-sky-top),var(--ui-gc-sky-bottom))}:where(.dark,[data-theme=dark]) .ui-gc{--ui-gc-sky-top:#1659c8;--ui-gc-sky-bottom:#2aa6e6;--ui-gc-sky-light:rgba(90,205,255,.45);--ui-gc-ground:rgba(5,50,140,.5)}:where(.dark,[data-theme=dark]) .ui-gc[data-color=orange]{--ui-gc-sky-top:#bf2722;--ui-gc-sky-bottom:#ed701d;--ui-gc-sky-light:rgba(255,175,120,.42);--ui-gc-ground:rgba(110,15,5,.5)}:where(.dark,[data-theme=dark]) .ui-gc:not([data-bg]){--ui-gc-halo:rgba(255,255,255,.35);--ui-gc-edge:rgba(255,255,255,.25)}