.media-item-image {
  margin-bottom: 10px;
  width: 100%;
  padding-top: 100%;
  position: relative;
}
.media-item-image img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  background-color: #F9F9FA;
  border-radius: 5px;
}
.btn-preview-media {
  position: absolute;
  left: 0;
  bottom: 0;
}
.media-item-title {
  display: block;
  direction: ltr;
  text-align: left;
  font-size: 12px;
  height: 40px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.media-item-description {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.media-item-selected .mt-card-avatar.mt-overlay-4 {
  background-color: #99D5FB;
  border: 1px solid #0179C5;
  box-sizing: border-box;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
  margin: auto;
}
.media-insert-modal img {
  width: 100%;
  max-height: 537px;
}
.image-uploader[data-v-4a738eea] {
  height: 100%;
}
.image-uploader .hidden[data-v-4a738eea] {
  display: none;
}
.image-uploader .drag-image[data-v-4a738eea] {
  width: 100%;
  height: 100%;
  min-height: 180px;
  position: relative;
}
.image-uploader progress[data-v-4a738eea] {
  flex: 0 0 90%;
  width: 400px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
.image-uploader .drag-img .select-img[data-v-4a738eea] {
  display: inline-block;
  position: relative;
  width: 180px;
  height: 160px;
  cursor: pointer;
  margin: 0 10px 20px;
  background-color: #F4F4F9;
  border-radius: 5px;
}
.image-uploader .select-img label[data-v-4a738eea] {
  position: absolute;
  display: block;
  height: 80px;
  top: 50%;
  left: 0;
  width: 100%;
  color: #0196f4;
  padding-top: 60px;
  font-weight: 400;
  text-align: center;
  cursor: pointer;
  transform: translate(0, -50%);
  background-size: 40px;
  background-position: top;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48Zz48Zz4KCTxnPgoJCTxwYXRoIGQ9Ik00OTIsMzI3YzExLjA0NiwwLDIwLTguOTU0LDIwLTIwVjE3N2MwLTQ0LjExMi0zNS44ODgtODAtODAtODBoLTMwLjM2MWMtOC41NjUsMC0xNi4xNzQtNS40NDctMTguOTM0LTEzLjU1NiAgICBsLTYuMDUxLTE3Ljc3N0MzNjguMzc0LDQxLjM0MywzNDUuNTQ4LDI1LDMxOS44NTQsMjVIMTkyLjA4M2MtMjUuMTk2LDAtNDcuODc1LDE1LjkyMy01Ni40MzIsMzkuNjIxbC02LjkyMywxOS4xNzIgICAgQzEyNS44NzUsOTEuNjkyLDExOC4zMTYsOTcsMTA5LjkxNyw5N0g4MGMtNDQuMTEyLDAtODAsMzUuODg4LTgwLDgwdjIzMGMwLDQ0LjExMiwzNS44ODgsODAsODAsODBoMzUyYzQ0LjExMiwwLDgwLTM1Ljg4OCw4MC04MCAgICBjMC0xMS4wNDYtOC45NTQtMjAtMjAtMjBjLTExLjA0NiwwLTIwLDguOTU0LTIwLDIwYzAsMjIuMDU2LTE3Ljk0NCw0MC00MCw0MEg4MGMtMjIuMDU2LDAtNDAtMTcuOTQ0LTQwLTQwVjE3NyAgICBjMC0yMi4wNTYsMTcuOTQ0LTQwLDQwLTQwaDI5LjkxN2MyNS4xOTYsMCw0Ny44NzUtMTUuOTIzLDU2LjQzMi0zOS42MjFsNi45MjMtMTkuMTcyQzE3Ni4xMjUsNzAuMzA4LDE4My42ODQsNjUsMTkyLjA4Myw2NSAgICBoMTI3Ljc3MWM4LjU2NSwwLDE2LjE3Myw1LjQ0OCwxOC45MzQsMTMuNTU2bDYuMDUxLDE3Ljc3N2M4LjI3OSwyNC4zMjQsMzEuMTA1LDQwLjY2Nyw1Ni44LDQwLjY2N0g0MzJjMjIuMDU2LDAsNDAsMTcuOTQ0LDQwLDQwICAgIHYxMzBDNDcyLDMxOC4wNDYsNDgwLjk1NCwzMjcsNDkyLDMyN3oiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6IzAxOTZGNCIgZGF0YS1vbGRfY29sb3I9IiMwMTk2ZjQiPjwvcGF0aD4KCTwvZz4KPC9nPjxnPgoJPGc+CgkJPHBhdGggZD0iTTI1NywxNTdjLTY4LjkyNSwwLTEyNSw1Ni4wNzUtMTI1LDEyNXM1Ni4wNzUsMTI1LDEyNSwxMjVzMTI1LTU2LjA3NSwxMjUtMTI1UzMyNS45MjUsMTU3LDI1NywxNTd6IE0yNTcsMzY3ICAgIGMtNDYuODY5LDAtODUtMzguMTMxLTg1LTg1czM4LjEzMS04NSw4NS04NXM4NSwzOC4xMzEsODUsODVDMzQyLDMyOC44NjksMzAzLjg2OSwzNjcsMjU3LDM2N3oiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6IzAxOTZGNCIgZGF0YS1vbGRfY29sb3I9IiMwMTk2ZjQiPjwvcGF0aD4KCTwvZz4KPC9nPjwvZz4gPC9zdmc+);
}
.image-uploader .select-img img[data-v-4a738eea] {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.image-uploader .remove-container[data-v-4a738eea] {
  position: absolute;
  top: -15px;
  left: -15px;
  width: 30px;
  height: 30px;
  padding: 0;
  font-size: 0;
  cursor: pointer;
  border-radius: 50%;
  border: 3px solid #fff;
  background-color: rgb(230, 71, 49);
  box-shadow: 0 3px 4.75px 0.25px rgba(24, 23, 24, 0.1);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjEyLjk4MiAyMTIuOTgyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMTIuOTgyIDIxMi45ODI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgY2xhc3M9IiI+PGc+PGcgaWQ9IkNsb3NlIj4KCTxwYXRoIHN0eWxlPSJmaWxsOiNGRkZGRkYiIGQ9Ik0xMzEuODA0LDEwNi40OTFsNzUuOTM2LTc1LjkzNmM2Ljk5LTYuOTksNi45OS0xOC4zMjMsMC0yNS4zMTIgICBjLTYuOTktNi45OS0xOC4zMjItNi45OS0yNS4zMTIsMGwtNzUuOTM3LDc1LjkzN0wzMC41NTQsNS4yNDJjLTYuOTktNi45OS0xOC4zMjItNi45OS0yNS4zMTIsMGMtNi45ODksNi45OS02Ljk4OSwxOC4zMjMsMCwyNS4zMTIgICBsNzUuOTM3LDc1LjkzNkw1LjI0MiwxODIuNDI3Yy02Ljk4OSw2Ljk5LTYuOTg5LDE4LjMyMywwLDI1LjMxMmM2Ljk5LDYuOTksMTguMzIyLDYuOTksMjUuMzEyLDBsNzUuOTM3LTc1LjkzN2w3NS45MzcsNzUuOTM3ICAgYzYuOTg5LDYuOTksMTguMzIyLDYuOTksMjUuMzEyLDBjNi45OS02Ljk5LDYuOTktMTguMzIyLDAtMjUuMzEyTDEzMS44MDQsMTA2LjQ5MXoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiNmZmZmZmYiPjwvcGF0aD4KPC9nPjwvZz4gPC9zdmc+);
}
.image-uploader .select-img[data-v-4a738eea] {
  text-align: center;
}
.image-editor-modal .aspect-ratio-buttons {
  display: flex;
  align-items: center;
  gap: 32px;
}
.image-editor-modal .aspect-ratio-buttons > .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.image-editor-modal .aspect-ratio-buttons > .item.active-item > .box:before {
  border-color: #0197F6;
}
.image-editor-modal .aspect-ratio-buttons > .item > .box {
  width: 24px;
  height: 24px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: var(--aspect-ratio);
}
.image-editor-modal .aspect-ratio-buttons > .item > .box:before {
  border: 2px solid #717C8B;
  border-radius: 3px;
  content: " ";
  display: block;
  width: 100%;
  aspect-ratio: var(--aspect-ratio);
}
.image-editor-modal .aspect-ratio-buttons > .item > .box.vertical:before {
  height: 100%;
  width: auto;
}
.image-editor-modal .aspect-ratio-buttons > .item > .text {
  color: #717C8B;
  font-size: 12px;
  font-weight: bold;
  direction: ltr;
}
.image-editor-modal .horizontal-divider {
  width: 100%;
  border-top: 1px solid #dee2e6;
  margin: 24px 0;
}
.image-editor-modal .divider {
  height: 50px;
  border-left: 1px solid #dee2e6;
  margin: 0 32px;
  display: none;
}
.image-editor-modal .rotate-buttons {
  color: #0197F6;
  font-size: 24px;
  gap: 16px;
}
.image-editor-modal .rotate-buttons > .rotate-right {
  cursor: pointer;
}
.image-editor-modal .rotate-buttons > .rotate-right > i:before {
  transform: rotateY(180deg);
}
.image-editor-modal .rotate-buttons > .rotate-left {
  cursor: pointer;
}
.image-editor-modal .submit-crop {
  font-weight: bold;
  font-size: 12px;
  display: block;
  width: 100%;
}
@media (min-width: 1200px) {
.image-editor-modal .submit-crop {
    margin-left: auto;
    width: -moz-fit-content;
    width: fit-content;
}
}