@charset "UTF-8";
/*------------------------------------*\
  # Theme
\*------------------------------------*/
/*------------------------------------*\
  # Colors
\*------------------------------------*/
/** identity 기본 변수 - 부트스트랩 오버라이딩 변수 포함 **/
/** App Identity Variables - New!!, Not Bootstrap variables **/
/** 부트스트랩 기본 z-index **/
/** 부트스트랩 기본 변수 오버라이드 항목 **/
/** 아래는 정리 필요 **/
/** grid **/
/** Link **/
/*------------------------------------*\
  # Colors
\*------------------------------------*/
/*------------------------------------*\
  # Font, Text Custom Variables
\*------------------------------------*/
/*--------------------------------------*\
  # Layout 요소
\*--------------------------------------*/
/*--------------------------------------*\
  #Button Variables, Placeholder, Mixin
\*--------------------------------------*/
/*------------------------------------*\
  #요 아래 친구들은 지울 수 있게 정리하자
\*------------------------------------*/
/** Form **/
/** grid **/
/** space **/
/** padding **/
.icon-window-close.svelte-2jfftk {
  position: absolute;
  right: 1rem;
  top: 1rem;
  cursor: pointer;
  color: var(--pm-main);
}

.tool-tip-box.svelte-2jfftk {
  display: none;
}

.invalid.svelte-2jfftk ~ .tool-tip-box:where(.svelte-2jfftk) {
  display: block;
}
/*------------------------------------*\
  # Theme
\*------------------------------------*/
/*------------------------------------*\
  # Colors
\*------------------------------------*/
/** identity 기본 변수 - 부트스트랩 오버라이딩 변수 포함 **/
/** App Identity Variables - New!!, Not Bootstrap variables **/
/** 부트스트랩 기본 z-index **/
/** 부트스트랩 기본 변수 오버라이드 항목 **/
/** 아래는 정리 필요 **/
/** grid **/
/** Link **/
/*------------------------------------*\
  # Colors
\*------------------------------------*/
/*------------------------------------*\
  # Font, Text Custom Variables
\*------------------------------------*/
/*--------------------------------------*\
  # Layout 요소
\*--------------------------------------*/
/*--------------------------------------*\
  #Button Variables, Placeholder, Mixin
\*--------------------------------------*/
/*------------------------------------*\
  #요 아래 친구들은 지울 수 있게 정리하자
\*------------------------------------*/
/** Form **/
/** grid **/
/** space **/
/** padding **/
@keyframes svelte-xufipt-gradient {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.dialog.svelte-xufipt {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 400px;
  max-height: 90vh;
  width: 90%;
  z-index: 1055;
  background-color: #eeeeee;
  border: 10px solid transparent;
  background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)), var(--pm-grad-main);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  overflow: hidden;
  overflow-y: auto;
  border-radius: 1rem;
  padding: 0.5rem;
  box-shadow: inset 5px 5px 5px white, inset -2px -2px 4px rgba(0, 0, 0, 0.25);
  background-size: 300% 300%;
  animation: svelte-xufipt-gradient 1s ease infinite;
}
.dialog.svelte-xufipt .pop-header:where(.svelte-xufipt) {
  background: linear-gradient(315deg, hsl(var(--pm-related-h), var(--pm-related-s), calc(var(--pm-related-l) + 5%)) 10%, hsl(var(--pm-related-h), var(--pm-related-s), calc(var(--pm-related-l) - 25%)), rgb(25.5, 25.5, 25.5), #000);
  padding: 1rem;
  color: #ffffff;
}
.dialog.svelte-xufipt .pop-body:where(.svelte-xufipt) {
  padding: 1rem;
  padding-bottom: 0;
}
.dialog.svelte-xufipt .pop-footer:where(.svelte-xufipt) {
  padding: 0 1rem 0 1rem;
}

@keyframes svelte-xufipt-zoom {
  from {
    transform: scale(0.95);
  }
  to {
    transform: scale(1);
  }
}
@keyframes svelte-xufipt-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
button.svelte-xufipt {
  display: block;
}

.icon-window-close.svelte-xufipt {
  position: absolute;
  right: 1rem;
  top: 1rem;
  cursor: pointer;
}