{"version":3,"sources":["single-image-drag.scss","single-image-drag.css"],"names":[],"mappings":"AAGE;EACE,UAAA;EACA,kBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;ACFJ;ADKE;EACE,iBAAA;ACHJ;ADME;EACE,gBAAA;ACJJ;ADOE;EACE,iBAAA;EACA,kBAAA;EACA,aAAA;EACA,WAAA;EACA,uBAAA;EACA,kBAAA;EACA,eAAA;ACLJ;ADOI;EACE,WAAA;EACA,kBAAA;EACA,yBAAA;ACLN;ADSE;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,WAAA;EACA,aAAA;ACPJ;ADUE;EACE,eAAA;EACA,eAAA;ACRJ;ADWE;EACE,gBAAA;ACTJ;ADYE;EACE,kBAAA;ACVJ;;ADeE;EACE,kBAAA;ACZJ;ADeE;EACE,kBAAA;EACA,UAAA;ACbJ;ADgBE;EACE,kBAAA;EACA,OAAA;EACA,QAAA;EACA,MAAA;EACA,SAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,UAAA;ACdJ;ADwBE;EACE,cAAA;ACtBJ","file":"single-image-drag.css","sourcesContent":["// Part of starter file.\n\n.c-sid-default {\n  &__left-col {\n    width: 30%;\n    margin-right: 15px;\n    justify-content: center;\n  }\n\n  &__left-col img {\n    max-height: 250px;\n  }\n\n  &__right-col {\n    overflow: hidden;\n  }\n\n  &__dragarea {\n    font-weight: bold;\n    text-align: center;\n    padding: 9% 0;\n    color: #ccc;\n    border: 2px dashed #ccc;\n    border-radius: 7px;\n    cursor: default;\n\n    &.hover {\n      color: #333;\n      border-color: #333;\n      background-color: #f9f9f9;\n    }\n  }\n\n  &__img-loader {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 180px;\n  }\n\n  &__size-info {\n    margin-top: 5px;\n    font-size: 13px;\n  }\n\n  &__remove {\n    margin-left: 5px;\n  }\n\n  &__modal .btn {\n    position: relative;\n  }\n}\n\n.c-sid-modal {\n  .modal-body {\n    position: relative;\n  }\n\n  &__content {\n    position: relative;\n    z-index: 3;\n  }\n\n  &__loading {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    z-index: 1;\n  }\n\n  &__img-container {\n\n  }\n}\n\n// A workaround for form validation\n.is-invalid[uni-field-validate] {\n  > uni-sid ~ [data-field-error] {\n    display: block;\n  }\n}\n",".c-sid-default__left-col {\n  width: 30%;\n  margin-right: 15px;\n  justify-content: center;\n}\n.c-sid-default__left-col img {\n  max-height: 250px;\n}\n.c-sid-default__right-col {\n  overflow: hidden;\n}\n.c-sid-default__dragarea {\n  font-weight: bold;\n  text-align: center;\n  padding: 9% 0;\n  color: #ccc;\n  border: 2px dashed #ccc;\n  border-radius: 7px;\n  cursor: default;\n}\n.c-sid-default__dragarea.hover {\n  color: #333;\n  border-color: #333;\n  background-color: #f9f9f9;\n}\n.c-sid-default__img-loader {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 180px;\n}\n.c-sid-default__size-info {\n  margin-top: 5px;\n  font-size: 13px;\n}\n.c-sid-default__remove {\n  margin-left: 5px;\n}\n.c-sid-default__modal .btn {\n  position: relative;\n}\n\n.c-sid-modal .modal-body {\n  position: relative;\n}\n.c-sid-modal__content {\n  position: relative;\n  z-index: 3;\n}\n.c-sid-modal__loading {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 1;\n}\n.is-invalid[uni-field-validate] > uni-sid ~ [data-field-error] {\n  display: block;\n}"]}