/*----- VARIABLES - Open -----*/
:root {
  --apb-color-primary: #2192e8;
  --apb-color-primary-300: #43adff;
  --apb-color-primary-800: #004e8a;
  --apb-color-primary-2: #0071b7;
  --apb-color-primary-2-400: #1191e0;
  --apb-color-secondary: #f15a24;
  --apb-color-secondary-400: #ff7d26;
  --apb-color-secondary-2: #dd4719;
  --apb-color-dark: #0d3354;
  --apb-color-light: #f6fbff;
  --apb-color-light-1: #edf5fb;
  --apb-color-light-2: #dceffb;
  --apb-color-light-3: #cbe3f5;
  --apb-color-light-4: ##bdd5e2;
  --apb-color-light-5: #a7c2d6;

  --apb-color-black: #000000;
  --apb-color-white: #ffffff;
  --apb-color-gray-150: #e6ebef;
  --apb-color-gray-100: #f4f8fb;
  --apb-color-orange-600: #ff8800;
  --apb-color-orange-500: #ff951b;
  --apb-color-orange-400: #ffae34;
  --apb-color-orange-200: #ffc57d;
  --apb-color-orange-100: #ffe5c5;
  --apb-color-lilac-500: #616dda;
  --apb-color-lilac-400: #7885ff;
  --apb-color-cyan-500: #00ade1;
  --apb-color-cyan-400: #4cc5ea;
  --apb-color-green-500: #089752;
  --apb-color-green-400: #0aac5e;
  --apb-color-green-300: #11ca71;
  --apb-color-green-200: #1be081;
  --apb-color-red-500: #dd000e;
  --apb-color-red-300: #ff3b47;
  --apb-color-red-200: #ff8181;

  --apb-color-heading: #121f28;
  --apb-color-text: #333333;

  --apb-border-radius: 0.375rem;

  --apb-spacing-xs: 0.5rem;
  --apb-spacing-s: 0.75rem;
  --apb-spacing-m: 1rem;
  --apb-spacing-l: 1.5rem;
  --apb-spacing-xl: 2rem;
}
/*----- VARIABLES - Close -----*/

/*----- RESET - Open -----*/
#apb-edit * {
  box-sizing: border-box;
}
#apb-edit td:hover,
#apb-edit tr:hover {
  background-color: inherit;
}

#apb-edit .field--type-text-long .filter-wrapper,
#apb-edit .field-multiple-table > tbody > tr > td:nth-child(3),
#apb-edit .field-multiple-table > thead > tr > th:nth-child(2),
#apb-edit .redirect-list,
#apb-edit .sticky-header,
#apb-edit .paragraphs-collapse,
#apb-edit .no-display {
  display: none !important;
}

/*----- RESET - Close -----*/

/*----- SETUP - Open -----*/
#apb-edit table.responsive-enabled {
  margin: 0 0.75rem 0 0;
}
#apb-edit .field-multiple-table,
#apb-edit .field-multiple-table > thead,
#apb-edit .field-multiple-table > tbody {
  margin: 0 !important;
  padding: 0 !important;
}
#apb-edit .form-element {
  background-color: var(--apb-color-white);
  border-radius: var(--apb-border-radius) !important;
  border: 1px solid var(--apb-color-light-5);
  min-height: auto !important;
  width: 100%;
  font-size: 0.8rem !important;
}

/* Buttons */
#apb-edit input[type="submit"] {
  background-color: var(--apb-color-white);
  border: 2px solid var(--apb-color-primary) !important;
  border-radius: var(--apb-border-radius) !important;
  color: var(--apb-color-primary);
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  margin: 0.75rem 0 0 0;
  margin-inline-end: 0.5rem;
  padding: 0.625rem 0.75rem;
}
#apb-edit input[type="submit"]:hover {
  background-color: var(--apb-color-primary);
  color: var(--apb-color-white);
}

/* Add */
#apb-edit input[type="submit"][id*="-actions-ief-reference-save"],
#apb-edit input[type="submit"][id*="-actions-ief-add"] {
  background-color: var(--apb-color-green-400) !important;
  border-color: var(--apb-color-green-400) !important;
  color: var(--apb-color-white) !important;
}
#apb-edit input[type="submit"][id*="-actions-ief-reference-save"]:hover,
#apb-edit input[type="submit"][id*="-actions-ief-add"]:hover {
  background-color: var(--apb-color-green-300) !important;
  border-color: var(--apb-color-green-300) !important;
}

/* Existing */
#apb-edit input[type="submit"][id*="-actions-ief-add-existing"] {
  background-color: var(--apb-color-white) !important;
  border-color: var(--apb-color-green-400) !important;
  color: var(--apb-color-green-500) !important;
}
#apb-edit input[type="submit"][id*="-actions-ief-add-existing"]:hover {
  background-color: var(--apb-color-green-300) !important;
  border-color: var(--apb-color-green-300) !important;
  color: var(--apb-color-white) !important;
}

/* Save */
#apb-edit input[type="submit"][id*="-actions-ief-edit-save"] {
  background-color: var(--apb-color-primary-2) !important;
  border-color: var(--apb-color-primary-2) !important;
  color: var(--apb-color-white) !important;
}
#apb-edit input[type="submit"][id*="-actions-ief-edit-save"]:hover {
  background-color: var(--apb-color-primary-2-400) !important;
  border-color: var(--apb-color-primary-2-400) !important;
}

/* Duplicate */
#apb-edit input[type="submit"][id*="-actions-ief-duplicate"] {
  background-color: var(--apb-color-cyan-500) !important;
  border-color: var(--apb-color-cyan-500) !important;
  color: var(--apb-color-white) !important;
}
#apb-edit input[type="submit"][id*="-actions-ief-duplicate"]:hover {
  background-color: var(--apb-color-cyan-400) !important;
  border-color: var(--apb-color-cyan-400) !important;
}

/* Cancel */
#apb-edit input[type="submit"].crop-preview-wrapper__crop-reset,
#apb-edit input[type="submit"][id*="-actions-ief-reference-cancel"],
#apb-edit input[type="submit"][id*="-actions-ief-remove-cancel"],
#apb-edit input[type="submit"][id*="-actions-ief-duplicate-cancel"],
#apb-edit input[type="submit"][id*="-actions-ief-add-cancel"],
#apb-edit input[type="submit"][id*="-actions-ief-edit-cancel"] {
  background-color: var(--apb-color-white) !important;
  border-color: var(--apb-color-orange-500) !important;
  color: var(--apb-color-orange-600) !important;
}
#apb-edit input[type="submit"].crop-preview-wrapper__crop-reset:hover,
#apb-edit input[type="submit"][id*="-actions-ief-reference-cancel"]:hover,
#apb-edit input[type="submit"][id*="-actions-ief-remove-cancel"]:hover,
#apb-edit input[type="submit"][id*="-actions-ief-duplicate-cancel"]:hover,
#apb-edit input[type="submit"][id*="-actions-ief-add-cancel"]:hover,
#apb-edit input[type="submit"][id*="-actions-ief-edit-cancel"]:hover {
  background-color: var(--apb-color-orange-500) !important;
  border-color: var(--apb-color-orange-500) !important;
  color: var(--apb-color-white) !important;
}

/* Remove */
#apb-edit input[type="submit"][id*="-actions-ief-remove-confirm"] {
  background-color: var(--apb-color-red-500) !important;
  border-color: var(--apb-color-red-500) !important;
  color: var(--apb-color-white) !important;
}
#apb-edit input[type="submit"][id*="-actions-ief-remove-confirm"]:hover {
  background-color: var(--apb-color-red-300) !important;
  border-color: var(--apb-color-red-300) !important;
}

#apb-edit input[type="submit"][id*="-remove-button-"] {
  background-color: var(--apb-color-white) !important;
  border-color: var(--apb-color-red-500) !important;
  color: var(--apb-color-red-500) !important;
}
#apb-edit input[type="submit"][id*="-remove-button-"]:hover {
  background-color: var(--apb-color-red-300) !important;
  border-color: var(--apb-color-red-300) !important;
  color: var(--apb-color-white) !important;
}

