.slim-file-hopper {
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
}

.slim-image-editor {
  position:relative;
  height:100%;
  text-align:left;
  z-index:1;
}

.slim-image-editor .slim-container {
  position:relative;
  height:calc(100% - 8em);
  width:100%;
  z-index:2;
  direction:ltr;
}

.slim-image-editor .slim-editor-utils-group, .slim-image-editor .slim-editor-btn-group {
  -webkit-flex-shrink:0;
  -ms-flex-negative:0;
  flex-shrink:0;
}

.slim-image-editor .slim-stage {
  position:absolute;
  line-height:0;
}

.slim-image-editor .slim-wrapper {
  position:absolute;
  z-index:2;
}

.slim-image-editor .slim-crop-preview {
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  line-height:0;
}

.slim-image-editor .slim-stage {
  z-index:4;
}

.slim-image-editor .slim-crop-preview {
  z-index:3;
  border-radius:4px;
}

.slim-image-editor .slim-crop-preview img, .slim-image-editor .slim-crop-preview::after, .slim-image-editor .slim-crop-preview canvas {
  position:absolute;
  display:block;
  border-radius:inherit;
  left:0;
  top:0;
}

.slim-image-editor .slim-crop-preview .slim-crop {
  z-index:3;
}

.slim-image-editor .slim-crop-preview::after {
  z-index:2;
  right:0;
  bottom:0;
  content:'';
}

.slim-image-editor .slim-crop-preview .slim-crop-blur {
  -webkit-filter:contrast(0.7);
  -moz-filter:contrast(0.7);
  filter:contrast(0.7);
  z-index:1;
}

.slim-image-editor .slim-editor-utils-group {
  text-align:center;
}

.slim-image-editor .slim-editor-utils-group button {
  width:2.5em;
  height:2.5em;
  padding:0;
  font-size:1em;
  cursor:pointer;
  outline:none;
  box-shadow:inset 0 -1px 2px rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.15);
  background-color:transparent;
  background-size:50% 50%;
  background-position:center center;
  background-repeat:no-repeat;
}

.slim-image-editor .slim-editor-utils-group button:active {
  background-color:rgba(0, 0, 0, 0.1);
  box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.15);
}

.slim-image-editor .slim-editor-btn-group {
  text-align:center;
}

.slim-image-editor .slim-editor-btn-group button {
  position:relative;
  display:inline-block;
  vertical-align:top;
  font-size:1em;
  margin:0 .75em;
  padding:.75em 1.5em .875em;
  cursor:pointer;
  overflow:hidden;
  -webkit-transition:color .25s, box-shadow .25s, background-color .25s;
  transition:color .25s, box-shadow .25s, background-color .25s;
  box-shadow:inset 0 -1px 2px rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.15);
  background-color:transparent;
  outline:none;
}

.slim-image-editor .slim-editor-btn-group button:active {
  padding:.875em 1.5em .75em;
  background-color:rgba(0, 0, 0, 0.1);
  box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.15);
}

.slim-rotation-disabled .slim-container {
  height:calc(100% - 4em);
}

.slim-rotation-disabled .slim-editor-utils-group {
  display:none;
}

.slim-editor-utils-btn, .slim-editor-btn {
  color:rgba(255, 255, 255, 0.75);
  border:2px solid rgba(0, 0, 0, 0.25);
}

.slim-editor-utils-btn:focus, .slim-editor-utils-btn:hover, .slim-editor-btn:focus, .slim-editor-btn:hover {
  color:rgba(255, 255, 255, 0.9);
}

.slim-editor-utils-btn {
  border-radius:.6875em;
}

.slim-editor-btn {
  border-radius:.5em;
}

.slim-image-editor-preview::after {
  background-color:rgba(244, 250, 255, 0.4);
  box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.07), 0 1px 5px rgba(0, 0, 0, 0.3);
}

.slim-btn-rotate {
  background-image:url(../../assets/img/rotate.svg);
}

.slim-editor-utils-group {
  padding:1em 0 0;
}

