/* allow vendor prefixes and disable max length */
/* allow vendor prefixes and disable max length */
/* ==========================================================================
   Variables, mixins, silent classes etc.
   ========================================================================== */
.dash-width-resizer-container {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 100%;
  height: 100%;
}

.dash-height-resizer-container {
  position: absolute;
  right: 10px;
  bottom: 20px;
  left: 10px;
  height: 0;
}

.dash-width-resizer-hotspot,
.resizer-drag-preview {
  display: flex;
  justify-content: center;
  width: 20px;
  cursor: col-resize;
}

.dash-height-resizer-hotspot,
.height-resizer-drag-preview {
  position: absolute;
  display: flex;
  align-items: center;
  overflow: hidden;
  height: 40px;
  cursor: row-resize;
}

.dash-height-resizer-hotspot {
  width: 100%;
}

.gd-fluidlayout-width-resizer {
  height: 100%;
  padding: 0 4px;
}
.gd-fluidlayout-width-resizer.active {
  background-color: var(--gd-palette-primary-base-t85, rgba(20, 178, 226, 0.15));
}
.gd-fluidlayout-width-resizer.error {
  background-color: var(--gd-palette-error-dimmed, #fcedec);
}
.gd-fluidlayout-width-resizer .width-resizer-line {
  height: 100%;
  border-left: 2px dashed;
}
.gd-fluidlayout-width-resizer .width-resizer-line.default {
  border-color: var(--gd-palette-complementary-5, #b0beca);
}
.gd-fluidlayout-width-resizer .width-resizer-line.muted {
  border-color: var(--gd-palette-complementary-8, #464e56);
}
.gd-fluidlayout-width-resizer .width-resizer-line.active {
  border-color: var(--gd-palette-primary-base, #14b2e2);
}
.gd-fluidlayout-width-resizer .width-resizer-line.error {
  border-color: var(--gd-palette-error-base, #e54d42);
}

.gd-fluidlayout-height-resizer {
  width: 100%;
  height: 10px;
  padding: 4px 0;
}
.gd-fluidlayout-height-resizer.active {
  background-color: var(--gd-palette-primary-base-t85, rgba(20, 178, 226, 0.15));
}
.gd-fluidlayout-height-resizer.error {
  background-color: var(--gd-palette-error-dimmed, #fcedec);
}
.gd-fluidlayout-height-resizer .height-resizer-line {
  width: 100%;
  border-top: 2px dashed;
  border-color: var(--gd-palette-primary-base, #14b2e2);
}
.gd-fluidlayout-height-resizer .height-resizer-line.default {
  border-color: var(--gd-palette-complementary-5, #b0beca);
}
.gd-fluidlayout-height-resizer .height-resizer-line.muted {
  border-color: var(--gd-palette-complementary-8, #464e56);
}
.gd-fluidlayout-height-resizer .height-resizer-line.active {
  border-color: var(--gd-palette-primary-base, #14b2e2);
}
.gd-fluidlayout-height-resizer .height-resizer-line.error {
  border-color: var(--gd-palette-error-base, #e54d42);
}

.sdk-edit-mode-on .resizer-drag-preview,
.sdk-edit-mode-on .dash-height-resizer-hotspot,
.sdk-edit-mode-on .dash-width-resizer-hotspot,
.sdk-edit-mode-on .height-resizer-drag-preview {
  z-index: 101;
}
.sdk-edit-mode-on .dash-width-resizer-hotspot {
  position: absolute;
  left: 10px;
  overflow: hidden;
  height: 100%;
}
.sdk-edit-mode-on .gd-resize-overlay,
.sdk-edit-mode-on .gd-resize-overlay-text {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 5px;
}
.sdk-edit-mode-on .gd-resize-overlay {
  z-index: 105;
  border-width: 0;
  border-radius: calc(var(--gd-dashboards-content-widget-borderRadius, 15px) + 5px);
  background-color: var(--gd-palette-complementary-0-t50, rgba(255, 255, 255, 0.5));
}
.sdk-edit-mode-on .gd-resize-overlay.active {
  background-color: var(--gd-palette-primary-base-mix15-white, rgba(220, 243, 251, 0.925));
}
.sdk-edit-mode-on .gd-resize-overlay.error {
  background: var(--gd-palette-primary-base-mix15-white, rgba(220, 243, 251, 0.925));
}
.sdk-edit-mode-on .gd-resize-overlay.squared {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  border-radius: 0;
}
.sdk-edit-mode-on .gd-resize-overlay-text {
  z-index: 106;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  color: var(--gd-palette-complementary-6-from-theme, #909293);
  font-weight: bold;
  text-align: center;
}

.gd-resize-bullet {
  width: 10px;
  height: 10px;
  padding-left: 2px;
  padding-right: 2px;
}

.gd-resize-bullet-icon {
  display: block;
  width: 6px;
  height: 6px;
}
.gd-resize-bullet-icon .active {
  fill: var(--gd-palette-primary-base, #14b2e2);
}
.gd-resize-bullet-icon .initial {
  fill: var(--gd-palette-complementary-9, #000);
}
.gd-resize-bullet-icon .passive {
  fill: var(--gd-palette-complementary-6-from-theme, #b0beca);
}

.gd-resize-bullets-bar {
  position: absolute;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 10px 15px 8px;
  background: var(--gd-dashboards-content-backgroundColor-from-theme, var(--gd-palette-complementary-0-from-theme, rgba(255, 255, 255, 0.95)));
}

.gd-grid-layout-width-resizer-drag-preview.gd-first-container-row-widget .gd-fluidlayout-width-resizer__container {
  padding-top: 0;
}

.gd-grid-layout-resizer-drag-preview .gd-fluidlayout-width-resizer__container,
.gd-grid-layout .gd-fluidlayout-width-resizer__container {
  padding: 10px 0;
  border-radius: 4px;
}
.gd-grid-layout-resizer-drag-preview .gd-fluidlayout-width-resizer,
.gd-grid-layout .gd-fluidlayout-width-resizer {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  align-items: center;
  padding: 0;
}
.gd-grid-layout-resizer-drag-preview .gd-fluidlayout-width-resizer .width-resizer-line,
.gd-grid-layout .gd-fluidlayout-width-resizer .width-resizer-line {
  flex: 1 0 auto;
  width: 0;
  height: unset;
}
.gd-grid-layout-resizer-drag-preview .dash-height-resizer-container,
.gd-grid-layout .dash-height-resizer-container {
  position: relative;
  right: unset;
  bottom: unset;
  left: unset;
  height: 0;
}
.gd-grid-layout-resizer-drag-preview .width-resizer-drag-handler,
.gd-grid-layout .width-resizer-drag-handler {
  width: 10px;
  height: 10px;
  border: 2px solid;
  border-radius: 3px;
  flex: 0 0 10px;
}
.gd-grid-layout-resizer-drag-preview .width-resizer-drag-handler.default,
.gd-grid-layout .width-resizer-drag-handler.default {
  border-color: var(--gd-palette-complementary-5, #b0beca);
}
.gd-grid-layout-resizer-drag-preview .width-resizer-drag-handler.muted,
.gd-grid-layout .width-resizer-drag-handler.muted {
  border-color: var(--gd-palette-complementary-8, #464e56);
}
.gd-grid-layout-resizer-drag-preview .width-resizer-drag-handler.active,
.gd-grid-layout .width-resizer-drag-handler.active {
  border-color: var(--gd-palette-primary-base, #14b2e2);
}
.gd-grid-layout-resizer-drag-preview .width-resizer-drag-handler.error,
.gd-grid-layout .width-resizer-drag-handler.error {
  border-color: var(--gd-palette-error-base, #e54d42);
}
.gd-grid-layout-resizer-drag-preview .gd-fluidlayout-height-resizer,
.gd-grid-layout .gd-fluidlayout-height-resizer {
  padding: 0;
  margin-top: 7px;
  display: flex;
  flex-direction: row;
  border-radius: 4px;
}
.gd-grid-layout-resizer-drag-preview .gd-fluidlayout-height-resizer .height-resizer-line,
.gd-grid-layout .gd-fluidlayout-height-resizer .height-resizer-line {
  flex: 1 0 auto;
  margin-top: 4px;
  width: unset;
}

.gd-grid-layout-resizer-drag-preview.height-resizer-drag-preview {
  height: 20px;
}

.gd-grid-layout .dash-width-resizer-container {
  position: absolute;
  right: -20px;
  width: 20px;
  display: flex;
  justify-content: center;
}
.gd-grid-layout .dash-width-resizer-container.gd-first-container-row-widget .gd-fluidlayout-width-resizer__container {
  padding-top: 0;
}
.gd-grid-layout .gd-fluidlayout-width-resizer__container {
  background: var(--gd-dashboards-content-backgroundColor, var(--gd-palette-complementary-0, #fff));
  width: 20px;
  display: flex;
  justify-content: center;
}
.gd-grid-layout .dash-height-resizer-hotspot {
  position: absolute;
  bottom: -6px;
  display: flex;
  height: 20px;
}
.gd-grid-layout .gd-hover-detector {
  width: 100%;
  height: 100%;
}
.gd-grid-layout .gd-resize-overlay {
  top: 5px;
  bottom: 5px;
  left: -5px;
  right: -5px;
  border-radius: calc(var(--gd-dashboards-content-widget-borderRadius, 15px));
}
.gd-grid-layout .gd-resize-overlay.gd-first-container-row-widget {
  top: -5px;
}

.sdk-edit-mode-on .gd-grid-layout .dash-width-resizer-hotspot {
  position: static;
  width: 20px;
  display: flex;
  justify-content: center;
}
.sdk-edit-mode-on .gd-grid-layout .gd-resize-overlay-text {
  right: -10px;
  left: -10px;
}

.gd-grid-layout__ruler {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  padding: 20px;
}
.gd-grid-layout__ruler .gd-grid-layout__item--span-1 {
  position: relative;
}
.gd-grid-layout__ruler .gd-resize-bullet {
  position: relative;
  left: -13px;
  width: 6px;
  height: 6px;
  padding-left: 0;
  padding-right: 0;
}
.gd-grid-layout__ruler .gd-resize-bullet--last {
  position: absolute;
  top: 0;
  right: -13px;
  left: unset;
}

.gd-grid-layout-ruler {
  --bullet-size: 6px;
  --bullet-size-active: 9px;
  --gap: 20px;
  padding: 20px 0 20px var(--gap);
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  pointer-events: none;
}
.gd-grid-layout-ruler__grid {
  flex-grow: 1;
  flex-shrink: 0;
  display: grid;
  gap: var(--gap);
  grid-template-columns: repeat(var(--columns-num), 1fr);
  grid-template-rows: auto;
  justify-content: start;
  align-items: stretch;
}
.gd-grid-layout-ruler__bullet-container {
  width: var(--gap);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  left: calc(var(--gap) * -1);
}
.gd-grid-layout-ruler__bullet-container--last {
  left: 0;
}
.gd-grid-layout-ruler__bullet {
  width: var(--bullet-size);
  height: var(--bullet-size);
  border-radius: 100%;
  background-color: var(--gd-palette-complementary-6-from-theme, #b0beca);
  position: absolute;
  opacity: 0;
  transform: translateY(-20px);
  transition: transform 0.2s ease-out, opacity 0.1s ease-in, width 0.1s ease-out, height 0.1s ease-out;
}
.gd-grid-layout-ruler--active .gd-grid-layout-ruler__bullet {
  opacity: 1;
  transform: translateY(0);
}
.gd-grid-layout-ruler__bullet--active {
  background-color: var(--gd-palette-primary-base, #14b2e2);
  width: var(--bullet-size-active);
  height: var(--bullet-size-active);
}
.gd-grid-layout-ruler__bullet--initial {
  background-color: var(--gd-palette-complementary-9, #000);
}

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