/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!../../packages/core/components/DraggableComponent/styles.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_DraggableComponent__QapXb {
  outline-offset: 0px !important;
  pointer-events: auto;
}

.styles_DraggableComponent__QapXb:focus-visible {
  outline: 2px solid var(--puck-color-azure-05);
}

.styles_DraggableComponent--isDragging__8_ODg {
  background: color-mix(in srgb, var(--puck-color-azure-08) 10%, transparent);
  outline: 2px var(--puck-color-azure-09) solid !important;
  overflow: hidden;
}

.styles_DraggableComponent-contents__RdSQl {
  position: relative; /* Reset stacking context */
  pointer-events: none;
  z-index: 0;
}

/* Prevent margin collapsing  */
.styles_DraggableComponent-contents__RdSQl::before,
.styles_DraggableComponent-contents__RdSQl::after {
  content: " ";
  display: table;
}

.styles_DraggableComponent-overlay__89XtP {
  display: none;
  background: color-mix(in srgb, var(--puck-color-azure-08) 30%, transparent);
  cursor: pointer;
  height: 100%;
  width: 100%;
  top: 0;
  position: absolute;
  z-index: 0;
  pointer-events: none;
  box-sizing: border-box;
}

.styles_DraggableComponent-loadingOverlay__KnapJ {
  background: var(--puck-color-white);
  color: var(--puck-color-grey-03);
  border-radius: 4px;
  display: flex;
  padding: 8px;
  top: 8px;
  right: 8px;
  position: absolute;
  pointer-events: all;
  box-sizing: border-box;
  opacity: 0.8;
  z-index: 1;
}

.styles_DraggableComponent__QapXb:hover:not(.styles_DraggableComponent--isLocked__a0_S4)
  > .styles_DraggableComponent-overlay__89XtP {
  display: block;
  pointer-events: none;
}

.styles_DraggableComponent--forceHover__gwycQ > .styles_DraggableComponent-overlay__89XtP {
  display: block;
  pointer-events: none;
}

.styles_DraggableComponent__QapXb:not(.styles_DraggableComponent--isSelected__HZGO0)
  > .styles_DraggableComponent-overlay__89XtP {
  outline: 2px var(--puck-color-azure-09) solid !important;
}

.styles_DraggableComponent--indicativeHover__KrsFQ > .styles_DraggableComponent-overlay__89XtP {
  display: block;
  background: transparent; /* We only use backgrounds on natural hovers */
  pointer-events: none;
}

/* Won't work in FF */
.styles_DraggableComponent__QapXb:not(.styles_DraggableComponent--isSelected__HZGO0):has(
    .styles_DraggableComponent__QapXb:hover > .styles_DraggableComponent-overlay__89XtP
  )
  > .styles_DraggableComponent-overlay__89XtP {
  display: none;
}

.styles_DraggableComponent--isSelected__HZGO0 {
  outline: 2px var(--puck-color-azure-07) solid !important;
}

.styles_DraggableComponent--isSelected__HZGO0 > .styles_DraggableComponent-overlay__89XtP {
  background: none;
  display: block;
  position: sticky;
  top: 56px;
  z-index: 1;
}

.styles_DraggableComponent-actions__Pg_4c {
  position: absolute;
  right: 6.5px;
  width: auto;
  top: -48px;
  padding: 4px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-radius: 8px;
  background: var(--puck-color-grey-01);
  color: var(--puck-color-white);
  cursor: grab;
  display: none;
  font-family: var(--puck-font-family);
  gap: 4px;
  pointer-events: auto;
  box-sizing: border-box;
}

.styles_DraggableComponent--isSelected__HZGO0
  > .styles_DraggableComponent-overlay__89XtP
  > .styles_DraggableComponent-actions__Pg_4c {
  display: flex;
}