.slim-editor-btn-group {
  padding:1em 0 0;
}

@media (min-width: 40em) {
  .slim-btn-group {
    padding-top:2em;
  }
}

.slim-crop-area {
  position:absolute;
  box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.75), 0 0 0 1px rgba(255, 255, 255, 0.75);
}

.slim-crop-area .grid {
  overflow:hidden;
}

.slim-crop-area .grid::before, .slim-crop-area .grid::after {
  position:absolute;
  z-index:2;
  content:'';
  opacity:0;
  -webkit-transition:opacity .5s;
  transition:opacity .5s;
}

.slim-crop-area .grid::before {
  top:33.333%;
  bottom:33.333%;
  left:1px;
  right:1px;
  box-shadow:inset 0 -1px 0 0 rgba(255, 255, 255, 0.35), inset 0 1px 0 0 rgba(255, 255, 255, 0.35);
}

.slim-crop-area .grid::after {
  top:1px;
  bottom:1px;
  left:33.333%;
  right:33.333%;
  box-shadow:inset -1px 0 0 0 rgba(255, 255, 255, 0.35), inset 1px 0 0 0 rgba(255, 255, 255, 0.35);
}

.slim-crop-area button {
  position:absolute;
  background:#fafafa;
  box-shadow:inset 0 1px 0 0 #fff, 0 1px 1px rgba(0, 0, 0, 0.15);
  border:none;
  padding:0;
  margin:0;
  width:16px;
  height:16px;
  margin-top:-8px;
  margin-left:-8px;
  border-radius:8px;
  z-index:3;
}

.slim-crop-area [class*='n'] {
  top:0;
}

.slim-crop-area [class*='s'] {
  top:100%;
}

.slim-crop-area [class*='w'] {
  left:0;
}

.slim-crop-area [class*='e'] {
  left:100%;
}

.slim-crop-area .e, .slim-crop-area .w {
  top:50%;
  cursor:ew-resize;
  height:30px;
  margin-top:-15px;
}

.slim-crop-area .n, .slim-crop-area .s {
  left:50%;
  cursor:ns-resize;
  width:30px;
  margin-left:-15px;
}

.slim-crop-area .ne, .slim-crop-area .sw {
  cursor:nesw-resize;
}

.slim-crop-area .nw, .slim-crop-area .se {
  cursor:nwse-resize;
}

.slim-crop-area .c {
  top:10px;
  left:10px;
  width:calc(100% - 20px);
  height:calc(100% - 20px);
  margin:0;
  border-radius:0;
  border:none;
  z-index:2;
  box-shadow:none;
  opacity:0;
  cursor:move;
}

.slim-crop-area button:not(.c)::after {
  content:'';
  position:absolute;
  left:-12px;
  right:-12px;
  top:-12px;
  bottom:-12px;
}

.slim-crop-area .slim-crop-mask {
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  overflow:hidden;
  z-index:1;
}

.slim-crop-area .slim-crop-mask img {
  position:absolute;
  -webkit-transform-origin:0 0;
  transform-origin:0 0;
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  margin:0 !important;
  width:auto;
  height:auto;
  max-width:none;
  min-width:initial;
}

.slim-crop-area[data-dragging='true'] .grid::before, .slim-crop-area[data-dragging='true'] .grid::after {
  opacity:1;
}

.slim-popover {
  -ms-touch-action:none;
  touch-action:none;
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  padding:1em;
  font-size:16px;
  background:rgba(25, 27, 29, 0.99);
  z-index:2147483647;
  overflow:hidden;
}

.slim-popover[data-state='off'] {
  left:-100%;
}

.slim-popover::after {
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  content:'';
  background:-webkit-radial-gradient(center ellipse, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 80%);
  background:radial-gradient(ellipse at center, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 80%);
}

@media (min-width: 40em) {
  .slim-popover {
    padding:2em;
  }
}

.slim, .slim-popover, .slim-crop-area, .slim-image-editor {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  box-sizing:border-box;
}

