@charset "UTF-8";
/* @import url("src/bootstrap/bootstrap.min.css");
@import url("src/splide/splide.min.css"); */
@import url("https://unpkg.com/ionicons@4.5.10-0/dist/css/ionicons.min.css");
/* @import url("https://fonts.googleapis.com/css?family=Poppins:400,500,600&display=swap"); */

.ax-file-upload {
  position: relative;
  display: flex;
  width: 100%;
  height: 220px;
}

.ax-file-upload input[type="file"] {
  overflow: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}

.ax-file-upload label {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  background-color: rgba(220, 220, 233, 0.2);
  background-size: 45px 58px;
  border: 1px solid #DCDCE9;
  border-radius: 10px;
  margin: 0;
}

.ax-file-upload label span {
  display: block;
  font-size: 15px;
  color: #A9ABAD;
  height: auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  font-weight: 500;
  transform: translate(0%, -50%);
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  width: 100%;
  text-align: center;
  border-radius: 0;
}

.ax-file-upload label span .icon,
.ax-file-upload label span ion-icon {
  --ionicon-stroke-width: 32px;
  font-size: 48px;
  color: #A9ABAD;
}

.ax-file-upload label span strong {
  display: block;
  font-weight: 500;
}

.ax-file-upload label span i {
  font-style: normal;
  display: block;
}

.ax-file-upload label.file-uploaded {
  background-size: cover;
  background-position: center;
}

.ax-file-upload label.file-uploaded:before {
  content: '';
  width: 38px;
  height: 38px;
  background: #1DCC70;
  border-radius: 100%;
  display: flex;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='23px' height='20px' viewBox='0 0 23 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline id='Path' stroke='%23FFFFFF' stroke-width='2.4' points='21.2 2 7.76 18 2 12'%3E%3C/polyline%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  left: 50%;
  top: calc(50% + -22px);
  transform: translate(-50%, -50%);
}

.ax-file-upload label.file-uploaded label {
  border-color: transparent;
}

.ax-file-upload label.file-uploaded span {
  bottom: 0;
  left: 0;
  top: auto;
  transform: translate(0, 0);
  font-size: 11px;
  color: #958d9e;
  background-color: #DCDCE9;
}