@charset "UTF-8";
@font-face {
  font-family: "toastme";
  src: url("../icons/toastme.eot?p0xg3v");
  src: url("../icons/toastme.eot?p0xg3v#iefix") format("embedded-opentype"), url("../icons/toastme.ttf?p0xg3v") format("truetype"), url("../icons/toastme.woff?p0xg3v") format("woff"), url("../icons/toastme.svg?p0xg3v#toastme") format("svg");
  font-weight: normal;
  font-style: normal;
}
.toastme-dialog .btn-toastme {
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 14px;
  white-space: nowrap;
  cursor: pointer;
  padding: 6px 15px;
  margin: 3px;
  border-radius: 3px;
  border: 1px solid;
}
.toastme-dialog .btn-toastme:hover {
  opacity: 0.9;
}
.toastme-dialog .btn-toastme:disabled {
  background-color: transparent;
  cursor: not-allowed;
  opacity: 0.7;
}
.toastme-dialog .btn-toastme:active {
  opacity: 1;
}
.toastme-dialog .btn-toastme:focus {
  outline: 0;
}
.toastme-dialog .btn-toastme.--toastme-confirm {
  color: #fff;
  background: #3f51b5;
  border: 1px solid #3f51b5;
}
.toastme-dialog .btn-toastme.--toastme-cancel {
  color: #4c4c4c;
  background: #f9f9f9;
  border: 1px solid #ddd;
}
.toastme-dialog.dark .btn-toastme.--toastme-cancel {
  color: #fff;
  background: #434967;
  border: 1px solid #434967;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-4-30 16:27:16
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
.flip-in-hor-bottom {
  animation: flip-in-hor-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
@keyframes flip-in-hor-bottom {
  0% {
    transform: rotateX(80deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0);
    opacity: 1;
  }
}
.slide-in-fwd-center {
  animation: slide-in-fwd-center 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
@keyframes slide-in-fwd-center {
  0% {
    transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0);
    opacity: 1;
  }
}
.shake-horizontal {
  animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s both;
}
@keyframes shake-horizontal {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70% {
    transform: translateX(-10px);
  }
  20%, 40%, 60% {
    transform: translateX(10px);
  }
  80% {
    transform: translateX(8px);
  }
  90% {
    transform: translateX(-8px);
  }
}
.bounce-top {
  animation: bounce-top 0.9s both;
}
@keyframes bounce-top {
  0% {
    transform: translateY(-45px);
    animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    transform: translateY(-24px);
    animation-timing-function: ease-in;
  }
  65% {
    transform: translateY(-12px);
    animation-timing-function: ease-in;
  }
  82% {
    transform: translateY(-6px);
    animation-timing-function: ease-in;
  }
  93% {
    transform: translateY(-4px);
    animation-timing-function: ease-in;
  }
  25%, 55%, 75%, 87% {
    transform: translateY(0px);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translateY(0px);
    animation-timing-function: ease-out;
    opacity: 1;
  }
}
.jello-horizontal {
  animation: jello-horizontal 0.9s both;
}
@keyframes jello-horizontal {
  0% {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.wobble-hor-bottom {
  animation: wobble-hor-bottom 0.8s both;
}
@keyframes wobble-hor-bottom {
  0%, 100% {
    transform: translateX(0%);
    transform-origin: 50% 50%;
  }
  15% {
    transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    transform: translateX(15px) rotate(6deg);
  }
  45% {
    transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    transform: translateX(-6px) rotate(-1.2deg);
  }
}
@keyframes toastIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.toastme.fade-out {
  animation: fade-out 0.5s forwards ease-in-out 0s;
}

.toastme-list {
  position: fixed;
  width: 400px;
  padding: 0;
  margin: 0;
  padding-inline-start: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}

.toastme {
  font-size: 18px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  color: #333;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  max-width: 100%;
  text-align: left;
  padding: 10px 15px 10px 45px;
  border-radius: 2px;
  background-color: #f5f5f5;
  cursor: pointer;
  z-index: 100;
  transform: translateY(20px);
  transition: all 0.2s ease-in-out;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  animation: flip-in-hor-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.toastme a {
  color: #333;
  text-decoration: underline;
}
.toastme.success {
  color: #fff;
  background-color: #85A9FF;
}
.toastme.success a {
  color: #fff;
  text-decoration: underline;
}
.toastme.success .toastme-ico {
  color: #5285ff;
}
.toastme.success .toastme-ico:before {
  content: "\ea10";
}
.toastme.error {
  color: #fff;
  background-color: #EB5757;
}
.toastme.error a {
  color: #fff;
  text-decoration: underline;
}
.toastme.error .toastme-ico {
  color: #e62929;
}
.toastme.error .toastme-ico:before {
  content: "\ea0d";
}
.toastme.warning {
  color: #fff;
  background-color: #ff9800;
}
.toastme.warning a {
  color: #fff;
  text-decoration: underline;
}
.toastme.warning .toastme-ico {
  color: #cc7a00;
}
.toastme.warning .toastme-ico:before {
  content: "\ea07";
}
.toastme.info {
  color: #fff;
  background-color: #2196f3;
}
.toastme.info a {
  color: #fff;
  text-decoration: underline;
}
.toastme.info .toastme-ico {
  color: #0c7cd5;
}
.toastme.info .toastme-ico:before {
  content: "\ea0c";
}
.toastme .toastme-close {
  color: #333;
  opacity: 0.7;
  float: right;
  right: -2px;
  top: 2px;
  font-size: 8px;
  font-family: "toastme" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  background: transparent;
  border: none;
  box-shadow: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.toastme .toastme-close:after {
  content: "\ea0f";
  color: #ddd;
}
.toastme .toastme-close:hover, .toastme .toastme-close:focus {
  opacity: 1;
}
.toastme .toastme-ico {
  font-size: 1.5rem;
  color: #666666;
  font-family: "toastme" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 2px;
  position: absolute;
  left: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.toastme .toastme-ico:before {
  content: "\ea08";
}
.toastme .toastme-content {
  min-width: 250px;
  overflow-wrap: break-word;
}

@media only screen and (max-width: 640px) {
  .toastme-list {
    position: fixed;
    width: 250px;
    padding: 0;
    margin: 0;
    padding-inline-start: 0;
    margin-block-start: 0;
    margin-block-end: 0;
  }
  .toastme {
    font-size: 13px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    color: #333;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    max-width: 100%;
    text-align: left;
    padding: 10px 15px 10px 45px;
    border-radius: 2px;
    background-color: #f5f5f5;
    cursor: pointer;
    z-index: 100;
    transform: translateY(20px);
    transition: all 0.2s ease-in-out;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    animation: flip-in-hor-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  }
  .toastme a {
    color: #333;
    text-decoration: underline;
  }
  .toastme.success {
    color: #fff;
    background-color: #85A9FF;
  }
  .toastme.success a {
    color: #fff;
    text-decoration: underline;
  }
  .toastme.success .toastme-ico {
    color: #5285ff;
  }
  .toastme.success .toastme-ico:before {
    content: "\ea10";
  }
  .toastme.error {
    color: #fff;
    background-color: #EB5757;
  }
  .toastme.error a {
    color: #fff;
    text-decoration: underline;
  }
  .toastme.error .toastme-ico {
    color: #e62929;
  }
  .toastme.error .toastme-ico:before {
    content: "\ea0d";
  }
  .toastme.warning {
    color: #fff;
    background-color: #ff9800;
  }
  .toastme.warning a {
    color: #fff;
    text-decoration: underline;
  }
  .toastme.warning .toastme-ico {
    color: #cc7a00;
  }
  .toastme.warning .toastme-ico:before {
    content: "\ea07";
  }
  .toastme.info {
    color: #fff;
    background-color: #2196f3;
  }
  .toastme.info a {
    color: #fff;
    text-decoration: underline;
  }
  .toastme.info .toastme-ico {
    color: #0c7cd5;
  }
  .toastme.info .toastme-ico:before {
    content: "\ea0c";
  }
  .toastme .toastme-close {
    color: #333;
    opacity: 0.7;
    float: right;
    right: -2px;
    top: 2px;
    font-size: 8px;
    font-family: "toastme" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    background: transparent;
    border: none;
    box-shadow: none;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
  }
  .toastme .toastme-close:after {
    content: "\ea0f";
    color: #ddd;
  }
  .toastme .toastme-close:hover, .toastme .toastme-close:focus {
    opacity: 1;
  }
  .toastme .toastme-ico {
    font-size: 1.5rem;
    color: #666666;
    font-family: "toastme" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 2px;
    position: absolute;
    left: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .toastme .toastme-ico:before {
    content: "\ea08";
  }
  .toastme .toastme-content {
    min-width: 150px;
    overflow-wrap: break-word;
  }
}
.toastme.dark.default {
  color: #fff;
  background-color: #252839;
  border: 1px solid #252839;
}
.toastme.dark.default .toastme-ico {
  color: white;
}
.toastme.dark.default .toastme-ico:before {
  content: "\ea08";
}
.toastme.dark.success {
  color: #fff;
  background-color: #252839;
  border: 1px solid #252839;
}
.toastme.dark.success .toastme-ico {
  color: #85A9FF;
}
.toastme.dark.success .toastme-ico:before {
  content: "\ea10";
}
.toastme.dark.error {
  color: #fff;
  background-color: #252839;
  border: 1px solid #252839;
}
.toastme.dark.error .toastme-ico {
  color: #EB5757;
}
.toastme.dark.error .toastme-ico:before {
  content: "\ea0d";
}
.toastme.dark.warning {
  color: #fff;
  background-color: #252839;
  border: 1px solid #252839;
}
.toastme.dark.warning .toastme-ico {
  color: #ff9800;
}
.toastme.dark.warning .toastme-ico:before {
  content: "\ea07";
}
.toastme.dark.info {
  color: #fff;
  background-color: #252839;
  border: 1px solid #252839;
}
.toastme.dark.info .toastme-ico {
  color: #2196f3;
}
.toastme.dark.info .toastme-ico:before {
  content: "\ea0c";
}

.toastme.ligh.default {
  color: #333;
  background-color: #fff;
  border: 1px solid #ddd;
}
.toastme.ligh.default .toastme-ico {
  color: #4d4d4d;
}
.toastme.ligh.default .toastme-ico:before {
  content: "\ea08";
}
.toastme.ligh.success {
  color: #333;
  background-color: #fff;
  border: 1px solid #ddd;
}
.toastme.ligh.success .toastme-ico {
  color: #85A9FF;
}
.toastme.ligh.success .toastme-ico:before {
  content: "\ea10";
}
.toastme.ligh.error {
  color: #333;
  background-color: #fff;
  border: 1px solid #ddd;
}
.toastme.ligh.error .toastme-ico {
  color: #EB5757;
}
.toastme.ligh.error .toastme-ico:before {
  content: "\ea0d";
}
.toastme.ligh.warning {
  color: #333;
  background-color: #fff;
  border: 1px solid #ddd;
}
.toastme.ligh.warning .toastme-ico {
  color: #ff9800;
}
.toastme.ligh.warning .toastme-ico:before {
  content: "\ea07";
}
.toastme.ligh.info {
  color: #333;
  background-color: #fff;
  border: 1px solid #ddd;
}
.toastme.ligh.info .toastme-ico {
  color: #2196f3;
}
.toastme.ligh.info .toastme-ico:before {
  content: "\ea0c";
}

.toastme-dialog-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.65);
  z-index: 999;
  display: flex;
  justify-content: center;
}

.toastme-diag-actions {
  display: flex;
  justify-content: center;
  align-items: center;
}

.toastme-dialog-ico {
  width: 50px;
  height: 50px;
  display: inline-block;
  margin-bottom: 10px;
  font-size: 3rem;
  font-family: "toastme" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  animation: flip-in-hor-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}
.toastme-dialog-ico.success {
  color: #8bc34a;
}
.toastme-dialog-ico.success:before {
  content: "\ea10";
}
.toastme-dialog-ico.danger {
  color: #f44336;
  animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s both;
}
.toastme-dialog-ico.danger:before {
  content: "\ea0d";
}
.toastme-dialog-ico.info {
  color: #03a9f4;
  animation: bounce-top 0.9s both;
}
.toastme-dialog-ico.info:before {
  content: "\ea0c";
}
.toastme-dialog-ico.warning {
  color: #ffc107;
  animation: wobble-hor-bottom 0.8s 0.5s both;
}
.toastme-dialog-ico.warning:before {
  content: "\ea07";
}
.toastme-dialog-ico.question {
  color: #3f51b5;
  animation: jello-horizontal 0.9s 0.5s both;
}
.toastme-dialog-ico.question:before {
  content: "\ea09";
}

.toastme-dialog {
  padding: 10px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  display: table;
  color: #010101;
  background: #f9f9f9;
  border-radius: 3px;
  border: 1px solid #ddd;
  width: 280px;
  position: relative;
  top: calc(50% - 200px);
  z-index: 1000;
  transition: all ease-in-out 0.2s;
  box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.05);
  animation: toastDialogIn 0.2s ease-in-out 0s forwards;
}
.toastme-dialog.dark {
  color: #fff;
  background: #252839;
  border: 1px solid #252839;
}
.toastme-dialog.toastme-dialog-closing {
  animation: toastDialogOut 0.1s ease-in-out 0s forwards;
}
.toastme-dialog .toastme-dialog-title {
  font-size: 15px;
  font-weight: 600;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0 0 10px;
  line-height: 16px;
}
.toastme-dialog .toastme-dialog-text {
  font-size: 14px;
  font-family: Helvetica, sans-serif;
  margin: 0 0 10px;
  line-height: 14px;
}

@keyframes toastDialogIn {
  0% {
    transform: rotate(0) translateY(-30px);
    opacity: 0;
  }
  100% {
    transform: rotate(0) translateY(0);
    opacity: 1;
  }
}
@keyframes toastDialogOut {
  0% {
    transform: rotate(0) translateY(0);
    opacity: 1;
  }
  100% {
    transform: rotate(0) translateY(-30px);
    opacity: 0;
  }
}
@keyframes toastIconIn {
  0% {
    transform: rotate(0) scale(1.01);
    opacity: 0;
  }
  50% {
    transform: rotate(0) scale(1.15);
  }
  100% {
    transform: rotate(0) scale(1);
    opacity: 1;
  }
}/*# sourceMappingURL=toastme.css.map */