.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}

.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}

.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}

.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active{opacity:0}

.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}

.el-fade-in-enter,.el-fade-in-leave-active{opacity:0}

.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}

.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}

.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}

.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}

.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}

.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}

.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1)}

[dir="ltr"] .el-zoom-in-left-enter-active,[dir="ltr"] .el-zoom-in-left-leave-active{-webkit-transform-origin:top left;transform-origin:top left}

[dir="rtl"] .el-zoom-in-left-enter-active,[dir="rtl"] .el-zoom-in-left-leave-active{-webkit-transform-origin:top right;transform-origin:top right}

.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}

.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}

[dir="ltr"] .horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}

[dir="rtl"] .horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-right ease-in-out,.3s padding-left ease-in-out;transition:.3s width ease-in-out,.3s padding-right ease-in-out,.3s padding-left ease-in-out}

.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}

.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}

.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}

@font-face{font-family:element-icons;src:url(../fonts/element-icons.ff18efd1.woff) format("woff"),url(../fonts/element-icons.f1a45d74.ttf) format("truetype");font-weight:400;font-display:"auto";font-style:normal}

[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.el-icon-ice-cream-round:before{content:"\e6a0"}

.el-icon-ice-cream-square:before{content:"\e6a3"}

.el-icon-lollipop:before{content:"\e6a4"}

.el-icon-potato-strips:before{content:"\e6a5"}

.el-icon-milk-tea:before{content:"\e6a6"}

.el-icon-ice-drink:before{content:"\e6a7"}

.el-icon-ice-tea:before{content:"\e6a9"}

.el-icon-coffee:before{content:"\e6aa"}

.el-icon-orange:before{content:"\e6ab"}

.el-icon-pear:before{content:"\e6ac"}

.el-icon-apple:before{content:"\e6ad"}

.el-icon-cherry:before{content:"\e6ae"}

.el-icon-watermelon:before{content:"\e6af"}

.el-icon-grape:before{content:"\e6b0"}

.el-icon-refrigerator:before{content:"\e6b1"}

.el-icon-goblet-square-full:before{content:"\e6b2"}

.el-icon-goblet-square:before{content:"\e6b3"}

.el-icon-goblet-full:before{content:"\e6b4"}

.el-icon-goblet:before{content:"\e6b5"}

.el-icon-cold-drink:before{content:"\e6b6"}

.el-icon-coffee-cup:before{content:"\e6b8"}

.el-icon-water-cup:before{content:"\e6b9"}

.el-icon-hot-water:before{content:"\e6ba"}

.el-icon-ice-cream:before{content:"\e6bb"}

.el-icon-dessert:before{content:"\e6bc"}

.el-icon-sugar:before{content:"\e6bd"}

.el-icon-tableware:before{content:"\e6be"}

.el-icon-burger:before{content:"\e6bf"}

.el-icon-knife-fork:before{content:"\e6c1"}

.el-icon-fork-spoon:before{content:"\e6c2"}

.el-icon-chicken:before{content:"\e6c3"}

.el-icon-food:before{content:"\e6c4"}

.el-icon-dish-1:before{content:"\e6c5"}

.el-icon-dish:before{content:"\e6c6"}

.el-icon-moon-night:before{content:"\e6ee"}

.el-icon-moon:before{content:"\e6f0"}

.el-icon-cloudy-and-sunny:before{content:"\e6f1"}

.el-icon-partly-cloudy:before{content:"\e6f2"}

.el-icon-cloudy:before{content:"\e6f3"}

.el-icon-sunny:before{content:"\e6f6"}

.el-icon-sunset:before{content:"\e6f7"}

.el-icon-sunrise-1:before{content:"\e6f8"}

.el-icon-sunrise:before{content:"\e6f9"}

.el-icon-heavy-rain:before{content:"\e6fa"}

.el-icon-lightning:before{content:"\e6fb"}

.el-icon-light-rain:before{content:"\e6fc"}

.el-icon-wind-power:before{content:"\e6fd"}

.el-icon-baseball:before{content:"\e712"}

.el-icon-soccer:before{content:"\e713"}

.el-icon-football:before{content:"\e715"}

.el-icon-basketball:before{content:"\e716"}

.el-icon-ship:before{content:"\e73f"}

.el-icon-truck:before{content:"\e740"}

.el-icon-bicycle:before{content:"\e741"}

.el-icon-mobile-phone:before{content:"\e6d3"}

.el-icon-service:before{content:"\e6d4"}

.el-icon-key:before{content:"\e6e2"}

.el-icon-unlock:before{content:"\e6e4"}

.el-icon-lock:before{content:"\e6e5"}

.el-icon-watch:before{content:"\e6fe"}

.el-icon-watch-1:before{content:"\e6ff"}

.el-icon-timer:before{content:"\e702"}

.el-icon-alarm-clock:before{content:"\e703"}

.el-icon-map-location:before{content:"\e704"}

.el-icon-delete-location:before{content:"\e705"}

.el-icon-add-location:before{content:"\e706"}

.el-icon-location-information:before{content:"\e707"}

.el-icon-location-outline:before{content:"\e708"}

.el-icon-location:before{content:"\e79e"}

.el-icon-place:before{content:"\e709"}

.el-icon-discover:before{content:"\e70a"}

.el-icon-first-aid-kit:before{content:"\e70b"}

.el-icon-trophy-1:before{content:"\e70c"}

.el-icon-trophy:before{content:"\e70d"}

.el-icon-medal:before{content:"\e70e"}

.el-icon-medal-1:before{content:"\e70f"}

.el-icon-stopwatch:before{content:"\e710"}

.el-icon-mic:before{content:"\e711"}

.el-icon-copy-document:before{content:"\e718"}

.el-icon-full-screen:before{content:"\e719"}

.el-icon-switch-button:before{content:"\e71b"}

.el-icon-aim:before{content:"\e71c"}

.el-icon-crop:before{content:"\e71d"}

.el-icon-odometer:before{content:"\e71e"}

.el-icon-time:before{content:"\e71f"}

.el-icon-bangzhu:before{content:"\e724"}

.el-icon-close-notification:before{content:"\e726"}

.el-icon-microphone:before{content:"\e727"}

.el-icon-turn-off-microphone:before{content:"\e728"}

.el-icon-position:before{content:"\e729"}

.el-icon-postcard:before{content:"\e72a"}

.el-icon-message:before{content:"\e72b"}

.el-icon-chat-line-square:before{content:"\e72d"}

.el-icon-chat-dot-square:before{content:"\e72e"}

.el-icon-chat-dot-round:before{content:"\e72f"}

.el-icon-chat-square:before{content:"\e730"}

.el-icon-chat-line-round:before{content:"\e731"}

.el-icon-chat-round:before{content:"\e732"}

.el-icon-set-up:before{content:"\e733"}

.el-icon-turn-off:before{content:"\e734"}

.el-icon-open:before{content:"\e735"}

.el-icon-connection:before{content:"\e736"}

.el-icon-link:before{content:"\e737"}

.el-icon-cpu:before{content:"\e738"}

.el-icon-thumb:before{content:"\e739"}

.el-icon-female:before{content:"\e73a"}

.el-icon-male:before{content:"\e73b"}

.el-icon-guide:before{content:"\e73c"}

.el-icon-news:before{content:"\e73e"}

.el-icon-price-tag:before{content:"\e744"}

.el-icon-discount:before{content:"\e745"}

.el-icon-wallet:before{content:"\e747"}

.el-icon-coin:before{content:"\e748"}

.el-icon-money:before{content:"\e749"}

.el-icon-bank-card:before{content:"\e74a"}

.el-icon-box:before{content:"\e74b"}

.el-icon-present:before{content:"\e74c"}

.el-icon-sell:before{content:"\e6d5"}

.el-icon-sold-out:before{content:"\e6d6"}

.el-icon-shopping-bag-2:before{content:"\e74d"}

.el-icon-shopping-bag-1:before{content:"\e74e"}

.el-icon-shopping-cart-2:before{content:"\e74f"}

.el-icon-shopping-cart-1:before{content:"\e750"}

.el-icon-shopping-cart-full:before{content:"\e751"}

.el-icon-smoking:before{content:"\e752"}

.el-icon-no-smoking:before{content:"\e753"}

.el-icon-house:before{content:"\e754"}

.el-icon-table-lamp:before{content:"\e755"}

.el-icon-school:before{content:"\e756"}

.el-icon-office-building:before{content:"\e757"}

.el-icon-toilet-paper:before{content:"\e758"}

.el-icon-notebook-2:before{content:"\e759"}

.el-icon-notebook-1:before{content:"\e75a"}

.el-icon-files:before{content:"\e75b"}

.el-icon-collection:before{content:"\e75c"}

.el-icon-receiving:before{content:"\e75d"}

.el-icon-suitcase-1:before{content:"\e760"}

.el-icon-suitcase:before{content:"\e761"}

.el-icon-film:before{content:"\e763"}

.el-icon-collection-tag:before{content:"\e765"}

.el-icon-data-analysis:before{content:"\e766"}

.el-icon-pie-chart:before{content:"\e767"}

.el-icon-data-board:before{content:"\e768"}

.el-icon-data-line:before{content:"\e76d"}

.el-icon-reading:before{content:"\e769"}

.el-icon-magic-stick:before{content:"\e76a"}

.el-icon-coordinate:before{content:"\e76b"}

.el-icon-mouse:before{content:"\e76c"}

.el-icon-brush:before{content:"\e76e"}

.el-icon-headset:before{content:"\e76f"}

.el-icon-umbrella:before{content:"\e770"}

.el-icon-scissors:before{content:"\e771"}

.el-icon-mobile:before{content:"\e773"}

.el-icon-attract:before{content:"\e774"}

.el-icon-monitor:before{content:"\e775"}

.el-icon-search:before{content:"\e778"}

.el-icon-takeaway-box:before{content:"\e77a"}

.el-icon-paperclip:before{content:"\e77d"}

.el-icon-printer:before{content:"\e77e"}

.el-icon-document-add:before{content:"\e782"}

.el-icon-document:before{content:"\e785"}

.el-icon-document-checked:before{content:"\e786"}

.el-icon-document-copy:before{content:"\e787"}

.el-icon-document-delete:before{content:"\e788"}

.el-icon-document-remove:before{content:"\e789"}

.el-icon-tickets:before{content:"\e78b"}

.el-icon-folder-checked:before{content:"\e77f"}

.el-icon-folder-delete:before{content:"\e780"}

.el-icon-folder-remove:before{content:"\e781"}

.el-icon-folder-add:before{content:"\e783"}

.el-icon-folder-opened:before{content:"\e784"}

.el-icon-folder:before{content:"\e78a"}

.el-icon-edit-outline:before{content:"\e764"}

.el-icon-edit:before{content:"\e78c"}

.el-icon-date:before{content:"\e78e"}

.el-icon-c-scale-to-original:before{content:"\e7c6"}

.el-icon-view:before{content:"\e6ce"}

.el-icon-loading:before{content:"\e6cf"}

.el-icon-rank:before{content:"\e6d1"}

.el-icon-sort-down:before{content:"\e7c4"}

.el-icon-sort-up:before{content:"\e7c5"}

.el-icon-sort:before{content:"\e6d2"}

.el-icon-finished:before{content:"\e6cd"}

.el-icon-refresh-left:before{content:"\e6c7"}

.el-icon-refresh-right:before{content:"\e6c8"}

.el-icon-refresh:before{content:"\e6d0"}

.el-icon-video-play:before{content:"\e7c0"}

.el-icon-video-pause:before{content:"\e7c1"}

.el-icon-d-arrow-right:before{content:"\e6dc"}

.el-icon-d-arrow-left:before{content:"\e6dd"}

.el-icon-arrow-up:before{content:"\e6e1"}

.el-icon-arrow-down:before{content:"\e6df"}

.el-icon-arrow-right:before{content:"\e6e0"}

.el-icon-arrow-left:before{content:"\e6de"}

.el-icon-top-right:before{content:"\e6e7"}

.el-icon-top-left:before{content:"\e6e8"}

.el-icon-top:before{content:"\e6e6"}

.el-icon-bottom:before{content:"\e6eb"}

.el-icon-right:before{content:"\e6e9"}

.el-icon-back:before{content:"\e6ea"}

.el-icon-bottom-right:before{content:"\e6ec"}

.el-icon-bottom-left:before{content:"\e6ed"}

.el-icon-caret-top:before{content:"\e78f"}

.el-icon-caret-bottom:before{content:"\e790"}

.el-icon-caret-right:before{content:"\e791"}

.el-icon-caret-left:before{content:"\e792"}

.el-icon-d-caret:before{content:"\e79a"}

.el-icon-share:before{content:"\e793"}

.el-icon-menu:before{content:"\e798"}

.el-icon-s-grid:before{content:"\e7a6"}

.el-icon-s-check:before{content:"\e7a7"}

.el-icon-s-data:before{content:"\e7a8"}

.el-icon-s-opportunity:before{content:"\e7aa"}

.el-icon-s-custom:before{content:"\e7ab"}

.el-icon-s-claim:before{content:"\e7ad"}

.el-icon-s-finance:before{content:"\e7ae"}

.el-icon-s-comment:before{content:"\e7af"}

.el-icon-s-flag:before{content:"\e7b0"}

.el-icon-s-marketing:before{content:"\e7b1"}

.el-icon-s-shop:before{content:"\e7b4"}

.el-icon-s-open:before{content:"\e7b5"}

.el-icon-s-management:before{content:"\e7b6"}

.el-icon-s-ticket:before{content:"\e7b7"}

.el-icon-s-release:before{content:"\e7b8"}

.el-icon-s-home:before{content:"\e7b9"}

.el-icon-s-promotion:before{content:"\e7ba"}

.el-icon-s-operation:before{content:"\e7bb"}

.el-icon-s-unfold:before{content:"\e7bc"}

.el-icon-s-fold:before{content:"\e7a9"}

.el-icon-s-platform:before{content:"\e7bd"}

.el-icon-s-order:before{content:"\e7be"}

.el-icon-s-cooperation:before{content:"\e7bf"}

.el-icon-bell:before{content:"\e725"}

.el-icon-message-solid:before{content:"\e799"}

.el-icon-video-camera:before{content:"\e772"}

.el-icon-video-camera-solid:before{content:"\e796"}

.el-icon-camera:before{content:"\e779"}

.el-icon-camera-solid:before{content:"\e79b"}

.el-icon-download:before{content:"\e77c"}

.el-icon-upload2:before{content:"\e77b"}

.el-icon-upload:before{content:"\e7c3"}

.el-icon-picture-outline-round:before{content:"\e75f"}

.el-icon-picture-outline:before{content:"\e75e"}

.el-icon-picture:before{content:"\e79f"}

.el-icon-close:before{content:"\e6db"}

.el-icon-check:before{content:"\e6da"}

.el-icon-plus:before{content:"\e6d9"}

.el-icon-minus:before{content:"\e6d8"}

.el-icon-help:before{content:"\e73d"}

.el-icon-s-help:before{content:"\e7b3"}

.el-icon-circle-close:before{content:"\e78d"}

.el-icon-circle-check:before{content:"\e720"}

.el-icon-circle-plus-outline:before{content:"\e723"}

.el-icon-remove-outline:before{content:"\e722"}

.el-icon-zoom-out:before{content:"\e776"}

.el-icon-zoom-in:before{content:"\e777"}

.el-icon-error:before{content:"\e79d"}

.el-icon-success:before{content:"\e79c"}

.el-icon-circle-plus:before{content:"\e7a0"}

.el-icon-remove:before{content:"\e7a2"}

.el-icon-info:before{content:"\e7a1"}

.el-icon-question:before{content:"\e7a4"}

.el-icon-warning-outline:before{content:"\e6c9"}

.el-icon-warning:before{content:"\e7a3"}

.el-icon-goods:before{content:"\e7c2"}

.el-icon-s-goods:before{content:"\e7b2"}

.el-icon-star-off:before{content:"\e717"}

.el-icon-star-on:before{content:"\e797"}

.el-icon-more-outline:before{content:"\e6cc"}

.el-icon-more:before{content:"\e794"}

.el-icon-phone-outline:before{content:"\e6cb"}

.el-icon-phone:before{content:"\e795"}

.el-icon-user:before{content:"\e6e3"}

.el-icon-user-solid:before{content:"\e7a5"}

.el-icon-setting:before{content:"\e6ca"}

.el-icon-s-tools:before{content:"\e7ac"}

.el-icon-delete:before{content:"\e6d7"}

.el-icon-delete-solid:before{content:"\e7c9"}

.el-icon-eleme:before{content:"\e7c7"}

.el-icon-platform-eleme:before{content:"\e7ca"}

.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}