#apb-edit .field-multiple-table {
  border-collapse: collapse !important;
}
#apb-edit .gin-table-scroll-wrapper {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  overflow: visible !important;
  padding-bottom: 0 !important;
}
#apb-edit .messages {
  border-radius: var(--apb-border-radius);
  padding: var(--apb-spacing-m);
}
#apb-edit .messages.messages--warning {
  background-color: var(--apb-color-orange-100);
  border: 1px solid var(--apb-color-orange-200);
  color: var(--apb-color-text);
}

/* Form Item */
#apb-edit .container-inline .form-item {
  margin-bottom: 0 !important;
}

/* File */
#apb-edit .form-managed-file.form-managed-file--image {
  display: flex;
}
#apb-edit .draggable .form-managed-file.has-value .form-managed-file__main {
  display: flex;
  justify-content: space-between;
}

/* Modal */
.media-library-widget-modal {
  z-index: 996 !important;
}
.ui-widget-overlay.ui-front {
  z-index: 995 !important;
}
/*----- SETUP - Close -----*/

/*----- HEADER - Open -----*/
@media (min-width: 64em) {
  .page-wrapper .sticky-shadow {
    margin: -44px auto 1.5rem auto;
  }
}
/*----- HEADER - Close -----*/

/*----- THEAD - Open -----*/
#apb-edit .field-multiple-table > thead {
  position: relative;
}
#apb-edit
  div[data-drupal-selector="edit-field-apb-paragraphs"]
  > strong[data-drupal-selector="edit-field-apb-paragraphs-title"],
#apb-edit .field-multiple-table > thead .form-item__label {
  color: var(--apb-color-white);
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 120%;
  margin: 0;
  padding: var(--apb-spacing-xs) 0;
}
#apb-edit
  div[data-drupal-selector="edit-field-apb-paragraphs"]
  > strong[data-drupal-selector="edit-field-apb-paragraphs-title"],
#apb-edit .field-multiple-table > thead th {
  background: var(--apb-color-dark) !important;
  border-radius: var(--apb-border-radius);
  color: var(--apb-color-white);
  padding: var(--apb-spacing-s) var(--apb-spacing-m) !important;
}
#apb-edit
  div[data-drupal-selector="edit-field-apb-paragraphs"]
  > strong[data-drupal-selector="edit-field-apb-paragraphs-title"],
#apb-edit .field-multiple-table > thead::after {
  background: var(--apb-color-dark);
  border-radius: var(--apb-border-radius);
  display: block;
  content: "";
}

#apb-edit
  div[data-drupal-selector="edit-field-apb-paragraphs"]
  > strong[data-drupal-selector="edit-field-apb-paragraphs-title"] {
  margin: 2rem 0 0.5rem 0;
  padding: 1.25rem 1rem !important;
}
#apb-edit
  div[data-drupal-selector="edit-field-apb-paragraphs"]
  > div[data-drupal-selector="edit-field-apb-paragraphs-text"] {
  font-weight: 400 !important;
  margin: 0 0 0.85rem 0;
}

#apb-edit .btn-paragraphs-show-hide {
  align-items: center;
  background: var(--apb-color-primary) !important;
  border-radius: var(--apb-border-radius);
  color: var(--apb-color-white) !important;
  cursor: pointer !important;
  display: flex !important;
  gap: 0.375rem;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  line-height: 100%;
  padding: var(--apb-spacing-xs) var(--apb-spacing-m) var(--apb-spacing-xs)
    var(--apb-spacing-xs) !important;
  position: absolute !important;
  right: 1rem !important;
  top: 50% !important;
  transform: translateY(-50%);
}
#apb-edit .btn-paragraphs-show-hide:before {
  background-image: url(../images/icon-gra-expand.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 1.25rem;
  width: 1.25rem;
}
#apb-edit .btn-paragraphs-show-hide:hover {
  background: var(--apb-color-primary-300) !important;
}
/*----- THEAD - Close -----*/

/*----- PARAGRAPH TYPE - Open -----*/
#apb-edit .field-multiple-table > tbody > tr {
  border: none !important;
}
#apb-edit .field-multiple-table > tbody > tr.draggable.drag-previous {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--apb-color-secondary);
}

#apb-edit .field-multiple-table > tbody tr td {
  padding: 0 !important;
}
#apb-edit
  .field-multiple-table
  > tbody
  tr
  td.inline-entity-form-apbuilder7-label,
#apb-edit .field-multiple-table > tbody tr.ief-row-entity-form td {
  height: 4rem !important;
  padding: 0.25rem 0 0.25rem 1rem !important;
  width: 70%;
}
#apb-edit .field-multiple-table > tbody tr.ief-row-entity-form {
  border-bottom: none !important;
}
#apb-edit .field-multiple-table > tbody tr:first-child td.delta-order,
#apb-edit .field--widget-entity-reference-paragraphs td.delta-order {
  padding: 0.25rem 0 0.25rem 1rem !important;
}
#apb-edit .field-multiple-table > tbody > tr > td:nth-child(2) {
  width: 100%;
}

#apb-edit .field-multiple-drag .tabledrag-cell-content {
  margin: 1.625rem -0.25rem 0 0.25rem;
}

#apb-edit .paragraph-type-top {
  overflow: hidden;
  position: relative;
}
#apb-edit
  div[data-drupal-selector="edit-field-apb-paragraphs"]
  > div[data-drupal-selector="edit-field-apb-paragraphs-text"],
#apb-edit .paragraph-type-top .paragraph-type-title {
  border-radius: var(--apb-border-radius);
  border: 1px solid var(--apb-color-light-3);
  color: var(--apb-color-heading);
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 700;
  gap: 0.25rem;
  line-height: 120%;
  margin-top: 0.5rem;
  min-width: 100%;
  padding: var(--apb-spacing-l) var(--apb-spacing-m);
  position: relative;
}
#apb-edit
  div[data-drupal-selector="edit-field-apb-paragraphs"]
  > div[data-drupal-selector="edit-field-apb-paragraphs-text"] {
  cursor: default;
}
#apb-edit .paragraph-type-top .paragraph-type-title:hover {
  background-color: var(--apb-color-light-1);
  border: 1px solid var(--apb-color-primary-300);
}
#apb-edit .show-paragraph-form .paragraph-type-top .paragraph-type-title {
  background-color: var(--apb-color-primary-800);
  border: 1px solid var(--apb-color-primary-800);
  color: var(--apb-color-white);
}
#apb-edit
  .field-multiple-table
  > tbody
  > tr.draggable.drag-previous
  .paragraph-type-title {
  border: 1px solid var(--apb-color-secondary);
}
#apb-edit .paragraph-type-top .paragraph-type-title span {
  white-space: normal;
  font-weight: 400;
}
#apb-edit .tabledrag-changed {
  color: var(--apb-color-secondary);
  font-size: 1.2rem;
  font-weight: 600;
}
#apb-edit [dir="ltr"] .draggable.drag-previous,
#apb-edit .draggable.drag-previous {
  background-color: transparent;
  box-shadow: none;
}
#apb-edit .ief-tabledrag-handle {
  width: 2.5rem;
}
#apb-edit .ief-tabledrag-handle .tabledrag-cell-content {
  margin: 1rem 0 0 0.5rem;
}

#apb-edit .paragraph-type-top .paragraph-type-title::after {
  background-image: url(../images/icon-gra-chevron-down.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 1.25rem;
  margin: 0 !important;
  width: 1.25rem;
}
#apb-edit
  .show-paragraph-form
  .paragraph-type-top
  .paragraph-type-title::after {
  background-image: url(../images/icon-gra-chevron-up.svg);
}

