/*!****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/frontend/utility-classes.scss ***!
  \****************************************************************************************************************************/
/**
 * These are utility classes that can be used in the editor to adjust the layout of blocks.
 * Users can add these class names to the block's Additional CSS Classes field.
 */
/** Positions */
.interact-relative, .wpi-relative {
  position: relative !important;
}

.interact-absolute, .wpi-absolute {
  position: absolute !important;
}

.interact-fixed, .wpi-fixed {
  position: fixed !important;
}

.interact-sticky, .wpi-sticky {
  position: sticky !important;
}

/** Inset */
.interact-inset-0, .wpi-inset-0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.interact-top-0, .wpi-top-0 {
  top: 0;
}

.interact-right-0, .wpi-right-0 {
  right: 0;
}

.interact-bottom-0, .wpi-bottom-0 {
  bottom: 0;
}

.interact-left-0, .wpi-left-0 {
  left: 0;
}

.interact-top-1, .wpi-top-1 {
  top: 0.25rem;
}

.interact-top-2, .wpi-top-2 {
  top: 0.5rem;
}

.interact-top-3, .wpi-top-3 {
  top: 0.75rem;
}

.interact-top-4, .wpi-top-4 {
  top: 1rem;
}

.interact-top-5, .wpi-top-5 {
  top: 1.25rem;
}

.interact-top-6, .wpi-top-6 {
  top: 1.5rem;
}

.interact-top-7, .wpi-top-7 {
  top: 1.75rem;
}

.interact-top-8, .wpi-top-8 {
  top: 2rem;
}

.interact-top-9, .wpi-top-9 {
  top: 2.25rem;
}

.interact-top-10, .wpi-top-10 {
  top: 2.5rem;
}

.interact-right-1, .wpi-right-1 {
  right: 0.25rem;
}

.interact-right-2, .wpi-right-2 {
  right: 0.5rem;
}

.interact-right-3, .wpi-right-3 {
  right: 0.75rem;
}

.interact-right-4, .wpi-right-4 {
  right: 1rem;
}

.interact-right-5, .wpi-right-5 {
  right: 1.25rem;
}

.interact-right-6, .wpi-right-6 {
  right: 1.5rem;
}

.interact-right-7, .wpi-right-7 {
  right: 1.75rem;
}

.interact-right-8, .wpi-right-8 {
  right: 2rem;
}

.interact-right-9, .wpi-right-9 {
  right: 2.25rem;
}

.interact-right-10, .wpi-right-10 {
  right: 2.5rem;
}

.interact-bottom-1, .wpi-bottom-1 {
  bottom: 0.25rem;
}

.interact-bottom-2, .wpi-bottom-2 {
  bottom: 0.5rem;
}

.interact-bottom-3, .wpi-bottom-3 {
  bottom: 0.75rem;
}

.interact-bottom-4, .wpi-bottom-4 {
  bottom: 1rem;
}

.interact-bottom-5, .wpi-bottom-5 {
  bottom: 1.25rem;
}

.interact-bottom-6, .wpi-bottom-6 {
  bottom: 1.5rem;
}

.interact-bottom-7, .wpi-bottom-7 {
  bottom: 1.75rem;
}

.interact-bottom-8, .wpi-bottom-8 {
  bottom: 2rem;
}

.interact-bottom-9, .wpi-bottom-9 {
  bottom: 2.25rem;
}

.interact-bottom-10, .wpi-bottom-10 {
  bottom: 2.5rem;
}

.interact-left-1, .wpi-left-1 {
  left: 0.25rem;
}

.interact-left-2, .wpi-left-2 {
  left: 0.5rem;
}

.interact-left-3, .wpi-left-3 {
  left: 0.75rem;
}

.interact-left-4, .wpi-left-4 {
  left: 1rem;
}

.interact-left-5, .wpi-left-5 {
  left: 1.25rem;
}

.interact-left-6, .wpi-left-6 {
  left: 1.5rem;
}

.interact-left-7, .wpi-left-7 {
  left: 1.75rem;
}

.interact-left-8, .wpi-left-8 {
  left: 2rem;
}

.interact-left-9, .wpi-left-9 {
  left: 2.25rem;
}

.interact-left-10, .wpi-left-10 {
  left: 2.5rem;
}

/** Margins */
.interact-m-0, .wpi-m-0 {
  margin: 0 !important;
}

/** Height */
.interact-h-100-screen, .wpi-h-100-screen {
  height: 100vh;
}

.interact-h-75-screen, .wpi-h-75-screen {
  height: 75hv;
}

