.r-sidebar {
  width: 400px;
  right: -400px;
  padding: 0;
  background-color: #FFFFFF;
  z-index: 1051;
  position: fixed;
  top: 0;
  bottom: 0;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  transition: right 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99);
  backface-visibility: hidden;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.r-sidebar.open {
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
  right: 0;
}
.r-sidebar .modal-header {
  background-color: #FFFFFF;
}
.r-sidebar .modal-header .btn-close {
  padding: 0.8rem;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0.357rem;
  background-color: #FFFFFF;
  opacity: 1;
  transition: all 0.23s ease 0.1s;
  position: relative;
  transform: translate(18px, -10px);
}
.r-sidebar .modal-header .btn-close:hover, .r-sidebar .modal-header .btn-close:focus, .r-sidebar .modal-header .btn-close:active {
  opacity: 1;
  outline: none;
  transform: translate(15px, -2px);
  box-shadow: none;
}

.r-sidebar .react-select {
  max-width: 100%;
}

.r-sidebar {
  width: 400px;
  right: -100vw;
  height: 100vh;
}
.r-sidebar.customizer-md {
  width: 600px;
}
.r-sidebar.customizer-lg {
  width: 800px;
}
.r-sidebar.customizer-500 {
  width: 500px;
}
@media (max-width: 500px) {
  .r-sidebar.customizer-500 {
    width: 100vw;
  }
}
.r-sidebar.customizer-600 {
  width: 600px;
}
@media (max-width: 600px) {
  .r-sidebar.customizer-600 {
    width: 100vw;
  }
}
.r-sidebar.customizer-700 {
  width: 700px;
}
@media (max-width: 700px) {
  .r-sidebar.customizer-700 {
    width: 100vw;
  }
}
.r-sidebar.customizer-800 {
  width: 800px;
}
@media (max-width: 800px) {
  .r-sidebar.customizer-800 {
    width: 100vw;
  }
}
.r-sidebar.customizer-900 {
  width: 900px;
}
@media (max-width: 900px) {
  .r-sidebar.customizer-900 {
    width: 100vw;
  }
}
.r-sidebar.customizer-1000 {
  width: 1000px;
}
@media (max-width: 1000px) {
  .r-sidebar.customizer-1000 {
    width: 100vw;
  }
}
.r-sidebar.customizer-1500 {
  width: 1500px;
}
@media (max-width: 1500px) {
  .r-sidebar.customizer-1500 {
    width: 100vw;
  }
}
.r-sidebar.fullscreen {
  width: 100%;
}
.r-sidebar.open {
  right: 0;
}

/*# sourceMappingURL=sidebar.css.map */