#apb-edit .paragraph-type-top .paragraphs-dropbutton-wrapper {
  position: absolute;
  right: 1rem;
  top: calc(50% + 0.25rem) !important;
  transform: translate(calc(100% + 1.2rem), -50%);
}
#apb-edit
  .show-paragraph-form
  .paragraph-type-top
  .paragraphs-dropbutton-wrapper {
  transform: translate(0, -50%);
}

#apb-edit .paragraphs-dropbutton-wrapper input[id*="-links-remove-button"] {
  background-color: var(--apb-color-red-500) !important;
  background-image: url(../images/icon-solid-trash.svg);
  background-repeat: no-repeat;
  background-position: 1rem 0.75rem;
  background-size: 0.75rem;
  border-radius: var(--apb-border-radius) !important;
  border: none !important;
  color: var(--apb-color-white) !important;
  display: block;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  line-height: 100%;
  margin: 0 !important;
  padding: var(--apb-spacing-s) var(--apb-spacing-m) var(--apb-spacing-s)
    2.25rem !important;
}
#apb-edit
  .paragraphs-dropbutton-wrapper
  input[id*="-links-remove-button"]:hover {
  background-color: var(--apb-color-red-300) !important;
}

#apb-edit .paragraphs-subform {
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
#apb-edit .paragraphs-subform .form-item__label {
  display: block !important;
  font-size: 0.7rem;
  margin-bottom: 0.25rem;
}
/*----- PARAGRAPH TYPE - Close -----*/

/*----- SECTION TITLE - Open -----*/
#apb-edit .paragraphs-subform-inner {
  background-color: var(--apb-color-light);
  border: 1px solid var(--apb-color-light-3);
  border-top-color: var(--apb-color-primary);
  border-top-width: 0.25rem;
  border-radius: var(--apb-border-radius);
  display: flex;
  flex-direction: column;
  margin-top: 0.25rem;
  padding: var(--apb-spacing-s);
  row-gap: 1rem;
}
#apb-edit .paragraphs-subform-inner > * {
  margin: 0 !important;
}
#apb-edit .group-apb-section-title {
  background: transparent !important;
  display: grid !important;
  grid-gap: 10px !important;
  grid-template-columns: 5fr 1fr !important;
  padding: 0 !important;
}
body[data-meta-sidebar="open"] #apb-edit .group-apb-section-title {
  grid-template-columns: 5fr 1.5fr !important;
}
body[data-meta-sidebar="open"] #apb-edit .group-apb-section-title-full {
  grid-template-columns: 1fr !important;
}
/*----- SECTION TITLE - Close -----*/

/*----- FIELD SET - Open -----*/
#apb-edit .field-group-fieldset.group-apb-body,
#apb-edit .paragraphs-subform .paragraphs-subform-inner details,
#apb-edit .field--widget-inline-entity-form-complex > div > details,
#apb-edit .form-wrapper > div > .fieldset,
#apb-edit .form-wrapper > .field-group-fieldset {
  background-color: var(--apb-color-white);
  border: 1px solid var(--apb-color-light-5);
  border-radius: var(--apb-border-radius);
  margin: 0 0 0.75rem 0 !important;
  padding: 0;
}

#apb-edit
  .field--type-entity-reference
  div[id*="inline-entity-form-field_apb_pb_paragraphs-"]
  > details {
  margin-bottom: 0 !important;
}

#apb-edit .ief-entity-table .ief-form-row > .form-wrapper,
#apb-edit .ief-entity-table .ief-form-row .fieldset > .fieldset__wrapper,
#apb-edit .field-group-fieldset.group-apb-body .fieldset__wrapper,
#apb-edit .form-wrapper > div > .fieldset .fieldset__wrapper,
#apb-edit .form-wrapper > .field-group-fieldset > .fieldset__wrapper,
#apb-edit
  .details-wrapper
  > .ief-form
  .form-wrapper
  > fieldset
  > .fieldset__wrapper,
#apb-edit
  .ief-entity-table
  .ief-form-row
  .form-wrapper
  > fieldset
  > .fieldset__wrapper {
  margin: 0 0.75rem 0.75rem 0.75rem !important;
}

#apb-edit
  div[data-drupal-selector="edit-field-apb-paragraphs"]
  > .paragraphs-dropbutton-wrapper,
#apb-edit .field-actions > .paragraphs-dropbutton-wrapper {
  background-color: var(--apb-color-light);
  border-radius: 0 var(--apb-border-radius) var(--apb-border-radius)
    var(--apb-border-radius);
  border: 1px solid var(--apb-color-light-3);
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(4, 1fr);
  margin: 3rem 0 1rem 0;
  padding: 0.75rem;
  position: relative;
  width: 100%;
}

body[data-meta-sidebar="open"]
  #apb-edit
  div[data-drupal-selector="edit-field-apb-paragraphs"]
  > .paragraphs-dropbutton-wrapper,
body[data-meta-sidebar="open"]
  #apb-edit
  .field-actions
  > .paragraphs-dropbutton-wrapper {
  grid-template-columns: repeat(3, 1fr);
}

#apb-edit
  div[data-drupal-selector="edit-field-apb-paragraphs"]
  > .paragraphs-dropbutton-wrapper::before,
#apb-edit .field-actions > .paragraphs-dropbutton-wrapper::before {
  background: var(--apb-color-light);
  border-radius: var(--apb-border-radius) var(--apb-border-radius) 0 0;
  border: 1px solid var(--apb-color-light-3);
  border-bottom: 0;
  color: var(--apb-color-dark);
  content: "Add new content";
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  left: -1px;
  line-height: 100%;
  padding: 0.625rem 1rem 0.5rem 1rem;
  position: absolute;
  top: 0;
  transform: translateY(-100%);
}
#apb-edit
  div[data-drupal-selector="edit-field-apb-paragraphs"]
  > .paragraphs-dropbutton-wrapper
  input,
#apb-edit .field-actions > .paragraphs-dropbutton-wrapper input {
  background-color: var(--apb-color-primary-2);
  background-position: 0.75rem;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  border: 2px solid var(--apb-color-primary-2) !important;
  color: var(--apb-color-white);
  font-size: 0.938rem !important;
  margin: 0;
  padding: 1rem 0.5rem 1rem 2.625rem;
  text-align: left;
}
#apb-edit
  div[data-drupal-selector="edit-field-apb-paragraphs"]
  > .paragraphs-dropbutton-wrapper
  input:hover,
#apb-edit .field-actions > .paragraphs-dropbutton-wrapper input:hover {
  background-color: var(--apb-color-secondary);
  border: 2px solid var(--apb-color-secondary) !important;
  color: var(--apb-color-white);
  padding-left: 2.75rem;
}

#apb-edit
  div[data-drupal-selector="edit-field-apb-paragraphs"]
  > .paragraphs-dropbutton-wrapper
  input[data-drupal-selector*="-add-more-button-apb-pb-accordion"],
#apb-edit
  .field-actions
  > .paragraphs-dropbutton-wrapper
  input[data-drupal-selector*="-add-more-button-apb-pb-accordion"] {
  background-image: url(../images/icon-gra-accordion.svg);
}

#apb-edit
  div[data-drupal-selector="edit-field-apb-paragraphs"]
  > .paragraphs-dropbutton-wrapper
  input[data-drupal-selector*="-add-more-button-apb-pb-carousel"],
#apb-edit
  .field-actions
  > .paragraphs-dropbutton-wrapper
  input[data-drupal-selector*="-add-more-button-apb-pb-carousel"] {
  background-image: url(../images/icon-gra-carousel.svg);
}

#apb-edit
  div[data-drupal-selector="edit-field-apb-paragraphs"]
  > .paragraphs-dropbutton-wrapper
  input[data-drupal-selector*="-add-more-button-apb-pb-feature-box"],
#apb-edit
  .field-actions
  > .paragraphs-dropbutton-wrapper
  input[data-drupal-selector*="-add-more-button-apb-pb-feature-box"] {
  background-image: url(../images/icon-gra-feature-box.svg);
}

