[Bug] mpris widget appears to have permanent inset transparent shadow

[huntekye]

Describe the bug Whenever the left or right edges of .widget-mpris-player come very close to the edge of one of .widget-mpris, .widget-mpris > box, or .widget-mpris > box > button, the left/right edge of .widget-mpris-player has a feathered transparent bit, which seems to defy any attempt to remove it.

To Reproduce Steps to reproduce the behavior:

1. The following section in config.json

   "mpris": {
   "image-size": 96,
   "image-radius": 7,
   "blur" : false
   },

2. Example style.css 1, with 1 active player:

   
   .widget-mpris {
   background: black;
   box-shadow: none;
   border: none;
   padding: 0px;
   margin: 0px;
   }
   .widget-mpris > box {
   background: grey;
   box-shadow: none;
   border: none;
   padding: 0px;
   margin: 0px;
   }
   .widget-mpris > box > button {
   background: green;
   box-shadow: none;
   border: none;
   border-radius: 0px;
   padding: 0px;
   margin: 0px;
   }
   .widget-mpris-player {
   background: white;
   box-shadow: none;
   border: none;
   border-radius: 0px;
   padding: 0px;
   margin: 0px;
   }
   .widget-mpris-album-art {
   box-shadow: none;
   margin: 20px;
   }

![image](https://github.com/ErikReider/SwayNotificationCenter/assets/96082331/7bf0e256-f402-4b69-aac1-738c9643375f)

3. Example style.css 2, with 1 active player:

.widget-mpris { background: black; box-shadow: none; border: none; padding: 20px; margin: 0px; } .widget-mpris > box { background: grey; box-shadow: none; border: none; padding: 0px; margin: 0px; } .widget-mpris > box > button { background: green; box-shadow: none; border: none; border-radius: 0px; padding: 0px; margin: 0px; } .widget-mpris-player { background: white; box-shadow: none; border: none; border-radius: 0px; padding: 0px; margin: 0px; } .widget-mpris-album-art { box-shadow: none; margin: 20px; }

![image](https://github.com/ErikReider/SwayNotificationCenter/assets/96082331/8ceb7fd8-5b9a-4941-9f9a-66582c1f83f0)

4. Example style.css 3, with 2 active players:

.widget-mpris { background: black; box-shadow: none; border: none; padding: 20px; margin: 0px; } .widget-mpris > box { background: grey; box-shadow: none; border: none; padding: 20px; margin: 0px; } .widget-mpris > box > button { background: green; box-shadow: none; border: none; border-radius: 0px; padding: 0px; margin: 0px; } .widget-mpris-player { background: white; box-shadow: none; border: none; border-radius: 0px; padding: 0px; margin: 0px; } .widget-mpris-album-art { box-shadow: none; margin: 20px; }

![image](https://github.com/ErikReider/SwayNotificationCenter/assets/96082331/32603057-d415-410a-b4da-429b162c39af)

**Expected behavior**
Ideally there should be some way to remove these faded edges on the player, which I have not managed to do. I'm considering this a bug since none of the other widgets seem to behave the same way.

**Desktop:**
 - OS: Arch: `6.9.2-arch1-1 #1 SMP PREEMPT_DYNAMIC Sun, 26 May 2024 01:30:29 +0000 x86_64 GNU/Linux`
 - WM: sway
 - Version: swaync 0.10.1

[ErikReider]

It's a fade effect that I added so that the widget doesn't just disappear when switching to a different player.

It isn't supposed to be visible when not scrolling though...