.slim button, .slim-popover button, .slim-crop-area button, .slim-image-editor button {
  -webkit-highlight:none;
  -webkit-tap-highlight-color:transparent;
}

.slim *, .slim-popover *, .slim-crop-area *, .slim-image-editor * {
  box-sizing:inherit;
}

.slim img, .slim-popover img, .slim-crop-area img, .slim-image-editor img {
  background-color:#eee;
  background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABG2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+Gkqr6gAAAYBpQ0NQc1JHQiBJRUM2MTk2Ni0yLjEAACiRdZHPK0RRFMc/M4gYERaKxUvDamhQExtlJqEmTWOUwWbmzS81P17vzaTJVtlOUWLj14K/gK2yVopISdlZExv0nGfUSObc7rmf+73nnO49F+yhtJoxat2Qyeb14KRXmQ8vKPWP2OjCQRtKRDW08UDAT1V7u5Fosat+q1b1uH+tKRY3VLA1CI+pmp4XnhL2r+Q1izeFO9RUJCZ8LOzS5YLC15YeLfOTxckyf1ish4I+sLcKK8lfHP3FakrPCMvLcWbSBfXnPtZLHPHs3KysPTK7MQgyiReFaSbw4WGQUfEe+hliQHZUyXd/58+Qk1xVvEYRnWWSpMjjErUg1eOyJkSPy0hTtPr/t69GYnioXN3hhboH03zphfoN+CyZ5vu+aX4eQM09nGUr+bk9GHkVvVTRnLvQsgYn5xUtugWn69B5p0X0yLdUI9OeSMDzETSHof0SGhfLPfs55/AWQqvyVRewvQN9Et+y9AUyt2fOEwKMEgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAC9JREFUOI1jZGBgkGIgDjwjRhETkYYRDUYNHDVwMBjISIJaonLU4PfyqIGjBpIBAPvwAUFW9TOIAAAAAElFTkSuQmCC");
}

.slim img {
  width:100%;
  height:auto;
}

span.slim {
  display:block;
}

.slim {
  position:relative;
  font-size:inherit;
  background-color:#eee;
  -webkit-transition:background-color 0.25s;
  transition:background-color 0.25s;
  padding-bottom:0.025px;
}