#apb-edit
  div[data-drupal-selector="edit-field-apb-paragraphs"]
  > .paragraphs-dropbutton-wrapper
  input[data-drupal-selector*="-add-more-button-apb-pb-image-gallery"],
#apb-edit
  .field-actions
  > .paragraphs-dropbutton-wrapper
  input[data-drupal-selector*="-add-more-button-apb-pb-image-gallery"] {
  background-image: url(../images/icon-gra-image-gallery.svg);
}

#apb-edit
  div[data-drupal-selector="edit-field-apb-paragraphs"]
  > .paragraphs-dropbutton-wrapper
  input[data-drupal-selector*="-add-more-button-apb-pb-links"],
#apb-edit
  .field-actions
  > .paragraphs-dropbutton-wrapper
  input[data-drupal-selector*="-add-more-button-apb-pb-links"] {
  background-image: url(../images/icon-gra-links.svg);
}

#apb-edit
  div[data-drupal-selector="edit-field-apb-paragraphs"]
  > .paragraphs-dropbutton-wrapper
  input[data-drupal-selector*="-add-more-button-apb-pb-profiles"],
#apb-edit
  .field-actions
  > .paragraphs-dropbutton-wrapper
  input[data-drupal-selector*="-add-more-button-apb-pb-profiles"] {
  background-image: url(../images/icon-gra-profiles.svg);
}

#apb-edit
  div[data-drupal-selector="edit-field-apb-paragraphs"]
  > .paragraphs-dropbutton-wrapper
  input[data-drupal-selector*="-add-more-button-apb-pb-read-more"],
#apb-edit
  .field-actions
  > .paragraphs-dropbutton-wrapper
  input[data-drupal-selector*="-add-more-button-apb-pb-read-more"] {
  background-image: url(../images/icon-gra-read-more.svg);
}

#apb-edit
  div[data-drupal-selector="edit-field-apb-paragraphs"]
  > .paragraphs-dropbutton-wrapper
  input[data-drupal-selector*="-add-more-button-apb-pb-simple-content"],
#apb-edit
  .field-actions
  > .paragraphs-dropbutton-wrapper
  input[data-drupal-selector*="-add-more-button-apb-pb-simple-content"] {
  background-image: url(../images/icon-gra-simple-content.svg);
}

#apb-edit
  div[data-drupal-selector="edit-field-apb-paragraphs"]
  > .paragraphs-dropbutton-wrapper
  input[data-drupal-selector*="-add-more-button-apb-pb-slideshow"],
#apb-edit
  .field-actions
  > .paragraphs-dropbutton-wrapper
  input[data-drupal-selector*="-add-more-button-apb-pb-slideshow"] {
  background-image: url(../images/icon-gra-slideshow.svg);
}

#apb-edit
  div[data-drupal-selector="edit-field-apb-paragraphs"]
  > .paragraphs-dropbutton-wrapper
  input[data-drupal-selector*="-add-more-button-apb-pb-special-list"],
#apb-edit
  .field-actions
  > .paragraphs-dropbutton-wrapper
  input[data-drupal-selector*="-add-more-button-apb-pb-special-list"] {
  background-image: url(../images/icon-gra-special-list.svg);
}

#apb-edit
  div[data-drupal-selector="edit-field-apb-paragraphs"]
  > .paragraphs-dropbutton-wrapper
  input[data-drupal-selector*="-add-more-button-apb-pb-tabs"],
#apb-edit
  .field-actions
  > .paragraphs-dropbutton-wrapper
  input[data-drupal-selector*="-add-more-button-apb-pb-tabs"] {
  background-image: url(../images/icon-gra-tabs.svg);
}

#apb-edit
  div[data-drupal-selector="edit-field-apb-paragraphs"]
  > .paragraphs-dropbutton-wrapper
  input[data-drupal-selector*="-add-more-button-apb-pb-video"],
#apb-edit
  .field-actions
  > .paragraphs-dropbutton-wrapper
  input[data-drupal-selector*="-add-more-button-apb-pb-video"] {
  background-image: url(../images/icon-gra-videos.svg);
}

#apb-edit
  div[data-drupal-selector="edit-field-apb-paragraphs"]
  > .paragraphs-dropbutton-wrapper
  input[data-drupal-selector*="-add-more-button-apb-pb-overlay-content"],
#apb-edit
  .field-actions
  > .paragraphs-dropbutton-wrapper
  input[data-drupal-selector*="-add-more-button-apb-pb-overlay-content"] {
  background-image: url(../images/icon-gra-overlay-content.svg);
}

/* Ajax */
body #apb-edit .ajax-progress--throbber {
  align-items: center !important;
  background: var(--apb-color-dark) !important;
  border-radius: var(--apb-border-radius) !important;
  box-shadow: 0 0 1rem 0 #00000055 !important;
  color: var(--apb-color-white) !important;
  display: flex !important;
  height: 4rem !important;
  justify-content: center !important;
  left: 50% !important;
  padding: 0.5rem !important;
  position: fixed !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
  z-index: 10 !important;
  width: 12rem !important;
  z-index: 999 !important;
}
body #apb-edit .ajax-progress--throbber * {
  color: var(--apb-color-white) !important;
}
body
  #apb-edit
  .paragraph-type-top
  .paragraphs-dropbutton-wrapper
  .ajax-progress--throbber {
  box-shadow: none !important;
  height: 2.5rem !important;
  left: 0 !important;
  position: absolute !important;
  top: 0 !important;
  transform: translate(calc(-100% - 1rem), 0) !important;
  width: 10rem !important;
}

#apb-edit .details-wrapper {
  margin: 0 0.75rem 0.75rem 0.75rem;
}

#apb-edit .claro-details__summary:hover::before,
#apb-edit .claro-details__summary:hover:focus::before,
#apb-edit .claro-details[open] > .claro-details__summary:hover::before,
#apb-edit .claro-details[open] > .claro-details__summary:focus::before,
#apb-edit .claro-details[open] > .claro-details__summary--accordion::before,
#apb-edit
  .claro-details[open]
  > .claro-details__summary--accordion-item::before,
#apb-edit
  .claro-details[open]
  > .claro-details__summary--vertical-tabs-item::before {
  background: var(--apb-color-primary);
}

#apb-edit fieldset legend .fieldset__label,
#apb-edit fieldset legend .fieldset__label--group,
#apb-edit fieldset legend .form-item__label {
  border-radius: var(--apb-border-radius);
  color: var(--apb-color-primary-2);
  font-size: 1rem;
  padding: 1rem;
}

#apb-edit .paragraphs-subform .paragraphs-subform-inner details summary,
#apb-edit .field--widget-inline-entity-form-complex > div > details summary {
  background: var(--apb-color-white);
  color: var(--apb-color-primary-2);
  font-size: 1rem;
  padding: 1rem 1rem 1rem 2.75rem;
}
#apb-edit .paragraphs-subform .paragraphs-subform-inner details summary:hover,
#apb-edit
  .field--widget-inline-entity-form-complex
  > div
  > details
  summary:hover {
  color: var(--apb-color-primary-300);
}
#apb-edit .field-group-fieldset.group-apb-body {
  padding: 0 !important;
}
/*----- FIELD SET - Close -----*/

/*-----  - Open -----*/
#apb-edit .ief-entity-table thead::after {
  background-color: var(--apb-color-light-1);
  border: 1px solid var(--apb-color-light-3);
  border-radius: var(--apb-border-radius);
}
#apb-edit .ief-entity-table thead th {
  padding: 0.7rem 1rem 0.55rem 1rem;
}
#apb-edit .ief-entity-table .ief-row-form {
  border: none;
}

/* Buttons */
#apb-edit .ief-entity-table input[id*="-actions-ief-entity-remove"],
#apb-edit .ief-entity-table input[id*="-actions-ief-entity-duplicate"],
#apb-edit .ief-entity-table input[id*="-actions-ief-entity-edit"] {
  background-repeat: no-repeat;
  height: 2.5rem;
  line-height: 0;
  margin-top: 0 !important;
  padding: 0;
  text-indent: 10rem;
  width: 2.5rem;
}

