/*# sourceMappingURL=http://localhost/eethuisima2025/flexgrid/flexgrid/src/PageBuilder/templates/Css/quick_menu.scss.map*/.cw1 {
  --cw:1;
}
.cw2 {
  --cw:2;
}
.cw3 {
  --cw:3;
}
.cw4 {
  --cw:4;
}
.cw5 {
  --cw:5;
}
.cw6 {
  --cw:6;
}
.cw7 {
  --cw:7;
}
.cw8 {
  --cw:8;
}
.cw9 {
  --cw:9;
}
.cw10 {
  --cw:10;
}
.cw11 {
  --cw:11;
}
.cw12 {
  --cw:12;
}
.quick-menu {
  background-color: var(--main-bg-color);
  position: fixed;
  height: 50px;
  bottom: 0;
  left: 70px;
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 0 15px;
  --input-padding: 15px;
  --padding-color:#C3D08B;
  --margin-color:#F9CC9D ;
}
.quick-menu .quick-menu__magic.is-active .element-editor {
  z-index: 9999;
  bottom: 57px;
  opacity: 1;
}
.quick-menu .quick-menu__sizes {
  font-size: 12px !important;
}
.quick-menu .quick-menu__breadcrumbs ul {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 12px;
  color: #fff;
  gap: 10px;
}
.quick-menu .quick-menu__class {
  position: relative;
  z-index: 1;
  border-radius: var(--border-radius);
}
.quick-menu .quick-menu__class.is-active .quick-menu__class-options {
  bottom: 115%;
}
.quick-menu .quick-menu__class .quick-menu__class-options {
  position: absolute;
  transition: bottom 0.3s;
  background-color: #fff;
  bottom: -100px;
  left: 0;
  right: 0;
  padding: 5px;
  border-radius: 6px;
  z-index: 2;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.16);
  display: flex;
  gap: 3px;
  flex-wrap: wrap;
}
.quick-menu .quick-menu__class .quick-menu__class-options .quick-menu__class-option {
  padding: 3px 6px;
  font-size: 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  cursor: pointer;
}
.quick-menu .quick-menu__class .quick-menu__class-options .quick-menu__class-option.is-active {
  border-color: #4BB543;
}
.quick-menu .quick-menu__whitespace-wrapper {
  position: relative;
  z-index: 1;
}
.quick-menu .quick-menu__whitespace-wrapper h3 {
  color: #fff;
}
.quick-menu .quick-menu__whitespace-wrapper.is-active .quick-menu__whitespace {
  bottom: 20px;
  opacity: 1;
  pointer-events: initial;
}
.quick-menu .quick-menu__whitespace-wrapper .quick-menu__whitespace {
  position: absolute;
  transition: bottom 0.3s, opacity 0.3s;
  background-color: #05043ed1;
  bottom: -120px;
  opacity: 0;
  padding: 5px;
  border-radius: 6px;
  z-index: 2;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.16);
  pointer-events: none;
}
.whitespace-box {
  display: grid;
  grid-template-rows: repeat(5, 1fr);
  grid-template-columns: repeat(5, 1fr);
  border-radius: 90px;
  border: 1px solid #efefef;
  overflow: hidden;
  height: 125px;
  width: 125px;
  margin: 15px;
  /* Firefox */
}
.whitespace-box input {
  border-radius: 0px !important;
  width: 25px !important;
  text-align: center;
  font-size: 11px;
  height: 25px !important;
  padding: 0;
  margin: 0;
  border: 1 solid transparent !important;
  background-color: #efefef;
  outline: 0;
}
.whitespace-box input[class^="p-"] {
  background-color: color-mix(in srgb, var(--padding-color) 50%, white);
  border-color: var(--padding-color);
}
.whitespace-box input[class^="m-"] {
  background-color: color-mix(in srgb, var(--margin-color) 50%, white);
  border-color: var(--margin-color);
}
.whitespace-box .p-top {
  grid-column-start: 3;
  grid-row-start: 2;
}
.whitespace-box .p-right {
  grid-column-start: 4;
  grid-row-start: 3;
}
.whitespace-box .p-bottom {
  grid-column-start: 3;
  grid-row-start: 4;
}
.whitespace-box .p-left {
  grid-column-start: 2;
  grid-row-start: 3;
}
.whitespace-box .m-top {
  grid-column-start: 3;
  grid-row-start: 1;
}
.whitespace-box .m-right {
  grid-column-start: 5;
  grid-row-start: 3;
}
.whitespace-box .m-bottom {
  grid-column-start: 3;
  grid-row-start: 5;
}
.whitespace-box .m-left {
  grid-column-start: 1;
  grid-row-start: 3;
}
.whitespace-box input::-webkit-outer-spin-button, .whitespace-box input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.whitespace-box input[type=number] {
  -moz-appearance: textfield;
}