@keyframes rarui-sidebar_overlayAnimation__1n0cs414 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.rarui-sidebar_sidebar__1n0cs410 {
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  min-height: 100%;
  width: 100%;
  z-index: var(--rarui-zIndex-700);
  top: 0;
  opacity: 0;
  overflow-y: auto;
  box-sizing: border-box;
  transition: opacity 300ms ease, transform 300ms ease;
  background-color: var(--rarui-colors-surface-primary);
  gap: var(--rarui-spacing-3xs);
}
.rarui-sidebar_sidebar_position_left__1n0cs411 {
  left: 0;
  transform: translateX(-100%);
}
.rarui-sidebar_sidebar_position_right__1n0cs412 {
  right: 0;
  transform: translateX(100%);
}
.rarui-sidebar_sidebar_open_true__1n0cs413 {
  opacity: 1;
  transform: translateX(0);
}
.rarui-sidebar_overlay__1n0cs415 {
  position: fixed;
  background-color: var(--rarui-colors-surface-overlay);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: var(--rarui-zIndex-600);
  border: none;
  animation: rarui-sidebar_overlayAnimation__1n0cs414 0.5s ease;
}
@media screen and (min-width: 0px) {
  .rarui-sidebar_maxWidth-xs__1n0cs41a {
    max-width: var(--maxWidth-xs__1n0cs416);
  }
  .rarui-sidebar_zIndex-100-xs__1n0cs41e {
    z-index: var(--rarui-zIndex-100);
  }
  .rarui-sidebar_zIndex-200-xs__1n0cs41i {
    z-index: var(--rarui-zIndex-200);
  }
  .rarui-sidebar_zIndex-300-xs__1n0cs41m {
    z-index: var(--rarui-zIndex-300);
  }
  .rarui-sidebar_zIndex-400-xs__1n0cs41q {
    z-index: var(--rarui-zIndex-400);
  }
  .rarui-sidebar_zIndex-500-xs__1n0cs41u {
    z-index: var(--rarui-zIndex-500);
  }
  .rarui-sidebar_zIndex-600-xs__1n0cs41y {
    z-index: var(--rarui-zIndex-600);
  }
  .rarui-sidebar_zIndex-700-xs__1n0cs4112 {
    z-index: var(--rarui-zIndex-700);
  }
  .rarui-sidebar_zIndex-800-xs__1n0cs4116 {
    z-index: var(--rarui-zIndex-800);
  }
  .rarui-sidebar_zIndex-900-xs__1n0cs411a {
    z-index: var(--rarui-zIndex-900);
  }
  .rarui-sidebar_padding-none-xs__1n0cs411e {
    padding: 0;
  }
  .rarui-sidebar_padding-small-xs__1n0cs411i {
    padding: var(--rarui-spacing-2xs);
  }
  .rarui-sidebar_padding-medium-xs__1n0cs411m {
    padding: var(--rarui-spacing-xs);
  }
}
@media screen and (min-width: 768px) {
  .rarui-sidebar_maxWidth-md__1n0cs41b {
    max-width: var(--maxWidth-md__1n0cs417);
  }
  .rarui-sidebar_zIndex-100-md__1n0cs41f {
    z-index: var(--rarui-zIndex-100);
  }
  .rarui-sidebar_zIndex-200-md__1n0cs41j {
    z-index: var(--rarui-zIndex-200);
  }
  .rarui-sidebar_zIndex-300-md__1n0cs41n {
    z-index: var(--rarui-zIndex-300);
  }
  .rarui-sidebar_zIndex-400-md__1n0cs41r {
    z-index: var(--rarui-zIndex-400);
  }
  .rarui-sidebar_zIndex-500-md__1n0cs41v {
    z-index: var(--rarui-zIndex-500);
  }
  .rarui-sidebar_zIndex-600-md__1n0cs41z {
    z-index: var(--rarui-zIndex-600);
  }
  .rarui-sidebar_zIndex-700-md__1n0cs4113 {
    z-index: var(--rarui-zIndex-700);
  }
  .rarui-sidebar_zIndex-800-md__1n0cs4117 {
    z-index: var(--rarui-zIndex-800);
  }
  .rarui-sidebar_zIndex-900-md__1n0cs411b {
    z-index: var(--rarui-zIndex-900);
  }
  .rarui-sidebar_padding-none-md__1n0cs411f {
    padding: 0;
  }
  .rarui-sidebar_padding-small-md__1n0cs411j {
    padding: var(--rarui-spacing-2xs);
  }
  .rarui-sidebar_padding-medium-md__1n0cs411n {
    padding: var(--rarui-spacing-xs);
  }
}
@media screen and (min-width: 1200px) {
  .rarui-sidebar_maxWidth-lg__1n0cs41c {
    max-width: var(--maxWidth-lg__1n0cs418);
  }
  .rarui-sidebar_zIndex-100-lg__1n0cs41g {
    z-index: var(--rarui-zIndex-100);
  }
  .rarui-sidebar_zIndex-200-lg__1n0cs41k {
    z-index: var(--rarui-zIndex-200);
  }
  .rarui-sidebar_zIndex-300-lg__1n0cs41o {
    z-index: var(--rarui-zIndex-300);
  }
  .rarui-sidebar_zIndex-400-lg__1n0cs41s {
    z-index: var(--rarui-zIndex-400);
  }
  .rarui-sidebar_zIndex-500-lg__1n0cs41w {
    z-index: var(--rarui-zIndex-500);
  }
  .rarui-sidebar_zIndex-600-lg__1n0cs4110 {
    z-index: var(--rarui-zIndex-600);
  }
  .rarui-sidebar_zIndex-700-lg__1n0cs4114 {
    z-index: var(--rarui-zIndex-700);
  }
  .rarui-sidebar_zIndex-800-lg__1n0cs4118 {
    z-index: var(--rarui-zIndex-800);
  }
  .rarui-sidebar_zIndex-900-lg__1n0cs411c {
    z-index: var(--rarui-zIndex-900);
  }
  .rarui-sidebar_padding-none-lg__1n0cs411g {
    padding: 0;
  }
  .rarui-sidebar_padding-small-lg__1n0cs411k {
    padding: var(--rarui-spacing-2xs);
  }
  .rarui-sidebar_padding-medium-lg__1n0cs411o {
    padding: var(--rarui-spacing-xs);
  }
}
@media screen and (min-width: 1400px) {
  .rarui-sidebar_maxWidth-xl__1n0cs41d {
    max-width: var(--maxWidth-xl__1n0cs419);
  }
  .rarui-sidebar_zIndex-100-xl__1n0cs41h {
    z-index: var(--rarui-zIndex-100);
  }
  .rarui-sidebar_zIndex-200-xl__1n0cs41l {
    z-index: var(--rarui-zIndex-200);
  }
  .rarui-sidebar_zIndex-300-xl__1n0cs41p {
    z-index: var(--rarui-zIndex-300);
  }
  .rarui-sidebar_zIndex-400-xl__1n0cs41t {
    z-index: var(--rarui-zIndex-400);
  }
  .rarui-sidebar_zIndex-500-xl__1n0cs41x {
    z-index: var(--rarui-zIndex-500);
  }
  .rarui-sidebar_zIndex-600-xl__1n0cs4111 {
    z-index: var(--rarui-zIndex-600);
  }
  .rarui-sidebar_zIndex-700-xl__1n0cs4115 {
    z-index: var(--rarui-zIndex-700);
  }
  .rarui-sidebar_zIndex-800-xl__1n0cs4119 {
    z-index: var(--rarui-zIndex-800);
  }
  .rarui-sidebar_zIndex-900-xl__1n0cs411d {
    z-index: var(--rarui-zIndex-900);
  }
  .rarui-sidebar_padding-none-xl__1n0cs411h {
    padding: 0;
  }
  .rarui-sidebar_padding-small-xl__1n0cs411l {
    padding: var(--rarui-spacing-2xs);
  }
  .rarui-sidebar_padding-medium-xl__1n0cs411p {
    padding: var(--rarui-spacing-xs);
  }
}