/* Edit */
#apb-edit .ief-entity-table input[id*="-actions-ief-entity-edit"] {
  background-color: var(--apb-color-primary-2) !important;
  background-image: url(../images/icon-solid-edit.svg);
  background-position: 0.65rem 0.6rem;
  background-size: 1.125rem;
  border-color: var(--apb-color-primary-2) !important;
}
#apb-edit .ief-entity-table input[id*="-actions-ief-entity-edit"]:hover {
  background-color: var(--apb-color-primary-2-400) !important;
  border-color: var(--apb-color-primary-2-400) !important;
}

/* Duplicate */
#apb-edit .ief-entity-table input[id*="-actions-ief-entity-duplicate"] {
  background-color: var(--apb-color-cyan-500) !important;
  background-image: url(../images/icon-solid-clone.svg);
  background-position: 0.65rem 0.6rem;
  background-size: 1.125rem;
  border-color: var(--apb-color-cyan-500) !important;
}
#apb-edit .ief-entity-table input[id*="-actions-ief-entity-duplicate"]:hover {
  background-color: var(--apb-color-cyan-400) !important;
  border-color: var(--apb-color-cyan-400) !important;
}

/* Remove */
#apb-edit .ief-entity-table input[id*="-actions-ief-entity-remove"] {
  background-color: var(--apb-color-red-500) !important;
  background-image: url(../images/icon-solid-trash.svg);
  background-position: 0.7rem 0.65rem;
  background-size: 0.85rem;
  border-color: var(--apb-color-red-500) !important;
}
#apb-edit .ief-entity-table input[id*="-actions-ief-entity-remove"]:hover {
  background-color: var(--apb-color-red-300) !important;
  border-color: var(--apb-color-red-300) !important;
}

/* #apb-edit .details-wrapper > .ief-form > .fieldset__wrapper > .form-wrapper, */
#apb-edit
  div[data-drupal-selector*="-form-inline-entity-form-group-apb-ss-content-group"],
#apb-edit .ief-entity-table .ief-form > div[id*="edit-field-apb-paragraphs-"] {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  row-gap: 0;
}
#apb-edit .ief-entity-table .ief-row-form .form-item,
#apb-edit
  .ief-entity-table
  .ief-form-row
  > div[id*="edit-field-apb-paragraphs-"]
  > div {
  margin: 0 !important;
  padding: 0 !important;
}
#apb-edit
  .ief-entity-table
  .ief-form-row
  > div[id*="edit-field-apb-paragraphs-"]
  > div.field--name-status {
  padding-left: 30px !important;
}

#apb-edit
  .ief-entity-table
  .ief-form-row
  > div[id*="edit-field-apb-paragraphs-"][data-drupal-selector*="-form-message"] {
  display: block;
}

#apb-edit
  .ief-entity-table
  .ief-row-form
  div[class*="-form-delete"].js-form-type-checkbox {
  margin: 0.75rem !important ;
}
#apb-edit
  .ief-entity-table
  .ief-row-form
  div[class*="-form-delete"].js-form-type-checkbox
  + .js-form-wrapper {
  flex-direction: row !important;
}

#apb-edit #edit-field-apb-paragraphs-wrapper .details-wrapper > .ief-form,
#apb-edit #edit-field-apb-paragraphs-wrapper .ief-entity-table .ief-form-row {
  background: var(--apb-color-white);
  border-radius: var(--apb-border-radius);
  border: 2px solid var(--apb-color-primary-300) !important;
  margin-bottom: 1rem !important;
  padding: 0.5rem 0 0 0;
  position: relative;
}

#apb-edit
  #edit-field-apb-paragraphs-wrapper
  .details-wrapper
  > .layer-wrapper
  + .ief-form,
#apb-edit
  #edit-field-apb-paragraphs-wrapper
  .ief-entity-table
  .layer-wrapper
  + .ief-form-row {
  margin-top: 1rem !important;
}

/* #apb-edit .ief-form > .form-wrapper > .form-wrapper:last-of-type, */
#apb-edit .details-wrapper > .ief-form > .fieldset__wrapper {
  background: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#apb-edit
  div[data-drupal-selector*="-form-inline-entity-form-group-apb-ss-content-group"]
  > *,
#apb-edit
  .ief-entity-table
  .ief-form-row
  > div[id*="edit-field-apb-paragraphs-"]
  > div,
#apb-edit
  .details-wrapper
  > .ief-form
  > .fieldset__wrapper
  > div[data-drupal-selector*="-subform-field-apb-"].form-wrapper
  > div {
  background: none;
  margin-bottom: 0.75rem !important;
}

#apb-edit
  .ief-entity-table
  .ief-form-row
  div[id*="-field-apb-ca-image-wrapper"]
  details,
#apb-edit
  div[data-drupal-selector*="-form-inline-entity-form-group-apb-ss-content-group"]
  > div:last-child,
#apb-edit
  .ief-entity-table
  .ief-form-row
  > div[id*="edit-field-apb-paragraphs-"]
  > div:last-child,
#apb-edit
  .details-wrapper
  > .ief-form
  > .fieldset__wrapper
  > div[data-drupal-selector*="-subform-field-apb-"].form-wrapper
  > div:last-child {
  margin-bottom: 0 !important;
}

#apb-edit
  .gin-table-scroll-wrapper
  > #apb-edit
  table[id*="ief-entity-table-edit-field-apb-paragraphs-"] {
  margin: 0.5rem 0 0 0 !important;
}
/*-----  - Close -----*/

/*-----  - Open -----*/
#apb-edit .block-sidebar-block-form .image-preview__img-wrapper {
  max-width: 12rem !important;
}
#apb-edit .ss-preview-button-wrapper {
  bottom: 0.875rem;
  left: 5rem;
  position: fixed;
  z-index: 999;
}
#apb-edit .ss-preview-button {
  background: var(--apb-color-secondary) !important;
  border-radius: var(--apb-border-radius);
  box-shadow: 0 0 1rem 0 #00000055 !important;
  color: var(--apb-color-white) !important;
  cursor: pointer !important;
  display: block;
  font-size: 0.9375rem !important;
  font-weight: bold !important;
  outline-color: var(--apb-color-white) !important;
  outline-offset: 0;
  outline-style: solid !important;
  outline-width: 0.125rem !important;
  padding: 0.5rem 1rem !important;
  text-align: center;
  text-decoration: none !important;
}
#apb-edit .ss-preview-button:hover {
  background: var(--apb-color-secondary-400) !important;
}

.cke_combopanel {
  width: 12rem !important;

  -webkit-box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.3);
}

.gin-table-scroll-wrapper {
  overflow: visible !important;
}

.apb-no-display {
  display: none !important;
}

.ief-form {
  position: relative;
}

a.btn-blue {
  display: block;
}

/* .ck-editor__main .ck-content {
	background: transparent !important;
} */

body.path-node .field--name-field-apb-paragraphs .redirect-list,
body.path-node .field--name-field-apb-paragraphs .sticky-header,
body.path-node .field--name-field-apb-paragraphs .paragraphs-collapse {
  display: none !important;
}
/*-----  - Close -----*/

/*----- CUSTOM - Open -----*/
#apb-edit .js-form-type-textarea {
  margin-bottom: 0;
}
#apb-edit details.apb-group-links-customize details .details-wrapper details {
  margin-bottom: 0.75rem !important;
}

#apb-edit details.group-apb-customize .details-wrapper,
#apb-edit details.group-customize .details-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

