/* SkabStudio v2.8.6 — definitive mobile UI fixes */
#garageNotificationButton.garage-notification-button{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  border-radius:999px!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  display:grid;
  place-items:center;
}
#garageNotificationButton.garage-notification-button::before,
#garageNotificationButton.garage-notification-button::after{display:none!important;content:none!important}
#garageNotificationButton.garage-notification-button svg{width:23px!important;height:23px!important}

#memberNotificationDrawer.member-notification-drawer{
  position:fixed!important;
  inset:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  z-index:2147483000!important;
  margin:0!important;
  padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0)!important;
  align-items:flex-start!important;
  justify-content:center!important;
  overflow:hidden!important;
}
#memberNotificationDrawer.member-notification-drawer.is-open{display:flex!important}
#memberNotificationDrawer .member-notification-panel{
  width:100%!important;
  max-width:520px!important;
  height:auto!important;
  max-height:100dvh!important;
  margin:0!important;
  border-top:0!important;
  border-left:1px solid rgba(90,231,255,.35)!important;
  border-right:1px solid rgba(90,231,255,.35)!important;
  border-bottom:1px solid rgba(90,231,255,.35)!important;
  align-self:flex-start!important;
}

html.member-profile-document,
html.member-profile-document body{margin:0!important;padding:0!important;scroll-padding-top:0!important}
body.member-profile-page{margin:0!important;padding:0!important;min-height:100dvh!important}
body.member-profile-page .members-page{
  margin:0 auto!important;
  padding-top:4px!important;
  transform:none!important;
}

@media(max-width:720px){
  #garageNotificationButton.garage-notification-button{right:63px!important;top:10px!important}
  #memberNotificationDrawer .member-notification-panel{max-width:none!important;max-height:100dvh!important}
}