/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./components/static/SideForm/style.css ***!
  \******************************************************************************************************************************************************************************************/
/**
 * Custom Media Queries
 * Works like Custom Properties, except for media queries.
 *
 * @link: https://drafts.csswg.org/mediaqueries-5/#custom-mq
 * @link: https://github.com/postcss/postcss-custom-media
 **/

/* Min-Width */

/* Customize based on project */

/* Max-Width */

/* Customize based on project */

/* Min-Max-Width */

[name='SideForm'] {
  --closeSize: 40px;

  align-items: flex-start;
  block-size: 80dvh;
  display: flex;
  flex-direction: column;
  inline-size: min(calc(100% - var(--closeSize)), 600px);
  inset: auto 0 0 auto;
  max-height: 100dvh;
  padding-block: 40px 88px;
  padding-inline: 24px;
  position: fixed;
  transition: inset var(--transition-duration) var(--transition-timing-function);
  z-index: 10;
  overflow-y: auto;
  overscroll-behavior: contain;
}

@media screen and (width >= 768px) {

[name='SideForm'] {
    padding-block: 64px 96px;
    padding-inline: 32px;
}
  }

@media screen and (width >= 1024px) {

[name='SideForm'] {
    padding-block: 64px 104px;
    padding-inline: 64px;
}
  }

[name='SideForm'][inert] {
    inset: auto -110% 0 auto;
  }

[name='SideForm'] .close-icon {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    aspect-ratio: 1/1;
    background-color: var(--clr-primary);
    border: none;
    color: var(--clr-white);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: var(--closeSize);
    inset: 0 auto auto calc(var(--closeSize) * -1);
    padding: 8px;
    position: absolute;
  }

:is([name='SideForm'] .close-icon) svg {
      pointer-events: none;
      width: 100%;
      height: 100%;
    }

:is([name='SideForm'] .close-icon) path {
      transform-origin: center;
      transition: scale var(--transition-duration)
        var(--transition-timing-function);
    }

:is([name='SideForm'] .close-icon):hover path {
        scale: 0.8;
      }

:is([name='SideForm'] .close-icon):focus-visible {
      outline: 2px solid var(--clr-secondary);
      outline-offset: 4px;
    }

:is([name='SideForm'] .intro) h2,:is([name='SideForm'] .intro) h3,:is([name='SideForm'] .intro) h4,:is([name='SideForm'] .intro) h5,:is([name='SideForm'] .intro) h6 {
      font-size: 32px;
      line-height: 1;
      margin-block: 0 8px;
      text-transform: uppercase;
    }

:is(:is([name='SideForm'] .wpforms-container) .last) .wpforms-field-pagebreak {
        width: -moz-fit-content;
        width: fit-content;
        margin-inline-end: auto;
      }

:is([name='SideForm'] .wpforms-container) .wpforms-submit-container {
      margin-block-start: -59px;
      width: -moz-fit-content;
      width: fit-content;
      margin-inline-start: auto;
    }


/*# sourceMappingURL=style.min.css.map*/