tbuddy-master/apps/teambuddy/workset/slim-image-cropper/slim/slim.css

/*
 * Slim v3.1.1 - Image Cropping Made Easy
 * Copyright (c) 2016 Rik Schennink - http://slim.pqina.nl
 */
.slim-file-hopper {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: pointer; }

.slim-image-editor {
  position: relative;
  height: 100%;
  text-align: left;
  z-index: 1; }
  .slim-image-editor .slim-container {
    position: relative;
    height: calc(100% - 7.5rem);
    width: 100%;
    z-index: 2; }
  .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-image-editor .slim-stage,
  .slim-image-editor .slim-crop-preview {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000;
            perspective: 1000; }
  .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;
    z-index: 3; }
    .slim-image-editor .slim-editor-utils-group button {
      width: 2rem;
      height: 2rem;
      padding: 0;
      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 {
    position: relative;
    z-index: 3;
    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-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("data:image/svg+xml;charset=utf-8,%3Csvg width='252' height='287' viewBox='0 0 252 287' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M134.762.626v36.15c65.016 4.594 116.34 58.75 116.34 124.936 0 69.198-56.09 125.288-125.29 125.288C56.616 287 .525 230.91.525 161.71c0-30.036 10.592-57.59 28.215-79.17l31.934 31.934C51.03 127.75 45.27 144.04 45.27 161.71c0 44.485 36.06 80.544 80.544 80.544 44.484 0 80.544-36.058 80.544-80.543 0-41.454-31.327-75.56-71.594-80.017v35.272l-62.646-57.89L134.762.625zm-8.95 196.883c-19.77 0-35.796-16.028-35.796-35.798 0-19.77 16.027-35.796 35.797-35.796 19.77 0 35.797 16.026 35.797 35.796s-16.027 35.797-35.797 35.797z' fill='rgba(255,255,255,.8)' fill-rule='evenodd'/%3E%3C/svg%3E"); }

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

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

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

.slim-crop-area {
  position: absolute;
  -webkit-transition: background-color .125s ease-in-out;
  transition: background-color .125s ease-in-out;
  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;
      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: 2; }
  .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: 1;
    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[data-dragging='true'] .grid::before, .slim-crop-area[data-dragging='true'] .grid::after {
    opacity: 1; }

.slim-popover {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 1rem;
  font-size: 16px;
  background: rgba(25, 27, 29, 0.99);
  z-index: 2147483647; }
  .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: 2rem; } }