[dir="ltr"] .el-icon--right{margin-left:5px}

[dir="rtl"] .el-icon--right{margin-right:5px}

[dir="ltr"] .el-icon--left{margin-right:5px}

[dir="rtl"] .el-icon--left{margin-left:5px}

@-webkit-keyframes rotating{
0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}

100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}

@keyframes rotating{
0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}

100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}
/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */

.cropper-container {
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

[dir="ltr"] .cropper-container {
  direction: ltr;
}

[dir="rtl"] .cropper-container {
  direction: rtl;
}

.cropper-container img {
    backface-visibility: hidden;
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%;
  }

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: calc(100% / 3);
    top: calc(100% / 3);
    width: 100%;
  }

[dir="ltr"] .cropper-dashed.dashed-h {
    left: 0;
  }

[dir="rtl"] .cropper-dashed.dashed-h {
    right: 0;
  }

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    top: 0;
    width: calc(100% / 3);
  }

[dir="ltr"] .cropper-dashed.dashed-v {
    left: calc(100% / 3);
  }

[dir="rtl"] .cropper-dashed.dashed-v {
    right: calc(100% / 3);
  }

.cropper-center {
  display: block;
  height: 0;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

[dir="ltr"] .cropper-center {
  left: 50%;
}

[dir="rtl"] .cropper-center {
  right: 50%;
}

.cropper-center::before,
  .cropper-center::after {
    background-color: #eee;
    content: ' ';
    display: block;
    position: absolute;
  }

.cropper-center::before {
    height: 1px;
    top: 0;
    width: 7px;
  }

[dir="ltr"] .cropper-center::before {
    left: -3px;
  }

[dir="rtl"] .cropper-center::before {
    right: -3px;
  }

.cropper-center::after {
    height: 7px;
    top: -3px;
    width: 1px;
  }

[dir="ltr"] .cropper-center::after {
    left: 0;
  }

[dir="rtl"] .cropper-center::after {
    right: 0;
  }

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  top: 0;
}

