@charset "UTF-8";
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-itmar-contactmail-sender {
  position: relative;
  width: 100%;
  /* loading
  ===================================== */
}
.wp-block-itmar-contactmail-sender .figure_fieldset {
  display: none;
}
.wp-block-itmar-contactmail-sender .figure_fieldset.appear {
  display: block;
}
.wp-block-itmar-contactmail-sender #to_confirm_form .err_msg, .wp-block-itmar-contactmail-sender [id^=to_input_next_] .err_msg {
  position: absolute;
  font-size: 0.8em;
  color: var(--wp--preset--color--err-message);
  top: 90%;
  left: 10%;
}
.wp-block-itmar-contactmail-sender .loading {
  font-size: clamp(4.5px, 0.52vw, 15px);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.7;
  z-index: 100;
}
.wp-block-itmar-contactmail-sender .loading.body {
  position: fixed;
}
.wp-block-itmar-contactmail-sender .loading .loadingMsg {
  color: #eee;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
}
.wp-block-itmar-contactmail-sender .loading .loading_icon {
  box-sizing: border-box;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  position: absolute;
  top: -80%;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 -30px 0 #eee, 21px -21px 0 #ddd, 30px 0 0 #ccc, 21px 21px 0 #bbb, 0 30px 0 #aaa, -21px 21px 0 #999, -30px 0 0 #666, -21px -21px 0 #000;
  /* 左上 */
  -webkit-animation: load_rotate 1s steps(8) 0s infinite;
          animation: load_rotate 1s steps(8) 0s infinite;
}

/* keyframes
===================================== */
@-webkit-keyframes load_rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes load_rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*# sourceMappingURL=style.css.map */