.ui-switch-sidebar {
  position: fixed;
  top: 200px;
  right: -175px;
  z-index: 9999;
  display: flex;
  flex-direction: row;
  justify-content: start;
  transition: right 0.3s ease-in-out;
}
.ui-switch-sidebar.open {
  right: 0 !important;
}
.ui-switch-sidebar .ui-switch-handle {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ui-switch-sidebar .ui-switch-handle .ui-switch-bar {
  background: #FF5C00 !important;
  background: -moz-linear-gradient(90deg, #FF5C00 0%, #FF4653 100%) !important;
  background: -webkit-linear-gradient(90deg, #FF5C00 0%, #FF4653 100%) !important;
  background: linear-gradient(90deg, #FF5C00 0%, #FF4653 100%) !important;
  width: 45px;
  color: white;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: stretch;
}
.ui-switch-sidebar .ui-switch-handle .ui-switch-bar .bar-drag {
  flex: 0 0 auto;
  padding: 2px 0 2px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: grab;
}
.ui-switch-sidebar .ui-switch-handle .ui-switch-bar .bar-drag mat-icon {
  height: 20px;
  width: 20px;
  font-size: 20px;
}
.ui-switch-sidebar .ui-switch-handle .ui-switch-bar .bar-content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.ui-switch-sidebar .ui-switch-handle .ui-switch-bar .bar-title {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.ui-switch-sidebar .ui-switch-handle .ui-switch-bar .bar-title mat-icon {
  height: 32px;
  width: 32px;
  font-size: 32px;
}
.ui-switch-sidebar .ui-switch-frame {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: stretch;
  height: 175px;
}
.ui-switch-sidebar .ui-switch-frame.closed {
  right: -175px;
}
.ui-switch-sidebar .ui-switch-frame .content {
  width: 175px;
  border: 1px solid #FF5C00;
  background: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
}
.ui-switch-sidebar .ui-switch-frame .content .switch-button {
  width: 64px;
  height: 64px;
  border: none;
  border-radius: 50px;
  background: none;
}
.ui-switch-sidebar .ui-switch-frame .content .switch-button:hover {
  background: #eaeaea;
}