@keyframes rarui-modal_overlayAnimation__qilkny3 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.rarui-modal__qilkny0 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: calc(100% - 2rem);
  min-height: 3rem;
  justify-content: center;
  flex-wrap: nowrap;
  height: auto;
  box-sizing: border-box;
  background-color: var(--rarui-colors-surface-primary);
  border-radius: var(--rarui-shape-border-radius-sm);
  padding: var(--rarui-spacing-s);
  gap: var(--rarui-spacing-xs);
  z-index: var(--rarui-zIndex-800);
}
.rarui-modal_padding_base__qilkny1 {
  padding: var(--rarui-spacing-md) var(--rarui-spacing-s);
}
.rarui-modal_padding_none__qilkny2 {
  padding: 0;
}
.rarui-modal_overlay__qilkny4 {
  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-modal_overlayAnimation__qilkny3 0.5s ease;
}
@media screen and (min-width: 0px) {
  .rarui-modal_maxWidth-xs__qilkny9 {
    max-width: var(--maxWidth-xs__qilkny5);
  }
  .rarui-modal_zIndex-100-xs__qilknyd {
    z-index: var(--rarui-zIndex-100);
  }
  .rarui-modal_zIndex-200-xs__qilknyh {
    z-index: var(--rarui-zIndex-200);
  }
  .rarui-modal_zIndex-300-xs__qilknyl {
    z-index: var(--rarui-zIndex-300);
  }
  .rarui-modal_zIndex-400-xs__qilknyp {
    z-index: var(--rarui-zIndex-400);
  }
  .rarui-modal_zIndex-500-xs__qilknyt {
    z-index: var(--rarui-zIndex-500);
  }
  .rarui-modal_zIndex-600-xs__qilknyx {
    z-index: var(--rarui-zIndex-600);
  }
  .rarui-modal_zIndex-700-xs__qilkny11 {
    z-index: var(--rarui-zIndex-700);
  }
  .rarui-modal_zIndex-800-xs__qilkny15 {
    z-index: var(--rarui-zIndex-800);
  }
  .rarui-modal_zIndex-900-xs__qilkny19 {
    z-index: var(--rarui-zIndex-900);
  }
}
@media screen and (min-width: 768px) {
  .rarui-modal_maxWidth-md__qilknya {
    max-width: var(--maxWidth-md__qilkny6);
  }
  .rarui-modal_zIndex-100-md__qilknye {
    z-index: var(--rarui-zIndex-100);
  }
  .rarui-modal_zIndex-200-md__qilknyi {
    z-index: var(--rarui-zIndex-200);
  }
  .rarui-modal_zIndex-300-md__qilknym {
    z-index: var(--rarui-zIndex-300);
  }
  .rarui-modal_zIndex-400-md__qilknyq {
    z-index: var(--rarui-zIndex-400);
  }
  .rarui-modal_zIndex-500-md__qilknyu {
    z-index: var(--rarui-zIndex-500);
  }
  .rarui-modal_zIndex-600-md__qilknyy {
    z-index: var(--rarui-zIndex-600);
  }
  .rarui-modal_zIndex-700-md__qilkny12 {
    z-index: var(--rarui-zIndex-700);
  }
  .rarui-modal_zIndex-800-md__qilkny16 {
    z-index: var(--rarui-zIndex-800);
  }
  .rarui-modal_zIndex-900-md__qilkny1a {
    z-index: var(--rarui-zIndex-900);
  }
}
@media screen and (min-width: 1200px) {
  .rarui-modal_maxWidth-lg__qilknyb {
    max-width: var(--maxWidth-lg__qilkny7);
  }
  .rarui-modal_zIndex-100-lg__qilknyf {
    z-index: var(--rarui-zIndex-100);
  }
  .rarui-modal_zIndex-200-lg__qilknyj {
    z-index: var(--rarui-zIndex-200);
  }
  .rarui-modal_zIndex-300-lg__qilknyn {
    z-index: var(--rarui-zIndex-300);
  }
  .rarui-modal_zIndex-400-lg__qilknyr {
    z-index: var(--rarui-zIndex-400);
  }
  .rarui-modal_zIndex-500-lg__qilknyv {
    z-index: var(--rarui-zIndex-500);
  }
  .rarui-modal_zIndex-600-lg__qilknyz {
    z-index: var(--rarui-zIndex-600);
  }
  .rarui-modal_zIndex-700-lg__qilkny13 {
    z-index: var(--rarui-zIndex-700);
  }
  .rarui-modal_zIndex-800-lg__qilkny17 {
    z-index: var(--rarui-zIndex-800);
  }
  .rarui-modal_zIndex-900-lg__qilkny1b {
    z-index: var(--rarui-zIndex-900);
  }
}
@media screen and (min-width: 1400px) {
  .rarui-modal_maxWidth-xl__qilknyc {
    max-width: var(--maxWidth-xl__qilkny8);
  }
  .rarui-modal_zIndex-100-xl__qilknyg {
    z-index: var(--rarui-zIndex-100);
  }
  .rarui-modal_zIndex-200-xl__qilknyk {
    z-index: var(--rarui-zIndex-200);
  }
  .rarui-modal_zIndex-300-xl__qilknyo {
    z-index: var(--rarui-zIndex-300);
  }
  .rarui-modal_zIndex-400-xl__qilknys {
    z-index: var(--rarui-zIndex-400);
  }
  .rarui-modal_zIndex-500-xl__qilknyw {
    z-index: var(--rarui-zIndex-500);
  }
  .rarui-modal_zIndex-600-xl__qilkny10 {
    z-index: var(--rarui-zIndex-600);
  }
  .rarui-modal_zIndex-700-xl__qilkny14 {
    z-index: var(--rarui-zIndex-700);
  }
  .rarui-modal_zIndex-800-xl__qilkny18 {
    z-index: var(--rarui-zIndex-800);
  }
  .rarui-modal_zIndex-900-xl__qilkny1c {
    z-index: var(--rarui-zIndex-900);
  }
}