{"version":3,"sources":["webpack:///src/components/v-file/v-file.vue"],"names":[],"mappings":"AAGA,yBACE,wBAAA,CAAA,gBAAA,CACA,cAAA,CACA,eAAA,CACA,gBAAA,CAEA,+BACE,YAAA,CAGF,kCACE,iBAAA,CAGF,kCACE,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,YAAA,CACA,eAAA,CACA,eAAA,CACA,iBAAA,CACA,mCAAA,CACA,cAAA,CACA,2BAAA,CACA,aAAA,CAEA,iDACE,oBAAA,CAIJ,gCACE,mBAAA,CACA,iBAAA,CAGF,iCACE,cAAA,CACA,gBAAA,CAEA,gDACE,aAAA,CAIJ,mCACE,YAAA,CACA,kBAAA,CAGF,qCACE,cAAA,CACA,mBAAA,CAGF,sCACE,cAAA,CACA,iBAAA,CACA,wDAAA,CACA,4CACE,gEAAA,CACA,oEAAA,CAIJ,+BACE,aAAA,CACA,2BAAA,CAGF,gCACE,2BAAA,CACA,UAAA,CACA,SAAA,CACA,eAAA,CACA,0BAAA,CAEA,yDACE,eAAA,CAGF,0DACE,UAAA,CACA,aAAA,CACA,kBAAA,CAGF,kLAGE,oBAAA,CACA,aAAA,CAEA,kOACE,oBAAA,CAMJ,yEACE,aAAA,CACA,oBAAA,CACA,kBAAA,CAIJ,8CACE,cAAA,CACA,UAAA,CACA,WAAA,CACA,KAAA,CACA,MAAA,CACA,YAAA,CACA,YAAA,CACA,mBAAA,CACA,kBAAA,CACA,qBAAA,CACA,sBAAA,CACA,UAAA,CACA,SAAA,CACA,wBAAA,CACA,kCAAA,CAEA,sDACE,SAAA,CACA,kBAAA,CAEA,uDACE,mBAAA,CAMR,gCACE,wBAAA,CAAA,gBAAA,CACA,iBAAA,CAEA,yCACE,cAAA,CAGF,uCACE,2BAAA,CACA,QAAA,CACA,OAAA,CACA,SAAA","file":"a6626b2feb6e6d9a.css","sourcesContent":["\n@import \"../../sass/component.scss\";\n\n.v-file {\n  user-select: none;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 21px;\n\n  &__slot {\n    display: none;\n  }\n\n  &__wrapper {\n    position: relative;\n  }\n\n  &__content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 10px;\n    min-height: 52px;\n    background: theme-color(\"white\");\n    border-radius: 5px;\n    border: dashed 2px rgba(theme-color(\"dark\"), 0.3);\n    cursor: pointer;\n    transition: all 200ms ease-out;\n    color: theme-color(\"placeholder\");\n\n    .v-file--error & {\n      border-color: theme-color(\"danger\");\n    }\n  }\n\n  &__label {\n    pointer-events: none;\n    margin-left: 0.5rem;\n  }\n\n  &__helper {\n    margin-top: 5px;\n    font-size: 0.75rem;\n\n    .v-file--error & {\n      color: theme-color(\"danger\");\n    }\n  }\n\n  &__listitem {\n    display: flex;\n    align-items: center;\n  }\n\n  &__remove-cta {\n    cursor: pointer;\n    display: inline-flex;\n  }\n\n  &__remove-icon {\n    cursor: pointer;\n    border-radius: 4px;\n    transition: background-color 0.1s ease, box-shadow 0.1s ease;\n    &:hover {\n      background-color: color-mix(in srgb, currentColor 10%, transparent);\n      box-shadow: 0 0 0 2px color-mix(in srgb, currentColor 10%, transparent);\n    }\n  }\n\n  &__name {\n    max-width: 90%;\n    margin-right: calc($spacer / 3);\n  }\n\n  &__input {\n    position: absolute !important;\n    height: 1px;\n    width: 1px;\n    overflow: hidden;\n    clip: rect(1px, 1px, 1px, 1px);\n\n    &:invalid + .v-file__content {\n      box-shadow: none;\n    }\n\n    &:disabled + .v-file__content {\n      opacity: 0.5;\n      color: theme-color(\"gray-dark\");\n      cursor: not-allowed;\n    }\n\n    &:focus + .v-file__content,\n    &:active + .v-file__content,\n    .v-file__dropping & + .v-file__content {\n      border-color: theme-color(\"focus\");\n      color: theme-color(\"focus\");\n\n      .v-input--error & {\n        border-color: theme-color(\"danger\");\n      }\n    }\n  }\n\n  &__dropdisabled {\n    &.v-file__dropping .v-file__content {\n      color: theme-color(\"danger\");\n      border-color: theme-color(\"danger\");\n      cursor: not-allowed;\n    }\n  }\n\n  &__fullscreen-dropzone {\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    z-index: 1500;\n    display: flex;\n    pointer-events: none;\n    align-items: center;\n    flex-direction: column;\n    justify-content: center;\n    color: theme-color(\"white\");\n    opacity: 0;\n    background-color: theme-color(\"focus\");\n    transition: opacity 500ms ease-in-out;\n\n    &--active {\n      opacity: 1;\n      pointer-events: all;\n\n      * {\n        pointer-events: none;\n      }\n    }\n  }\n}\n\n.v-file-custom {\n  user-select: none;\n  position: relative;\n\n  &__content {\n    cursor: pointer;\n  }\n\n  &__input {\n    position: absolute !important;\n    height: 0px;\n    width: 0px;\n    opacity: 0;\n  }\n}\n"]}