.interact-h-50-screen, .wpi-h-50-screen {
  height: 50vh;
}

.interact-h-25-screen, .wpi-h-25-screen {
  height: 25vh;
}

/** Overflow */
.interact-overflow-hidden, .wpi-overflow-hidden {
  overflow: hidden;
}

.interact-overflow-visible, .wpi-overflow-visible {
  overflow: visible;
}

.interact-overflow-auto, .wpi-overflow-auto {
  overflow: auto;
}

.interact-overflow-x-hidden, .wpi-overflow-x-hidden {
  overflow-x: hidden;
}

.interact-overflow-x-visible, .wpi-overflow-x-visible {
  overflow-x: visible;
}

.interact-overflow-x-auto, .wpi-overflow-x-auto {
  overflow-x: auto;
}

.interact-overflow-y-hidden, .wpi-overflow-y-hidden {
  overflow-y: hidden;
}

.interact-overflow-y-visible, .wpi-overflow-y-visible {
  overflow-y: visible;
}

.interact-overflow-y-auto, .wpi-overflow-y-auto {
  overflow-y: auto;
}

/** Max width */
.interact-max-width-none, .wpi-max-width-none {
  max-width: none !important;
}

.interact-max-width-fit-content, .wpi-max-width-fit-content {
  max-width: fit-content !important;
}

.interact-max-width-max-content, .wpi-max-width-max-content {
  max-width: max-content !important;
}

.interact-max-width-min-content, .wpi-max-width-min-content {
  max-width: min-content !important;
}

.interact-max-width-100, .wpi-max-width-100 {
  max-width: 100% !important;
}

/** Z-index */
.interact-z-n1, .wpi-z-n1 {
  z-index: -1;
}

.interact-z-0, .wpi-z-0 {
  z-index: 0;
}

.interact-z-1, .wpi-z-1 {
  z-index: 1;
}

.interact-z-2, .wpi-z-2 {
  z-index: 2;
}

.interact-z-3, .wpi-z-3 {
  z-index: 3;
}

.interact-z-4, .wpi-z-4 {
  z-index: 4;
}

.interact-z-5, .wpi-z-5 {
  z-index: 5;
}

.interact-z-6, .wpi-z-6 {
  z-index: 6;
}

.interact-z-7, .wpi-z-7 {
  z-index: 7;
}

.interact-z-8, .wpi-z-8 {
  z-index: 8;
}

.interact-z-9, .wpi-z-9 {
  z-index: 9;
}

.interact-z-10, .wpi-z-10 {
  z-index: 10;
}

.interact-z-auto, .wpi-z-auto {
  z-index: auto;
}

.interact-z-999, .wpi-z-999 {
  z-index: 999;
}

.interact-z-9999, .wpi-z-9999 {
  z-index: 9999;
}

/** Cursor */
.interact-cursor-default, .wpi-cursor-default {
  cursor: default !important;
}

.interact-cursor-pointer, .wpi-cursor-pointer {
  cursor: pointer !important;
}

.interact-cursor-move, .wpi-cursor-move {
  cursor: move !important;
}

.interact-cursor-not-allowed, .wpi-cursor-not-allowed {
  cursor: not-allowed !important;
}

.interact-cursor-help, .wpi-cursor-help {
  cursor: help !important;
}

.interact-cursor-zoom-in, .wpi-cursor-zoom-in {
  cursor: zoom-in !important;
}

.interact-cursor-zoom-out, .wpi-cursor-zoom-out {
  cursor: zoom-out !important;
}

.interact-cursor-grab, .wpi-cursor-grab {
  cursor: grab !important;
}

.interact-cursor-grabbing, .wpi-cursor-grabbing {
  cursor: grabbing !important;
}

.interact-cursor-copy, .wpi-cursor-copy {
  cursor: copy !important;
}

/** Object fit */
.interact-object-cover, .wpi-object-cover {
  object-fit: cover !important;
}

.interact-object-contain, .wpi-object-contain {
  object-fit: contain !important;
}

/** Stacked: for use inside groups. Follows size of first child */
.interact-stacked, .wpi-stacked {
  position: relative;
}
.interact-stacked > *:not(:first-child), .wpi-stacked > *:not(:first-child) {
  position: absolute;
  inset: 0;
}
.interact-stacked > *, .wpi-stacked > * {
  margin: 0;
}
.interact-stacked > figure > img, .wpi-stacked > figure > img {
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
}

/** Stacked: for use inside groups. Follows size of the biggest child */