@keyframes rotate {
  0% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  100% {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}

.slim[data-state*='file-over'] .slim-btn {
  pointer-events:none;
}

.slim[data-state*='empty']:hover {
  background-color:#ddd;
}

.slim[data-state*='empty'] .slim-label {
  visibility:visible;
  opacity:1;
}

.slim[data-state*='busy'] .slim-label {
  opacity:0;
}

.slim[data-state*='loading'] .slim-label {
  display:none;
}

.slim[data-state*='loading'] .slim-label-loading {
  opacity:1;
  display:block;
}

.slim[data-state*='preview'] .slim-label {
  visibility:hidden;
}

.slim[data-state*='error'] {
  background-color:#e8a69f !important;
  color:#702010;
}

.slim > img, .slim > input[type='file'] {
  display:block !important;
  opacity:0 !important;
  width:0 !important;
  height:0 !important;
  padding:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
  margin-top:0 !important;
  border:0 !important;
}

.slim > img + input[type='file'] {
  margin-bottom:0 !important;
}

.slim > input[type='file'] + img {
  margin-bottom:0 !important;
}

.slim > input[type='hidden'] {
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  opacity:0;
}

.slim .slim-label-loading {
  display:none;
}

.slim .slim-label {
  visibility:hidden;
  -webkit-transition:opacity 0.25s;
  transition:opacity 0.25s;
}

.slim .slim-label-loading, .slim .slim-label, .slim .slim-error {
  max-width:100%;
}

.slim .slim-file-hopper {
  z-index:3;
  background:rgba(0, 0, 0, 0.0001);
}

.slim .slim-ratio, .slim .slim-drip, .slim .slim-status, .slim .slim-result, .slim .slim-area {
  border-radius:inherit;
}

.slim .slim-area {
  width:100%;
  color:inherit;
  overflow:hidden;
}

.slim .slim-area *:only-of-type {
  margin:0;
}

.slim .slim-area .slim-loader {
  pointer-events:none;
  position:absolute;
  right:0.875em;
  top:0.875em;
  width:23px;
  height:23px;
  z-index:1;
}

.slim .slim-area .slim-loader svg {
  display:block;
  width:100%;
  height:100%;
  opacity:0;
}

.slim .slim-area .slim-upload-status {
  position:absolute;
  right:1em;
  top:1em;
  z-index:1;
  opacity:0;
  -webkit-transition:opacity 0.25s;
  transition:opacity 0.25s;
  white-space:nowrap;
  line-height:1.65;
  font-weight:normal;
}

.slim .slim-area .slim-upload-status-icon {
  display:inline-block;
  opacity:0.9;
}

.slim .slim-area .slim-drip, .slim .slim-area .slim-status, .slim .slim-area .slim-result {
  left:0;
  top:0;
  right:0;
  bottom:0;
}

.slim .slim-area .slim-drip, .slim .slim-area .slim-result {
  position:absolute;
}

.slim .slim-area .slim-status {
  padding:3em 1.5em;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  text-align:center;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  pointer-events:none;
}

.slim .slim-area .slim-drip {
  z-index:1;
  overflow:hidden;
}

.slim .slim-area .slim-drip > span {
  position:absolute;
  left:0;
  top:0;
  opacity:0;
  margin-left:-25%;
  margin-top:-25%;
  width:50%;
  padding-bottom:50%;
}

.slim .slim-area .slim-drip > span > span {
  position:absolute;
  width:100%;
  height:100%;
  background-color:rgba(0, 0, 0, 0.25);
  border-radius:50%;
  opacity:0.5;
  left:0;
  top:0;
}

.slim .slim-area .slim-result {
  overflow:hidden;
  -webkit-perspective:1px;
}

.slim .slim-area .slim-result img {
  display:block;
  width:100%;
  position:absolute;
  left:0;
  top:0;
}

.slim .slim-area .slim-result img:not([src]), .slim .slim-area .slim-result img[src=''] {
  visibility:hidden;
}

.slim .slim-btn-group {
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  z-index:3;
  overflow:hidden;
  pointer-events:none;
}

.slim .slim-btn-group button {
  pointer-events:all;
  cursor:pointer;
}

.slim[data-ratio*=':'] {
  min-height:initial;
}

.slim[data-ratio*=':'] .slim-status {
  position:absolute;
  padding:0 1.5em;
}

.slim[data-ratio='16:10'] > input[type='file'], .slim[data-ratio='16:10'] > img {
  margin-bottom:62.5%;
}

.slim[data-ratio='10:16'] > input[type='file'], .slim[data-ratio='10:16'] > img {
  margin-bottom:160%;
}

.slim[data-ratio='16:9'] > input[type='file'], .slim[data-ratio='16:9'] > img {
  margin-bottom:56.25%;
}

.slim[data-ratio='9:16'] > input[type='file'], .slim[data-ratio='9:16'] > img {
  margin-bottom:177.77778%;
}

.slim[data-ratio='5:3'] > input[type='file'], .slim[data-ratio='5:3'] > img {
  margin-bottom:60%;
}

.slim[data-ratio='3:5'] > input[type='file'], .slim[data-ratio='3:5'] > img {
  margin-bottom:166.66667%;
}

.slim[data-ratio='5:4'] > input[type='file'], .slim[data-ratio='5:4'] > img {
  margin-bottom:80%;
}

.slim[data-ratio='4:5'] > input[type='file'], .slim[data-ratio='4:5'] > img {
  margin-bottom:125%;
}

.slim[data-ratio='4:3'] > input[type='file'], .slim[data-ratio='4:3'] > img {
  margin-bottom:75%;
}

.slim[data-ratio='3:4'] > input[type='file'], .slim[data-ratio='3:4'] > img {
  margin-bottom:133.33333%;
}

.slim[data-ratio='3:2'] > input[type='file'], .slim[data-ratio='3:2'] > img {
  margin-bottom:66.66667%;
}

.slim[data-ratio='2:3'] > input[type='file'], .slim[data-ratio='2:3'] > img {
  margin-bottom:150%;
}

.slim[data-ratio='1:1'] > input[type='file'], .slim[data-ratio='1:1'] > img {
  margin-bottom:100%;
}

.slim-btn-group {
  padding:1.5em 0;
  text-align:center;
}

.slim-btn {
  position:relative;
  padding:0;
  margin:0 7.2px;
  font-size:0;
  outline:none;
  width:36px;
  height:36px;
  border:none;
  color:#fff;
  background-color:rgba(0, 0, 0, 0.7);
  background-repeat:no-repeat;
  background-size:50% 50%;
  background-position:center center;
}

.slim-btn {
  border-radius:50%;
}

.slim-btn::before {
  border-radius:inherit;
  position:absolute;
  box-sizing:border-box;
  left:-3px;
  right:-3px;
  bottom:-3px;
  top:-3px;
  border:3px solid white;
  content:'';
  -webkit-transform:scale(0.95);
  transform:scale(0.95);
  opacity:0;
  -webkit-transition:all 0.25s;
  transition:all 0.25s;
  z-index:-1;
  pointer-events:none;
}

.slim-btn:focus::before, .slim-btn:hover::before {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1);
}

