{"version":3,"file":"admin/css/components.css","mappings":";;;AAAA;EACE;EACA;ACCF;ADCE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACCJ;ADCI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACCN;ADCI;EACE;ACCN;ADEI;EACE;ACAN;ADGI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACDN;ADGM;EACE;EACA;EACA;ACDR;ADKI;EACE;EACA;EACA;EACA;ACHN;ADMI;EACE;ACJN;ADOI;EACE;ACLN;ADQI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACNN;ADQM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;ACRR;ADUQ;EAEE;ACTV;ADmBE;EACE;EACA;EACA;EACA;ACjBJ;;ACvGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AD0GF;ACxGE;EACE;EACA;AD0GJ;ACvGE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADyGJ;ACtGE;EACE;ADwGJ;;ACpGA;EACE;EACA;EACA;ADuGF;ACrGE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADuGJ;ACpGE;EACE;ADsGJ,C","sources":["webpack://@codecanel/before-after-image-slider/./src/admin/styles/components/media-upload.scss","webpack://@codecanel/before-after-image-slider/./src/admin/styles/components.scss","webpack://@codecanel/before-after-image-slider/./src/admin/styles/components/disable-feature.scss"],"sourcesContent":[".coca-upload-media__component {\n  display: block;\n  width: 100%;\n\n  .coca-upload-media {\n    position: relative;\n    display: block;\n    width: 150px !important;\n    height: 150px !important;\n    overflow: hidden;\n    cursor: pointer;\n    border: 1px dashed #1b2559;\n    border-radius: 6px;\n    background-color: #f8f8f8;\n\n    .picker-item__premium {\n      position: absolute;\n      top: 50%;\n      right: 50%;\n      height: 36px;\n      width: 36px;\n      z-index: 20;\n      transform: translateX(50%) translateY(-50%);\n    }\n    &:has(svg.placeholder-broken-image) {\n      border: 1px dashed #f00;\n    }\n\n    &:has(svg.placeholder-broken-image) .footer {\n      background-color: #f00;\n    }\n\n    .remove-icon {\n      position: absolute;\n      top: 10px;\n      right: 10px;\n      z-index: 5;\n      height: auto;\n      padding: 2px;\n      line-height: 0;\n      color: #fff;\n      background-color: #f00;\n      border-radius: 4px;\n      transition: 300ms ease-in-out;\n\n      svg {\n        width: 16px;\n        height: auto;\n        fill: currentcolor;\n      }\n    }\n\n    img {\n      position: absolute;\n      max-width: 100%;\n      height: 100%;\n      line-height: 0;\n    }\n\n    svg.placeholder-broken-image {\n      fill: #f00;\n    }\n\n    svg.placeholder-upload-image {\n      fill: #000;\n    }\n\n    .overlay {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      display: block;\n      width: 100%;\n      height: 40px;\n      text-align: center;\n\n      .footer {\n        box-sizing: border-box;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 100%;\n        height: 100%;\n        padding: 0;\n        margin: 0;\n        font-family: inherit;\n        font-size: 13px;\n        font-weight: 400;\n        color: #1b2559;\n        border-radius: 6px !important;\n        text-decoration: none;\n        white-space: nowrap;\n        appearance: none;\n        cursor: pointer;\n        background-color: #d9d9d9;\n        border: 0;\n        border-radius: unset;\n        outline: 0;\n        box-shadow: none;\n\n        // transform: translateY(100%);\n        transition: 300ms ease-in-out;\n\n        &:hover,\n        &:active {\n          background-color: #d9d9d9e3 !important;\n        }\n      }\n    }\n\n    &:hover .overlay button {\n      // transform: translateY(0);\n    }\n  }\n\n  .components-notice.is-error {\n    padding: 0 0 0 10px;\n    margin-top: 1rem;\n    margin-right: 0;\n    margin-left: 0;\n  }\n}\n",".coca-upload-media__component {\n  display: block;\n  width: 100%;\n}\n.coca-upload-media__component .coca-upload-media {\n  position: relative;\n  display: block;\n  width: 150px !important;\n  height: 150px !important;\n  overflow: hidden;\n  cursor: pointer;\n  border: 1px dashed #1b2559;\n  border-radius: 6px;\n  background-color: #f8f8f8;\n}\n.coca-upload-media__component .coca-upload-media .picker-item__premium {\n  position: absolute;\n  top: 50%;\n  right: 50%;\n  height: 36px;\n  width: 36px;\n  z-index: 20;\n  transform: translateX(50%) translateY(-50%);\n}\n.coca-upload-media__component .coca-upload-media:has(svg.placeholder-broken-image) {\n  border: 1px dashed #f00;\n}\n.coca-upload-media__component .coca-upload-media:has(svg.placeholder-broken-image) .footer {\n  background-color: #f00;\n}\n.coca-upload-media__component .coca-upload-media .remove-icon {\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  z-index: 5;\n  height: auto;\n  padding: 2px;\n  line-height: 0;\n  color: #fff;\n  background-color: #f00;\n  border-radius: 4px;\n  transition: 300ms ease-in-out;\n}\n.coca-upload-media__component .coca-upload-media .remove-icon svg {\n  width: 16px;\n  height: auto;\n  fill: currentcolor;\n}\n.coca-upload-media__component .coca-upload-media img {\n  position: absolute;\n  max-width: 100%;\n  height: 100%;\n  line-height: 0;\n}\n.coca-upload-media__component .coca-upload-media svg.placeholder-broken-image {\n  fill: #f00;\n}\n.coca-upload-media__component .coca-upload-media svg.placeholder-upload-image {\n  fill: #000;\n}\n.coca-upload-media__component .coca-upload-media .overlay {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: block;\n  width: 100%;\n  height: 40px;\n  text-align: center;\n}\n.coca-upload-media__component .coca-upload-media .overlay .footer {\n  box-sizing: border-box;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  padding: 0;\n  margin: 0;\n  font-family: inherit;\n  font-size: 13px;\n  font-weight: 400;\n  color: #1b2559;\n  border-radius: 6px !important;\n  text-decoration: none;\n  white-space: nowrap;\n  appearance: none;\n  cursor: pointer;\n  background-color: #d9d9d9;\n  border: 0;\n  border-radius: unset;\n  outline: 0;\n  box-shadow: none;\n  transition: 300ms ease-in-out;\n}\n.coca-upload-media__component .coca-upload-media .overlay .footer:hover, .coca-upload-media__component .coca-upload-media .overlay .footer:active {\n  background-color: rgba(217, 217, 217, 0.8901960784) !important;\n}\n.coca-upload-media__component .components-notice.is-error {\n  padding: 0 0 0 10px;\n  margin-top: 1rem;\n  margin-right: 0;\n  margin-left: 0;\n}\n\n.coca-disable-feature {\n  position: relative;\n  display: block;\n  width: 100%;\n  padding-right: 20px;\n  padding-left: 20px;\n  margin-right: -20px;\n  margin-left: -20px;\n  overflow: hidden;\n}\n.coca-disable-feature .components-disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.coca-disable-feature .buy-pro-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(255, 255, 255, 0.57);\n  border: 0;\n  transition: 300ms ease-in-out;\n  transform: translateY(100%);\n}\n.coca-disable-feature:hover .buy-pro-overlay {\n  transform: translateY(0);\n}\n\n.template-pro-feature {\n  cursor: not-allowed !important;\n  position: relative;\n  overflow: hidden;\n}\n.template-pro-feature .buy-pro-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(255, 255, 255, 0.57);\n  border: 0;\n  transition: 300ms ease-in-out;\n  transform: translateY(100%);\n}\n.template-pro-feature:hover .buy-pro-overlay {\n  transform: translateY(0);\n}",".coca-disable-feature {\n  position: relative;\n  display: block;\n  width: 100%;\n  padding-right: 20px;\n  padding-left: 20px;\n  margin-right: -20px;\n  margin-left: -20px;\n  overflow: hidden;\n\n  .components-disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n\n  .buy-pro-overlay {\n    position: absolute;\n    top: 0;\n    right: 0;\n    left: 0;\n    z-index: 10;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    background-color: rgb(255 255 255 / 57%);\n    border: 0;\n    transition: 300ms ease-in-out;\n    transform: translateY(100%);\n  }\n\n  &:hover .buy-pro-overlay {\n    transform: translateY(0);\n  }\n}\n\n.template-pro-feature {\n  cursor: not-allowed !important;\n  position: relative;\n  overflow: hidden;\n\n  .buy-pro-overlay {\n    position: absolute;\n    top: 0;\n    right: 0;\n    left: 0;\n    z-index: 10;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    background-color: rgb(255 255 255 / 57%);\n    border: 0;\n    transition: 300ms ease-in-out;\n    transform: translateY(100%);\n  }\n\n  &:hover .buy-pro-overlay {\n    transform: translateY(0);\n  }\n}\n"],"names":[],"sourceRoot":""}