/* LINKS */
#apb-edit .field--name-field-apb-li-link-type-tx {
  background-color: var(--apb-color-light-2) !important;
  border: 1px solid var(--apb-color-light-5) !important;
  display: grid !important;
  grid-gap: var(--apb-spacing-xs) !important;
  padding: var(--apb-spacing-s);
  width: 100% !important;
  border-radius: var(--apb-border-radius);
}
#apb-edit
  .details-wrapper
  .ief-form
  details.apb-group-links-customize
  .details-wrapper {
  grid-template-columns: 1fr;
}
#apb-edit .details-wrapper .ief-form .field--name-field-apb-li-link {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 1fr 1fr;
}
#apb-edit
  .details-wrapper
  .ief-form
  .apb-group-links-content
  .apb-field-video-group
  fieldset,
#apb-edit .details-wrapper .ief-form .field--name-field-apb-li-file details {
  border: none !important;
}
#apb-edit
  .details-wrapper
  > .ief-form
  .apb-group-links-content
  .apb-field-video-group
  .fieldset__label {
  padding: 0 0 1rem 0 !important;
}
#apb-edit .details-wrapper .ief-form .field--name-field-apb-li-file summary {
  display: none !important;
}
#apb-edit
  .details-wrapper
  > .ief-form
  .apb-group-links-content
  .apb-field-video-group
  .fieldset__wrapper,
#apb-edit
  .details-wrapper
  > .ief-form
  .apb-group-links-content
  .apb-field-video-group
  .js-media-library-selection,
#apb-edit
  .details-wrapper
  .ief-form
  .field--name-field-apb-li-file
  details
  .details-wrapper {
  margin: 0 !important;
}
#apb-edit
  .details-wrapper
  .ief-form
  .apb-group-links-content
  .media-library-widget-empty-text {
  margin: 0 0 1rem 0 !important;
}
#apb-edit .details-wrapper .ief-form .field--name-field-apb-li-file {
  border-radius: var(--apb-border-radius);
  border: 1px solid var(--apb-color-light-5);
  padding: 0.75rem;
}
#apb-edit
  .details-wrapper
  .ief-form
  .field--name-field-apb-li-file
  .js-form-managed-file {
  display: flex;
  width: 100%;
}
#apb-edit
  .details-wrapper
  .ief-form
  .field--name-field-apb-li-file
  .form-managed-file__main {
  display: flex;
  justify-content: space-between;
}

/* FEATURE BOX */
#apb-edit .details-wrapper .ief-form .field--name-field-apb-fb-button fieldset {
  border: 0 !important;
}
#apb-edit
  .details-wrapper
  .ief-form
  .field--name-field-apb-fb-button
  fieldset
  legend {
  display: none;
}
#apb-edit
  .details-wrapper
  > .ief-form
  .field--name-field-apb-fb-button
  fieldset
  .fieldset__wrapper {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr 1fr;
  margin: 0 !important;
  padding: 0 !important;
}

#apb-edit
  .details-wrapper
  .ief-form
  .field--name-field-apb-fb-button
  fieldset
  .fieldset__wrapper {
  margin: 0 !important;
}

/* PROFILE */
#apb-edit .group-bio-description-label-link .fieldset__wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* IMAGE GALLERY */
#apb-edit
  .field--name-field-apb-ig-images
  .gin-table-scroll-wrapper
  > table
  .tabledrag-cell-content {
  display: flex !important;
  padding: 0.75rem 0 1.5rem 0;
}
#apb-edit
  .field--name-field-apb-ig-images
  .gin-table-scroll-wrapper
  > table
  .tabledrag-cell-content
  .form-managed-file__meta {
  margin: 0.5rem 0 !important;
}
#apb-edit
  .field--name-field-apb-ig-images
  .gin-table-scroll-wrapper
  > table
  .file-operations-cell {
  padding-top: 0.5rem !important;
  text-align: right;
}

/* LINKS */
/* #apb-edit .paragraphs-subform .paragraphs-subform-inner .apb-group-links-content {
	margin: 0 !important;
} */
#apb-edit
  .paragraphs-subform
  div[data-drupal-selector*="-subform-field-apb-li-links-widget-entities-"].field-group-html-element {
  gap: 0 !important;
}
#apb-edit
  .paragraphs-subform
  .js-form-wrapper
  > div[data-drupal-selector*="-subform-field-apb-li-links-widget-entities-"].field-group-html-element
  > div,
#apb-edit
  .paragraphs-subform
  .js-form-wrapper
  > div[data-drupal-selector*="-subform-field-apb-li-links-widget-entities-"].field-group-html-element
  > details {
  margin-bottom: 0.75rem !important;
}

/* PROFILES */
#apb-edit
  #edit-field-apb-paragraphs-wrapper
  .ief-entity-table
  .group-bio-description-label-link {
  margin-bottom: 0.75rem !important;
}
#apb-edit
  #edit-field-apb-paragraphs-wrapper
  .ief-entity-table
  .field--name-field-apb-pr-photo
  > div
  > details {
  margin-bottom: 0 !important;
}

/* SLIDESHOW */
#apb-edit .field-group-accordion-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#apb-edit .field-group-accordion-wrapper > h3.accordion-item {
  align-items: center;
  background: var(--apb-color-white);
  border: 1px solid var(--apb-color-light-5);
  border-radius: var(--apb-border-radius);
  box-shadow: none !important;
  display: flex;
  gap: 0.375rem;
  margin: 0;
  padding: 1rem 1rem 1rem 2.75rem;
  text-transform: none;
  transition: all 0ms ease !important;
}
#apb-edit .field-group-accordion-wrapper > h3.accordion-item.ui-state-active {
  border-bottom-width: 0;
  border-radius: var(--apb-border-radius) var(--apb-border-radius) 0 0;
}
#apb-edit .field-group-accordion-wrapper > h3.accordion-item.ui-state-active a,
#apb-edit .field-group-accordion-wrapper > h3.accordion-item a {
  box-shadow: none !important;
  color: var(--apb-color-primary-2);
  font-family: var(--gin-font);
  font-size: 1rem;
  font-weight: 600;
}
#apb-edit .field-group-accordion-wrapper > h3.accordion-item:hover a {
  color: var(--apb-color-primary-300);
}
#apb-edit
  .field-group-accordion-wrapper
  > h3.accordion-item
  .ui-accordion-header-icon {
  display: none !important;
}
#apb-edit .field-group-accordion-wrapper > h3.accordion-item a::before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath d='M5.21 1.314L3.79 2.723l5.302 5.353-5.303 5.354 1.422 1.408 6.697-6.762z' fill='%23545560'/%3e%3c/svg%3e");
  background-size: contain;
  content: "";
  display: inline-block;
  height: var(--space-m);
  left: var(--space-s); /* LTR */
  margin-top: calc(var(--space-m) / -2);
  position: absolute;
  text-align: center;
  top: 50%;
  transform: rotate(90deg); /* LTR */
  transition: transform var(--details-transform-transition-duration) ease-in 0s;
  width: var(--space-m);
}
#apb-edit
  .field-group-accordion-wrapper
  > h3.accordion-item.ui-state-active
  a::before {
  color: var(--apb-color-primary-2);
  transform: rotate(-90deg);
}
#apb-edit .field-group-accordion-wrapper > .ui-accordion-content {
  border-radius: 0 0 var(--apb-border-radius) var(--apb-border-radius);
  border: 1px solid var(--apb-color-light-5);
  border-top-width: 0px;
  margin-top: -1rem !important;
  padding: var(--apb-spacing-s);
  transition: all 0ms ease !important;
}
#apb-edit .field-group-accordion-wrapper > .ui-accordion-content details {
  border: none !important;
}
#apb-edit
  .field-group-accordion-wrapper
  > .ui-accordion-content
  details
  summary {
  display: none !important;
}
#apb-edit
  .field-group-accordion-wrapper
  > .ui-accordion-content
  details
  .details-wrapper {
  margin: 0 !important;
}

#apb-edit
  div[id*="-field-apb-ss-bg-video-selection-"]
  > .media-library-item
  > input[type="submit"] {
  text-indent: 5rem;
}

