{"version":3,"sources":["../scss/_variables.scss","fileuploads/css/fileupload.scss"],"names":[],"mappings":";AAGA;AAuCA;AASA;AAQA;AAcA;ACxEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA,kBDrBK;ECsBL;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;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;;AAEA;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OD/HG;ECgIH;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA,kBD5IG;EC6IH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBD/JD;ECgKC;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,YD7JG;EC8JH;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,ODhOH;ECiOG;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,YDnPP;ECoPO;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,ODnaD;ECoaC;;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":["$background:var(--primary-bg-background);\r\n$color:#070510;\r\n\r\n/*Color variables*/\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(--primary-bg-transparentcolor);\r\n$secondary: var(--secondary-color);\r\n$secondary-hover : var(--secondary-hover);\r\n$secondary-transparent:var(--secondary-transparent);\r\n$secondary-shadow:var(--secondary-shadow);\r\n$gradient-color:linear-gradient(120deg, #0f75ff 60%, var(--secondary) 100%);\r\n$primary-gradient:linear-gradient(87deg,  var(--primary-bg-color), var(--primary-10) 100%);\r\n$gradient       :linear-gradient(87deg, var(--primary-09), var(--primary-10) 100%) ;\r\n$primary-1:var(--primary-01);\r\n$primary-09:var(--primary-09);\r\n$primary-08:var(--primary-08);\r\n$primary-10:var(--primary-10);\r\n$primary-02:var(--primary-02);\r\n$primary-04:var(--primary-04);\r\n$primary-03:var(--primary-03);\r\n$secondary-08:var(--secondary-08);\r\n$secondary-03:var(--secondary-03);\r\n$info:#0ab2e6;\r\n$success:#27c781;\r\n$warning:#ff8819;\r\n$danger:#ff382b;\r\n$blue:#467fcf;\r\n$yellow:#ffa22b;\r\n$teal:#05e6e6;\r\n$pink:#f13c79;\r\n$purple:#604dd8;\r\n$dark:#1d2124;\r\n$orange:#f77823;\r\n$indigo:#6574cd;\r\n$cyan:#00f7ff;\r\n$white:#fff;\r\n$black:#000;\r\n$border:#e6ebf1;\r\n\r\n/***********dark-theme**************/\r\n\r\n$dark-mode: var(--dark-color);\r\n$dark-bg: var(--dark-color2);\r\n$dark-border: rgba(255,255,255,0.2);\r\n$dark-color:#fff;\r\n$dark-shadow:#1c273c1a;\r\n$dark-shadow2:#616366;\r\n\r\n/***********transparent-theme**************/\r\n\r\n$transparent-mode: var(--transparent-color);\r\n$transparent-bg: var(--transparent-color2);\r\n$transparent-border: rgba(255,255,255,0.2);\r\n$transparent-color:#fff;\r\n$transparent-shadow:#1c273c1a;\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","@import \"../../../scss/variables\";\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// @charset \"UTF-8\";\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\"), 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, [class*=\" dropify-font-\"]:before, .dropify-font:before, .dropify-wrapper .dropify-message span.file-icon:before {\n  font-family: \"dropify\";\n  font-style: normal;\n  font-weight: normal;\n  speak: none;\n  display: inline-block;\n  text-decoration: inherit;\n  width: 1em;\n  margin-left: .2em;\n  margin-right: .2em;\n  text-align: center;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1em;\n}\n\n.dropify-font-upload:before, .dropify-wrapper .dropify-message span.file-icon:before {\n  content: '\\e800';\n  font-size: 50px;\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: 192px;\n  padding: 5px 10px;\n  font-family: \"Roboto\", \"Helvetica Neue\", \"Helvetica\", \"Arial\";\n  font-size: 14px;\n  line-height: 22px;\n\n  /* color: #777; */\n  background-color: $white;\n  background-image: none;\n  text-align: center;\n  border: 1px solid $border;\n  -webkit-transition: border-color 0.15s linear;\n  transition: border-color 0.15s linear;\n  border-radius: 4px;\n  margin-bottom: 20px;\n\n  &:hover {\n    background-size: 30px 30px;\n    background-image: -webkit-linear-gradient(135deg, #F6F6F6 25%, transparent 25%, transparent 50%, #F6F6F6 50%, #F6F6F6 75%, transparent 75%, transparent);\n    background-image: linear-gradient(-45deg, #F6F6F6 25%, transparent 25%, transparent 50%, #F6F6F6 50%, #F6F6F6 75%, transparent 75%, transparent);\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: 14px;\n      color: #728096;\n    }\n\n    p {\n      margin: 5px 0 0 0;\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    border-radius: 0.25rem;\n    top: 10px;\n    right: 10px;\n    background: none;\n    border: 1px solid $white;\n    text-transform: uppercase;\n    font-family: \"Roboto\", \"Helvetica Neue\", \"Helvetica\", \"Arial\";\n    font-size: 11px;\n    padding: 4px 8px;\n    color: $white;\n    -webkit-transition: all 0.15s linear;\n    transition: all 0.15s linear;\n\n    &:hover {\n      background: rgba(255, 255, 255, 0.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: rgb(68, 84, 195);\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}"]}