{"version":3,"file":"blocks/Collapsible/style-index.css","mappings":";;;AAAA,qBAAqB;AACrB;EACE,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,WAAW;EACX,YAAY;EACZ,mBAAmB;EACnB,yBAAyB;EACzB,eAAe;EACf,sCAAsC;AACxC;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,wBAAwB;AAC1B;;;;;AC3BA;EACE;AACF;AACE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACJ;AACI;EACE;EACA;EACA;AACN;AAEI;EACE;AAAN;AAGI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADN;AAGM;EACE;AADR;AAOI;EACE;AALN;AAOI;EACE;AALN;AASM;EACE;AAPR;AAWM;EACE;AATR;AANE;EAkBE;AATJ;AAYI;EACE;AAVN;AAcI;EAEE;AAbN;AAgBI;EAGE;EACA;EACA;AAhBN;AAoBM;EACE;EACA;EACA;AAlBR;AAqBM;EACE;EACA;EACA;AAnBR;AAwBM;EACE;EACA;EACA;AAtBR;AA4BI;EACE;EACA;EACA;AA1BN;AA6BI;EACE;EACA;EACA;AA3BN;AA+BE;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kGACE;EAGF;EACA;EACA;EACA;AAhCJ;AAkCI;EACE;AAhCN;AAmCI;EACE;EACA;AAjCN;AAqCE;EACE;EACA;EACA;EACA,kGACE;AApCN;;AA0CA;EACE;EACA;EACA;AAvCF;AAyCE;EACE;EACA;EACA;EACA;AAvCJ;AAyCI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAvCN;AA2CE;EACE;AAzCJ;AA4CE;EACE;EACA;AA1CJ;;AAgDE;;EACE;EACA;AA5CJ;AA8CM;;EACE;AA3CR,C","sources":["webpack://brandy-blocks/../Externals/Src/Gutenberg/CustomBoxShadow/style.css","webpack://brandy-blocks/./src/blocks/Collapsible/style.scss"],"sourcesContent":["/* Preset UI Styles */\n.brandy-editor-box-shadow-presets-item {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 70px;\n  height: 70px;\n  border-radius: 15px;\n  border: 1px solid #e0e0e0;\n  cursor: pointer;\n  transition: transform ease-in-out 0.2s;\n}\n\n.brandy-editor-box-shadow-presets-item:hover {\n  transform: scale(1.1);\n}\n\n.brandy-editor-box-shadow-presets-item.selected {\n  border: 2px solid #757575;\n}\n\n.components-tools-panel-item:has(.block-editor-global-styles__shadow-dropdown) {\n  display: none !important;\n}\n\n.components-menu-item__button[aria-label*=\"Shadow\"] {\n  display: none !important;\n}\n",".wp-block-brandy-collapsible {\n  width: 100%;\n\n  summary {\n    cursor: pointer;\n    list-style: none;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    position: relative;\n    padding-right: 2em;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\n    span {\n      display: flex;\n      align-items: center;\n      gap: var(--wp--preset--spacing--10);\n    }\n\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    .collapsible-icon {\n      position: absolute;\n      right: 0.5em;\n      top: 50%;\n      transform: translateY(-50%);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      opacity: 0;\n      visibility: hidden;\n\n      &.close-icon {\n        transform: translateY(-50%) rotate(90deg);\n      }\n    }\n  }\n\n  &[open] {\n    &.has-active-background-color {\n      background-color: var(--active-background);\n    }\n    &[class*=\"-active-background-color\"] {\n      background-color: var(--active-background) !important;\n    }\n\n    &.has-header-active-color {\n      summary {\n        color: var(--header-active-color) !important;\n      }\n    }\n    &[class*=\"-header-active-color\"] {\n      summary {\n        color: var(--header-active-color) !important;\n      }\n    }\n    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n\n    // Only apply shadow if value is different from inherit\n    &[style*=\"--active-shadow\"] {\n      box-shadow: var(--active-shadow) !important;\n    }\n\n    // Only apply border styles if width is greater than 0px\n    &[style*=\"--active-border-width: 0px\"],\n    &[style*=\"--active-border-width:0px\"] {\n      border: none;\n    }\n\n    &[style*=\"--active-border-width\"]:not(\n        [style*=\"--active-border-width: 0px\"]\n      ):not([style*=\"--active-border-width:0px\"]) {\n      border-style: var(--active-border-style, solid) !important;\n      border-width: var(--active-border-width, 1px) !important;\n      border-color: var(--active-border-color, #1e1e1e) !important;\n    }\n\n    .collapsible-icon {\n      &.close-icon {\n        opacity: 1;\n        visibility: visible;\n        transform: translateY(-50%) rotate(0);\n      }\n\n      &.open-icon {\n        opacity: 0;\n        visibility: hidden;\n        transform: translateY(-50%) rotate(-90deg);\n      }\n    }\n\n    summary {\n      &[data-header-active-typography] {\n        font-size: var(--header-active-font-size);\n        font-weight: var(--header-active-font-weight);\n        text-transform: var(--header-active-text-transform);\n      }\n    }\n  }\n\n  &:not([open]) .collapsible-icon {\n    &.open-icon {\n      opacity: 1;\n      visibility: visible;\n      transform: translateY(-50%) rotate(0);\n    }\n\n    &.close-icon {\n      opacity: 0;\n      visibility: hidden;\n      transform: translateY(-50%) rotate(90deg);\n    }\n  }\n\n  .collapsible-content {\n    overflow: hidden;\n    position: relative;\n    opacity: 0;\n    visibility: hidden;\n    transform: translateY(-10px) scaleY(0);\n    transform-origin: top;\n    transition:\n      transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n      opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    // Reset typography styles for child content\n    font-size: 16px;\n    font-weight: normal;\n    text-transform: none;\n    letter-spacing: 0;\n\n    .block-editor-inner-blocks {\n      width: 100%;\n    }\n\n    .block-list-appender {\n      position: relative;\n      margin: 1em 0;\n    }\n  }\n\n  &[open] .collapsible-content {\n    opacity: 1;\n    visibility: visible;\n    transform: translateY(0) scaleY(1);\n    transition:\n      transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n      opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n}\n\n// Icon Settings Panel Styles\n.brandy-collapsible-icon-settings {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n\n  .brandy-collapsible-icon-preview {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-top: 8px;\n\n    i {\n      font-size: 24px;\n      color: var(--wp-admin-theme-color);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 32px;\n      height: 32px;\n      background: rgba(var(--wp-admin-theme-color-rgb), 0.1);\n      border-radius: 4px;\n    }\n  }\n\n  .components-base-control {\n    margin-bottom: 0;\n  }\n\n  .components-base-control__help {\n    margin-top: 4px;\n    color: #757575;\n  }\n}\n\n.brandy-collapsible-header-active-color,\n.brandy-collapsible-active-background {\n  .block-editor-panel-color-gradient-settings {\n    padding: 0;\n    border: none;\n    .block-editor-tools-panel-color-gradient-settings__item {\n      &.first {\n        margin-top: 10px;\n      }\n    }\n  }\n}\n"],"names":[],"sourceRoot":""}