#apb-edit
  .field-group-accordion-wrapper
  .apb-group-accordion__slideshow--image
  details.image-data__crop-wrapper {
  border: 1px solid var(--apb-color-light-5) !important;
}
#apb-edit
  .field-group-accordion-wrapper
  .apb-group-accordion__slideshow--image
  details.image-data__crop-wrapper
  summary {
  display: block !important;
  padding: 1rem 1rem 1rem 2.75rem !important;
}
#apb-edit
  .field-group-accordion-wrapper
  .apb-group-accordion__slideshow--image
  details.image-data__crop-wrapper
  .details-wrapper {
  margin: 0 0.75rem 0.75rem 0.75rem !important;
}

#apb-edit
  .field-group-accordion-wrapper
  > .ui-accordion-content
  .field--name-field-apb-ss-bg-video {
  margin: 0 0 1rem 0 !important;
}
#apb-edit
  .field-group-accordion-wrapper
  > .ui-accordion-content
  .field--name-field-apb-ss-bg-video:last-child {
  margin: 0 !important;
}
#apb-edit
  div[data-drupal-selector*="subform-field-apb-ss-slideshow-form-inline"]
  .ck-content {
  background: none !important;
}

/* CROP */
#apb-edit .ief-form .field--widget-image-widget-crop {
  margin: 0;
}
#apb-edit .ief-form details.image-data__crop-wrapper {
  margin: 0.5rem 0 0 0 !important;
}
#apb-edit .ief-form details.image-data__crop-wrapper .vertical-tabs__item {
  border: none !important;
  border-radius: var(--apb-border-radius);
  margin: 0 !important;
}
#apb-edit
  .ief-form
  details.image-data__crop-wrapper
  .vertical-tabs__item
  > summary {
  display: none !important;
}
#apb-edit .ief-form details.image-data__crop-wrapper .vertical-tabs__menu {
  float: none !important;
  width: 100%;
  z-index: 2;
}
#apb-edit .ief-form details.image-data__crop-wrapper .vertical-tabs__menu li a {
  background: var(--apb-color-white) !important;
  border: 1px solid var(--apb-color-light-3) !important;
  border-radius: var(--apb-border-radius) var(--apb-border-radius) 0 0;
  color: var(--apb-color-primary-800);
  cursor: default;
  outline: none !important;
}
#apb-edit
  .ief-form
  details.image-data__crop-wrapper
  .vertical-tabs__menu
  li
  a:focus {
  outline: none !important;
  box-shadow: none !important;
}
#apb-edit
  .ief-form
  details.image-data__crop-wrapper
  .vertical-tabs__menu
  li
  a::before,
#apb-edit
  .ief-form
  details.image-data__crop-wrapper
  .vertical-tabs__menu
  li
  a::after {
  display: none;
}
#apb-edit .ief-form details.image-data__crop-wrapper .vertical-tabs__items {
  border-radius: var(--apb-border-radius);
  border: 1px solid var(--apb-color-light-3) !important;
  box-shadow: none !important;
  margin-left: 0 !important;
}
#apb-edit
  .ief-form
  details.image-data__crop-wrapper
  .vertical-tabs__items
  .details-wrapper {
  margin: 0 !important;
  max-width: 30rem;
}
#apb-edit
  .ief-form
  .field--name-field-apb-ig-images
  details.image-data__crop-wrapper
  .vertical-tabs__items
  .details-wrapper {
  margin: 0 !important;
  max-width: 22.5rem;
}
#apb-edit
  .ief-form
  details.image-data__crop-wrapper
  .vertical-tabs__items
  .details-wrapper
  .crop-preview-wrapper__crop-reset {
  margin-top: 0.5rem !important;
}
#apb-edit
  .ief-form
  details.image-data__crop-wrapper
  .vertical-tabs__items
  .claro-details__content {
  margin: 1.25rem 0.75rem 0.75rem 0.75rem;
}

/* MEDIA LIBRARY */
.media-library-menu {
  width: 12.5rem !important;
}
.media-library-menu li a {
  display: block !important;
  padding: 0.5rem !important;
}
/*----- CUSTOM - Close -----*/

/*----- APB CONFIG - Open -----*/
#apb-edit .ief-entity-table .ief-form-row > .form-wrapper .apb-config,
#apb-edit
  .field--name-field-apb-paragraphs
  .paragraphs-subform-inner
  .apb-config {
  background-color: var(--apb-color-light-2) !important;
  border: 1px solid var(--apb-color-light-5) !important;
  display: grid !important;
  grid-gap: var(--apb-spacing-xs) !important;
  padding: var(--apb-spacing-s) !important;
  width: 100% !important;
  border-radius: var(--apb-border-radius);
}

#apb-edit .field--name-field-apb-paragraphs .apb-config .form-item {
  margin: 0 !important;
}

#apb-edit .field--name-field-apb-paragraphs .apb-config.columns-1 {
  grid-template-columns: repeat(1, 1fr) !important;
}

#apb-edit .field--name-field-apb-paragraphs .apb-config.columns-2 {
  grid-template-columns: repeat(2, 1fr) !important;
}
#apb-edit
  .field--name-field-apb-paragraphs
  .apb-config.columns-2-span
  > *:first-child {
  grid-column: span 2;
}

#apb-edit .field--name-field-apb-paragraphs .apb-config.columns-3 {
  grid-template-columns: repeat(3, 1fr) !important;
}
#apb-edit
  .field--name-field-apb-paragraphs
  .apb-config.columns-3-span
  > *:first-child {
  grid-column: span 3;
}

#apb-edit .field--name-field-apb-paragraphs .apb-config.columns-4 {
  grid-template-columns: repeat(4, 1fr) !important;
}
#apb-edit
  .field--name-field-apb-paragraphs
  .apb-config.columns-4-span
  > *:first-child {
  grid-column: span 4;
}

#apb-edit .field--name-field-apb-paragraphs .apb-config.columns-5 {
  grid-template-columns: repeat(5, 1fr) !important;
}
#apb-edit
  .field--name-field-apb-paragraphs
  .apb-config.columns-5-span
  > *:first-child {
  grid-column: span 5;
}

#apb-edit .field--name-field-apb-paragraphs .apb-config.columns-6 {
  grid-template-columns: repeat(6, 1fr) !important;
}
#apb-edit
  .field--name-field-apb-paragraphs
  .apb-config.columns-6-span
  > *:first-child {
  grid-column: span 6;
}

#apb-edit .field--name-field-apb-paragraphs .apb-config.columns-7 {
  grid-template-columns: repeat(7, 1fr) !important;
}
#apb-edit
  .field--name-field-apb-paragraphs
  .apb-config.columns-7-span
  > *:first-child {
  grid-column: span 7;
}

@media screen and (max-width: 1530px) {
  body[data-meta-sidebar="open"]
    #apb-edit
    .field--name-field-apb-paragraphs
    .apb-config.columns-5,
  body[data-meta-sidebar="open"]
    #apb-edit
    .field--name-field-apb-paragraphs
    .apb-config.columns-6,
  body[data-meta-sidebar="open"]
    #apb-edit
    .field--name-field-apb-paragraphs
    .apb-config.columns-7 {
    grid-template-columns: repeat(4, 1fr) !important;
  }

  body[data-meta-sidebar="open"]
    #apb-edit
    .field--name-field-apb-paragraphs
    .apb-config.columns-5-span
    > *:first-child,
  body[data-meta-sidebar="open"]
    #apb-edit
    .field--name-field-apb-paragraphs
    .apb-config.columns-6-span
    > *:first-child,
  body[data-meta-sidebar="open"]
    #apb-edit
    .field--name-field-apb-paragraphs
    .apb-config.columns-7-span
    > *:first-child {
    grid-column: span 4;
  }
}
#apb-edit .field--name-field-apb-paragraphs .apb-config input[type="text"],
#apb-edit .field--name-field-apb-paragraphs .apb-config select {
  border: 1px #bdd5e2 solid !important;
  width: 100% !important;

  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -ms-box-sizing: border-box !important;
  -o-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