.styles_DraggableComponent-actionsLabel__39nht {
  color: var(--puck-color-grey-08);
  display: flex;
  font-size: var(--puck-font-size-xxxs);
  font-weight: 500;
  justify-content: center;
  align-items: center;
  padding-left: 8px;
  padding-right: 16px;
  margin-right: 8px;
  border-right: 1px solid var(--puck-color-grey-05);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.styles_DraggableComponent-action__LbbWP {
  background: transparent;
  border: none;
  color: var(--puck-color-grey-08);
  cursor: pointer;
  padding: 6px 8px;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 50ms ease-in;
}

.styles_DraggableComponent-action__LbbWP:focus-visible {
  outline: 2px solid var(--puck-color-azure-05);
  outline-offset: -2px;
}

@media (hover: hover) and (pointer: fine) {
  .styles_DraggableComponent-action__LbbWP:hover {
    color: var(--puck-color-azure-06);
    transition: none;
  }
}

.styles_DraggableComponent-action__LbbWP:active {
  color: var(--puck-color-azure-07);
  transition: none;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!../../packages/core/components/DropZone/styles.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_DropZone__AUvV4 {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  height: 100%;
  outline-offset: -1px;
  width: 100%;
}

.styles_DropZone--zoomEnabled___9SiW {
  zoom: 1.33;
}

.styles_DropZone--zoomEnabled___9SiW .styles_DropZone-renderWrapper__F_lVB {
  zoom: 0.75;
}

.styles_DropZone-content__ZyKSF {
  min-height: 128px;
  height: 100%;
}

.styles_DropZone--userIsDragging__3NFvq .styles_DropZone-content__ZyKSF {
  pointer-events: all;
}

.styles_DropZone--userIsDragging__3NFvq:not(.styles_DropZone--draggingOverArea__H6Q_K):not(
    .styles_DropZone--draggingNewComponent__cAKQQ
  )
  > .styles_DropZone-content__ZyKSF {
  pointer-events: none;
}

.styles_DropZone--isAreaSelected__Cr7Fy,
.styles_DropZone--draggingOverArea__H6Q_K:not(:has(.styles_DropZone--hoveringOverArea__bZDAe)),
.styles_DropZone--hoveringOverArea__bZDAe:not(.styles_DropZone--isDisabled__M3YRn):not(
    .styles_DropZone--isRootZone__S_YUD
  ) {
  background: var(--puck-color-azure-11);
  outline: 2px dashed var(--puck-color-azure-08);
}

.styles_DropZone__AUvV4:not(.styles_DropZone--hasChildren__XgLuQ) {
  background: var(--puck-color-azure-11);
  outline: 2px dashed var(--puck-color-azure-08);
}

.styles_DropZone--isDestination__MgWQJ {
  outline: 2px dashed var(--puck-color-azure-04) !important;
}

.styles_DropZone--isDestination__MgWQJ:not(.styles_DropZone--isRootZone__S_YUD) {
  background: var(--puck-color-azure-10) !important;
}

.styles_DropZone-item__u4w1W {
  position: relative;
}

.styles_DropZone-hitbox__qLv_V {
  position: absolute;
  bottom: -12px;
  height: 24px;
  width: 100%;
  z-index: 1;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!../../packages/core/components/Button/Button.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
.Button_Button__kVrSI {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 1px solid transparent;
  border-radius: 4px;
  color: var(--puck-color-white);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  letter-spacing: 0.05ch;
  font-family: var(--puck-font-family);
  font-size: 14px;
  font-weight: 400;
  box-sizing: border-box;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  transition: background-color 50ms ease-in;
  cursor: pointer;
  white-space: nowrap;
  margin: 0;
}

.Button_Button__kVrSI:hover,
.Button_Button__kVrSI:active {
  transition: none;
}

.Button_Button--medium__3pY6s {
  min-height: 34px;
  padding-bottom: 7px;
  padding-left: 19px;
  padding-right: 19px;
  padding-top: 7px;
}

.Button_Button--large__mazg1 {
  padding-bottom: 11px;
  padding-left: 19px;
  padding-right: 19px;
  padding-top: 11px;
}

.Button_Button-icon__jh9tu {
  margin-top: 2px;
}

.Button_Button--primary__ePEsN {
  background: var(--puck-color-azure-04);
}

.Button_Button__kVrSI:focus-visible {
  outline: 2px solid var(--puck-color-azure-05);
  outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
  .Button_Button--primary__ePEsN:hover {
    background-color: var(--puck-color-azure-03);
  }
}

.Button_Button--primary__ePEsN:active {
  background-color: var(--puck-color-azure-02);
}

.Button_Button--secondary__OAm9w {
  border: 1px solid var(--puck-color-grey-01);
  color: var(--puck-color-black);
}

@media (hover: hover) and (pointer: fine) {
  .Button_Button--secondary__OAm9w:hover {
    background-color: var(--puck-color-azure-12);
  }
}

.Button_Button--secondary__OAm9w:active {
  background-color: var(--puck-color-azure-11);
}

.Button_Button--flush__s0dEN {
  border-radius: 0;
}

.Button_Button--disabled__3jt20,
.Button_Button--disabled__3jt20:hover {
  background-color: var(--puck-color-grey-07);
  color: var(--puck-color-grey-03);
  cursor: not-allowed;
}

.Button_Button--fullWidth__Yo_00 {
  width: 100%;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!../../packages/core/styles/color.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  /*
   * Color palette
   */

  --puck-color-rose-01: #4a001c;
  --puck-color-rose-02: #670833;
  --puck-color-rose-03: #87114c;
  --puck-color-rose-04: #a81a66;
  --puck-color-rose-05: #bc5089;
  --puck-color-rose-06: #cc7ca5;
  --puck-color-rose-07: #d89aba;
  --puck-color-rose-08: #e3b8cf;
  --puck-color-rose-09: #efd6e3;
  --puck-color-rose-10: #f6eaf1;
  --puck-color-rose-11: #faf4f8;
  --puck-color-rose-12: #fef8fc;

  --puck-color-azure-01: #00175d;
  --puck-color-azure-02: #002c77;
  --puck-color-azure-03: #014292;
  --puck-color-azure-04: #0158ad;
  --puck-color-azure-05: #3479be;
  --puck-color-azure-06: #6499cf;
  --puck-color-azure-07: #88b0da;
  --puck-color-azure-08: #abc7e5;
  --puck-color-azure-09: #cfdff0;
  --puck-color-azure-10: #e7eef7;
  --puck-color-azure-11: #f3f6fb;
  --puck-color-azure-12: #f7faff;

  --puck-color-green-01: #002000;
  --puck-color-green-02: #043604;
  --puck-color-green-03: #084e08;
  --puck-color-green-04: #0c680c;
  --puck-color-green-05: #1d882f;
  --puck-color-green-06: #2faa53;
  --puck-color-green-07: #56c16f;
  --puck-color-green-08: #7dd78b;
  --puck-color-green-09: #b8e8bf;
  --puck-color-green-10: #ddf3e0;
  --puck-color-green-11: #eff8f0;
  --puck-color-green-12: #f3fcf4;

  --puck-color-yellow-01: #211000;
  --puck-color-yellow-02: #362700;
  --puck-color-yellow-03: #4c4000;
  --puck-color-yellow-04: #645a00;
  --puck-color-yellow-05: #877614;
  --puck-color-yellow-06: #ab9429;
  --puck-color-yellow-07: #bfac4e;
  --puck-color-yellow-08: #d4c474;
  --puck-color-yellow-09: #e6deb1;
  --puck-color-yellow-10: #f3efd9;
  --puck-color-yellow-11: #f9f7ed;
  --puck-color-yellow-12: #fcfaf0;

  --puck-color-red-01: #4c0000;
  --puck-color-red-02: #6a0a10;
  --puck-color-red-03: #8a1422;
  --puck-color-red-04: #ac1f35;
  --puck-color-red-05: #bf5366;
  --puck-color-red-06: #ce7e8e;
  --puck-color-red-07: #d99ca8;
  --puck-color-red-08: #e4b9c2;
  --puck-color-red-09: #efd7db;
  --puck-color-red-10: #f6eaec;
  --puck-color-red-11: #faf4f5;
  --puck-color-red-12: #fff9fa;

  --puck-color-grey-01: #181818;
  --puck-color-grey-02: #292929;
  --puck-color-grey-03: #404040;
  --puck-color-grey-04: #5a5a5a;
  --puck-color-grey-05: #767676;
  --puck-color-grey-06: #949494;
  --puck-color-grey-07: #ababab;
  --puck-color-grey-08: #c3c3c3;
  --puck-color-grey-09: #dcdcdc;
  --puck-color-grey-10: #efefef;
  --puck-color-grey-11: #f5f5f5;
  --puck-color-grey-12: #fafafa;

  --puck-color-black: #000000;
  --puck-color-white: #ffffff;

  --puck-color-as-admin: #1d4ed8;
  --puck-color-as-admin-light: #2563eb; /* //#60a5fa; */
  --puck-color-as-admin-light-500: #3b82f6;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!../../packages/core/styles/typography.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  /**
     * Modular Scale
     *
     * 2:1 - octave - 2.0
     *
     * Base: 12px
     *
     * Interval: 5
     *
     * http://spencermortensen.com/articles/typographic-scale/
     *
     * Spacing unit: 16px * 1.5 = 24px
     *
     * Root/html font-size is undefined (browser default)
     *
     * 1rem = 16px
     */

  /* Unitless font sizes
       ======================================================================== */

  --puck-font-size-scale-base-unitless: 12;
  --puck-font-size-xxxs-unitless: 12;
  --puck-font-size-xxs-unitless: 14;
  --puck-font-size-xs-unitless: 16;
  --puck-font-size-s-unitless: 18;
  --puck-font-size-m-unitless: 21;
  --puck-font-size-l-unitless: 24;
  --puck-font-size-xl-unitless: 28;
  --puck-font-size-xxl-unitless: 36;
  --puck-font-size-xxxl-unitless: 48;
  --puck-font-size-xxxxl-unitless: 56;

  /* Descriptive font sizes
       ======================================================================== */

  --puck-font-size-xxxs: calc(1rem * var(--puck-font-size-xxxs-unitless) / 16);
  --puck-font-size-xxs: calc(1rem * var(--puck-font-size-xxs-unitless) / 16);
  --puck-font-size-xs: calc(1rem * var(--puck-font-size-xs-unitless) / 16);
  --puck-font-size-s: calc(1rem * var(--puck-font-size-s-unitless) / 16);
  --puck-font-size-m: calc(1rem * var(--puck-font-size-m-unitless) / 16);
  --puck-font-size-l: calc(1rem * var(--puck-font-size-l-unitless) / 16);
  --puck-font-size-xl: calc(1rem * var(--puck-font-size-xl-unitless) / 16);
  --puck-font-size-xxl: calc(1rem * var(--puck-font-size-xxl-unitless) / 16);
  --puck-font-size-xxxl: calc(1rem * var(--puck-font-size-xxxl-unitless) / 16);
  --puck-font-size-xxxxl: calc(
    1rem * var(--puck-font-size-xxxxl-unitless) / 16
  );

  /* Functional font sizes
      ========================================================================= */

  --puck-font-size-base: var(--puck-font-size-xs);

  /* Descriptive line heights
      ========================================================================= */

  --line-height-reset: 1;
  --line-height-xs: calc(
    var(--space-m-unitless) / var(--puck-font-size-m-unitless)
  );
  --line-height-s: calc(
    var(--space-m-unitless) / var(--puck-font-size-s-unitless)
  );
  --line-height-m: calc(
    var(--space-m-unitless) / var(--puck-font-size-xs-unitless)
  );
  --line-height-l: calc(
    var(--space-m-unitless) / var(--puck-font-size-xxs-unitless)
  );
  --line-height-xl: calc(
    var(--space-m-unitless) / var(--puck-font-size-scale-base-unitless)
  );

  /* Functional line heights
      ========================================================================= */

  --line-height-base: var(--line-height-m);

  /* Font families
  ======================================================================== */

  --fallback-font-stack: -apple-system, BlinkMacSystemFont, Segoe UI,
    Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji,
    Segoe UI Symbol;

  --puck-font-family: Inter, var(--fallback-font-stack);
  --puck-font-family-monospaced: ui-monospace, "Cascadia Code",
    "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;
}

@supports (font-variation-settings: normal) {
  :root {
    --puck-font-family: InterVariable, var(--fallback-font-stack);
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!../../packages/core/styles.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/


/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!../../packages/core/components/Drawer/styles.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_Drawer__oj54l {
  font-family: var(--puck-font-family);
}

.styles_DrawerItem-default__WSt5D .styles_DrawerItem-draggableWrapper__sER_n {
  /* padding required here to prevent bug when cancelling a drag) */
  padding-bottom: 12px;
}

.styles_DrawerItem__NyeBl:last-of-type .styles_DrawerItem-default__WSt5D .styles_DrawerItem-draggableWrapper__sER_n {
  padding-bottom: 0;
}

.styles_DrawerItem-draggable__EDV4d {
  background: var(--puck-color-white);
  padding: 12px;
  display: flex;
  border: 1px var(--puck-color-grey-09) solid;
  border-radius: 4px;
  font-size: var(--puck-font-size-xxs);
  justify-content: space-between;
  align-items: center;
  cursor: grab;
  transition: background-color 50ms ease-in, color 50ms ease-in;
}

.styles_DrawerItem__NyeBl:focus-visible {
  outline: 0;
}

.styles_Drawer__oj54l:not(.styles_Drawer--isDraggingFrom__ECHnQ)
  .styles_DrawerItem__NyeBl:focus-visible
  .styles_DrawerItem-draggable__EDV4d {
  border-radius: 4px;
  outline: 2px solid var(--puck-color-azure-05);
  outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
  .styles_Drawer__oj54l:not(.styles_Drawer--isDraggingFrom__ECHnQ) .styles_DrawerItem-draggable__EDV4d:hover {
    background-color: var(--puck-color-azure-12);
    color: var(--puck-color-azure-04);
    transition: none;
  }
}

.styles_DrawerItem-name__VV491 {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!../../packages/core/components/DragIcon/styles.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_DragIcon__Y8lBx {
  color: var(--puck-color-grey-05);
  cursor: grab;
  padding: 4px;
  border-radius: 4px;
}

@media (hover: hover) and (pointer: fine) {
  .styles_DragIcon__Y8lBx:hover {
    color: var(--puck-color-azure-05);
    background-color: var(--puck-color-azure-12);
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!../../packages/core/components/IconButton/IconButton.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/
.IconButton_IconButton__16ekK {
  align-items: center;
  background: transparent;
  border: none;
  border-radius: 4px;
  color: currentColor;
  cursor: pointer;
  display: flex;
  font-family: var(--puck-font-family);
  justify-content: center;
  padding: 4px;
  transition: background-color 50ms ease-in, color 50ms ease-in;
}

.IconButton_IconButton__16ekK:focus-visible {
  outline: 2px solid var(--puck-color-azure-05);
  outline-offset: -2px;
}

@media (hover: hover) and (pointer: fine) {
  .IconButton_IconButton__16ekK:hover {
    background: var(--puck-color-azure-12);
    color: var(--puck-color-azure-04);
    transition: none;
  }
}

.IconButton_IconButton__16ekK:active {
  background: var(--puck-color-azure-11);
  transition: none;
}

.IconButton_IconButton-title__s0BiQ {
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!../../packages/core/components/SidebarSection/styles.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_SidebarSection__7At9q {
  /* added for dragg */
  width: 100%;
  display: flex;
  position: relative;
  flex-direction: column;
  color: var(--puck-color-black);
}

.styles_SidebarSection__7At9q:last-of-type {
  flex-grow: 1;
}

.styles_SidebarSection-title__4dkGC {
  background: var(--puck-color-white);
  padding: 16px;
  border-bottom: 1px solid var(--puck-color-grey-09);
  border-top: 1px solid var(--puck-color-grey-09);
  overflow-x: auto;
}

.styles_SidebarSection--noBorderTop__6Wz7K > .styles_SidebarSection-title__4dkGC {
  border-top: 0px;
}

.styles_SidebarSection-content__wZd_C {
  padding: 16px;
}

.styles_SidebarSection--noPadding__zlQKB > .styles_SidebarSection-content__wZd_C {
  padding: 0px;
}

.styles_SidebarSection--noPadding__zlQKB > .styles_SidebarSection-content__wZd_C:last-child {
  padding-bottom: 4px;
}

.styles_SidebarSection__7At9q:last-of-type .styles_SidebarSection-content__wZd_C {
  border-bottom: none;
  flex-grow: 1;
}

.styles_SidebarSection-breadcrumbLabel__szBJP {
  background: none;
  border: 0;
  border-radius: 2px;
  color: var(--puck-color-azure-04);
  cursor: pointer;
  font: inherit;
  flex-shrink: 0;
  padding: 0;
  transition: color 50ms ease-in;
}

.styles_SidebarSection-breadcrumbLabel__szBJP:focus-visible {
  outline: 2px solid var(--puck-color-azure-05);
  outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
  .styles_SidebarSection-breadcrumbLabel__szBJP:hover {
    color: var(--puck-color-azure-03);
    transition: none;
  }
}

.styles_SidebarSection-breadcrumbLabel__szBJP:active {
  color: var(--puck-color-azure-02);
  transition: none;
}

.styles_SidebarSection-breadcrumbs__ku2bw {
  align-items: center;
  display: flex;
  gap: 4px;
}

.styles_SidebarSection-breadcrumb__OKf39 {
  align-items: center;
  display: flex;
  gap: 4px;
}

.styles_SidebarSection-heading__u948K {
  padding-right: 16px;
}

.styles_SidebarSection-loadingOverlay__EtlFk {
  background: var(--puck-color-white);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  top: 0;
  position: absolute;
  z-index: 1;
  pointer-events: all;
  box-sizing: border-box;
  opacity: 0.8;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!../../packages/core/components/Heading/styles.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_Heading__l1_y9 {
  display: block;
  color: var(--puck-color-black);
  font-weight: 700;
  margin: 0;
}

.styles_Heading__l1_y9 b {
  font-weight: 700;
}

.styles_Heading--xxxxl__g8T8i {
  font-size: var(--puck-font-size-xxxxl);
  letter-spacing: 0.08ch;
  font-weight: 800;
}

.styles_Heading--xxxl__8TxfA {
  font-size: var(--puck-font-size-xxxl);
}

.styles_Heading--xxl__0Okhe {
  font-size: var(--puck-font-size-xxl);
}

.styles_Heading--xl__EUGS9 {
  font-size: var(--puck-font-size-xl);
}

.styles_Heading--l__cSMJ9 {
  font-size: var(--puck-font-size-l);
}

.styles_Heading--m__n3Lek {
  font-size: var(--puck-font-size-m);
}

.styles_Heading--s__eIpUZ {
  font-size: var(--puck-font-size-s);
}

.styles_Heading--xs__9FDj6 {
  font-size: var(--puck-font-size-xs);
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!../../packages/core/components/MenuBar/styles.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_MenuBar__cFlLr {
  background-color: var(--puck-color-white);
  border-bottom: 1px solid var(--puck-color-grey-09);
  display: none;
  left: 0;
  margin-top: 1px;
  padding: 8px 16px;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 2;
}

.styles_MenuBar--menuOpen__Px__M {
  display: block;
}

@media (min-width: 638px) {
  .styles_MenuBar__cFlLr {
    border: none;
    display: block;
    margin-top: 0;
    overflow-y: visible;
    padding: 0;
    position: static;
  }
}

.styles_MenuBar-inner__6hbZZ {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  justify-content: flex-end;
}

@media (min-width: 638px) {
  .styles_MenuBar-inner__6hbZZ {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
}

.styles_MenuBar-history__uBdnB {
  display: flex;
}

/* Popup background overlay */
.styles_popupOverlay__qpS_D {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}


.styles_popupContent__R13GW {
  background-color: white;
  border-radius: 8px;
  padding: 35px;
  text-align: center;
  width: 440px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  animation: styles_fadeIn__xJoiv 0.3s ease-in-out;
}

.styles_popupIconContainer__O0Sig {
  display: flex;
  justify-content: center; 
  align-items: center;     
  margin-bottom: 20px;  
}


.styles_popupButtonContainer__ksexX {
  margin-top: 20px;
}


.styles_popupButton__2kBaf {
  padding: 6px 17px;
  border-radius: 5px;
  cursor: pointer;
}

.styles_popupButtonYes__OAyE7 {
  background-color: #0158ad;
  color: white;
  border: none;
  margin: 0 10px;
}

.styles_popupButtonNo__BD2l9 {
  background-color: white;
  color: black;
  border: 1px solid black;
  margin: 0 10px;
}


/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!../../packages/core/components/Puck/styles.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
/*
 * Puck's responsive layout uses minimum viewport widths slightly _below_ common
 * framework/device breakpoints, and ensures that the width of the resulting
 * Puck page preview (zoomed at 75%) is slightly _above_ common framework/device
 * breakpoints. This can help alleviate some of the pain when editing responsive
 * pages in a preview area that is narrower than the reported viewport width.
 *
 * Viewport | Puck page @ zoom 0.75
 * --------------------------------
 * -        | 322px
 * 766px    | 322px
 * 990px    | 604px
 * 1022px   | 646px
 * 1198px   | 801px
 * 1398px   | 1025px
 * 1598px   | 1212px
 */

.styles_Puck__D0dbJ {
  --puck-frame-width: auto;
  /* --puck-side-bar-width: 186px; */
  --puck-side-bar-width: 140px;
  /* added */
  --puck-side-bar-right-width: 210px;

  --puck-space-px: 16px;
  bottom: 0;
  display: grid;
  font-family: var(--puck-font-family);
  grid-template-areas: "header header header" "left editor right";
  grid-template-columns: 0 var(--puck-frame-width) 0;
  grid-template-rows: min-content auto;
  height: 100vh;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}

.styles_Puck--leftSideBarVisible__mKcc3 {
  grid-template-columns:
    var(--puck-side-bar-width) var(--puck-frame-width)
    0;
}

.styles_Puck--rightSideBarVisible__hHndy {
  grid-template-columns: 0 var(--puck-frame-width) 0;
  /* var(--puck-side-bar-right-width); */
  /* var(--puck-side-bar-width); */
}

.styles_Puck--leftSideBarVisible__mKcc3.styles_Puck--rightSideBarVisible__hHndy {
  grid-template-columns: var(--puck-side-bar-width) var(--puck-frame-width) 0;
  /* var(--puck-side-bar-right-width); */
  /* var(--puck-side-bar-width); */
}

@media (min-width: 458px) {
  .styles_Puck__D0dbJ {
    --puck-frame-width: minmax(266px, auto);
  }
}

@media (min-width: 638px) {
  .styles_Puck__D0dbJ {
    /* --puck-side-bar-width: minmax(186px, 250px); */
    --puck-side-bar-width: minmax(140px, 200px);
    --puck-side-bar-right-width: minmax(210px, 270px);
  }
}

@media (min-width: 766px) {
  .styles_Puck__D0dbJ {
    --puck-frame-width: auto;
  }
}

@media (min-width: 990px) {
  .styles_Puck__D0dbJ {
    /* --puck-side-bar-width: 256px; */
    --puck-side-bar-width: 200px;
    --puck-side-bar-right-width: 290px;
  }
}

@media (min-width: 1198px) {
  .styles_Puck__D0dbJ {
    /* --puck-side-bar-width: 274px; */
    --puck-side-bar-width: 230px;
    --puck-side-bar-right-width: 320px;
  }
}

@media (min-width: 1398px) {
  .styles_Puck__D0dbJ {
    /* --puck-side-bar-width: 290px; */
    --puck-side-bar-width: 250px;
    --puck-side-bar-right-width: 340px;
  }
}

@media (min-width: 1598px) {
  .styles_Puck__D0dbJ {
    --puck-side-bar-width: 270px;
    /* --puck-side-bar-width: 320px; */
    --puck-side-bar-right-width: 380px;
  }
}

.styles_Puck-header__mIMJa {
  background: var(--puck-color-white);
  box-shadow: rgba(0, 0, 0, 0.25) 3px 8px 8px;
  z-index: 50;
  border-bottom: 1px solid var(--puck-color-grey-09);
  color: var(--puck-color-black);
  grid-area: header;
  position: relative;
  max-width: 100vw;
}

.styles_Puck-headerInner__OsXNw {
  align-items: end;
  display: grid;
  gap: var(--puck-space-px);
  grid-template-areas: "left middle right";
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto;
  padding: var(--puck-space-px);
}

.styles_Puck-headerToggle__s3Fcy {
  color: var(--puck-color-grey-05);
  display: flex;
  margin-left: -4px;
  padding-top: 2px;
}

.styles_Puck--rightSideBarVisible__hHndy .styles_Puck-rightSideBarToggle__tZFT3,
.styles_Puck--leftSideBarVisible__mKcc3 .styles_Puck-leftSideBarToggle__Fqo8S {
  color: var(--puck-color-black);
}

.styles_Puck-headerTitle__lRaIj {
  align-self: center;
}

.styles_Puck-headerPath__5_h0g {
  font-family: var(--puck-font-family-monospaced);
  font-size: var(--puck-font-size-xxs);
  font-weight: normal;
  word-break: break-all;
}

.styles_Puck-headerTools__BCbhW {
  display: flex;
  gap: 16px;
  justify-content: flex-end;
}

.styles_Puck-menuButton__RKaoO {
  color: var(--puck-color-grey-05);
  margin-left: -4px;
}

.styles_Puck--menuOpen__xWR_n .styles_Puck-menuButton__RKaoO {
  color: var(--puck-color-black);
}

@media (min-width: 638px) {
  .styles_Puck-menuButton__RKaoO {
    display: none;
  }
}

.styles_Puck-leftSideBar__TFCUb {
  background: var(--puck-color-grey-12);
  border-right: 1px solid var(--puck-color-grey-09);
  display: flex;
  flex-direction: column;
  grid-area: left;
  overflow-y: auto;
}

.styles_Puck-frame__ZsR8E {
  display: flex;
  flex-direction: column;
  grid-area: editor;
  overflow: auto;
  position: relative;
}

.styles_Puck-root__8f0VI {
  border: 1px solid var(--puck-color-grey-09);
  box-shadow: 0 0 0 calc(var(--puck-space-px) * 1.5) var(--puck-color-grey-11);
  margin: var(--puck-space-px);
  min-width: 321px;
}

@media (min-width: 1198px) {
  .styles_Puck-root__8f0VI {
    margin: calc(var(--puck-space-px) * 1.5);
  }
}

.styles_Puck-rightSideBar__Shf7F {
  background: var(--puck-color-white);
  border-left: 1px solid var(--puck-color-grey-09);
  display: flex;
  flex-direction: column;
  grid-area: right;
  overflow-y: auto;
}
.styles_allotment__H8wR8 {
  /* height: 100%;
  overflow: hidden;
  position: relative;
  width: 1500px; */
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!../../packages/core/components/InputOrGroup/styles.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_Input__lsTLi {
  color: var(--puck-color-grey-04);
  padding: 16px;
  padding-bottom: 12px;
  display: block;
}

.styles_Input__lsTLi .styles_Input__lsTLi {
  padding: 0px;
}

.styles_Input__lsTLi * {
  box-sizing: border-box;
}

.styles_Input__lsTLi + .styles_Input__lsTLi {
  border-top: 1px solid var(--puck-color-grey-09);
  margin-top: 8px;
}

.styles_Input__lsTLi .styles_Input__lsTLi + .styles_Input__lsTLi {
  border-top: 0px;
  margin-top: 12px;
}

.styles_Input-label__7FZXI {
  align-items: center;
  display: flex;
  padding-bottom: 12px;
  font-size: var(--puck-font-size-xxs);
  font-weight: 600;
}

.styles_Input-labelIcon__kPqY6 {
  color: var(--puck-color-grey-07);
  margin-right: 4px;
  padding-left: 4px;
}

.styles_Input-disabledIcon__rzgi7 {
  color: var(--puck-color-grey-05);
  margin-left: auto;
}

.styles_Input-input__1riv_ {
  background: var(--puck-color-white);
  border-width: 1px;
  border-style: solid;
  border-color: var(--puck-color-grey-09);
  border-radius: 4px;
  font-family: inherit;
  font-size: 14px;
  padding: 12px 15px;
  transition: border-color 50ms ease-in;
  width: 100%;
}

select.styles_Input-input__1riv_ {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; /* Safari */
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23c3c3c3'><polygon points='0,0 100,0 50,50'/></svg>")
    no-repeat;
  background-size: 12px;
  background-position: calc(100% - 12px) calc(50% + 3px);
  background-repeat: no-repeat;
  background-color: var(--puck-color-white);
  cursor: pointer;
}

@media (hover: hover) and (pointer: fine) {
  .styles_Input__lsTLi:has( > input):hover .styles_Input-input__1riv_:not([readonly]),
  .styles_Input__lsTLi:has( > textarea):hover .styles_Input-input__1riv_:not([readonly]) {
    border-color: var(--puck-color-grey-05);
    transition: none;
  }
  .styles_Input__lsTLi:has( > select):hover .styles_Input-input__1riv_:not([disabled]) {
    background-color: var(--puck-color-azure-12);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%235a5a5a'><polygon points='0,0 100,0 50,50'/></svg>");
    border-color: var(--puck-color-grey-05);
    transition: none;
  }
}

.styles_Input-input__1riv_:focus {
  border-color: var(--puck-color-grey-05);
  outline: 2px solid var(--puck-color-azure-05);
  transition: none;
}

.styles_Input--readOnly__e5G1a > .styles_Input-input__1riv_,
.styles_Input--readOnly__e5G1a > select.styles_Input-input__1riv_ {
  background-color: var(--puck-color-grey-11);
  border-color: var(--puck-color-grey-09);
  color: var(--puck-color-grey-04);
  cursor: default;
  opacity: 1;
  outline: 0;
  transition: none;
}

.styles_Input-radioGroupItems__ydsnW {
  display: flex;
  border: 1px solid var(--puck-color-grey-09);
  border-radius: 4px;
  flex-wrap: wrap;
}

.styles_Input-radio__nbSAF {
  border-right: 1px solid var(--puck-color-grey-09);
  flex-grow: 1;
}

.styles_Input-radio__nbSAF:first-of-type {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.styles_Input-radio__nbSAF:first-of-type .styles_Input-radioInner__eAv4R {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.styles_Input-radio__nbSAF:last-of-type {
  border-bottom-right-radius: 4px;
  border-right: 0;
  border-top-right-radius: 4px;
}

.styles_Input-radio__nbSAF:last-of-type .styles_Input-radioInner__eAv4R {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.styles_Input-radioInner__eAv4R {
  background-color: var(--puck-color-white);
  color: var(--puck-color-grey-04);
  cursor: pointer;
  font-size: var(--puck-font-size-xxxs);
  padding: 8px 12px;
  text-align: center;
  transition: background-color 50ms ease-in;
}

.styles_Input-radio__nbSAF:has(:focus-visible) {
  outline: 2px solid var(--puck-color-azure-05);
  outline-offset: 2px;
  position: relative;
}

@media (hover: hover) and (pointer: fine) {
  .styles_Input-radioInner__eAv4R:hover {
    background-color: var(--puck-color-azure-12);
    transition: none;
  }
}

.styles_Input--readOnly__e5G1a .styles_Input-radioInner__eAv4R {
  background-color: var(--puck-color-white);
  color: var(--puck-color-grey-04);
  cursor: default;
}

.styles_Input-radio__nbSAF .styles_Input-radioInput___mfo_:checked ~ .styles_Input-radioInner__eAv4R {
  background-color: var(--puck-color-azure-11);
  color: var(--puck-color-azure-04);
  font-weight: 500;
}

.styles_Input--readOnly__e5G1a .styles_Input-radioInput___mfo_:checked ~ .styles_Input-radioInner__eAv4R {
  background-color: var(--puck-color-grey-11);
  color: var(--puck-color-grey-04);
}

.styles_Input-radio__nbSAF .styles_Input-radioInput___mfo_ {
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

textarea.styles_Input-input__1riv_ {
  margin-bottom: -4px; /* Remove strange bottom border */
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!../../packages/core/components/InputOrGroup/fields/ArrayField/styles.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * ArrayField
 */

.styles_ArrayField__CIdew {
  display: flex;
  flex-direction: column;
  background-color: var(--puck-color-grey-09);
  border: 1px solid var(--puck-color-grey-09);
  border-radius: 4px;
}

.styles_ArrayField--isDraggingFrom__NIFtG {
  background-color: var(--puck-color-azure-11);
}

.styles_ArrayField-addButton__rLmYA {
  background-color: var(--puck-color-white);
  border: none;
  border-radius: 4px;
  display: flex;
  color: var(--puck-color-azure-05);
  justify-content: center;
  cursor: pointer;
  width: 100%;
  margin: 0;
  padding: 16px;
  text-align: left;
  transition: background-color 50ms ease-in;
}

.styles_ArrayField--hasItems__0Yc2Z > .styles_ArrayField-addButton__rLmYA {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.styles_ArrayField-addButton__rLmYA:focus-visible {
  outline: 2px solid var(--puck-color-azure-05);
  outline-offset: 2px;
  position: relative;
}

@media (hover: hover) and (pointer: fine) {
  .styles_ArrayField__CIdew:not(.styles_ArrayField--isDraggingFrom__NIFtG) > .styles_ArrayField-addButton__rLmYA:hover {
    background: var(--puck-color-azure-12);
    color: var(--puck-color-azure-04);
    transition: none;
  }
}

.styles_ArrayField__CIdew:not(.styles_ArrayField--isDraggingFrom__NIFtG) > .styles_ArrayField-addButton__rLmYA:active {
  background: var(--puck-color-azure-11);
  color: var(--puck-color-azure-04);
  transition: none;
}

/**
 * ArrayFieldItem
 */

.styles_ArrayFieldItem__wOTCy {
  background: var(--puck-color-white);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  display: block;
  margin-bottom: 1px; /* Simulate border with margin so we can hide it whilst dragging */
}

.styles_ArrayField--isDraggingFrom__NIFtG > .styles_ArrayFieldItem__wOTCy:not(.styles_ArrayFieldItem--isDragging__FOxL_) {
  border-bottom: 1px solid var(--puck-color-grey-09);
  margin-bottom: 0;
}

.styles_ArrayFieldItem--isExpanded__0RFmd {
  border-bottom: 0;
  outline-offset: 0px !important; /* Important helps to override Nextra docs */
  outline: 1px solid var(--puck-color-azure-07) !important; /* Important helps to override Nextra docs */
}

.styles_ArrayFieldItem--isDragging__FOxL_ {
  box-shadow: color-mix(in srgb, var(--puck-color-grey-06) 25%, transparent) 0 3px 6px 0;
}

.styles_ArrayFieldItem--isDragging__FOxL_ .styles_ArrayFieldItem-summary__MQ9J0:active {
  background-color: var(--puck-color-white);
}

.styles_ArrayFieldItem__wOTCy + .styles_ArrayFieldItem__wOTCy {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.styles_ArrayFieldItem-summary__MQ9J0 {
  color: var(--puck-color-grey-04);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 2px;
  justify-content: space-between;
  font-size: var(--puck-font-size-xxs);
  list-style: none;
  padding: 12px 15px;
  position: relative;
  overflow: hidden;
  transition: background-color 50ms ease-in;
}

.styles_ArrayFieldItem--readOnly__yh__N > .styles_ArrayFieldItem-summary__MQ9J0 {
  background-color: var(--puck-color-grey-12);
  color: var(--puck-color-grey-06);
}

.styles_ArrayFieldItem__wOTCy:first-of-type > .styles_ArrayFieldItem-summary__MQ9J0 {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.styles_ArrayFieldItem-summary__MQ9J0:focus-visible {
  outline: 2px solid var(--puck-color-azure-05);
  outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
  .styles_ArrayFieldItem-summary__MQ9J0:hover {
    background-color: var(--puck-color-azure-12);
    transition: none;
  }
}

.styles_ArrayFieldItem-summary__MQ9J0:active {
  background-color: var(--puck-color-azure-11);
  transition: none;
}

.styles_ArrayFieldItem--isExpanded__0RFmd > .styles_ArrayFieldItem-summary__MQ9J0 {
  background: var(--puck-color-azure-11);
  color: var(--puck-color-azure-04);
  font-weight: 600;
  transition: none;
}

.styles_ArrayFieldItem-body__ibI96 {
  display: none;
}

.styles_ArrayFieldItem--isExpanded__0RFmd > .styles_ArrayFieldItem-body__ibI96 {
  display: block;
}

.styles_ArrayFieldItem-fieldset__ckg3N {
  border: none;
  border-top: 1px solid var(--puck-color-grey-09);
  margin: 0;
  padding: 16px 15px;
}

.styles_ArrayFieldItem-rhs__w0B_I {
  display: flex;
  gap: 4px;
  align-items: center;
}

.styles_ArrayFieldItem-actions__DWt5q {
  color: var(--puck-color-grey-04);
  display: flex;
  gap: 4px;
  opacity: 0;
}

.styles_ArrayFieldItem-summary__MQ9J0:focus-within > .styles_ArrayFieldItem-rhs__w0B_I > .styles_ArrayFieldItem-actions__DWt5q,
.styles_ArrayFieldItem-summary__MQ9J0:hover > .styles_ArrayFieldItem-rhs__w0B_I > .styles_ArrayFieldItem-actions__DWt5q {
  opacity: 1;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!../../packages/core/components/ExternalInput/styles.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_ExternalInput-actions__m3C_I {
  display: flex;
}

.styles_ExternalInput-button__YVswx {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  background-color: var(--puck-color-white);
  border: 1px solid var(--puck-color-grey-09);
  border-radius: 4px;
  color: var(--puck-color-azure-04);
  cursor: pointer;
  padding: 12px 16px;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: background-color 50ms ease-in;
  position: relative;
  overflow: hidden;
  flex-grow: 1;
}

.styles_ExternalInput--dataSelected__4bLgC .styles_ExternalInput-button__YVswx {
  color: var(--puck-color-grey-03);
  display: block;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.styles_ExternalInput-detachButton__SUNS_ {
  border: 1px solid var(--puck-color-grey-09);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: var(--puck-color-grey-12);
  color: var(--puck-color-grey-05);
  cursor: pointer;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  position: relative;
  transition: background-color 50ms ease-in, color 50ms ease-in;
  margin-left: -1px;
}

.styles_ExternalInput-button__YVswx:focus-visible,
.styles_ExternalInput-detachButton__SUNS_:focus-visible {
  outline: 2px solid var(--puck-color-azure-05);
  outline-offset: 2px;
  z-index: 1;
}

@media (hover: hover) and (pointer: fine) {
  .styles_ExternalInput-button__YVswx:hover,
  .styles_ExternalInput-detachButton__SUNS_:hover {
    background: var(--puck-color-azure-12);
    transition: none;
  }

  .styles_ExternalInput-detachButton__SUNS_:hover {
    color: var(--puck-color-azure-04);
  }
}

.styles_ExternalInput-button__YVswx:active,
.styles_ExternalInput-detachButton__SUNS_:active {
  background: var(--puck-color-azure-11);
  transition: none;
}

.styles_ExternalInputModal__bF9mr {
  color: var(--puck-color-black);
  display: flex;
  flex-direction: column;
  position: relative;
  max-height: 90vh;
}

.styles_ExternalInputModal-masthead__yrIKn {
  background-color: var(--puck-color-white);
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  padding: 32px 24px;
}

.styles_ExternalInputModal-tableWrapper__Z_Tkd {
  position: relative;
  overflow-x: auto;
  overflow-y: auto;
  flex-grow: 1;
}

.styles_ExternalInputModal-table__XzU6M {
  border-collapse: unset;
  border-spacing: 0px;
  color: var(--puck-color-grey-02);
  position: relative;
  z-index: 0;
  min-width: 100%;
}

.styles_ExternalInputModal-thead__BU3pk {
  position: sticky;
  top: 0;
  z-index: 1;
}

.styles_ExternalInputModal-th__Xirsx {
  border-bottom: 1px solid var(--puck-color-grey-09);
  border-top: 1px solid var(--puck-color-grey-09);
  font-weight: 700;
  padding: 16px 24px;
  opacity: 0.9;
}

.styles_ExternalInputModal-td__6nQ3o {
  padding: 16px 24px;
}

.styles_ExternalInputModal-tr__pNXs7:nth-of-type(n) {
  background-color: var(--puck-color-white);
}

.styles_ExternalInputModal-tr__pNXs7:nth-of-type(2n) {
  background-color: var(--puck-color-grey-12);
}

.styles_ExternalInputModal-tr__pNXs7 .styles_ExternalInputModal-td__6nQ3o:first-of-type {
  font-weight: 500;
}

@media (hover: hover) and (pointer: fine) {
  .styles_ExternalInputModal-tbody__vbqQI .styles_ExternalInputModal-tr__pNXs7:hover {
    background: var(--puck-color-grey-11);
    color: var(--puck-color-azure-04);
    cursor: pointer;
    position: relative;
    margin-left: -5px;
  }

  .styles_ExternalInputModal-tbody__vbqQI
    .styles_ExternalInputModal-tr__pNXs7:hover
    .styles_ExternalInputModal-td__6nQ3o:first-of-type {
    border-left: 4px solid var(--puck-color-azure-04);
    padding-left: 20px;
  }
}

.styles_ExternalInputModal-tableWrapper__Z_Tkd {
  display: none;
}

.styles_ExternalInputModal--hasData__3KYTA .styles_ExternalInputModal-tableWrapper__Z_Tkd {
  display: block;
}

.styles_ExternalInputModal-loadingBanner__M_xIL {
  display: none;
  background-color: color-mix(in srgb, var(--puck-color-white) 90%, transparent);
  padding: 64px;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.styles_ExternalInputModal--isLoading__afsrO .styles_ExternalInputModal-loadingBanner__M_xIL {
  display: flex;
}

.styles_ExternalInputModal-noContentBanner__ry72g {
  display: none;
  border-top: 1px solid var(--puck-color-grey-09);
  padding: 24px;
  text-align: center;
}

.styles_ExternalInputModal--loaded__swr_K:not(.styles_ExternalInputModal--hasData__3KYTA)
  .styles_ExternalInputModal-noContentBanner__ry72g {
  display: block;
}

.styles_ExternalInputModal-searchForm__cVd92 {
  display: flex;
  margin-left: auto;
  height: 43px;
  gap: 12px;
}

.styles_ExternalInputModal-search__yCbqL {
  display: flex;
  background: var(--puck-color-white);
  border-width: 1px;
  border-style: solid;
  border-color: var(--puck-color-grey-09);
  border-radius: 4px;
  transition: border-color 50ms ease-in;
  width: 100%;
}

.styles_ExternalInputModal-search__yCbqL:focus-within {
  border-color: var(--puck-color-grey-05);
  outline: 2px solid var(--puck-color-azure-05);
  transition: none;
}

@media (hover: hover) and (pointer: fine) {
  .styles_ExternalInputModal-search__yCbqL:hover {
    border-color: var(--puck-color-grey-05);
    transition: none;
  }
}

.styles_ExternalInputModal-searchIcon__X4IBg {
  align-items: center;
  background: var(--puck-color-grey-12);
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-right: 1px solid var(--puck-color-grey-09);
  color: var(--puck-color-grey-07);
  display: flex;
  justify-content: center;
  padding: 12px 15px;
  transition: color 50ms ease-in;
}

.styles_ExternalInputModal-search__yCbqL:focus-within .styles_ExternalInputModal-searchIcon__X4IBg {
  color: var(--puck-color-grey-04);
  transition: none;
}

@media (hover: hover) and (pointer: fine) {
  .styles_ExternalInputModal-search__yCbqL:hover .styles_ExternalInputModal-searchIcon__X4IBg {
    color: var(--puck-color-grey-04);
    transition: none;
  }
}

.styles_ExternalInputModal-searchIconText__GKCBy {
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.styles_ExternalInputModal-searchInput__JynDz {
  border: none;
  border-radius: 4px;
  background: var(--puck-color-white);
  font-family: inherit;
  font-size: 14px;
  padding: 12px 15px;
  width: 100%;
}

.styles_ExternalInputModal-searchInput__JynDz:focus {
  outline: 0;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!../../packages/core/components/Modal/styles.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_Modal__Z3Vkz {
  background: color-mix(in srgb, var(--puck-color-black) 99%, transparent);
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  padding: 64px;
}

.styles_Modal--isOpen___sssf {
  display: flex;
}

.styles_Modal-inner__5BrRf {
  width: 100%;
  max-width: 1024px;
  border-radius: 16px;
  overflow: hidden;
  background: var(--puck-color-white);
  display: flex;
  flex-direction: column;
  max-height: 90vh;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!../../packages/core/components/InputOrGroup/fields/ObjectField/styles.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * ObjectField
 */

.styles_ObjectField__00XRH {
  display: flex;
  flex-direction: column;
  background-color: var(--puck-color-white);
  border: 1px solid var(--puck-color-grey-09);
  border-radius: 4px;
}

.styles_ObjectField-fieldset__RF5n7 {
  border: none;
  margin: 0;
  padding: 16px 15px;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!../../packages/core/components/Puck/components/Fields/styles.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_PuckFields__IeuNm {
  position: relative;
  font-family: var(--puck-font-family);
}

.styles_PuckFields-loadingOverlay__K3wFF {
  background: var(--puck-color-white);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  top: 0;
  position: absolute;
  z-index: 1;
  pointer-events: all;
  box-sizing: border-box;
  opacity: 0.8;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!../../packages/core/components/ComponentList/styles.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_ComponentList__yt_X6 {
  max-width: 100%;
}

.styles_ComponentList--isExpanded__kPEwN + .styles_ComponentList__yt_X6 {
  margin-top: 12px;
}

.styles_ComponentList-content__aGsJR {
  display: none;
}

.styles_ComponentList--isExpanded__kPEwN > .styles_ComponentList-content__aGsJR {
  display: block;
}

.styles_ComponentList-title__S69t4 {
  background-color: transparent;
  border: 0;
  color: var(--puck-color-grey-05);
  cursor: pointer;
  display: flex;
  font: inherit;
  font-size: var(--puck-font-size-xxxs);
  list-style: none;
  margin-bottom: 6px;
  padding: 8px;
  text-transform: uppercase;
  transition: background-color 50ms ease-in, color 50ms ease-in;
  gap: 4px;
  border-radius: 4px;
  width: 100%;
}

.styles_ComponentList-title__S69t4:focus-visible {
  outline: 2px solid var(--puck-color-azure-05);
  outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
  .styles_ComponentList-title__S69t4:hover {
    background-color: var(--puck-color-azure-11);
    color: var(--puck-color-azure-04);
    transition: none;
  }
}

.styles_ComponentList-title__S69t4:active {
  background-color: var(--puck-color-azure-10);
  transition: none;
}

.styles_ComponentList-titleIcon__diwas {
  margin-left: auto;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!../../packages/core/components/LayerTree/styles.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_LayerTree__e648s {
  color: var(--puck-color-grey-03);
  font-family: var(--puck-font-family);
  font-size: var(--puck-font-size-xxs);
  margin: 0;
  position: relative;
  list-style: none;
  padding: 0;
}

.styles_LayerTree-zoneTitle___TyCH {
  color: var(--puck-color-grey-05);
  font-size: var(--puck-font-size-xxxs);
  text-transform: uppercase;
}

.styles_LayerTree-helper__3OoPy {
  text-align: center;
  color: var(--puck-color-grey-07);
  margin: 8px 4px;
}

.styles_Layer__sJnxb {
  position: relative;
  border: 1px solid transparent;
  border-radius: 4px;
}

.styles_Layer-inner__eAscL {
  border: 1px solid transparent;
  border-radius: 4px;
  transition: color 50ms ease-in;
}

.styles_Layer--containsZone__BQQr1 > .styles_Layer-inner__eAscL {
  padding-left: 0;
}

.styles_Layer-clickable__wQ8B3 {
  align-items: center;
  background: none;
  border: 0;
  border-radius: 4px;
  color: inherit;
  cursor: pointer;
  display: flex;
  font: inherit;
  padding-left: 12px;
  padding-right: 4px;
  width: 100%;
}

.styles_Layer-clickable__wQ8B3:focus-visible {
  outline: 2px solid var(--puck-color-azure-05);
  outline-offset: 2px;
  position: relative;
  z-index: 1;
}

@media (hover: hover) and (pointer: fine) {
  .styles_Layer__sJnxb:not(.styles_Layer--isSelected__XPli6) > .styles_Layer-inner__eAscL:hover {
    border-color: var(--puck-color-azure-10);
    background: var(--puck-color-azure-11);
    color: var(--puck-color-azure-04);
    transition: none;
  }
}

.styles_Layer--isSelected__XPli6 {
  border-color: var(--puck-color-azure-08);
}

.styles_Layer--isSelected__XPli6 > .styles_Layer-inner__eAscL {
  background: var(--puck-color-azure-10);
}

.styles_Layer--isSelected__XPli6 > .styles_Layer-inner__eAscL > .styles_Layer-clickable__wQ8B3 > .styles_Layer-chevron__T89Dx,
.styles_Layer--childIsSelected__q1SnQ > .styles_Layer-inner__eAscL > .styles_Layer-clickable__wQ8B3 > .styles_Layer-chevron__T89Dx {
  transform: scaleY(-1);
}

.styles_Layer-zones__qmSKp {
  display: none;
  margin-left: 12px;
}

.styles_Layer--isSelected__XPli6 > .styles_Layer-zones__qmSKp,
.styles_Layer--childIsSelected__q1SnQ > .styles_Layer-zones__qmSKp {
  display: block;
}

.styles_Layer-zones__qmSKp > .styles_LayerTree__e648s {
  margin-left: 12px;
}

.styles_Layer-title__o6p1Q,
.styles_LayerTree-zoneTitle___TyCH {
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 8px 4px;
  overflow-x: hidden;
}

.styles_Layer-name__fO9sD {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.styles_Layer-icon__UoVMl {
  color: var(--puck-color-rose-07);
  margin-top: 4px;
}

.styles_Layer-zoneIcon__LJjdh {
  color: var(--puck-color-grey-08);
  margin-top: 4px;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!../../node_modules/allotment/dist/style.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --separator-border: rgba(128, 128, 128, 0.35);
  --sash-hover-transition-duration: 0.1s;
}

.allotment-module_splitView__L-yRc {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.allotment-module_splitView__L-yRc > .allotment-module_sashContainer__fzwJF {
  height: 100%;
  pointer-events: none;
  position: absolute;
  width: 100%;
}

.allotment-module_splitView__L-yRc > .allotment-module_sashContainer__fzwJF > .allotment-module_sash__QA-2t {
  pointer-events: auto;
}

.allotment-module_splitView__L-yRc > .allotment-module_splitViewContainer__rQnVa {
  height: 100%;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

.allotment-module_splitView__L-yRc > .allotment-module_splitViewContainer__rQnVa > .allotment-module_splitViewView__MGZ6O {
  overflow: hidden;
  position: absolute;
  white-space: initial;
}

.allotment-module_splitView__L-yRc.allotment-module_vertical__WSwwa > .allotment-module_splitViewContainer__rQnVa > .allotment-module_splitViewView__MGZ6O {
  width: 100%;
}

.allotment-module_splitView__L-yRc.allotment-module_horizontal__7doS8 > .allotment-module_splitViewContainer__rQnVa > .allotment-module_splitViewView__MGZ6O {
  height: 100%;
}

.allotment-module_splitView__L-yRc.allotment-module_separatorBorder__x-rDS
  > .allotment-module_splitViewContainer__rQnVa
  > .allotment-module_splitViewView__MGZ6O:not(:first-child)::before {
  background-color: var(--separator-border);
  content: " ";
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: 5;
}

.allotment-module_splitView__L-yRc.allotment-module_separatorBorder__x-rDS.allotment-module_vertical__WSwwa
  > .allotment-module_splitViewContainer__rQnVa
  > .allotment-module_splitViewView__MGZ6O:not(:first-child)::before {
  height: 1px;
  width: 100%;
}

.allotment-module_splitView__L-yRc.allotment-module_separatorBorder__x-rDS.allotment-module_horizontal__7doS8
  > .allotment-module_splitViewContainer__rQnVa
  > .allotment-module_splitViewView__MGZ6O:not(:first-child)::before {
  height: 100%;
  width: 1px;
}

:root {
  --focus-border: #007fd4;
  --sash-size: 8px;
  --sash-hover-size: 4px;
}

.sash-module_sash__K-9lB {
  position: absolute;
  z-index: 35;
  touch-action: none;
  pointer-events: auto;
  text-align: initial;
}

.sash-module_sash__K-9lB.sash-module_disabled__Hm-wx {
  pointer-events: none;
}

.sash-module_sash__K-9lB.sash-module_mac__Jf6OJ.sash-module_vertical__pB-rs {
  cursor: col-resize;
}

.sash-module_sash__K-9lB.sash-module_vertical__pB-rs.sash-module_minimum__-UKxp {
  cursor: e-resize;
}

.sash-module_sash__K-9lB.sash-module_vertical__pB-rs.sash-module_maximum__TCWxD {
  cursor: w-resize;
}

.sash-module_sash__K-9lB.sash-module_mac__Jf6OJ.sash-module_horizontal__kFbiw {
  cursor: row-resize;
}

.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_minimum__-UKxp {
  cursor: s-resize;
}

.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_maximum__TCWxD {
  cursor: n-resize;
}

.sash-module_sash__K-9lB.sash-module_disabled__Hm-wx {
  cursor: default !important;
  pointer-events: none !important;
}

.sash-module_sash__K-9lB.sash-module_vertical__pB-rs {
  cursor: ew-resize;
  top: 0;
  width: var(--sash-size);
  height: 100%;
}

.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw {
  cursor: ns-resize;
  left: 0;
  width: 100%;
  height: var(--sash-size);
}

.sash-module_sash__K-9lB:not(.sash-module_disabled__Hm-wx) > .sash-module_orthogonal-drag-handle__Yii2- {
  content: " ";
  height: calc(var(--sash-size) * 2);
  width: calc(var(--sash-size) * 2);
  z-index: 100;
  display: block;
  cursor: all-scroll;
  position: absolute;
}

.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-north__f7Noe:not(.sash-module_disabled__Hm-wx)
  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk,
.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-south__6ZrFC:not(.sash-module_disabled__Hm-wx)
  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R {
  cursor: nwse-resize;
}

.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-north__f7Noe:not(.sash-module_disabled__Hm-wx)
  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R,
.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-south__6ZrFC:not(.sash-module_disabled__Hm-wx)
  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk {
  cursor: nesw-resize;
}

.sash-module_sash__K-9lB.sash-module_vertical__pB-rs > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk {
  left: calc(var(--sash-size) * -0.5);
  top: calc(var(--sash-size) * -1);
}

.sash-module_sash__K-9lB.sash-module_vertical__pB-rs > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R {
  left: calc(var(--sash-size) * -0.5);
  bottom: calc(var(--sash-size) * -1);
}

.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk {
  top: calc(var(--sash-size) * -0.5);
  left: calc(var(--sash-size) * -1);
}

.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R {
  top: calc(var(--sash-size) * -0.5);
  right: calc(var(--sash-size) * -1);
}

.sash-module_sash__K-9lB:before {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  transition: background-color var(--sash-hover-transition-duration) ease-out;
  background: transparent;
}

.sash-module_sash__K-9lB.sash-module_vertical__pB-rs:before {
  width: var(--sash-hover-size);
  left: calc(50% - (var(--sash-hover-size) / 2));
}

.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw:before {
  height: var(--sash-hover-size);
  top: calc(50% - (var(--sash-hover-size) / 2));
}

.sash-module_sash__K-9lB.sash-module_hover__80W6I:before,
.sash-module_sash__K-9lB.sash-module_active__bJspD:before {
  background: var(--focus-border);
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!../../packages/core/components/OutlineList/styles.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_OutlineList__Rs_ZD {
  color: var(--puck-color-grey-03);
  font-family: var(--puck-font-family);
  margin: 0;
  padding-left: 16px;
  position: relative;
  list-style: none;
}

.styles_OutlineList__Rs_ZD::before {
  background: var(--puck-color-grey-08);
  position: absolute;
  left: -1px;
  top: 0px;
  width: 1px;
  height: calc(100% - 9px);
  content: "";
}

.styles_OutlineListItem__xJ4KV {
  position: relative;
  margin-bottom: 4px;
}

.styles_OutlineListItem__xJ4KV::before {
  background: var(--puck-color-grey-08);
  position: absolute;
  left: -17px;
  top: 9px;
  width: 13px;
  height: 1px;
  content: "";
}

.styles_OutlineListItem--clickable__jbM9K {
  cursor: pointer;
  transition: color 50ms ease-in;
}

.styles_OutlineListItem--clickable__jbM9K:focus-visible {
  outline: 2px solid var(--puck-color-azure-05);
  outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
  .styles_OutlineListItem--clickable__jbM9K:hover {
    color: var(--puck-color-azure-04);
    transition: none;
  }
}

.styles_OutlineListItem--clickable__jbM9K:active {
  color: var(--puck-color-azure-03);
  transition: none;
}

.styles_OutlineListItem__xJ4KV > .styles_OutlineList__Rs_ZD {
  margin: 8px 0;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!../../node_modules/react-toastify/dist/ReactToastify.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
}
.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
}
.Toastify__toast {
  --y: 0;
  position: relative;
  touch-action: none;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
  overflow: hidden;
}
.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}
.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}
.Toastify__toast--stacked[data-collapsed=false] {
  overflow: visible;
}
.Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > * {
  opacity: 0;
}
.Toastify__toast--stacked:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}
.Toastify__toast--stacked[data-pos=top] {
  top: 0;
}
.Toastify__toast--stacked[data-pos=bot] {
  bottom: 0;
}
.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
  transform-origin: top;
}
.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
  transform-origin: bottom;
}
.Toastify__toast--stacked:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--close-on-click {
  cursor: pointer;
}
.Toastify__toast-body {
  margin: auto 0;
  flex: 1 1 auto;
  padding: 6px;
  display: flex;
  align-items: center;
}
.Toastify__toast-body > div:last-child {
  word-break: break-word;
  flex: 1;
}
.Toastify__toast-icon {
  margin-inline-end: 10px;
  width: 20px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  align-self: flex-start;
  z-index: 1;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: initial;
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp[data-hidden=true] {
  opacity: 0;
}
.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=ReactToastify.css.map */