{"version":3,"file":"blocks/Button/index.css","mappings":";;;AAEE;EACE;EACA;EACA;AADJ;AAGI;EACE;AADN;AAKE;EACE;EACA;EACA;AAHJ;AAME;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAJJ;AAMI;EAZF;IAaI;EAHJ;AACF;AAKI;EACE;AAHN;AAKM;EACE;AAHR;AAOI;EACE;EAEA;AANN;AAQM;EACE;EACA;AANR;AASM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAPR;AASQ;EACE;AAPV;AAaE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAXJ;AAaI;EATF;IAUI;EAVJ;AACF;AAYI;EACE;EACA;EACA;EACA;EACA;AAVN;AAYM;EACE;AAVR;AAaM;EACE;EACA;EACA;EACA;AAXR;AAeI;EACE;EACA;EACA;EACA;EACA;AAbN;AAeM;EAPF;IAQI;EAZN;AACF;AAcM;EAXF;IAYI;EAXN;AACF;AAgBM;EAlBF;IAmBI,iGACE;EAdR;AACF;AAiBM;EAxBF;IAyBI,gHACE;EAfR;AACF;AAkBM;EA9BF;IA+BI,+HACE;EAhBR;AACF;AAmBM;EACE;EACA;AAjBR;AAmBU;EACE;AAjBZ;AAoBQ;EACE;EACA;AAlBV;AAuBI;EACE;EACA;EACA;EACA;EACA;AArBN;AAuBM;EACE;AArBR,C;;;;AC1IA;EACE;EACA;EACA;AACF;;AAEA;EACE;AACF,C","sources":["webpack://brandy-blocks/./src/components/IconsModal/index.scss","webpack://brandy-blocks/./src/components/IconDisplay/index.scss"],"sourcesContent":["// Style for the icon library modal.\n.brandy-icon-inserter__modal {\n  .components-modal__content {\n    flex: 1 1 0%;\n    overflow: auto;\n    padding: 0px;\n\n    &:before {\n      margin-bottom: 0;\n    }\n  }\n\n  .icon-inserter {\n    align-items: stretch;\n    display: flex;\n    height: 100%;\n  }\n\n  .icon-inserter__sidebar {\n    display: none;\n    flex-direction: column;\n    flex-shrink: 0;\n    width: 280px;\n    padding: 24px 32px 32px;\n    position: sticky;\n    top: 0;\n    align-self: flex-start;\n    max-height: 100vh;\n    overflow-y: auto;\n\n    @media (min-width: 900px) {\n      display: flex;\n    }\n\n    &__search {\n      margin-bottom: 16px;\n\n      .components-base-control__field {\n        margin-bottom: 0;\n      }\n    }\n\n    &__category-type {\n      padding: 0 32px 32px;\n      // Override core component styles.\n      border: none;\n\n      .components-menu-group__label {\n        margin: 0;\n        padding: 16px 12px 16px;\n      }\n\n      .components-menu-item__item {\n        align-items: flex-start;\n        display: inline-flex;\n        justify-content: space-between;\n        white-space: normal;\n        width: 100%;\n        text-align: left;\n        text-transform: capitalize;\n\n        & > span {\n          opacity: 0.5;\n        }\n      }\n    }\n  }\n\n  .icon-inserter__content {\n    display: flex;\n    flex-direction: column;\n    flex-shrink: 0;\n    overflow: auto;\n    padding: 24px 32px;\n    border-left: 1px solid #dedede;\n    width: 100%;\n\n    @media (min-width: 900px) {\n      width: calc(100% - 281px);\n    }\n\n    .icon-inserter__content-header {\n      align-items: center;\n      display: flex;\n      height: 40px;\n      justify-content: space-between;\n      margin-bottom: 24px;\n\n      .search-results {\n        color: #757575;\n      }\n\n      .components-select-control {\n        flex-direction: row;\n        justify-content: right;\n        align-items: center;\n        gap: 20px;\n      }\n    }\n\n    .icons-list {\n      padding: 4px 0px 72px 0px;\n      margin: 0;\n      display: grid;\n      row-gap: 30px;\n      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);\n\n      @media (min-width: 600px) {\n        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);\n      }\n\n      @media (min-width: 900px) {\n        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(\n            0,\n            1fr\n          );\n      }\n\n      @media (min-width: 1100px) {\n        grid-template-columns:\n          minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)\n          minmax(0, 1fr);\n      }\n\n      @media (min-width: 1450px) {\n        grid-template-columns:\n          minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)\n          minmax(0, 1fr) minmax(0, 1fr);\n      }\n\n      @media (min-width: 1600px) {\n        grid-template-columns:\n          minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)\n          minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);\n      }\n\n      .icons-list__item {\n        align-items: center;\n        gap: 10px;\n        .icons-list__item-icon {\n          i {\n            font-size: 32px;\n          }\n        }\n        &.is-active {\n          background-color: var(--wp-admin-theme-color);\n          color: rgb(255 255 255 / 80%);\n        }\n      }\n    }\n\n    .block-editor-inserter__no-results {\n      height: calc(100% - 56px);\n      margin-top: 0;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n\n      svg {\n        margin: 0 auto;\n      }\n    }\n  }\n}\n",".brandy-preview-icon-content {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.brandy-select-icon-button {\n  justify-content: center;\n}\n"],"names":[],"sourceRoot":""}