/* The menu stays opaque. Reflections are painted over an opaque base. */
html body #appRoot.app #plusMenu:not(.hidden) {
  position: absolute !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background-color: #f8f7fb !important;
  background-image: linear-gradient(132deg, #fff 0%, #f4f2f9 44%, #fbfaff 73%, #f1eff8 100%) !important;
  border-color: rgba(255,255,255,.96) !important;
  box-shadow: 0 18px 42px rgba(26,31,45,.16), inset 0 1px 0 #fff, inset 0 -1px 0 rgba(128,105,173,.1) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html body #appRoot.app #plusMenu:not(.hidden)::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  z-index: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background: linear-gradient(118deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.46) 18%, transparent 38%, transparent 70%, rgba(255,255,255,.38) 86%, transparent 100%) !important;
}
html body #appRoot.app #plusMenu:not(.hidden) > :not(.mode-state-input) { position: relative; z-index: 1; }
html body #appRoot.app #plusMenu:not(.hidden) .image-mode-label {
  min-height: 36px !important;
  margin-block: 0 !important;
  padding: 8px 9px !important;
  gap: 8px !important;
  line-height: 1.2 !important;
}
html body.ui-dark-mode #appRoot.app #plusMenu:not(.hidden) {
  background-color: #171a25 !important;
  background-image: linear-gradient(132deg, #252839 0%, #171a25 46%, #202333 76%, #151823 100%) !important;
  border-color: rgba(221,213,255,.32) !important;
  box-shadow: 0 20px 46px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.32), inset 0 -1px 0 rgba(207,190,255,.12) !important;
}
html body.ui-dark-mode #appRoot.app #plusMenu:not(.hidden)::before {
  background: linear-gradient(118deg, rgba(255,255,255,.32) 0%, rgba(255,255,255,.12) 18%, transparent 40%, transparent 70%, rgba(203,187,255,.18) 86%, transparent 100%) !important;
}