#apb-edit .field--name-field-apb-paragraphs .group-apb-others fieldset {
  margin: 0 !important;
}

#apb-edit
  .field--name-field-apb-paragraphs
  .form-wrapper.ief-entity-operations {
  margin: 0 !important;
  min-width: 12.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-top: 0.5rem;
}

#apb-edit
  .field--name-field-apb-paragraphs
  .text-format-wrapper
  fieldset.filter-wrapper {
  font-size: 0.9em !important;
  padding: 0.625rem !important;
}

#apb-edit .ief-entity-table .ief-form-row .fieldset > .fieldset__wrapper,
#apb-edit .field-group-details > .details-wrapper,
#apb-edit .group-customize > .details-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

#apb-edit .field-group-html-element > div,
#apb-edit .field-group-html-element > details {
  margin-bottom: 0.75rem;
}

.field--name-field-apb-video-embed {
  margin-bottom: 1.25rem;
}

.apb-region-id-title .form-item .form-item__label {
  font-size: 1rem !important;
}
.apb-region-id-title .form-item .form-item__description {
  font-size: 0;
  max-width: none !important;
  width: 100%;
}
.apb-region-id-title .form-item .form-item__description::before {
  display: block;
  content: "Enter a unique identifier for the new region. This ID will be used to reference and position the content in the desired area of the site. Do not use spaces. You can use _ (underscore) and - (hyphen) characters.";
  font-size: 0.79rem;
}

/* SPECTRUM Field Color */
#apb-edit .field--name-field-apb-paragraphs .sp-replacer.sp-light {
  background: var(--apb-color-white);
  border-radius: 0.5rem;
  border: 1px solid var(--apb-color-light-4);
  display: block;
  padding: 0.563rem 0.75rem;
}
#apb-edit .field--name-field-apb-paragraphs .sp-replacer.sp-light *,
#apb-edit .field--name-field-apb-paragraphs .sp-replacer.sp-light {
  box-sizing: content-box !important;
}
#apb-edit .field--name-field-apb-paragraphs .sp-replacer.sp-light .sp-preview {
  width: calc(100% - 20px) !important;
}

#apb-edit .field--name-field-apb-paragraphs .sp-palette.sp-thumb.sp-cf {
  display: grid !important;
  grid-template-columns: repeat(8, 1fr);
}
#apb-edit .claro-details__summary::after,
#apb-edit .field--name-field-apb-paragraphs .sp-palette.sp-thumb.sp-cf::before {
  display: none !important;
}

#apb-edit .field--name-status .form-type--checkbox {
  align-items: center;
  display: flex;
}

#apb-edit .ief-entity-table .field--type-image > div > details,
#apb-edit
  .ief-entity-table
  .ief-form-row
  > .form-wrapper
  .apb-config
  .field-group-html-element
  > div,
#apb-edit
  .ief-entity-table
  .ief-form-row
  > .form-wrapper
  .apb-config
  .field-group-html-element
  > details,
#apb-edit
  .field--name-field-apb-paragraphs
  .paragraphs-subform-inner
  .apb-config.field-group-html-element
  > div,
#apb-edit
  .field--name-field-apb-paragraphs
  .paragraphs-subform-inner
  .apb-config.field-group-html-element
  > details,
#apb-edit .field--name-status .form-type--checkbox label,
#apb-edit
  .paragraphs-subform
  .paragraphs-subform-inner
  .group-apb-section-title
  > div,
#apb-edit
  .paragraphs-subform
  .paragraphs-subform-inner
  details[data-drupal-selector*="-subform-group-access-control"],
#apb-edit
  .paragraphs-subform
  .paragraphs-subform-inner
  .field-group-apb-no-margin {
  margin: 0 !important;
}

#apb-edit .tabledrag-cell-content .tabledrag-handle::after {
  transform: translateY(-1.25rem);
}
/*----- APB CONFIG - Close -----*/

/*----- MAGNIFIC POPUP - Open -----*/
.mfp-iframe-scaler > iframe {
  background: transparent !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  z-index: 2;
}
.mfp-iframe-scaler {
  background: var(--apb-color-white);
}
.mfp-iframe-scaler::after {
  animation: spinner-c7wet2 0.8s infinite linear;
  background: radial-gradient(farthest-side, #477ad9 94%, #0000) top/9px 9px
      no-repeat,
    conic-gradient(#0000 30%, #477ad9);
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 9px), #000 0);
  border-radius: 50%;
  content: "";
  display: block;
  height: 48px;
  left: calc(50% - 24px);
  position: absolute;
  top: calc(50% - 24px);
  width: 48px;
  z-index: 1;
}
@keyframes spinner-c7wet2 {
  100% {
    transform: rotate(1turn);
  }
}
.mfp-bg {
  background: var(--apb-color-gray-150);
  opacity: 0.9;
  z-index: 9999998;
}
.mfp-wrap {
  z-index: 9999999;
}
.mfp-iframe-holder .mfp-content {
  max-width: 1100px;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: var(--apb-color-primary-800);
  font-size: 38px;
  opacity: 1;
}
.mfp-image-holder .mfp-close:hover,
.mfp-iframe-holder .mfp-close:hover {
  color: var(--apb-color-primary-300);
}
/*----- MAGNIFIC POPUP - Close -----*/

/*----- TRANSITION - Open -----*/
#apb-edit .ss-preview-button,
#apb-edit .paragraphs-subform .paragraphs-subform-inner details summary,
#apb-edit .field--widget-inline-entity-form-complex > div > details summary,
#apb-edit .btn-paragraphs-show-hide,
#apb-edit .button,
#apb-edit a {
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

#apb-edit .paragraph-type-top .paragraph-type-title {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#apb-edit .paragraph-type-top .paragraphs-dropbutton-wrapper {
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
/*----- TRANSITION - Close -----*/

/*----- FOCUS - Open -----*/
#apb-edit .page-wrapper *:focus,
#apb-edit .ui-dialog *:focus,
#apb-edit .dropbutton .dropbutton__item > *:focus,
#apb-edit .dropbutton .dropbutton__item > *:focus:hover,
#apb-edit .dropbutton__items > .dropbutton__item:first-of-type > *:focus,
#apb-edit
  .dropbutton__items
  > .dropbutton__item:first-of-type
  ~ .dropbutton__item
  > *:focus,
#apb-edit
  .dropbutton__items
  > .dropbutton__item:first-of-type
  ~ .dropbutton__item
  > *:focus:hover,
#apb-edit .form-boolean:focus:active,
#apb-edit .form-boolean:focus:hover,
#apb-edit .cke.cke_chrome.cke_focus,
#apb-edit
  .horizontal-tabs
  ul.horizontal-tabs-list
  li.horizontal-tab-button
  a:focus,
#apb-edit .form-element:focus,
#apb-edit .form-element:hover:focus,
#apb-edit .form-element.error:hover:focus,
#apb-edit .form-actions .action-link:focus,
#apb-edit .paragraphs-tabs-wrapper .field-multiple-table .draggable.drag,
#apb-edit
  .layout-paragraphs-field
  .layout-paragraphs-actions
  input.layout-paragraphs-edit:focus,
#apb-edit
  .layout-paragraphs-field
  .layout-paragraphs-actions
  input.layout-paragraphs-remove:focus,
#apb-edit .ck .ck.ck-button:active,
#apb-edit .ck .ck.ck-button:focus,
#apb-edit .ck .ck.ck-button:active:focus,
#apb-edit .toolbar-box .toolbar-handle:focus,
#apb-edit .field-option:has(.field-option-radio:checked),
#apb-edit .subfield-option:has(.field-option-radio:checked) {
  outline: none;
  /* box-shadow: 0 0 0 1px var(--gin-color-focus-border), 0 0 0 4px var(--gin-color-focus); */
  box-shadow: none !important;
}

/*----- FOCUS - Close -----*/