{"version":3,"file":"dist/style.css","mappings":";;;AAAA;;;EAAA;AAKA;EACE;EA4EA;AA3EF;AACE;EACE;EACA;EACA;AACJ;AAEE;EACE;AAAJ;AAGE;EACE;AADJ;AAIE;EACE;AAFJ;AAcE;EACE;AAZJ;AAeM;EACE;EACA;AAbR;AAkBE;EACE;EACA;AAhBJ;AAkBI;EACE;AAhBN;AAoBE;EACE;EACA;AAlBJ;AAoBE;EACE;EACA;EACA;EACA;EACA;AAlBJ;AAqBE;EACE;AAnBJ;AAqBI;EACE;EACA;AAnBN;AAsBI;EACE;AApBN;AA4BI;EACE;AA1BN;AA6BI;EACE;AA3BN;AA+BI;EACE;AA7BN;AAgCI;EACE;AA9BN;AAkCI;EACE;EACA;EACA;AAhCN;AAmCI;EACE;AAjCN;AAqCI;EACE;AAnCN;AAsCI;EACE;AApCN;;AAkDA;EACE;AA/CF;;AAiDA;;EAEE;EACA;EACA;EACA;AA9CF;;AAmDE;;EACE;EACA;EACA;EACA;EACA;AA/CJ;;AAoDE;EACE;EACA;EACA;EACA;EACA;AAjDJ;AAmDI;EACE;EACA;EACA;EACA;AAjDN;AAmDM;EACE;AAjDR;AAsDE;EACE;EACA;EACA;EAEA;EACA;KAAA;UAAA;EACA;EACA;EAEA;EAEA;AArDJ;;AAyDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAtDF;;AA0DA;EACE;EACA;EACA;EACA;AAvDF;;AA0DA;EACE;EACA;EACA;EACA;EACA;AAvDF;;AA0DA;EACE;AAvDF;;AAyDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AAvDF;;AA0DA;EACE;AAvDF;;AA0DA;EAEE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAzDF;;AA4DA;EACE;IACE;EAzDF;EA2DA;IACE;EAzDF;EA2DA;IACE;EAzDF;EA4DA;;IAEE;EA1DF;EA6DA;IACE;IACA;EA3DF;EA8DA;IACE;EA5DF;EA+DA;;IAEE;EA7DF;EAiEE;;IAEE;EA/DJ;EAkEE;IACE;EAhEJ;AACF;AAqEE;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AApEJ;AAsEE;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AArEJ;AAuEI;EACE;AArEN;;AA0EA;EACE;EACA;EACA;AAvEF;AA0EE;EACE;EACA;EACA;EACA;EACA;AAxEJ;AA2EE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAzEJ;;AA4EA;EACE;EACA;EACA;EACA;EACA;EACA;AAzEF;;AA8EA;EACE;EACA;AA3EF;AA6EE;EACE;AA3EJ;AA6EI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA3EN;AA8EI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA5EN;;AAiFA;EACE;AA9EF;AAgFE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AA9EJ;AAgFE;EACE;EACA;EACA;EACA;EACA;AA9EJ,C","sources":["webpack://eb-openverse-block/./src/style.scss"],"sourcesContent":["/**\n * The following styles get applied both on the front of your site\n * and in the editor.\n */\n\n.eb-openverse-wrapper {\n  margin: 0 0 1em 0;\n\n  &.no-image {\n    border-radius: 0 !important;\n    border: none !important;\n    padding: 0 !important;\n  }\n\n  &.img-style-triangle .image-wrapper {\n    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n  }\n\n  &.img-style-rhombus .image-wrapper {\n    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);\n  }\n\n  &.img-style-octagon .image-wrapper {\n    clip-path: polygon(\n      30% 0%,\n      70% 0%,\n      100% 30%,\n      100% 70%,\n      70% 100%,\n      30% 100%,\n      0% 70%,\n      0% 30%\n    );\n  }\n\n  &.attribution-style-1 {\n    overflow: visible;\n\n    .image-attribution {\n      span {\n        display: block;\n        margin-bottom: 10px;\n      }\n    }\n  }\n\n  &.attribution-style-2 {\n    display: flex;\n    flex-direction: column;\n\n    &.top {\n      flex-direction: column-reverse;\n    }\n  }\n\n  .image-wrapper {\n    overflow: hidden;\n    position: relative;\n  }\n  img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    max-width: 100%;\n    margin: 0 !important;\n  }\n\n  .image-attribution {\n    line-height: 1;\n\n    a {\n      color: inherit !important;\n      text-decoration: none;\n    }\n\n    .licensed-wrap {\n      text-transform: uppercase;\n    }\n  }\n\n  // Hover Effect\n\n  /* Zoom In #2 */\n  &.zoom-in {\n    img {\n      transform: scale(1);\n    }\n\n    .image-wrapper:hover img {\n      transform: scale(1.3);\n    }\n  }\n  &.zoom-out {\n    img {\n      transform: scale(1.5);\n    }\n\n    .image-wrapper:hover img {\n      transform: scale(1);\n    }\n  }\n  &.slide {\n    img {\n      margin-left: 30px !important;\n      transform: scale(1.3);\n      transition: 0.3s ease-in-out !important;\n    }\n\n    .image-wrapper:hover img {\n      margin-left: 0 !important;\n    }\n  }\n  &.blur {\n    img {\n      filter: blur(3px);\n    }\n\n    .image-wrapper:hover img {\n      filter: blur(0);\n    }\n  }\n\n  // .eb-advimg-link {\n  // \tposition: absolute;\n  // \tleft: 0;\n  // \ttop: 0;\n  // \twidth: 100%;\n  // \theight: 100%;\n  // \tz-index: 999;\n  // }\n}\n\n.search-key {\n  margin: 0 0 10px;\n}\n.editor-styles-wrapper .search-filter h4,\n.search-filter h4 {\n  font-size: 16px;\n  line-height: 1.3;\n  font-weight: 600;\n  font-family: sans-serif;\n}\n\n.editor-styles-wrapper .filter-item,\n.filter-item {\n  h5 {\n    font-size: 13px;\n    line-height: 1.3;\n    font-weight: 600;\n    margin: 10px 0;\n    font-family: sans-serif;\n  }\n}\n\n.filter-item-inner {\n  .form-check-label {\n    font-size: 13px;\n    line-height: 1.3;\n    font-weight: 400;\n    top: -2px;\n    position: relative;\n\n    svg {\n      width: 14px;\n      margin-right: 3px;\n      top: 2px;\n      position: relative;\n\n      &:last-child {\n        margin-right: 6px;\n      }\n    }\n  }\n\n  .form-check-input {\n    position: relative;\n    height: 18px;\n    width: 18px;\n    -ms-flex-negative: 0;\n    flex-shrink: 0;\n    appearance: none !important;\n    border-radius: 2px;\n    border-width: 1px;\n    // --tw-border-opacity: 1;\n    border-color: #8c8f94;\n    -webkit-margin-end: 0.75rem;\n    margin-inline-end: 0.75rem;\n  }\n}\n\n.loadmore-btn {\n  padding: 6px 12px;\n  background: #2673ff;\n  color: #fff;\n  outline: 1px solid #000 0;\n  text-decoration: none;\n  text-shadow: none;\n  white-space: nowrap;\n  align-items: center;\n  -webkit-appearance: none;\n  border: 0;\n  border-radius: 0;\n  box-sizing: border-box;\n  cursor: pointer;\n  font-family: inherit;\n  font-size: 16px;\n  font-weight: 500;\n  height: 45px;\n  width: 100%;\n  margin: 20px auto 0;\n  display: block;\n  transition: box-shadow 0.1s linear;\n}\n\n// search section\n.openverse-search-section {\n  display: flex;\n  flex: auto;\n  flex-wrap: nowrap;\n  max-width: 100%;\n}\n\n.search-result-count {\n  position: absolute;\n  right: 126px;\n  font-size: 12px;\n  top: 29px;\n  color: #797979;\n}\n\n.openverse-search-input:focus {\n  box-shadow: inset 0px 0px 0 1px #2673ff !important;\n}\n.openverse-search-input {\n  background-image: url(\"data:image/svg+xml; base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xNS44NTMgMTYuNTZjLTEuNjgzIDEuNTE3LTMuOTExIDIuNDQtNi4zNTMgMi40NC01LjI0MyAwLTkuNS00LjI1Ny05LjUtOS41czQuMjU3LTkuNSA5LjUtOS41IDkuNSA0LjI1NyA5LjUgOS41YzAgMi40NDItLjkyMyA0LjY3LTIuNDQgNi4zNTNsNy40NCA3LjQ0LS43MDcuNzA3LTcuNDQtNy40NHptLTYuMzUzLTE1LjU2YzQuNjkxIDAgOC41IDMuODA5IDguNSA4LjVzLTMuODA5IDguNS04LjUgOC41LTguNS0zLjgwOS04LjUtOC41IDMuODA5LTguNSA4LjUtOC41eiIvPjwvc3ZnPg==\");\n  background-color: #fff;\n  background-size: 16px 16px;\n  background-position: left 10px center;\n  background-repeat: no-repeat;\n  padding: 10px 1em !important;\n  padding-left: 2em !important;\n  border: 1px solid #2673ff !important;\n  border-radius: 0 !important;\n  color: #000;\n  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);\n  -webkit-appearance: textfield;\n  outline: 2px solid transparent !important;\n  outline-offset: 2px !important;\n  font-family: sans-serif;\n  font-size: 100%;\n  line-height: 1.15;\n  margin: 0;\n  //   width: 85%;\n  min-width: 170px;\n  flex-grow: 1;\n  height: 50px;\n}\n\n.search-section .openverse-search-input {\n  padding-right: 130px !important;\n}\n\n.openverse-search-btn {\n  //   width: 15%;\n  min-width: 100px;\n  margin: 0 auto;\n  height: 50px;\n  display: block;\n  border-radius: 0;\n  background-color: #2673ff;\n\n  font-size: 13px;\n  padding: 6px 12px;\n  color: #fff;\n  outline: 2px solid transparent !important;\n  outline-offset: 2px !important;\n  text-decoration: none;\n  text-shadow: none;\n  white-space: nowrap;\n  align-items: center;\n  -webkit-appearance: none;\n  border: 0;\n  box-sizing: border-box;\n  cursor: pointer;\n  font-family: inherit;\n  font-size: 16px;\n  font-weight: 400;\n  text-decoration: none;\n  transition: box-shadow 0.1s linear;\n}\n\n@media all and (max-width: 767px) {\n  .eb-openverse-grid {\n    --size: calc(70vw / 4) !important;\n  }\n  .openverse-search-section {\n    display: block;\n  }\n  .openverse-search-input {\n    margin-bottom: 15px;\n  }\n\n  .openverse-search-input,\n  .openverse-search-btn {\n    width: 100%;\n  }\n\n  .openverse-modal__inner {\n    left: 0 !important;\n    width: 90% !important;\n  }\n\n  .search-result-section {\n    display: block !important;\n  }\n\n  .search-filter,\n  .search-result-count {\n    display: none;\n  }\n\n  .search-section {\n    .openverse-search-input,\n    .openverse-search-btn {\n      width: auto;\n    }\n\n    .openverse-search-input {\n      padding-right: 10px !important;\n    }\n  }\n}\n\n.api-info {\n  .openverse-input {\n    background-color: #fff;\n    background-size: 16px 16px;\n    background-position: left 10px center;\n    background-repeat: no-repeat;\n    padding: 10px 2em !important;\n\n    border: 1px solid #2673ff !important;\n    border-radius: 0 !important;\n    color: #000;\n    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);\n    -webkit-appearance: textfield;\n    outline: 2px solid transparent !important;\n    outline-offset: 2px !important;\n    font-family: sans-serif;\n    font-size: 100%;\n    line-height: 1.15;\n    margin: 0 0 10px 0;\n    width: 100%;\n    height: 50px;\n  }\n  .openverse-api-btn {\n    min-width: 150px;\n    margin: 0 auto;\n    height: 50px;\n    display: block;\n    border-radius: 0;\n    background-color: #2673ff;\n\n    font-size: 13px;\n    padding: 6px 12px;\n    color: #fff;\n    outline: 2px solid transparent !important;\n    outline-offset: 2px !important;\n    text-decoration: none;\n    text-shadow: none;\n    white-space: nowrap;\n    align-items: center;\n    -webkit-appearance: none;\n    border: 0;\n    box-sizing: border-box;\n    cursor: pointer;\n    font-family: inherit;\n    font-size: 16px;\n    font-weight: 400;\n    text-decoration: none;\n    transition: box-shadow 0.1s linear;\n\n    &:disabled {\n      background-color: #ccc;\n    }\n  }\n}\n\n.eb-alert {\n  padding: 0.5rem 0.7rem;\n  margin-bottom: 1rem;\n  border: 1px solid transparent;\n  // border-radius: 0.25rem;\n\n  &.eb-alert-success {\n    color: #0f5132;\n    background-color: #d1e7dd;\n    border-color: #badbcc;\n    font-size: 14px;\n    line-height: 1.2rem;\n  }\n\n  .eb-alert-warning {\n    color: #ff0000;\n    font-size: 12px;\n    line-height: 1.2rem;\n    font-weight: 400;\n    text-transform: capitalize;\n    display: inline-block;\n    margin-top: 5px;\n  }\n}\n.eb-alert-error {\n  font-size: 13px;\n  font-weight: 400;\n  text-transform: capitalize;\n  color: #ff0000;\n  display: block;\n  margin-bottom: 20px;\n}\n\n//\n\n.eb-openverse-form-wrapper {\n  position: relative;\n  min-height: 150px;\n\n  &.loading-circle {\n    position: relative;\n\n    &::after {\n      content: \"\";\n      background-color: black;\n      opacity: 0.3;\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border-radius: inherit;\n    }\n\n    &::before {\n      content: \"\";\n      background-image: url(\"./template-components/icons/loading.gif\");\n      background-size: 40px 40px;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      margin: auto;\n      width: 40px;\n      height: 40px;\n    }\n  }\n}\n\n.eb-openverse-no-data {\n  text-align: center;\n\n  p {\n    margin: 0 0 20px 0;\n    padding: 0;\n    font-size: 16px;\n    font-weight: 700;\n    text-transform: capitalize;\n    color: black;\n    display: block;\n  }\n  span {\n    font-size: 13px;\n    font-weight: 400;\n    text-transform: capitalize;\n    color: black;\n    display: block;\n  }\n}\n"],"names":[],"sourceRoot":""}