/*
Variables

This file is injected into the start of every scss module so that all variables are in scope
*/
/**
 * -------------------------------------------------------------------------------------------------
 * Velocity Base: Breakpoints, Variables
 * -------------------------------------------------------------------------------------------------
 */
/**
 * -------------------------------------------------------------------------------------------------
 * Velocity Base: Easings, Variables
 * -------------------------------------------------------------------------------------------------
 */
/**
 * =============================================================================
 * Variables - Timings
 * =============================================================================
 */
/**
 * Spacings
 * --------
 * Spacings variables setup.
 */
/**
 * -------------------------------------------------------------------------------------------------
 * Velocity Base: Easings, Variables
 * -------------------------------------------------------------------------------------------------
 */
/*! purgecss start ignore */
.v-mdu-accordion {
  --accordion-item-opacity: 0;
  --accordion-item-max-height: 0px;
  --accordion-item-opacity-active: 1;
  --accordion-item-max-height-active: 500px;
  --accordion-toggle-icon-size: 1em;
}
.v-mdu-accordion .v-accordion-toggle-icon {
  aspect-ratio: 1/1;
  height: var(--accordion-toggle-icon-size, 1em);
  transform: rotate(0deg);
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.v-mdu-accordion .v-accordion-toggle-icon:before, .v-mdu-accordion .v-accordion-toggle-icon:after {
  grid-row: 1;
  grid-column: 1;
  content: "";
  width: 100%;
  height: 2px;
  background: currentColor;
}
.v-mdu-accordion .v-accordion-toggle-icon:after {
  transform: rotate(90deg);
}
.v-mdu-accordion .v-accordion-content-wrapper {
  max-height: var(--accordion-item-max-height);
  opacity: var(--accordion-item-opacity);
  transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), max-height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.v-mdu-accordion .v-accordion-safety-wrap {
  max-height: var(--accordion-item-max-height-active);
}
.v-mdu-accordion.active .v-accordion-toggle-icon {
  transform: rotate(135deg);
}
.v-mdu-accordion.active .v-accordion-content-wrapper {
  --accordion-item-max-height: var( --accordion-item-max-height-active );
  --accordion-item-opacity: var( --accordion-item-opacity-active );
}

.acf-block-preview .v-mdu-accordion {
  --accordion-item-opacity: 1;
  --accordion-item-max-height: none;
  --accordion-item-max-height-active: none;
}

/*! purgecss end ignore */
/*! purgecss start ignore */
.v-mdu-media-accordion .media-accordion-item-wrapper {
  transition: opacity 250ms cubic-bezier(0.075, 0.82, 0.165, 1), visibility 0s cubic-bezier(0.075, 0.82, 0.165, 1) 250ms;
}
.v-mdu-media-accordion .media-accordion-item-wrapper.active {
  transition: opacity 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
  visibility: visible;
  opacity: 1;
}
.acf-block-preview .v-mdu-media-accordion .row {
  align-items: start !important;
}
.acf-block-preview .v-mdu-media-accordion .col-media {
  height: 100%;
  overflow-y: scroll;
}
.acf-block-preview .v-mdu-media-accordion .media-accordion-item-wrapper {
  position: relative !important;
}

/*! purgecss end ignore */