/* rangooo fx3: Colour Online delight */
.cc-stage canvas.fx3-ov{pointer-events:none}
.fx3-rip{position:fixed;z-index:2147483000;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;pointer-events:none;
  border:3px solid var(--c,#F28C28);box-shadow:0 0 18px var(--c,#F28C28);animation:fx3rip .62s cubic-bezier(.2,.8,.3,1) both}
@keyframes fx3rip{0%{opacity:.9;transform:scale(.2)}100%{opacity:0;transform:scale(2.6)}}
.fx3-trail{position:fixed;inset:0;width:100%;height:100%;z-index:2147482990;pointer-events:none}
.fx3-mp{position:absolute;left:10px;top:10px;z-index:5;width:48px;height:48px;border-radius:50%;border:1px solid var(--line,rgba(0,0,0,.12));
  background:var(--surface,#fff);color:var(--muted,#667);display:grid;place-items:center;padding:0;cursor:pointer;box-shadow:0 4px 14px rgba(22,32,44,.14);
  -webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;transition:color .2s,background .2s,transform .15s}
.fx3-mp:active{transform:scale(.92)}
.fx3-mp[aria-pressed="true"]{color:#fff;background:linear-gradient(135deg,#f59f00,#e8590c 60%,#c2255c);border-color:transparent}
.fx3-mp:focus-visible{outline:3px solid #E8590C;outline-offset:2px}
html[data-fx-tier="C"] .fx3-mp,html[data-fx-tier="C"] .fx3-trail{display:none}
@media (prefers-reduced-motion:reduce){.fx3-mp,.fx3-trail,.fx3-rip{display:none}}

.fx3-mp-s{position:absolute;left:68px;top:18px;z-index:6;padding:8px 12px;border-radius:999px;background:rgba(22,32,44,.88);color:#fff;font:600 13px/1 system-ui,sans-serif;white-space:nowrap;opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .25s;pointer-events:none}
.fx3-mp-s.show{opacity:1;transform:none}
.fx3-mp[aria-pressed="true"]{box-shadow:0 0 0 3px rgba(255,200,87,.55),0 6px 18px rgba(255,120,40,.4)}