[dir="ltr"] .cropper-face {
  left: 0;
}

[dir="rtl"] .cropper-face {
  right: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
    cursor: ew-resize;
    top: 0;
    width: 5px;
  }

[dir="ltr"] .cropper-line.line-e {
    right: -3px;
  }

[dir="rtl"] .cropper-line.line-e {
    left: -3px;
  }

.cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    top: -3px;
  }

[dir="ltr"] .cropper-line.line-n {
    left: 0;
  }

[dir="rtl"] .cropper-line.line-n {
    right: 0;
  }

.cropper-line.line-w {
    cursor: ew-resize;
    top: 0;
    width: 5px;
  }

[dir="ltr"] .cropper-line.line-w {
    left: -3px;
  }

[dir="rtl"] .cropper-line.line-w {
    right: -3px;
  }

.cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
  }

[dir="ltr"] .cropper-line.line-s {
    left: 0;
  }

[dir="rtl"] .cropper-line.line-s {
    right: 0;
  }

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    top: 50%;
  }

[dir="ltr"] .cropper-point.point-e {
    right: -3px;
  }

[dir="rtl"] .cropper-point.point-e {
    left: -3px;
  }

.cropper-point.point-n {
    cursor: ns-resize;
    top: -3px;
  }

[dir="ltr"] .cropper-point.point-n {
    left: 50%;
    margin-left: -3px;
  }

