@charset "UTF-8";
.custom-option-input {
  outline: none;
  border: none;
}

.address-field {
  display: none;
  transition: max-height 0.4s ease, opacity 0.4s ease;
}

.address-field.visible {
  display: flex;
  max-height: 100px;
}

form {
  height: 100%;
}

.login-field .box.error {
  border: 1px solid #da3755;
}
.login-field .box.error:first-of-type {
  border-radius: 0.5rem 0.5rem 0 0;
}
.login-field .box.error:last-of-type {
  border-radius: 0 0 0.5rem 0.5rem;
}

.dropdown-wrap .select-menu .select-box.error {
  border: 1px solid #da3755;
}
.dropdown-wrap .input-msg {
  font-size: 0.75rem;
  font-weight: 500;
  color: #757b98;
  line-height: 160%;
  display: flex;
  padding-left: 0.25rem;
}
.dropdown-wrap .input-msg.error {
  color: #da3755;
}

.box.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.6;
}
.box.disabled input {
  cursor: not-allowed;
  pointer-events: none;
}

.preview-visual {
  width: 100%;
  height: 100%;
  overflow: hidden;
  /* 혹시 넘칠 경우 잘라냄 */
  display: flex;
  justify-content: center;
  align-items: center;
}
.preview-visual .preview-image {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
  object-fit: contain;
  /* 비율 유지하면서 부모 안에 딱 맞춤 */
}

.device-screen-size {
  display: none !important;
}
.device-screen-size.visible {
  display: flex !important;
}

.uploader .image-uploader .upload-dropzone {
  min-width: 17.5rem !important;
}

.device-toggle, .device-search, .before-connection, .after-connection, .device-research, .connected-device-box {
  display: none;
}
.device-toggle.visible, .device-search.visible, .before-connection.visible, .after-connection.visible, .device-research.visible, .connected-device-box.visible {
  display: flex;
}

.connected-device, .not-connected-device {
  display: none;
}
.connected-device.visible, .not-connected-device.visible {
  display: block;
}

.player-info .player-info-wrap .info-wrap.after-connection {
  display: none;
}
.player-info .player-info-wrap .info-wrap.after-connection.visible {
  display: flex;
}

.device-search-box {
  display: none;
}
.device-search-box.visible {
  width: 100%;
  border-radius: 0.5rem;
  height: 2.5rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.75rem;
  font-size: 0.875rem;
  border: 1px solid #e1e3f2;
}
.device-search-box span {
  color: #949ab8;
}

.device-connect .spinner-overlay {
  display: none;
}
.device-connect .spinner-overlay.visible {
  display: flex;
}

.is-collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  border-width: 0 !important;
  pointer-events: none;
  width: 0 !important;
}

.display-none {
  display: none;
}

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