.notification-bell[data-v-f58a1a53]{box-sizing:border-box;-webkit-tap-highlight-color:transparent;appearance:none;-webkit-backdrop-filter:saturate(1.5)blur(2px);backdrop-filter:saturate(1.5)blur(2px);color:#fff;cursor:pointer;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;background:radial-gradient(at 50% 110%,#00c8c899 33%,#0aa6 66%,#0aa0 100%);border:none;border-radius:40px;outline:0;justify-content:center;align-items:center;gap:4px;min-width:52px;height:1.5rem;margin:0;padding:0 16px;font-size:.7rem;font-weight:500;line-height:normal;text-decoration:none;transition:box-shadow .25s cubic-bezier(0,0,.2,1),filter .25s cubic-bezier(0,0,.2,1),transform .25s cubic-bezier(0,0,.2,1),color .25s cubic-bezier(0,0,.2,1),background .25s cubic-bezier(0,0,.2,1);display:inline-flex;position:relative;box-shadow:inset 0 1px 8px -5px #00b4b466,inset -3px -4px 2px -4px #00c8c899,inset 3px 4px 2px -4px #ffffff80}@media (min-width:640px){.notification-bell[data-v-f58a1a53]{min-width:64px;height:1.75rem;padding:0 24px;font-size:.75rem;box-shadow:inset 0 1px 10px -5px #00b4b44d,inset -4px -5px 2px -5px #00c8c880,inset 4px 5px 2px -5px #fff9}}.notification-bell[data-v-f58a1a53]:hover{filter:brightness(1.05);box-shadow:inset 0 1px 12px -4px #00b4b459,inset -4px -5px 3px -5px #00d2d299,inset 4px 5px 3px -5px #ffffffb3}.notification-bell[data-v-f58a1a53]:active{transform:scale(.98)}