.slim-btn * {
  pointer-events:none;
}

.slim-btn-remove {
  background-image:url(../../assets/img/remove.svg);
  background-size:35%;
}

.slim-btn-download {
  background-image:url([svg]);
}

.slim-btn-upload {
  background-image:url([svg]);
}

.slim-btn-edit {
  background-image:url(../../assets/img/edit.svg);
  background-size:40%;
}

.slim-loader-background {
  stroke:rgba(0, 0, 0, 0.15);
}

.slim-loader-foreground {
  stroke:rgba(0, 0, 0, 0.65);
}

.slim[data-state*='preview'] .slim-loader-background {
  stroke:rgba(255, 255, 255, 0.25);
}

.slim[data-state*='preview'] .slim-loader-foreground {
  stroke:#fff;
}

.slim-upload-status {
  padding:0 0.5em;
  border-radius:0.3125em;
  font-size:0.75em;
  box-shadow:0 0.125em 0.25em rgba(0, 0, 0, 0.25);
}

.slim-upload-status[data-state='success'] {
  background-color:#d1ed8f;
  color:#323e15;
}

.slim-upload-status[data-state='success'] .slim-upload-status-icon {
  width:0.5em;
  height:0.75em;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  border:0.1875em solid currentColor;
  border-left:none;
  border-top:none;
  margin-right:0.325em;
  margin-left:0.25em;
  margin-bottom:0.0625em;
}

.slim-upload-status[data-state='error'] {
  background:#efd472;
  color:#574016;
}

.slim-upload-status[data-state='error'] .slim-upload-status-icon {
  margin-left:-0.125em;
  margin-right:0.5em;
  width:0.5625em;
  height:1em;
  position:relative;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}

.slim-upload-status[data-state='error'] .slim-upload-status-icon:after, .slim-upload-status[data-state='error'] .slim-upload-status-icon:before {
  content:'';
  position:absolute;
  box-sizing:content-box;
  width:0;
  height:0;
  border-width:0.09em;
  border-style:solid;
  border-color:currentColor;
  background-color:currentColor;
  -webkit-transform:translate(-50%, -50%) translate(0.5em, 0.5em);
  transform:translate(-50%, -50%) translate(0.5em, 0.5em);
}

.slim-upload-status[data-state='error'] .slim-upload-status-icon:before {
  width:0.66666666667em;
}

.slim-upload-status[data-state='error'] .slim-upload-status-icon:after {
  height:0.66666666667em;
}