{"version":3,"sources":["../scss/_variables.scss","fileuploads/css/fileupload.scss"],"names":[],"mappings":";AAKA;AA6BA;AAWA;AAcA;AAaA;AAKA;ACxEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;EACE;EACA;EACA;EAEA;EACA;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBDtCK;ECuCL;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EAUA;EAUA;EACA;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAKF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,ODjKG;ECkKH;EACA;;AAEA;EACE,YDjJG;;ACqJP;EACE;EACA;EACA;EACA,kBD9KG;EC+KH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBDjMD;ECkMC;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA,YDjMG;ECkMH;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,ODlQH;ECmQG;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,YDrRP;ECsRO;EACA;;AASV;EACE;;AAGF;EACE;;AAEA;EACE;;AAKN;EACE;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAQZ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA,ODrcD;ECscC;;AAIJ;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;;;AAKN;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;IACA;;EAGF;IACE;IACA;;;AAIJ;EACE;IACE;IACA;;EAGF;IACE;IACA","file":"fileupload.css","sourcesContent":["\r\n$background: #eaedf7;\r\n$color:#1d212f;\r\n$border:#e8e8f7;\r\n\r\n/*Color variables*/\r\n\r\n\r\n$primary:var(--primary-bg-color);\r\n$primary-hover:var(--primary-bg-hover);\r\n$primary-border:var(--primary-bg-border);\r\n$primary-transparent:var(--primary01);\r\n$primary-005:var(--primary005);\r\n$primary-01:var(--primary01);\r\n$primary-02:var(--primary02);\r\n$primary-03:var(--primary03);\r\n$primary-05:var(--primary05);\r\n$primary-07:var(--primary07);\r\n$primary-08:var(--primary08);\r\n$secondary:#f1388b;\r\n$success:#19b159;\r\n$warning:#ff9b21;\r\n$danger:#fd6074;\r\n$info:#01b8ff;\r\n$light:#f1f2f9;\r\n$dark:#3b4863;\r\n$white:#ffffff;\r\n$black:#000000;\r\n$pink:#ff75ad;\r\n$purple:#6f42c1;\r\n$indigo:#4b0082;\r\n$orange:#fd7e14;\r\n$teal:#00cccc;\r\n\r\n/*gray variables*/\r\n$gray-100:#eaeafb;\r\n$gray-200:#d0d0ec;\r\n$gray-300:#babade;\r\n$gray-400:#8f8fb7;\r\n$gray-500:#717196;\r\n$gray-600:#4f4f71;\r\n$gray-700:#3c3c5d;\r\n$gray-800:#262644;\r\n$gray-900:#1b1b33;\r\n\r\n/*white variables*/\r\n$white-1:rgba(255, 255, 255, 0.1);\r\n$white-2:rgba(255, 255, 255, 0.2);\r\n$white-3:rgba(255, 255, 255, 0.3);\r\n$white-4 :rgba(255, 255, 255, 0.4);\r\n$white-5 :rgba(255, 255, 255, 0.5);\r\n$white-6 :rgba(255, 255, 255, 0.6);\r\n$white-7 :rgba(255, 255, 255, 0.7);\r\n$white-8 :rgba(255, 255, 255, 0.8);\r\n$white-9 :rgba(255, 255, 255, 0.9);\r\n$white-05:rgba(255, 255, 255, 0.05);\r\n$white-08:rgba(255, 255, 255, 0.08);\r\n$white-75:rgba(255, 255, 255, 0.075);\r\n\r\n/*black variables*/\r\n$black-1:rgba(0, 0, 0, 0.1);\r\n$black-2:rgba(0, 0, 0, 0.2);\r\n$black-3:rgba(0, 0, 0, 0.3);\r\n$black-4:rgba(0, 0, 0, 0.4);\r\n$black-5:rgba(0, 0, 0, 0.5);\r\n$black-6:rgba(0, 0, 0, 0.6);\r\n$black-7:rgba(0, 0, 0, 0.7);\r\n$black-8:rgba(0, 0, 0, 0.8);\r\n$black-9:rgba(0, 0, 0, 0.9);\r\n$black-05:rgba(0, 0, 0, 0.05);\r\n\r\n\r\n/*Dark Theme*/\r\n$dark-theme:var(--dark-theme);\r\n$dark-body:var(--dark-body);\r\n$dark-color:var(--dark-color);\r\n$dark-border:var(--dark-border);\r\n/*Dark Theme*/\r\n\r\n\t\r\n\r\n","\n@charset \"UTF-8\";\n@import \"../../../scss/variables\";\n\n\n/*!\n * =============================================================\n * dropify v0.2.2 - Override your input files with style.\n * https://github.com/JeremyFagis/dropify\n *\n * (c) 2017 - Jeremy FAGIS <jeremy@fagis.fr> (http://fagis.fr)\n * =============================================================\n */\n\n\n@font-face {\n  font-family: \"dropify\";\n  src: url(\"../fonts/dropify.eot\");\n  src: url(\"../fonts/dropify.eot#iefix\") format(\"embedded-opentype\"), url(\"../fonts/dropify.woff\") format(\"woff\"),\n    url(\"../fonts/dropify.ttf\") format(\"truetype\"), url(\"../fonts/dropify.svg#dropify\") format(\"svg\");\n  font-weight: normal;\n  font-style: normal;\n}\n\n[class^=\"dropify-font-\"]:before,\n[class*=\" dropify-font-\"]:before,\n.dropify-font:before,\n.dropify-wrapper .dropify-message span.file-icon:before {\n  font-family: \"dropify\";\n  font-style: normal;\n  font-weight: normal;\n  speak-as: none;\n  display: inline-block;\n  text-decoration: inherit;\n  width: 1em;\n  margin-left: 0.2em;\n  margin-right: 0.2em;\n  text-align: center;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1em;\n}\n\n.dropify-font-upload:before,\n.dropify-wrapper .dropify-message span.file-icon:before {\n  content: \"\\e800\";\n}\n\n.dropify-font-file:before {\n  content: \"\\e801\";\n}\n\n.dropify-wrapper {\n  display: block;\n  position: relative;\n  cursor: pointer;\n  overflow: hidden;\n  width: 100%;\n  max-width: 100%;\n  height: 200px;\n  padding: 5px 10px;\n  font-size: 14px;\n  line-height: 22px;\n  color: #334151;\n  background-color: $white;\n  background-image: none;\n  text-align: center;\n  border: 1px solid #e1e6f1;\n  -webkit-transition: border-color 0.15s linear;\n  transition: border-color 0.15s linear;\n\n  &:hover {\n    background-size: 30px 30px;\n    background-image: -webkit-linear-gradient(\n      135deg,\n      #f6f6f6 25%,\n      transparent 25%,\n      transparent 50%,\n      #f6f6f6 50%,\n      #f6f6f6 75%,\n      transparent 75%,\n      transparent\n    );\n    background-image: linear-gradient(\n      -45deg,\n      #f6f6f6 25%,\n      transparent 25%,\n      transparent 50%,\n      #f6f6f6 50%,\n      #f6f6f6 75%,\n      transparent 75%,\n      transparent\n    );\n    -webkit-animation: stripes 2s linear infinite;\n    animation: stripes 2s linear infinite;\n  }\n\n  &.has-preview .dropify-clear {\n    display: block;\n  }\n\n  &.has-error {\n    border-color: #f34141;\n\n    .dropify-message .dropify-error {\n      display: block;\n    }\n\n    &:hover .dropify-errors-container  {\n      visibility: visible;\n      opacity: 1;\n      -webkit-transition-delay: 0s;\n      transition-delay: 0s;\n    }\n  }\n\n  &.disabled {\n    input {\n      cursor: not-allowed;\n    }\n\n    &:hover {\n      background-image: none;\n      -webkit-animation: none;\n      animation: none;\n    }\n\n    .dropify-message {\n      opacity: 0.5;\n      text-decoration: line-through;\n    }\n\n    .dropify-infos-message {\n      display: none;\n    }\n  }\n\n  input {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    opacity: 0;\n    cursor: pointer;\n    z-index: 5;\n  }\n\n  .dropify-message {\n    position: relative;\n    top: 50%;\n    -webkit-transform: translateY(-50%);\n    transform: translateY(-50%);\n\n    span.file-icon {\n      font-size: 50px;\n      color: #a8afc7;\n    }\n\n    p {\n      margin: 5px 0 0 0;\n      font-size: 16px;\n\n      &.dropify-error {\n        color: #f34141;\n        font-weight: bold;\n        display: none;\n      }\n    }\n  }\n\n  .dropify-clear {\n    display: none;\n    position: absolute;\n    opacity: 0;\n    z-index: 7;\n    top: 10px;\n    right: 10px;\n    background: none;\n    border: 2px solid $white;\n    text-transform: uppercase;\n    font-family: \"Roboto\", \"Helvetica Neue\", \"Helvetica\", \"Arial\";\n    font-size: 11px;\n    padding: 4px 8px;\n    font-weight: bold;\n    color: $white;\n    -webkit-transition: all 0.15s linear;\n    transition: all 0.15s linear;\n\n    &:hover {\n      background: $white-2;\n    }\n  }\n\n  .dropify-preview {\n    display: none;\n    position: absolute;\n    z-index: 1;\n    background-color: $white;\n    padding: 5px;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    overflow: hidden;\n    text-align: center;\n\n    .dropify-render {\n      img {\n        top: 50%;\n        -webkit-transform: translate(0, -50%);\n        transform: translate(0, -50%);\n        position: relative;\n        max-width: 100%;\n        max-height: 100%;\n        background-color: $white;\n        -webkit-transition: border-color 0.15s linear;\n        transition: border-color 0.15s linear;\n      }\n\n      i {\n        font-size: 70px;\n        top: 50%;\n        left: 50%;\n        -webkit-transform: translate(-50%, -50%);\n        transform: translate(-50%, -50%);\n        position: absolute;\n        color: #777;\n      }\n\n      .dropify-extension {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        -webkit-transform: translate(-50%, -50%);\n        transform: translate(-50%, -50%);\n        margin-top: 10px;\n        text-transform: uppercase;\n        font-weight: 900;\n        letter-spacing: -0.03em;\n        font-size: 13px;\n        width: 42px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n\n    .dropify-infos {\n      position: absolute;\n      left: 0;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      z-index: 3;\n      background: $black-7;\n      opacity: 0;\n      -webkit-transition: opacity 0.15s linear;\n      transition: opacity 0.15s linear;\n\n      .dropify-infos-inner {\n        position: absolute;\n        top: 50%;\n        -webkit-transform: translate(0, -40%);\n        transform: translate(0, -40%);\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n        width: 100%;\n        padding: 0 20px;\n        -webkit-transition: all 0.2s ease;\n        transition: all 0.2s ease;\n\n        p {\n          padding: 0;\n          margin: 0;\n          position: relative;\n          width: 100%;\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          color: $white;\n          text-align: center;\n          line-height: 25px;\n          font-weight: bold;\n\n          &.dropify-infos-message {\n            margin-top: 15px;\n            padding-top: 15px;\n            font-size: 12px;\n            position: relative;\n            opacity: 0.5;\n\n            &::before {\n              content: \"\";\n              position: absolute;\n              top: 0;\n              left: 50%;\n              -webkit-transform: translate(-50%, 0);\n              transform: translate(-50%, 0);\n              background: $white;\n              width: 30px;\n              height: 2px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  &:hover {\n    .dropify-clear {\n      opacity: 1;\n    }\n\n    .dropify-preview .dropify-infos {\n      opacity: 1;\n\n      .dropify-infos-inner {\n        margin-top: -5px;\n      }\n    }\n  }\n\n  &.touch-fallback {\n    height: auto !important;\n\n    &:hover {\n      background-image: none;\n      -webkit-animation: none;\n      animation: none;\n    }\n\n    .dropify-preview {\n      position: relative;\n      padding: 0;\n\n      .dropify-render {\n        display: block;\n        position: relative;\n\n        .dropify-font-file {\n          position: relative;\n          -webkit-transform: translate(0, 0);\n          transform: translate(0, 0);\n          top: 0;\n          left: 0;\n\n          &::before {\n            margin-top: 30px;\n            margin-bottom: 30px;\n          }\n        }\n\n        img {\n          position: relative;\n          -webkit-transform: translate(0, 0);\n          transform: translate(0, 0);\n        }\n      }\n\n      .dropify-infos {\n        position: relative;\n        opacity: 1;\n        background: transparent;\n\n        .dropify-infos-inner {\n          position: relative;\n          top: 0;\n          -webkit-transform: translate(0, 0);\n          transform: translate(0, 0);\n          padding: 5px 90px 5px 0;\n\n          p {\n            padding: 0;\n            margin: 0;\n            position: relative;\n            width: 100%;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            color: #777;\n            text-align: left;\n            line-height: 25px;\n\n            &.dropify-filename {\n              font-weight: bold;\n            }\n\n            &.dropify-infos-message {\n              margin-top: 0;\n              padding-top: 0;\n              font-size: 11px;\n              position: relative;\n              opacity: 1;\n\n              &::before {\n                display: none;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .dropify-message {\n      -webkit-transform: translate(0, 0);\n      transform: translate(0, 0);\n      padding: 40px 0;\n    }\n\n    .dropify-clear {\n      top: auto;\n      bottom: 23px;\n      opacity: 1;\n      border-color: rgba(119, 119, 119, 0.7);\n      color: #777;\n    }\n\n    &.has-preview .dropify-message {\n      display: none;\n    }\n\n    &:hover .dropify-preview .dropify-infos .dropify-infos-inner {\n      margin-top: 0;\n    }\n  }\n\n  .dropify-loader {\n    position: absolute;\n    top: 15px;\n    right: 15px;\n    display: none;\n    z-index: 9;\n\n    &::after {\n      display: block;\n      position: relative;\n      width: 20px;\n      height: 20px;\n      -webkit-animation: rotate 0.6s linear infinite;\n      animation: rotate 0.6s linear infinite;\n      border-radius: 100%;\n      border-top: 1px solid #ccc;\n      border-bottom: 1px solid #777;\n      border-left: 1px solid #ccc;\n      border-right: 1px solid #777;\n      content: \"\";\n    }\n  }\n\n  .dropify-errors-container {\n    position: absolute;\n    left: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 3;\n    background: rgba(243, 65, 65, 0.8);\n    text-align: left;\n    visibility: hidden;\n    opacity: 0;\n    -webkit-transition: visibility 0s linear 0.15s, opacity 0.15s linear;\n    transition: visibility 0s linear 0.15s, opacity 0.15s linear;\n\n    ul {\n      padding: 10px 20px;\n      margin: 0;\n      position: absolute;\n      left: 0;\n      top: 50%;\n      -webkit-transform: translateY(-50%);\n      transform: translateY(-50%);\n\n      li {\n        margin-left: 20px;\n        color: $white;\n        font-weight: bold;\n      }\n    }\n\n    &.visible {\n      visibility: visible;\n      opacity: 1;\n      -webkit-transition-delay: 0s;\n      transition-delay: 0s;\n    }\n  }\n\n  ~ .dropify-errors-container ul {\n    padding: 0;\n    margin: 15px 0;\n\n    li {\n      margin-left: 20px;\n      color: #f34141;\n      font-weight: bold;\n    }\n  }\n}\n\n@-webkit-keyframes stripes {\n  from {\n    background-position: 0 0;\n  }\n\n  to {\n    background-position: 60px 30px;\n  }\n}\n\n@keyframes stripes {\n  from {\n    background-position: 0 0;\n  }\n\n  to {\n    background-position: 60px 30px;\n  }\n}\n\n@-webkit-keyframes rotate {\n  0% {\n    -webkit-transform: rotateZ(-360deg);\n    transform: rotateZ(-360deg);\n  }\n\n  100% {\n    -webkit-transform: rotateZ(0deg);\n    transform: rotateZ(0deg);\n  }\n}\n\n@keyframes rotate {\n  0% {\n    -webkit-transform: rotateZ(-360deg);\n    transform: rotateZ(-360deg);\n  }\n\n  100% {\n    -webkit-transform: rotateZ(0deg);\n    transform: rotateZ(0deg);\n  }\n}\n"]}