.lp-builder {
  min-height: 30px;
  position: relative;
}
.js-lpb-region {
  min-height: 40px;
  cursor: default;
  box-sizing: border-box;
  position: relative;
}
.lpb-empty-container__wrapper {
  position: relative;
}
.lpb-empty-container {
  text-align: center;
  padding-bottom: 30px;
}
.lpb-empty-toggle {
  min-height: 20px;
}
.lpb-empty-message {
  text-align: center;
  padding-bottom: 40px;
}
.lpb-empty-container__wrapper .lpb-section-menu__wrapper {
  bottom: 20px;
}
.is-dragging .js-lpb-region,
.is-navigating .js-lpb-region {
  outline: 1px dotted blue;
}
.is-dragging .t-reversed .js-lpb-region {
  outline: 1px dotted white;
}
.js-lpb-component {
  outline: 1px solid blue;
  outline-color: transparent;
  transition: all .15s linear;
  position: relative;
}
.lp-builder:not(.is-navigating) .js-lpb-component:hover,
.lp-builder:not(.is-navigating) .js-lpb-component:focus-within {
  outline: 1px solid blue;
}
.js-lpb-component.is-navigating {
  outline: 3px solid blue;
}
.js-lpb-component {
  cursor: grab;
}
.js-lpb-component:hover .js-lpb-region,
.js-lpb-component:focus-within .js-lpb-region {
  outline: 1px dotted rgba(0, 0, 255, 0.5);
}
.lp-builder:not(.is-navigating) .js-lpb-component:hover .js-lpb-region:hover,
.lp-builder:not(.is-navigating) .js-lpb-component:focus-within .js-lpb-region:focus-within {
  outline: 1px solid rgba(0, 0, 255, 0.5);
}
.lpb-layout {
  padding: 20px;
}
.lpb-layout .lpb-layout-label {
  position: absolute;
  right: 0;
  border: 1px dotted #ccc;
  padding: 5px 10px;
  font-size: small;
}
.js-lpb-btn--add {
  position: absolute;
}
.lpb-controls__wrapper {
  position: absolute;
}
.lpb-controls {
  cursor: default;
  padding: 5px;
  display: flex;
  z-index: 80;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  border-radius: 0 0 6px 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 1px 3px rgba(0, 0, 0, 0.25);
  background-color: #fff;
}
.lpb-controls:hover,
.lpb-controls:focus-within {
  z-index: 90;
}
.lpb-controls.is-layout {
  background-color: #00659b;
  border-radius: 6px 6px 0 0;
  box-shadow: none;
  color: #fff;
  top: -40px;
  left: auto;
  right: -1px;
}
.lp-builder:not(.is-navigating) .js-lpb-component:hover > .lpb-controls,
.lp-builder:not(.is-navigating) .js-lpb-component:focus-within > .lpb-controls {
  opacity: 1;
}
.lpb-controls a {
  font-size: 0;
}
.lpb-controls-label {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 30px;
  padding: 0 5px 0 10px;
}
.lpb-drag,
.lpb-up,
.lpb-down,
.lpb-edit,
.lpb-duplicate,
.lpb-delete {
  cursor: pointer;
  height: 30px;
  width: 30px;
  border-radius: 3px;
  margin: 0;
  padding: 0;
  opacity: .5;
}
.is-layout .lpb-drag,
.is-layout .lpb-up,
.is-layout .lpb-down,
.is-layout .lpb-edit,
.is-layout .lpb-duplicate,
.is-layout .lpb-delete {
  opacity: 1;
}
.lpb-drag {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 11C13.3284 11 14 10.3284 14 9.5C14 8.67157 13.3284 8 12.5 8C11.6716 8 11 8.67157 11 9.5C11 10.3284 11.6716 11 12.5 11Z' fill='%23000000'/%3E%3Cpath d='M12.5 16C13.3284 16 14 15.3284 14 14.5C14 13.6716 13.3284 13 12.5 13C11.6716 13 11 13.6716 11 14.5C11 15.3284 11.6716 16 12.5 16Z' fill='%23000000'/%3E%3Cpath d='M14 19.5C14 20.3284 13.3284 21 12.5 21C11.6716 21 11 20.3284 11 19.5C11 18.6716 11.6716 18 12.5 18C13.3284 18 14 18.6716 14 19.5Z' fill='%23000000'/%3E%3Cpath d='M17.5 11C18.3284 11 19 10.3284 19 9.5C19 8.67157 18.3284 8 17.5 8C16.6716 8 16 8.67157 16 9.5C16 10.3284 16.6716 11 17.5 11Z' fill='%23000000'/%3E%3Cpath d='M19 14.5C19 15.3284 18.3284 16 17.5 16C16.6716 16 16 15.3284 16 14.5C16 13.6716 16.6716 13 17.5 13C18.3284 13 19 13.6716 19 14.5Z' fill='%23000000'/%3E%3Cpath d='M17.5 21C18.3284 21 19 20.3284 19 19.5C19 18.6716 18.3284 18 17.5 18C16.6716 18 16 18.6716 16 19.5C16 20.3284 16.6716 21 17.5 21Z' fill='%23000000'/%3E%3C/svg%3E%0A");
  background-size: cover;
  cursor: grab;
}
.is-layout .lpb-drag {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 11C13.3284 11 14 10.3284 14 9.5C14 8.67157 13.3284 8 12.5 8C11.6716 8 11 8.67157 11 9.5C11 10.3284 11.6716 11 12.5 11Z' fill='white'/%3E%3Cpath d='M12.5 16C13.3284 16 14 15.3284 14 14.5C14 13.6716 13.3284 13 12.5 13C11.6716 13 11 13.6716 11 14.5C11 15.3284 11.6716 16 12.5 16Z' fill='white'/%3E%3Cpath d='M14 19.5C14 20.3284 13.3284 21 12.5 21C11.6716 21 11 20.3284 11 19.5C11 18.6716 11.6716 18 12.5 18C13.3284 18 14 18.6716 14 19.5Z' fill='white'/%3E%3Cpath d='M17.5 11C18.3284 11 19 10.3284 19 9.5C19 8.67157 18.3284 8 17.5 8C16.6716 8 16 8.67157 16 9.5C16 10.3284 16.6716 11 17.5 11Z' fill='white'/%3E%3Cpath d='M19 14.5C19 15.3284 18.3284 16 17.5 16C16.6716 16 16 15.3284 16 14.5C16 13.6716 16.6716 13 17.5 13C18.3284 13 19 13.6716 19 14.5Z' fill='white'/%3E%3Cpath d='M17.5 21C18.3284 21 19 20.3284 19 19.5C19 18.6716 18.3284 18 17.5 18C16.6716 18 16 18.6716 16 19.5C16 20.3284 16.6716 21 17.5 21Z' fill='white'/%3E%3C/svg%3E%0A");
}
.lpb-up:hover,
.lpb-down:hover,
.lpb-edit:hover,
.lpb-duplicate:hover,
.lpb-delete:hover {
  opacity: 1;
  background-color: rgba(0, 0, 0, .1);
}
.is-layout .lpb-up:hover,
.is-layout .lpb-down:hover,
.is-layout .lpb-edit:hover,
.is-layout .lpb-duplicate:hover,
.is-layout .lpb-delete:hover {
  background-color: rgba(0, 0, 0, .25);
}
.lpb-drag:focus,
.lpb-up:focus,
.lpb-down:focus,
.lpb-edit:focus,
.lpb-duplicate:focus,
.lpb-delete:focus {
  outline: 2px solid blue;
}
.is-layout .lpb-drag:focus,
.is-layout .lpb-up:focus,
.is-layout .lpb-down:focus,
.is-layout .lpb-edit:focus,
.is-layout .lpb-duplicate:focus,
.is-layout .lpb-delete:focus {
  outline-color: white;
}
.lpb-up {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 18L15 12L21 18H9Z' fill='%23000000'/%3E%3C/svg%3E%0A");
  background-size: cover;
}
.is-layout .lpb-up {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 18L15 12L21 18H9Z' fill='white'/%3E%3C/svg%3E%0A");
}
.lpb-down {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 12L15 18L9 12L21 12Z' fill='%23000000'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='12' height='6' fill='white' transform='translate(21 18) rotate(-180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: cover;
}
.is-layout .lpb-down {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 12L15 18L9 12L21 12Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='12' height='6' fill='white' transform='translate(21 18) rotate(-180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.lpb-down[tabindex="-1"]:hover,
.lpb-up[tabindex="-1"]:hover {
  background-color: transparent;
  box-shadow: none;
}
.lpb-down[tabindex="-1"],
.lpb-up[tabindex="-1"] {
  opacity: .3;
  cursor: default;
}
.lpb-edit {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.284 8.63082L19.6136 7.30121C20.0152 6.8996 20.6664 6.8996 21.068 7.30121L22.6988 8.93203C23.1004 9.33365 23.1004 9.98479 22.6988 10.3864L21.3692 11.716L18.284 8.63082Z' fill='%23000000'/%3E%3Cpath d='M17.2556 9.65922L9.0284 17.8864L8 22L12.1136 20.9716L20.3408 12.7444L17.2556 9.65922Z' fill='%23000000'/%3E%3C/svg%3E%0A");
  background-size: cover;
}
.is-layout .lpb-edit {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.284 8.63082L19.6136 7.30121C20.0152 6.8996 20.6664 6.8996 21.068 7.30121L22.6988 8.93203C23.1004 9.33365 23.1004 9.98479 22.6988 10.3864L21.3692 11.716L18.284 8.63082Z' fill='white'/%3E%3Cpath d='M17.2556 9.65922L9.0284 17.8864L8 22L12.1136 20.9716L20.3408 12.7444L17.2556 9.65922Z' fill='white'/%3E%3C/svg%3E%0A");
}
.lpb-duplicate {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.7,8C21.4,8,22,8.6,22,9.3v7.9c0,0.7-0.6,1.3-1.3,1.3h-7.9c-0.7,0-1.3-0.6-1.3-1.3V9.3c0-0.7,0.6-1.3,1.3-1.3H20.7 M12.8,19.4c-1.2,0-2.2-1-2.2-2.2v-5.7H9.3c-0.7,0-1.3,0.6-1.3,1.3v7.9C8,21.4,8.6,22,9.3,22h7.9c0.7,0,1.3-0.6,1.3-1.3v-1.3H12.8z' fill='black' /%3E%3C/svg%3E%0A");
  background-size: cover;
}
.is-layout .lpb-duplicate {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.7,8C21.4,8,22,8.6,22,9.3v7.9c0,0.7-0.6,1.3-1.3,1.3h-7.9c-0.7,0-1.3-0.6-1.3-1.3V9.3c0-0.7,0.6-1.3,1.3-1.3H20.7 M12.8,19.4c-1.2,0-2.2-1-2.2-2.2v-5.7H9.3c-0.7,0-1.3,0.6-1.3,1.3v7.9C8,21.4,8.6,22,9.3,22h7.9c0.7,0,1.3-0.6,1.3-1.3v-1.3H12.8z' fill='white' /%3E%3C/svg%3E%0A");
}
.lpb-delete {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 8H16C16.5523 8 17 8.44772 17 9H21V11H9V9H13C13 8.44772 13.4477 8 14 8ZM10 12H20L19.09 21.0995C19.0389 21.6107 18.6088 22 18.095 22H11.905C11.3912 22 10.9611 21.6107 10.91 21.0995L10 12Z' fill='%23000000'/%3E%3C/svg%3E%0A");
  background-size: cover;
}
.is-layout .lpb-delete {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 8H16C16.5523 8 17 8.44772 17 9H21V11H9V9H13C13 8.44772 13.4477 8 14 8ZM10 12H20L19.09 21.0995C19.0389 21.6107 18.6088 22 18.095 22H11.905C11.3912 22 10.9611 21.6107 10.91 21.0995L10 12Z' fill='white'/%3E%3C/svg%3E%0A");
}
.lpb-btn {
  position: absolute;
  display: inline-block;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, .15);
  z-index: 80;
  left: 50%;
  transform: translateX(-50%);
  padding: 6px 10px;
  transition: all .15s linear;
}
.lpb-btn.before {
  top: -17px;
}
.lpb-btn.after {
  bottom: -15px;
}
.lpb-btn.center {
  top: 50%;
  transform: translate(-50%, -50%);
}
.js-lpb-component > .lpb-btn {
  opacity: 0;
}
.lp-builder:not(.is-navigating) .js-lpb-component:hover > .lpb-btn,
.lp-builder:not(.is-navigating) .js-lpb-component:focus-within > .lpb-btn {
  opacity: 1;
}
.lpb-btn--add {
  width: 24px;
  height: 24px;
  left: 50%;
  z-index: 80;
  position: absolute;
  border: 3px solid white;
  cursor: pointer;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 1px 3px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.5' fill-rule='evenodd' clip-rule='evenodd' d='M13 6V11H18V13H13V18H11V12.999L6 13V11L11 10.999V6H13Z' fill='%23130F13'/%3E%3C/svg%3E%0A");
  background-size: cover;
  margin: auto;
  transform: translateX(-50%);
  transition: all .15s linear;
}
.lpb-btn--add:hover {
  background-color: #e1e0e1;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 6V11H18V13H13V18H11V12.999L6 13V11L11 10.999V6H13Z' fill='%23130F13'/%3E%3C/svg%3E%0A");
  opacity: 1;
}
.lpb-btn--add:hover,
.lpb-btn:hover,
.lpb-btn--add:focus-within,
.lpb-btn:focus-within {
  z-index: 90;
}
.js-lpb-component .lpb-btn--add,
.js-lpb-region .lpb-btn--add {
  opacity: 0;
}
.lpb-btn--add:focus {
  outline: 2px solid blue;
}
.lpb-btn--add.center {
  top: 50%;
  transform: translate(-50%, -50%);
}
.lpb-btn--add.before {
  top: -15px;
  transform: translateX(-50%);
}
.lpb-btn--add.after {
  bottom: -16px;
}
.lp-builder:not(.is-navigating) .js-lpb-component:hover > .lpb-btn--add,
.lp-builder:not(.is-navigating) .js-lpb-component:focus-within > .lpb-btn--add {
  visibility: visible;
  opacity: 1;
}
.lp-builder:not(.is-navigating) .js-lpb-region:hover > .lpb-btn--add,
.lp-builder:not(.is-navigating) .js-lpb-region:focus-within > .lpb-btn--add {
  visibility: visible;
  opacity: 1;
}
.js-lpb-component + .lpb-btn--add {
  display: none;
}
.gu-mirror {
  background: #fff;
  cursor: grabbing;
}

form.layout-paragraphs-builder-form {
  margin-left: -20px;
  margin-right: -20px;
  outline: 1px solid rgba(0,0,0,.15);
}

form.layout-paragraphs-builder-form .js-lpb-component-list {
  padding: 20px;
}

.lpb-enable {
  display: flex;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(-50%);
}

.lpb-enable__button {
  display: flex;
}

a.lpb-enable-button {
  align-items: center;
  background-color: #00659b;
  border: none;
  border-radius: 3px;
  color: white;
  display: flex;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 3px 12px 3px 0;
}

a.lpb-enable-button:hover,
a.lpb-enable-button:focus {
  padding: 3px 12px 3px 0;
  border-bottom-style: none;
  color: white;
  outline: none;
}
a.lpb-enable-button::before {
  content: "";
  display: block;
  height: 30px;
  width: 30px;
  border-radius: 3px;
  margin: 0;
  padding: 0;
  opacity: .5;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.284 8.63082L19.6136 7.30121C20.0152 6.8996 20.6664 6.8996 21.068 7.30121L22.6988 8.93203C23.1004 9.33365 23.1004 9.98479 22.6988 10.3864L21.3692 11.716L18.284 8.63082Z' fill='white'/%3E%3Cpath d='M17.2556 9.65922L9.0284 17.8864L8 22L12.1136 20.9716L20.3408 12.7444L17.2556 9.65922Z' fill='white'/%3E%3C/svg%3E%0A");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.lpb-formatter {
  position: relative;
}
.lpb-formatter:hover,
.lpb-formatter:focus-within {
  outline: 1px solid blue;
}

.lpb-formatter:hover .lpb-enable,
.lpb-formatter:focus-within .lpb-enable {
  opacity: 1;
}

.lpb-tooltiptext {
  opacity: 0;
  pointer-events: none;
  transition: all .15s linear;
  width: auto;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 10px;
  position: absolute;
  z-index: 90;
  bottom: 100%;
  left: -7px;
  margin-bottom: -2px;
  white-space: nowrap;
}
.lpb-tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 20px;
  border-width: 7px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}
.lp-builder:not(.is-dragging) .lpb-tooltip--hover:hover + .lpb-tooltiptext {
  transition-delay: 1s;
}
.lp-builder:not(.is-dragging) .lpb-tooltip--focus:focus + .lpb-tooltiptext,
.lp-builder:not(.is-dragging) .lpb-tooltip--hover:hover + .lpb-tooltiptext,
.lpb-tooltiptext--visible {
  opacity: 1;
}
.js-lpb-ui-message {
  background-color: #000;
  color: #fff;
  text-align: center;
  position: static;
}

.ck.ck-balloon-panel.ck-balloon-panel_visible {
  z-index: 1500;
}