[dir="rtl"] .cropper-point.point-n {
    right: 50%;
    margin-right: -3px;
  }

.cropper-point.point-w {
    cursor: ew-resize;
    margin-top: -3px;
    top: 50%;
  }

[dir="ltr"] .cropper-point.point-w {
    left: -3px;
  }

[dir="rtl"] .cropper-point.point-w {
    right: -3px;
  }

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
  }

[dir="ltr"] .cropper-point.point-s {
    left: 50%;
    margin-left: -3px;
  }

[dir="rtl"] .cropper-point.point-s {
    right: 50%;
    margin-right: -3px;
  }

.cropper-point.point-ne {
    top: -3px;
  }

[dir="ltr"] .cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
  }

[dir="rtl"] .cropper-point.point-ne {
    cursor: nwse-resize;
    left: -3px;
  }

.cropper-point.point-nw {
    top: -3px;
  }

[dir="ltr"] .cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
  }

[dir="rtl"] .cropper-point.point-nw {
    cursor: nesw-resize;
    right: -3px;
  }

.cropper-point.point-sw {
    bottom: -3px;
  }

[dir="ltr"] .cropper-point.point-sw {
    cursor: nesw-resize;
    left: -3px;
  }

[dir="rtl"] .cropper-point.point-sw {
    cursor: nwse-resize;
    right: -3px;
  }

.cropper-point.point-se {
    bottom: -3px;
    height: 20px;
    opacity: 1;
    width: 20px;
  }

[dir="ltr"] .cropper-point.point-se {
    cursor: nwse-resize;
    right: -3px;
  }

[dir="rtl"] .cropper-point.point-se {
    cursor: nesw-resize;
    left: -3px;
  }

@media (min-width: 768px) {
.cropper-point.point-se {
      height: 15px;
      width: 15px;
  }
    }

@media (min-width: 992px) {
.cropper-point.point-se {
      height: 10px;
      width: 10px;
  }
    }

@media (min-width: 1200px) {
.cropper-point.point-se {
      height: 5px;
      opacity: 0.75;
      width: 5px;
  }
    }

.cropper-point.point-se::before {
    background-color: #39f;
    bottom: -50%;
    content: ' ';
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    width: 200%;
  }

[dir="ltr"] .cropper-point.point-se::before {
    right: -50%;
  }

[dir="rtl"] .cropper-point.point-se::before {
    left: -50%;
  }

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}