#gw:not(.full){position:relative}
#gw #gfxfx{position:absolute;right:36px;bottom:22px;z-index:5;width:30px;height:30px;min-width:0;min-height:0;padding:0;margin:0;display:grid;place-items:center;font-size:16px;line-height:1;border:0;border-radius:50%;background:transparent;box-shadow:none;cursor:pointer;opacity:.28;filter:none;transform:none;transition:opacity .2s,filter .2s,background .2s}
#gw #gfxfx:hover,#gw #gfxfx:focus-visible{opacity:.85;background:rgba(255,255,255,.1);filter:none;transform:none}
#gw.light #gfxfx:hover,#gw.light #gfxfx:focus-visible{background:rgba(0,0,0,.08)}
#gw #gfxfx:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
#gw #gfxfx[aria-pressed="true"]{filter:grayscale(1);opacity:.2}
#gw #gfxfx[aria-pressed="true"]:hover,#gw #gfxfx[aria-pressed="true"]:focus-visible{filter:grayscale(1);opacity:.7}
@property --fx{syntax:'<number>';inherits:true;initial-value:1}
@property --gc1{syntax:'<color>';inherits:true;initial-value:#E50914}
@property --gc2{syntax:'<color>';inherits:true;initial-value:#ff6a3d}
#gw{--fx:1;transition:--fx 1.6s cubic-bezier(.4,0,.2,1),--gc1 1.4s ease,--gc2 1.4s ease}
#g{--acc:var(--gc1)}
#gw.gfx-off{--fx:0}
/* glow of main line scales with --fx so it dims smoothly instead of cutting */
body[data-pg] #gw:not(.light) #g>path[fill=none]{filter:drop-shadow(0 0 calc(7px*var(--fx)) color-mix(in srgb,var(--gc1) calc(65%*var(--fx)),transparent))!important}
#g .gfx{opacity:1;visibility:visible;transition:opacity 1.6s cubic-bezier(.4,0,.2,1),visibility 0s 0s}
#g .gfx-flow,#g .gfx-orb{transition:opacity .7s ease}
#g .gfx-far{transition:opacity 1.6s ease}
#gw.gfx-off #g .gfx{opacity:0;visibility:hidden;transition:opacity 1.6s cubic-bezier(.4,0,.2,1),visibility 0s 1.6s}
#gw.gfx-off #g .gfx-flow,#gw.gfx-off #g .gfx-orb{opacity:0}
#gw.gfx-idle #g .gfx{display:none}
@media (prefers-reduced-motion:reduce){#gw,#g .gfx{transition:none}}