.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 {
    width: 100%;
    height: auto;
    background-color: #eee;
    background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1));
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1));
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px; }

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

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

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
  .slim[data-state*='empty']:hover {
    background-color: #ddd; }
  .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-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: .875em;
      top: .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 .25s;
      transition: opacity .25s;
      white-space: nowrap;
      line-height: 1.65;
      font-weight: normal; }
    .slim .slim-area .slim-upload-status-icon {
      display: inline-block;
      opacity: .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 {
      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: .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: 2;
    overflow: hidden; }
    .slim .slim-btn-group button {
      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 .25s;
    transition: all .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("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 269 269' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M63.12 250.254s3.998 18.222 24.582 18.222h93.072c20.583 0 24.582-18.222 24.582-18.222l18.374-178.66H44.746l18.373 178.66zM170.034 98.442c0-4.943 4.006-8.95 8.95-8.95 4.942 0 8.95 4.007 8.95 8.95l-8.95 134.238c0 4.943-4.008 8.95-8.95 8.95-4.942 0-8.95-4.008-8.95-8.95l8.95-134.238zm-44.746 0c0-4.943 4.006-8.95 8.948-8.95 4.943 0 8.95 4.007 8.95 8.95V232.68c0 4.943-4.007 8.95-8.95 8.95s-8.95-4.008-8.95-8.95V98.442zm-35.798-8.95c4.943 0 8.95 4.006 8.95 8.95l8.95 134.237c0 4.942-4.008 8.948-8.95 8.948-4.943 0-8.95-4.007-8.95-8.95l-8.95-134.236c0-4.943 4.008-8.95 8.95-8.95zm128.868-53.68h-39.376V17.898c0-13.578-4.39-17.9-17.898-17.9H107.39C95 0 89.492 6 89.492 17.9V35.81H50.116c-7.914 0-14.32 6.007-14.32 13.43 0 7.424 6.406 13.43 14.32 13.43H218.36c7.914 0 14.32-6.006 14.32-13.43 0-7.423-6.406-13.43-14.32-13.43zm-57.274 0H107.39l.002-17.914h53.695V35.81z' fill='%23fff'/%3E%3C/svg%3E"); }

.slim-btn-download {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 269 269' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M232.943 223.73H35.533c-12.21 0-22.11 10.017-22.11 22.373 0 12.356 9.9 22.373 22.11 22.373h197.41c12.21 0 22.11-10.017 22.11-22.373 0-12.356-9.9-22.373-22.11-22.373zM117.88 199.136c4.035 4.04 9.216 6.147 14.492 6.508.626.053 1.227.188 1.866.188.633 0 1.228-.135 1.847-.186 5.284-.357 10.473-2.464 14.512-6.51l70.763-70.967c8.86-8.876 8.86-23.268 0-32.143-8.86-8.876-23.225-8.876-32.086 0l-32.662 32.756V22.373C156.612 10.017 146.596 0 134.238 0c-12.356 0-22.372 10.017-22.372 22.373v106.41L79.204 96.027c-8.86-8.876-23.226-8.876-32.086 0-8.86 8.875-8.86 23.267 0 32.142l70.763 70.966z' fill='%23fff'/%3E%3C/svg%3E"); }

.slim-btn-upload {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='243' height='269' viewBox='0 0 243 269' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EDownload%3C/title%3E%3Cpath d='M219.943 223.73H22.533c-12.21 0-22.11 10.017-22.11 22.373 0 12.356 9.9 22.373 22.11 22.373h197.41c12.21 0 22.11-10.017 22.11-22.373 0-12.356-9.9-22.373-22.11-22.373zM104.88 6.696c4.035-4.04 9.216-6.147 14.492-6.508C119.998.135 120.6 0 121.238 0c.633 0 1.228.135 1.847.186 5.284.357 10.473 2.464 14.512 6.51l70.763 70.967c8.86 8.875 8.86 23.267 0 32.142-8.86 8.876-23.225 8.876-32.086 0L143.612 77.05v106.41c0 12.355-10.016 22.372-22.374 22.372-12.356 0-22.372-10.017-22.372-22.373V77.05l-32.662 32.755c-8.86 8.876-23.226 8.876-32.086 0-8.86-8.875-8.86-23.267 0-32.142L104.88 6.696z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E"); }

.slim-btn-edit {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 269 269' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M161.36 56.337c-7.042-7.05-18.46-7.05-25.5 0l-6.373 6.38-89.243 89.338.023.023-2.812 2.82s-8.968 9.032-29.216 74.4c-.143.456-.284.91-.427 1.373-.36 1.172-.726 2.362-1.094 3.568-.327 1.066-.657 2.154-.988 3.25-.28.922-.556 1.835-.84 2.778-.64 2.14-1.29 4.318-1.954 6.567-1.455 4.937-5.01 16.07-.99 20.1 3.87 3.882 15.12.467 20.043-.993 2.233-.662 4.396-1.31 6.52-1.952.98-.296 1.932-.586 2.89-.878 1.032-.314 2.058-.626 3.063-.935 1.27-.39 2.52-.775 3.75-1.157l1.09-.34c62.193-19.365 73.358-28.453 74.286-29.284l.01-.01.067-.06 2.88-2.886.192.193 89.244-89.336 6.373-6.382c7.04-7.048 7.04-18.476 0-25.525l-50.998-51.05zM103.4 219.782c-.08.053-.185.122-.297.193l-.21.133c-.076.047-.158.098-.245.15l-.243.148c-2.97 1.777-11.682 6.362-32.828 14.017-2.47.894-5.162 1.842-7.98 2.82l-30.06-30.092c.98-2.84 1.928-5.55 2.825-8.04 7.638-21.235 12.22-29.974 13.986-32.94l.12-.2c.063-.1.12-.196.175-.283l.126-.2c.07-.11.14-.217.192-.296l2.2-2.205 54.485 54.542-2.248 2.255zM263.35 56.337l-50.996-51.05c-7.04-7.048-18.456-7.048-25.498 0L174.108 18.05c-7.04 7.048-7.04 18.476 0 25.524l50.996 51.05c7.04 7.048 18.457 7.048 25.498 0l12.75-12.762c7.04-7.05 7.04-18.477 0-25.525z' fill='%23fff'/%3E%3C/svg%3E"); }

.slim-loader-background {
  stroke: rgba(255, 255, 255, 0.25); }

.slim-loader-foreground {
  stroke: #fff; }

.slim-upload-status {
  padding: 0 .5em;
  border-radius: .3125em;
  font-size: .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: .5em;
    height: .75em;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    border: .1875em solid currentColor;
    border-left: none;
    border-top: none;
    margin-right: .325em;
    margin-left: .25em;
    margin-bottom: .0625em; }

.slim-upload-status[data-state="error"] {
  background: #efd472;
  color: #574016; }
  .slim-upload-status[data-state="error"] .slim-upload-status-icon {
    margin-left: -.125em;
    margin-right: .5em;
    width: .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; }