/* MEGA_LOGO_FRAME_MODE_START */
#playercoverwrapper { overflow: visible !important; transform: none !important; }
#playercoverwrapper1, #playercoverwrapper2, #playerbackgroundimage, #playerbackgroundimage1, #playerbackgroundimage2 { overflow: hidden !important; }
body.mega-logo-frame-circle #playercoverwrapper, body.mega-logo-frame-circle #playercoverwrapper1, body.mega-logo-frame-circle #playercoverwrapper2, body.mega-logo-frame-circle #playerbackgroundimage, body.mega-logo-frame-circle #playerbackgroundimage1, body.mega-logo-frame-circle #playerbackgroundimage2, body.mega-logo-frame-circle .mega-logo-frame, body.mega-logo-frame-circle .mega-logo-wave { border-radius: 50% !important; }
body.mega-logo-frame-rounded #playercoverwrapper, body.mega-logo-frame-rounded #playercoverwrapper1, body.mega-logo-frame-rounded #playercoverwrapper2, body.mega-logo-frame-rounded #playerbackgroundimage, body.mega-logo-frame-rounded #playerbackgroundimage1, body.mega-logo-frame-rounded #playerbackgroundimage2, body.mega-logo-frame-rounded .mega-logo-frame, body.mega-logo-frame-rounded .mega-logo-wave { border-radius: 18% !important; }
body.mega-logo-frame-hexagon #playercoverwrapper1, body.mega-logo-frame-hexagon #playercoverwrapper2, body.mega-logo-frame-hexagon #playerbackgroundimage, body.mega-logo-frame-hexagon #playerbackgroundimage1, body.mega-logo-frame-hexagon #playerbackgroundimage2, body.mega-logo-frame-hexagon .mega-logo-frame, body.mega-logo-frame-hexagon .mega-logo-wave { border-radius: 0 !important; clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0 50%); }
body.mega-logo-frame-octagon #playercoverwrapper1, body.mega-logo-frame-octagon #playercoverwrapper2, body.mega-logo-frame-octagon #playerbackgroundimage, body.mega-logo-frame-octagon #playerbackgroundimage1, body.mega-logo-frame-octagon #playerbackgroundimage2, body.mega-logo-frame-octagon .mega-logo-frame, body.mega-logo-frame-octagon .mega-logo-wave { border-radius: 0 !important; clip-path: polygon(29% 0, 71% 0, 100% 29%, 100% 71%, 71% 100%, 29% 100%, 0 71%, 0 29%); }
.mega-logo-effects { position: absolute; z-index: 20; inset: -5px; pointer-events: none; overflow: visible; --mega-logo-frame-rgb: 255, 255, 255; --mega-logo-frame-scale: 1; --mega-logo-frame-glow: 4px; }
.mega-logo-frame, .mega-logo-wave { position: absolute; inset: 0; box-sizing: border-box; pointer-events: none; transform-origin: center center; }
.mega-logo-frame { z-index: 3; border: 3px solid rgba(var(--mega-logo-frame-rgb), .94); transform: scale(var(--mega-logo-frame-scale)); box-shadow: 0 0 var(--mega-logo-frame-glow) rgba(var(--mega-logo-frame-rgb), .62); will-change: transform, box-shadow; }
.mega-logo-wave { z-index: 1; border: 2px solid rgba(var(--mega-logo-frame-rgb), .76); opacity: 0; transform: scale(1.02); will-change: transform, opacity; }
body.mega-logo-frame-static .mega-logo-frame { --mega-logo-frame-scale: 1; --mega-logo-frame-glow: 4px; }
body.mega-logo-frame-static .mega-logo-wave, body:not(.mega-logo-frame-waves) .mega-logo-wave { opacity: 0 !important; }
#mega-logo-shape-toggle { position: absolute; z-index: 2; display: flex; align-items: center; justify-content: center; padding: 0; border: 0; background: transparent; color: #fff !important; cursor: pointer; opacity: .95; }
#mega-logo-shape-toggle:hover, #mega-logo-shape-toggle:focus-visible { opacity: 1; }
#mega-logo-shape-toggle svg { width: 100%; height: 100%; color: #fff !important; fill: none !important; stroke: #fff !important; stroke-width: 5; }
#mega-logo-shape-toggle svg * { fill: none !important; stroke: #fff !important; }
/* MEGA_LOGO_FRAME_MODE_END */