@layer helpers, tailwind_base, tialwind_utilities, tailwind_components, atoms, molecules, organisms, styles, templates;
/*
Variables

This file is injected into the start of every scss module so that all variables are in scope
*/
/**
 * -------------------------------------------------------------------------------------------------
 * Velocity Base: Easings, Variables
 * -------------------------------------------------------------------------------------------------
 */
/**
 * =============================================================================
 * Variables - Timings
 * =============================================================================
 */
@layer tailwind_utilities {
  /*
  Variables

  This file is injected into the start of every scss module so that all variables are in scope
  */
  /**
   * -------------------------------------------------------------------------------------------------
   * Velocity Base: Easings, Variables
   * -------------------------------------------------------------------------------------------------
   */
  /**
   * =============================================================================
   * Variables - Timings
   * =============================================================================
   */
  .v-mdu-filters .v-filter-feedback .v-active-filter-tag:before, .v-icon,
  .v-has-icon:after,
  .v-btn-primary:not(.v-btn-icon, .v-hide-icon):after,
  .v-btn-secondary:not(.v-btn-icon, .v-hide-icon):after,
  .v-btn-text:not(.v-btn-icon, .v-hide-icon):after,
  .v-icon-list li:before {
    --gap: 1em;
    gap: var(--gap);
    background-color: var(--icon-color, var(--icon-base-color, currentColor));
    display: var(--icon-display, inline-block);
    height: var(--icon-size, 1.5em);
    width: var(--icon-size, 1.5em);
    mask-image: var(--mask-url, var(--fallback-mask-url));
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    opacity: var(--icon-opacity, 1);
    transform: var(--icon-transform-base, var(--icon-transform, translate(0px, 0px)));
    transform-origin: 50% 50%;
    transition: background-color 450ms cubic-bezier(0.86, 0, 0.07, 1), transform 450ms cubic-bezier(0.86, 0, 0.07, 1);
    flex-shrink: 0;
  }
  .hover-parent:hover .v-mdu-filters .v-filter-feedback .v-active-filter-tag:not(:disabled):before, .v-mdu-filters .v-filter-feedback .hover-parent:hover .v-active-filter-tag:not(:disabled):before, .hover-parent:hover .v-icon:not(:disabled),
  .hover-parent:hover .v-has-icon:not(:disabled):after,
  .hover-parent:hover .v-btn-primary:not(:disabled):not(.v-btn-icon, .v-hide-icon):after,
  .hover-parent:hover .v-btn-secondary:not(:disabled):not(.v-btn-icon, .v-hide-icon):after,
  .hover-parent:hover .v-btn-text:not(:disabled):not(.v-btn-icon, .v-hide-icon):after,
  .hover-parent:hover .v-icon-list li:not(:disabled):before,
  .v-icon-list .hover-parent:hover li:not(:disabled):before, .hover-parent:focus .v-mdu-filters .v-filter-feedback .v-active-filter-tag:not(:disabled):before, .v-mdu-filters .v-filter-feedback .hover-parent:focus .v-active-filter-tag:not(:disabled):before, .hover-parent:focus .v-icon:not(:disabled),
  .hover-parent:focus .v-has-icon:not(:disabled):after,
  .hover-parent:focus .v-btn-primary:not(:disabled):not(.v-btn-icon, .v-hide-icon):after,
  .hover-parent:focus .v-btn-secondary:not(:disabled):not(.v-btn-icon, .v-hide-icon):after,
  .hover-parent:focus .v-btn-text:not(:disabled):not(.v-btn-icon, .v-hide-icon):after,
  .hover-parent:focus .v-icon-list li:not(:disabled):before,
  .v-icon-list .hover-parent:focus li:not(:disabled):before, .v-mdu-filters .v-filter-feedback .v-active-filter-tag:focus:not(:disabled):before, .v-icon:focus:not(:disabled),
  .v-has-icon:focus:not(:disabled):after,
  .v-btn-primary:focus:not(:disabled):not(.v-btn-icon, .v-hide-icon):after,
  .v-btn-secondary:focus:not(:disabled):not(.v-btn-icon, .v-hide-icon):after,
  .v-btn-text:focus:not(:disabled):not(.v-btn-icon, .v-hide-icon):after,
  .v-icon-list li:focus:not(:disabled):before, .v-mdu-filters .v-filter-feedback .v-active-filter-tag:hover:not(:disabled):before, .v-icon:hover:not(:disabled),
  .v-has-icon:hover:not(:disabled):after,
  .v-btn-primary:hover:not(:disabled):not(.v-btn-icon, .v-hide-icon):after,
  .v-btn-secondary:hover:not(:disabled):not(.v-btn-icon, .v-hide-icon):after,
  .v-btn-text:hover:not(:disabled):not(.v-btn-icon, .v-hide-icon):after,
  .v-icon-list li:hover:not(:disabled):before {
    --icon-transform: var(--icon-transform-hover, var(--icon-transform-base, translate(0px, 0px) ) );
    --icon-color: var(--icon-hover-color, var(--icon-base-color, currentColor) );
    --icon-opacity: var(--icon-opacity-hover, 1);
  }
  input[type=checkbox] + label:after, .has-mask {
    mask-image: var(--mask-url, var(--fallback-mask-url));
    -webkit-mask-image: var(--mask-url, var(--fallback-mask-url));
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
  }
  @keyframes fade-in {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fade-out {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  @keyframes spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(-360deg);
    }
  }
  .spin {
    animation: spin 180s linear infinite;
  }
  .fade-in-saturate {
    opacity: 1;
    animation-play-state: running;
    animation-duration: var(--aos-animation-duration);
    animation-delay: 100ms;
    animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    animation-fill-mode: both;
    animation-name: fade-in-saturate;
    transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .fade-in-saturate-aos {
    animation-delay: 0ms;
    animation-duration: calc(var(--aos-animation-duration) * 0.8);
    animation-name: fade-in-saturate-aos;
  }
  @keyframes fade-in-saturate {
    0% {
      opacity: 0;
      filter: brightness(1) blur(20px);
    }
    30% {
      filter: brightness(1.2) blur(15px);
    }
    100% {
      filter: brightness(1) blur(0);
    }
  }
  @keyframes fade-in-saturate-aos {
    0% {
      opacity: 0;
      filter: brightness(1) blur(20px);
    }
    100% {
      filter: brightness(1) blur(0);
    }
  }
  :root {
    --box-shadow-base: 0px 2px 50px 0px rgba(168, 185, 167, 0.20);
    --box-shadow-hovered: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
    --box-shadow-color-base: rgba(37, 107, 232, 0.20);
    --box-shadow-color-hovered: rgba(37, 107, 232, 0.40);
  }
  .text-stroke-icon-color {
    --current-text-color: transparent;
    --current-heading-color: transparent;
    -webkit-text-stroke: 2px var(--v-icon-color, var(--icon-base-color));
    text-stroke: 2px var(--v-icon-color, var(--icon-base-color));
    color: transparent;
  }
  .stretched-link {
    position: initial !important;
  }
  .stretched-link::after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: var(--stretched-link-pointer-events, auto);
    content: "";
    background-color: rgba(0, 0, 0, 0);
  }
  .top-offset-header {
    top: var(--header-offset, 0px);
  }
  .top-offset-header-with-scroll-offset {
    top: var(--header-and-scroll-offset, 0px);
  }
  .left-center {
    left: 50%;
    transform: translateX(-50%);
  }
  .top-center {
    top: 50%;
    transform: translateY(-50%);
  }
  .grid-center-stack {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    place-items: center;
  }
  .grid-center-stack * {
    grid-row: 1;
    grid-column: 1;
  }
}
@layer tailwind_components {
  blockquote {
    position: relative;
  }
  blockquote.wp-block-quote {
    border: none !important;
    margin-left: unset;
    padding-left: unset;
  }
  blockquote.v-mdu-blockquote .v-mdu-blockquote-inner {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
  }
  blockquote.v-mdu-blockquote q:before, blockquote.v-mdu-blockquote q:after {
    content: none;
  }
  blockquote.v-mdu-blockquote cite {
    font-style: normal;
  }
}
@layer atoms {
  /**
   * -------------------------------------------------------------------------------------------------
   * Velocity Base: ICONS
   * -------------------------------------------------------------------------------------------------
   */
  /*! purgecss start ignore */
  .media-cat-icons-using-strokes * {
    stroke: var(--v-icon-color, var(--icon-color-default));
    fill: none;
  }
  .media-cat-icons-using-fills * {
    fill: var(--v-icon-color, var(--icon-color-default));
    stroke: none;
  }
  .media-cat-icons {
    aspect-ratio: 1/1;
  }
  .icon-set-1 {
    --icon-base-color: var(--color-secondary-100);
  }
  .icon-set-2 {
    --icon-base-color: var(--color-secondary-100);
  }
  @layer helpers {
    .v-icon,
    .v-has-icon,
    .v-btn-primary:not(.v-btn-icon, .v-hide-icon),
    .v-btn-secondary:not(.v-btn-icon, .v-hide-icon),
    .v-btn-text:not(.v-btn-icon, .v-hide-icon),
    .v-icon-list {
      --gap: 0.4em;
      gap: var(--gap);
    }
    .v-icon:has(img),
    .v-has-icon:has(img),
    .v-btn-primary:has(img):not(.v-btn-icon, .v-hide-icon),
    .v-btn-secondary:has(img):not(.v-btn-icon, .v-hide-icon),
    .v-btn-text:has(img):not(.v-btn-icon, .v-hide-icon) {
      --icon-size: auto;
    }
    .v-icon img,
    .v-has-icon img,
    .v-btn-primary:not(.v-btn-icon, .v-hide-icon) img,
    .v-btn-secondary:not(.v-btn-icon, .v-hide-icon) img,
    .v-btn-text:not(.v-btn-icon, .v-hide-icon) img {
      opacity: 0;
      visibility: hidden;
      display: block;
      height: var(--icon-size);
    }
    .v-icon.is-circle-icon,
    .v-has-icon.is-circle-icon,
    .is-circle-icon.v-btn-primary:not(.v-btn-icon, .v-hide-icon),
    .is-circle-icon.v-btn-secondary:not(.v-btn-icon, .v-hide-icon),
    .is-circle-icon.v-btn-text:not(.v-btn-icon, .v-hide-icon) {
      --icon-size: 1em;
    }
    .v-icon_size-small:not(:has(img)) {
      --icon-size: 0.75em;
    }
    .v-icon_size-large:not(:has(img)) {
      --icon-size: 2em;
    }
    .icon-hover-none {
      --icon-transform-hover: translate(0px, 0px);
      --icon-hover-color: var(--icon-color, var(--icon-base-color));
    }
    .v-has-icon, .v-btn-primary:not(.v-btn-icon, .v-hide-icon),
    .v-btn-secondary:not(.v-btn-icon, .v-hide-icon),
    .v-btn-text:not(.v-btn-icon, .v-hide-icon) {
      display: inline-flex;
      align-items: center;
      --icon-transform-hover: translateX(8px);
    }
    .v-has-icon.v-btn-small, .v-btn-small.v-btn-primary:not(.v-btn-icon, .v-hide-icon),
    .v-btn-small.v-btn-secondary:not(.v-btn-icon, .v-hide-icon),
    .v-btn-small.v-btn-text:not(.v-btn-icon, .v-hide-icon) {
      --gap: 0.72em;
      --icon-size: 1.25em;
      --icon-transform-hover: translateX(2px);
    }
    .v-has-icon:after, .v-btn-primary:not(.v-btn-icon, .v-hide-icon):after,
    .v-btn-secondary:not(.v-btn-icon, .v-hide-icon):after,
    .v-btn-text:not(.v-btn-icon, .v-hide-icon):after {
      content: "";
    }
    .v-has-icon.icon-position-left, .icon-position-left.v-btn-primary:not(.v-btn-icon, .v-hide-icon),
    .icon-position-left.v-btn-secondary:not(.v-btn-icon, .v-hide-icon),
    .icon-position-left.v-btn-text:not(.v-btn-icon, .v-hide-icon) {
      --icon-transform-hover: translateX(-8px);
      flex-direction: row-reverse;
    }
    .v-has-icon.icon-position-left.v-btn-small, .icon-position-left.v-btn-small.v-btn-primary:not(.v-btn-icon, .v-hide-icon),
    .icon-position-left.v-btn-small.v-btn-secondary:not(.v-btn-icon, .v-hide-icon),
    .icon-position-left.v-btn-small.v-btn-text:not(.v-btn-icon, .v-hide-icon) {
      --icon-transform-hover: translateX(-2px);
    }
    .v-has-icon.resource-icon, .resource-icon.v-btn-primary:not(.v-btn-icon, .v-hide-icon),
    .resource-icon.v-btn-secondary:not(.v-btn-icon, .v-hide-icon),
    .resource-icon.v-btn-text:not(.v-btn-icon, .v-hide-icon) {
      gap: var(--v-spacing-xs);
    }
  }
  /*! purgecss end ignore */
  .v-has-icon, .v-btn-primary:not(.v-btn-icon, .v-hide-icon),
  .v-btn-secondary:not(.v-btn-icon, .v-hide-icon),
  .v-btn-text:not(.v-btn-icon, .v-hide-icon) {
    display: inline-flex;
    align-items: center;
    --icon-transform-hover: translateX(8px);
  }
  .v-has-icon.v-btn-small, .v-btn-small.v-btn-primary:not(.v-btn-icon, .v-hide-icon),
  .v-btn-small.v-btn-secondary:not(.v-btn-icon, .v-hide-icon),
  .v-btn-small.v-btn-text:not(.v-btn-icon, .v-hide-icon) {
    --icon-size: 1.25em;
  }
  .v-has-icon:after, .v-btn-primary:not(.v-btn-icon, .v-hide-icon):after,
  .v-btn-secondary:not(.v-btn-icon, .v-hide-icon):after,
  .v-btn-text:not(.v-btn-icon, .v-hide-icon):after {
    content: "";
  }
  .v-has-icon.icon-left, .icon-left.v-btn-primary:not(.v-btn-icon, .v-hide-icon),
  .icon-left.v-btn-secondary:not(.v-btn-icon, .v-hide-icon),
  .icon-left.v-btn-text:not(.v-btn-icon, .v-hide-icon) {
    --icon-transform-hover: translateX(-8px);
    flex-direction: row-reverse;
  }
  .v-has-icon.icon-left.v-btn-small, .icon-left.v-btn-small.v-btn-primary:not(.v-btn-icon, .v-hide-icon),
  .icon-left.v-btn-small.v-btn-secondary:not(.v-btn-icon, .v-hide-icon),
  .icon-left.v-btn-small.v-btn-text:not(.v-btn-icon, .v-hide-icon) {
    --icon-transform-hover: translateX(-2px);
  }
  .v-has-icon.is-circle-icon, .is-circle-icon.v-btn-primary:not(.v-btn-icon, .v-hide-icon),
  .is-circle-icon.v-btn-secondary:not(.v-btn-icon, .v-hide-icon),
  .is-circle-icon.v-btn-text:not(.v-btn-icon, .v-hide-icon) {
    --icon-size: 1em;
  }
  .v-has-icon.resource-icon, .resource-icon.v-btn-primary:not(.v-btn-icon, .v-hide-icon),
  .resource-icon.v-btn-secondary:not(.v-btn-icon, .v-hide-icon),
  .resource-icon.v-btn-text:not(.v-btn-icon, .v-hide-icon) {
    gap: var(--spacing-xs);
  }
  .v-icon-ui-general-search {
    --icon-size: 20px;
  }
  :root {
    --fallback-mask-url: url("../../images/icons/icon-arrow-outward.svg");
  }
  /*! purgecss start ignore */
  .v-icon-arrow-chevron-down {
    --icon-transform: rotate(0deg);
    --icon-transform-hover: rotate(180deg);
  }
  .v-icon-arrow-chevron-left {
    --icon-transform-hover: translateX( -3px );
  }
  .v-icon-arrow-chevron-right {
    --icon-transform-hover: translateX( 3px );
  }
  .v-icon-arrow-down {
    --icon-transform-hover: translateY(4px);
  }
  .v-icon-ui-general-close {
    --icon-transform: rotate(0deg);
    --icon-transform-hover: rotate(90deg);
  }
  .v-icon-social-twitter {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-social-twitter.svg);
  }
  .v-icon-notification-info {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-notification-info.svg);
  }
  .v-icon-notification-success {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-notification-success.svg);
  }
  .v-icon-notification-warning {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-notification-warning.svg);
  }
  .v-icon-quote {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-quote.svg);
  }
  .v-icon-social-email {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-social-email.svg);
  }
  .v-icon-social-facebook {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-social-facebook.svg);
  }
  .v-icon-social-googleplus {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-social-googleplus.svg);
  }
  .v-icon-social-linkedin {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-social-linkedin.svg);
  }
  .v-icon-social-rating-star_half {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-social-rating-star_half.svg);
  }
  .v-icon-social-rating-star {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-social-rating-star.svg);
  }
  .v-icon-social-rss {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-social-rss.svg);
  }
  .v-icon-social-youtube {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-social-youtube.svg);
  }
  .v-icon-star-full {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-star-full.svg);
  }
  .v-icon-star-half {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-star-half.svg);
  }
  .v-icon-star-outline {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-star-outline.svg);
  }
  .v-icon-ui-arrow-chevron-double-right {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-arrow-chevron-double-right.svg);
  }
  .v-icon-ui-arrow-chevron-down {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-arrow-chevron-down.svg);
  }
  .v-icon-ui-arrow-chevron-left {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-arrow-chevron-left.svg);
  }
  .v-icon-ui-arrow-chevron-right {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-arrow-chevron-right.svg);
  }
  .v-icon-ui-arrow-chevron-up {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-arrow-chevron-up.svg);
  }
  .v-icon-ui-arrow-chip-down {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-arrow-chip-down.svg);
  }
  .v-icon-ui-arrow-down {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-arrow-down.svg);
  }
  .v-icon-ui-arrow-left {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-arrow-left.svg);
  }
  .v-icon-ui-arrow-outward {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-arrow-outward.svg);
  }
  .v-icon-ui-arrow-right {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-arrow-right.svg);
  }
  .v-icon-ui-arrow-up {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-arrow-up.svg);
  }
  .v-icon-ui-general-check {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-general-check.svg);
  }
  .v-icon-ui-general-close {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-general-close.svg);
  }
  .v-icon-ui-general-communities {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-general-communities.svg);
  }
  .v-icon-ui-general-image {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-general-image.svg);
  }
  .v-icon-ui-general-language {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-general-language.svg);
  }
  .v-icon-ui-general-location {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-general-location.svg);
  }
  .v-icon-ui-general-menu {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-general-menu.svg);
  }
  .v-icon-ui-general-minus {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-general-minus.svg);
  }
  .v-icon-ui-general-play {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-general-play.svg);
  }
  .v-icon-ui-general-plus {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-general-plus.svg);
  }
  .v-icon-ui-general-search {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-general-search.svg);
  }
  .v-icon-ui-general-support {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-general-support.svg);
  }
  .v-icon-ui-general-tag {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-general-tag.svg);
  }
  .v-icon-ui-general-tel {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-general-tel.svg);
  }
  .v-icon-ui-general-calendar {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-general-calendar.svg);
  }
  .v-icon-ui-general-tick-with-circle {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-general-tick-with-circle.svg);
  }
  .v-icon-ui-general-tick {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-general-tick.svg);
  }
  .v-icon-ui-general-newspaper {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-general-newspaper.svg);
  }
  .v-icon-ui-general-star {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-general-star.svg);
  }
  .v-icon-ui-general-lightbulb {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-general-lightbulb.svg);
  }
  /*! ! purgecss end ignore */
  /**
   * -----------------------------------------------------------------------------
   * Velocity Base: CTA, Components
   * -----------------------------------------------------------------------------
   */
  /**
   * -----------------------------------------------------------------------------
   * Velocity Base: Buttons, CTA
   * -----------------------------------------------------------------------------
   */
  .v-btn-auto {
    --button-width: auto;
  }
  .v-btn-full {
    --button-width: 100%;
  }
  .v-btn-square {
    --button-border-radius: 0;
  }
  .v-btn-pagination {
    --button-padding: 8px 16px;
  }
  .v-btn-fab {
    --button-width: auto;
    --button-padding: var(--spacing-xs);
    --icon-transform: translate(0,0);
  }
  .v-btn-fab.v-icon, .v-btn-fab.v-has-icon, .v-btn-fab.v-btn-primary:not(.v-btn-icon, .v-hide-icon),
  .v-btn-fab.v-btn-secondary:not(.v-btn-icon, .v-hide-icon),
  .v-btn-fab.v-btn-text:not(.v-btn-icon, .v-hide-icon) {
    --icon-transform-hover: translate(0,0);
    --icon-opacity: 1;
  }
  a > *,
  button > *,
  select > * {
    pointer-events: none;
  }
  label > *:not(a) {
    pointer-events: none;
  }
  :root,
  .btn-set-1 {
    --input-base-color: var( --color-neutrals-120 );
    --input-base-border-color: var( --color-neutrals-80 );
    --input-base-border-width: 1px;
    --input-base-background-color: var( --color-white );
    --input-base-placeholder-color: var( --color-neutrals-80 );
    --input-color-hover: var( --color-neutrals-120 );
    --input-border-color-hover: var( --color-primary-100 );
    --input-border-width-hover: 1px;
    --input-background-color-hover: var( --color-white );
    --input-placeholder-color-hover: var( --color-neutrals-80 );
    --input-text-color-focus: var( --color-neutrals-120 );
    --input-border-color-focus: var( --color-primary-100 );
    --input-background-color-focus: var( --color-white );
    --input-border-width-focus: 1px;
    --input-placeholder-color-focus: var( --color-neutrals-80 );
    --input-text-color-valid: var( --color-neutrals-120 );
    --input-border-color-valid: var( --color-neutrals-80 );
    --input-background-color-valid: var( --color-white );
    --input-border-width-valid: 1px;
    --input-placeholder-color-valid: var( --color-neutrals-80 );
    --input-text-color-error: var( --color-neutrals-120 );
    --input-border-color-error: var( --color-neutrals-80 );
    --input-background-color-error: var( --color-white );
    --input-border-width-error: 1px;
    --input-placeholder-color-error: var( --color-neutrals-80 );
    --input-text-color-disabled: var( --color-neutrals-100 );
    --input-border-color-disabled: var( --color-neutrals-80 );
    --input-background-color-disabled: var( --color-white );
    --input-placeholder-color-disabled: var( --color-neutrals-80 );
    --input-padding-x: 12px;
    --input-padding-y: 15px;
  }
  .btn-set-2 {
    --input-base-background-color: var(--color-white);
    --input-base-border-color: var(--color-neutrals-40);
  }
  input:not([type=submit]),
  select,
  textarea,
  .v-input,
  .textarea-grow-wrapper > textarea,
  .textarea-grow-wrapper::after {
    width: 100%;
    color: var(--input-color, var(--input-base-color));
    background-color: var(--input-background-color, var(--input-base-background-color));
    border-color: var(--input-border-color, var(--input-base-border-color));
    border-width: var(--input-border-width, var(--input-base-border-width));
    border-style: solid;
    padding: var(--input-padding-x, 12px) var(--input-padding-y, 15px);
    max-width: 100%;
    border-radius: 0px;
    font-size: 14px;
    margin: 0;
    transition: all 450ms cubic-bezier(0.86, 0, 0.07, 1);
  }
  input:not([type=submit])::placeholder,
  select::placeholder,
  textarea::placeholder,
  .v-input::placeholder,
  .textarea-grow-wrapper > textarea::placeholder {
    color: var(--input-placeholder-color, var(--input-base-placeholder-color));
  }
  input:not([type=submit]):not(select).v-input-error, input:not([type=submit]):not(select).v-input-valid,
  select:not(select).v-input-error,
  select:not(select).v-input-valid,
  textarea:not(select).v-input-error,
  textarea:not(select).v-input-valid,
  .v-input:not(select).v-input-error,
  .textarea-grow-wrapper:not(select).v-input-error::after,
  .v-input:not(select).v-input-valid,
  .textarea-grow-wrapper:not(select).v-input-valid::after {
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: calc(100% - var(--input-padding-x, 12px)) calc(var(--input-padding-y, 15px) - 2px);
    padding-right: calc(var(--input-padding-x, 12px) + 26px);
  }
  input:not([type=submit]):not(select).v-input-error,
  select:not(select).v-input-error,
  textarea:not(select).v-input-error,
  .v-input:not(select).v-input-error,
  .textarea-grow-wrapper:not(select).v-input-error::after {
    background-image: url(/wp-content/themes/puragen-website/images/icons/icon-notification-warning.svg);
  }
  input:not([type=submit]):not(select).v-input-valid,
  select:not(select).v-input-valid,
  textarea:not(select).v-input-valid,
  .v-input:not(select).v-input-valid,
  .textarea-grow-wrapper:not(select).v-input-valid::after {
    background-image: url(/wp-content/themes/puragen-website/images/icons/icon-notification-success.svg);
  }
  input:not([type=submit]):hover, input:not([type=submit]).v-input-hover,
  select:hover,
  select.v-input-hover,
  textarea:hover,
  textarea.v-input-hover,
  .v-input:hover,
  .textarea-grow-wrapper:hover::after,
  .v-input.v-input-hover,
  .v-input-hover.textarea-grow-wrapper::after {
    --input-color: var(--input-color-hover);
    --input-border-width: var(--input-border-width-hover);
    --input-border-color: var(--input-border-color-hover);
    --input-background-color: var(--input-background-color-hover);
    --input-placeholder-color: var(--input-placeholder-color-hover);
  }
  input:not([type=submit]):invalid, input:not([type=submit]).v-input-error,
  select:invalid,
  select.v-input-error,
  textarea:invalid,
  textarea.v-input-error,
  .v-input:invalid,
  .textarea-grow-wrapper:invalid::after,
  .v-input.v-input-error,
  .v-input-error.textarea-grow-wrapper::after {
    --input-color: var(--input-text-color-error);
    --input-border-color: var(--input-border-color-error);
    --input-border-width: var(--input-border-width-error);
    --input-background-color: var(--input-background-color-error);
    --input-placeholder-color: var(--input-placeholder-color-error);
  }
  input:not([type=submit]).v-input-valid,
  select.v-input-valid,
  textarea.v-input-valid,
  .v-input.v-input-valid,
  .v-input-valid.textarea-grow-wrapper::after {
    --input-color: var(--input-text-color-valid);
    --input-border-color: var(--input-border-color-valid);
    --input-border-width: var(--input-border-width-valid);
    --input-background-color: var(--input-background-color-valid);
    --input-placeholder-color: var(--input-placeholder-color-valid);
  }
  input:not([type=submit]):focus, input:not([type=submit]).v-input-focus,
  select:focus,
  select.v-input-focus,
  textarea:focus,
  textarea.v-input-focus,
  .v-input:focus,
  .textarea-grow-wrapper:focus::after,
  .v-input.v-input-focus,
  .v-input-focus.textarea-grow-wrapper::after {
    --input-color: var(--input-text-color-focus);
    --input-border-width: var(--input-border-width-focus);
    --input-border-color: var(--input-border-color-focus);
    --input-background-color: var(--input-background-color-focus);
    --input-placeholder-color: var(--input-placeholder-color-focus);
    outline-width: 0px;
  }
  input:not([type=submit]):disabled,
  select:disabled,
  textarea:disabled,
  .v-input:disabled,
  .textarea-grow-wrapper:disabled::after {
    --input-color: var(--input-text-color-disabled);
    --input-border-width: var(--input-border-width-disabled);
    --input-border-color: var(--input-border-color-disabled);
    --input-background-color: var(--input-background-color-disabled);
    --input-placeholder-color: var(--input-placeholder-color-disabled);
    cursor: not-allowed;
    opacity: 0.6;
  }
  /**
   * -----------------------------------------------------------------------------
   * Velocity Base: Label
   * -----------------------------------------------------------------------------
   */
  label {
    margin: 0 0 var(--spacing-xs) 0;
  }
  /**
   * -----------------------------------------------------------------------------
   * Velocity Base: Quantity Counter
   * -----------------------------------------------------------------------------
   */
  /**
   * -----------------------------------------------------------------------------
   * Velocity Base: Textarea
   * -----------------------------------------------------------------------------
   */
  textarea {
    min-height: 46px;
    /* Identical styling required!! */
  }
  .textarea-grow-wrapper {
    /* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */
    display: grid;
  }
  .textarea-grow-wrapper::after {
    /* Note the weird space! Needed to preventy jumpy behavior */
    content: attr(data-replicated-value) " ";
    /* This is how textarea text behaves */
    white-space: pre-wrap;
    /* Hidden from view, clicks, and screen readers */
    visibility: hidden;
  }
  .textarea-grow-wrapper > textarea {
    /* You could leave this, but after a user resizes, then it ruins the auto sizing */
    resize: none;
    /* Firefox shows scrollbar on growth, you can hide like this. */
    overflow: hidden;
  }
  .textarea-grow-wrapper > textarea,
  .textarea-grow-wrapper::after {
    /* Identical styling required!! */
    /* Place on top of each other */
    grid-area: 1/1/2/2;
  }
  .textarea-grow-wrapper {
    /* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */
    display: grid;
  }
  .textarea-grow-wrapper::after {
    /* Note the weird space! Needed to preventy jumpy behavior */
    content: attr(data-replicated-value) " ";
    /* This is how textarea text behaves */
    white-space: pre-wrap;
    /* Hidden from view, clicks, and screen readers */
    visibility: hidden;
  }
  .textarea-grow-wrapper > textarea {
    /* You could leave this, but after a user resizes, then it ruins the auto sizing */
    resize: none;
    /* Firefox shows scrollbar on growth, you can hide like this. */
    overflow: hidden;
  }
  .textarea-grow-wrapper > textarea,
  .textarea-grow-wrapper::after {
    /* Place on top of each other */
    grid-area: 1/1/2/2;
  }
  /**
   * -----------------------------------------------------------------------------
   * Velocity Base: Select
   * -----------------------------------------------------------------------------
   */
  /*! purgecss start ignore */
  select {
    appearance: none;
  }
  /*! purgecss end ignore */
  /**
   * -----------------------------------------------------------------------------
   * Velocity Base: Radio, Input
   * -----------------------------------------------------------------------------
   */
  :root,
  .btn-set-1 {
    --radio-base-color: var( --color-primary-100 );
    --radio-base-background-color: var( --input-base-background-color );
    --radio-base-border-color: var( --input-base-border-color );
    --radio-color-hover: var( --color-primary-100 );
    --radio-border-color-hover: var( --input-border-color-hover );
    --radio-background-color-hover: var( --input-background-color-hover );
    --radio-color-focus: var( --color-primary-100 );
    --radio-border-color-focus: var( --input-border-color-focus );
    --radio-background-color-focus: var( --input-background-color-focus );
    --radio-color-error: var( --color-neutrals-120 );
    --radio-border-color-error: var( --input-border-color-error );
    --radio-background-color-error: var( --input-background-color-error );
    --radio-color-valid: var( --color-neutrals-120 );
    --radio-border-color-valid: var(--input-border-color-valid);
    --radio-background-color-valid: var(--input-background-color-valid);
    --radio-color-disabled: var( --color-neutrals-80 );
    --radio-border-color-disabled: var(--input-border-color-disabled);
    --radio-background-color-disabled: var(--input-background-color-disabled);
  }
  input[type=radio] {
    opacity: 0;
    position: absolute;
    height: 1px;
    width: 1px;
  }
  input[type=radio] + label {
    cursor: pointer;
    position: relative;
    display: inline-block;
    min-height: 20px;
    margin-right: var(--spacing-md);
    padding: 0px 0 0 calc(20px + var(--spacing-xs));
    transition: all 0.2s linear;
  }
  input[type=radio] + label:empty {
    margin-right: 0;
  }
  input[type=radio] + label:before, input[type=radio] + label:after {
    content: "";
    position: absolute;
    transition: all 0.2s linear;
    width: 20px;
    height: 20px;
    transform-origin: 50 50%;
    left: 0;
    top: 0;
    border-radius: 50%;
  }
  input[type=radio] + label:before {
    border: 2px solid var(--radio-border-color, var(--radio-base-border-color));
    background-color: var(--radio-background-color, var(--radio-base-background-color));
  }
  input[type=radio] + label:after {
    opacity: 0;
    transform: scale(0.3);
    background-color: var(--radio-color, var(--radio-base-color));
  }
  input[type=radio] + label:hover, input[type=radio] + label.v-input-hover {
    --radio-border-color: var(--radio-border-color-hover);
    --radio-background-color: var(--radio-background-color-hover);
    --radio-color: var(--radio-color-hover);
  }
  input[type=radio] + label:focus + label, input[type=radio] + label.v-input-focus + label {
    --radio-border-color: var(--radio-border-color-focus);
    --radio-background-color: var(--radio-background-color-focus);
    --radio-color: var(--radio-color-focus);
  }
  input[type=radio] + label.v-input-error + label {
    --radio-border-color: var(--radio-border-color-error);
    --radio-background-color: var(--radio-background-color-error);
    --radio-color: var(--radio-color-error);
  }
  input[type=radio] + label.v-input-valid + label {
    --radio-border-color: var(--radio-border-color-valid);
    --radio-background-color: var(--radio-background-color-valid);
    --radio-color: var(--radio-color-valid);
  }
  input[type=radio] + label:disabled + label, input[type=radio] + label.v-input-disabled + label, input[type=radio] + label:disabled:hover + label, input[type=radio] + label.v-input-disabled:hover + label {
    --radio-border-color: var(--radio-border-color-disabled);
    --radio-background-color: var(--radio-background-color-disabled);
    --radio-color: var(--radio-color-disabled);
    cursor: not-allowed;
  }
  input[type=radio]:checked + label:after {
    opacity: 1;
    transform: scale(0.5);
  }
  /**
   * -----------------------------------------------------------------------------
   * Velocity Base: Checkbox, Input
   * -----------------------------------------------------------------------------
   */
  :root,
  .btn-set-1 {
    --checkbox-background-color: var(--color-white);
    --checkbox-border-color: var( --color-primary-100 );
    --checkbox-base-color: var( --color-primary-100 );
    --checkbox-base-background-color: var( --input-base-background-color );
    --checkbox-base-border-color: var( --input-base-border-color );
    --checkbox-color-hover: var( --color-primary-100 );
    --checkbox-border-color-hover: var( --input-border-color-hover );
    --checkbox-background-color-hover: var( --input-background-color-hover );
    --checkbox-color-focus: var( --color-primary-100 );
    --checkbox-border-color-focus: var( --input-border-color-focus );
    --checkbox-background-color-focus: var( --input-background-color-focus );
    --checkbox-color-error: var( --color-neutrals-120 );
    --checkbox-border-color-error: var( --input-border-color-error );
    --checkbox-background-color-error: var( --input-background-color-error );
    --checkbox-color-valid: var( --color-neutrals-120 );
    --checkbox-border-color-valid: var(--input-border-color-valid);
    --checkbox-background-color-valid: var(--input-background-color-valid);
    --checkbox-color-disabled: var( --color-neutrals-80 );
    --checkbox-border-color-disabled: var(--input-border-color-disabled);
    --checkbox-background-color-disabled: var(--input-background-color-disabled);
  }
  input[type=checkbox] {
    opacity: 0;
    position: absolute;
    height: 1px;
    width: 1px;
  }
  input[type=checkbox] + label {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-general-check.svg);
    cursor: pointer;
    position: relative;
    display: inline-block;
    min-height: 20px;
    margin-right: var(--spacing-md);
    padding: 0px 0 0 calc(20px + var(--spacing-xs));
    transition: all 0.2s linear;
  }
  input[type=checkbox] + label:empty {
    margin-right: 0;
  }
  input[type=checkbox] + label:before, input[type=checkbox] + label:after {
    content: "";
    position: absolute;
    transition: all 0.2s linear;
    width: 20px;
    height: 20px;
    transform-origin: 50%;
    left: 0;
    top: 0;
  }
  input[type=checkbox] + label:before {
    border-radius: 4px;
    border: 2px solid var(--checkbox-border-color, var(--checkbox-base-border-color));
    background-color: var(--checkbox-background-color, var(--checkbox-base-background-color));
  }
  input[type=checkbox] + label:after {
    opacity: 0;
    transform: scale(0.6);
    color: var(--checkbox-color, var(--checkbox-base-color));
  }
  input[type=checkbox]:checked + label:after {
    opacity: 1;
    transform: scale(1);
  }
  input[type=checkbox]:hover, input[type=checkbox].v-input-hover {
    --checkbox-border-color: var(--checkbox-border-color-hover);
    --checkbox-background-color: var(--checkbox-background-color-hover);
    --checkbox-color: var(--checkbox-color-hover);
  }
  input[type=checkbox]:focus + label, input[type=checkbox].v-input-focus + label {
    --checkbox-border-color: var(--checkbox-border-color-focus);
    --checkbox-background-color: var(--checkbox-background-color-focus);
    --checkbox-color: var(--checkbox-color-focus);
  }
  input[type=checkbox].v-input-error + label {
    --checkbox-border-color: var(--checkbox-border-color-error);
    --checkbox-background-color: var(--checkbox-background-color-error);
    --checkbox-color: var(--checkbox-color-error);
  }
  input[type=checkbox].v-input-valid + label {
    --checkbox-border-color: var(--checkbox-border-color-valid);
    --checkbox-background-color: var(--checkbox-background-color-valid);
    --checkbox-color: var(--checkbox-color-valid);
  }
  input[type=checkbox]:disabled + label, input[type=checkbox].v-input-disabled + label, input[type=checkbox]:disabled:hover + label, input[type=checkbox].v-input-disabled:hover + label {
    --checkbox-border-color: var(--checkbox-border-color-disabled);
    --checkbox-background-color: var(--checkbox-background-color-disabled);
    --checkbox-color: var(--checkbox-color-disabled);
    cursor: not-allowed;
  }
  input[type=checkbox] + label:after {
    background-color: var(--checkbox-color, var(--checkbox-base-color));
  }
  /*! purgecss start ignore */
  .rangeSlider {
    --range-color-track: var( --color-neutrals-80 );
    --range-color-fill: var( --color-primary-100 );
    --range-color-handle: var( --color-primary-100 );
    --range-color-handle-active: var( --color-primary-100 );
    --range-color-handle-border: transparent;
    --range-color-handle-border-active: var( --color-primary-100 );
    --range-handle-size: 12px;
    position: relative;
    height: var(--range-handle-size);
    padding: 0;
    border: none;
  }
  .rangeSlider.v-input-error, .rangeSlider.v-input-valid {
    --range-color-track: var( --border-color );
    --range-color-fill: var( --border-color );
    --range-color-handle: var( --border-color );
  }
  .rangeslider-fill,
  .rangeslider-buffer {
    position: absolute;
    height: 3px;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 20px;
  }
  .rangeslider-buffer {
    background-color: var(--range-color-track);
  }
  .rangeslider-fill {
    z-index: 2;
    background-color: var(--range-color-fill);
  }
  .rangeslider-handle-wrap {
    position: absolute;
    left: 0;
    width: var(--range-handle-size);
    height: var(--range-handle-size);
    top: 0;
    z-index: 99;
  }
  .rangeslider-handle {
    background-color: var(--range-color-handle);
    box-shadow: 0px 0px 0px 4px var(--range-color-handle-border);
    cursor: pointer;
    height: var(--range-handle-size);
    border-radius: 50%;
    z-index: 3;
    transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
  .rangeslider-handle:hover, .v-input-hover .rangeslider-handle, .v-input-pressed .rangeslider-handle, .rangeslider-handle.click_handle, .rangeslider-handle-hover {
    --range-color-handle-border: var( --range-color-handle-border-active );
    --range-color-handle: var( --range-color-handle-active );
  }
  .rangeslider-disabled {
    cursor: not-allowed;
    opacity: 0.5;
  }
  /*! purgecss end ignore */
  /**
   * -----------------------------------------------------------------------------
   * Velocity Base: Searchbox
   * -----------------------------------------------------------------------------
   */
  .search-wrapper {
    display: flex;
    column-gap: var(--spacing-xs);
  }
  .v-input-search + .v-btn {
    --button-width: auto;
    flex-shrink: 0;
    padding: 12px;
  }
  .v-input-search:disabled + .v-btn {
    pointer-events: none;
    color: var(--button-disabled-color);
    background: var(--button-disabled-bg-color);
    border-color: var(--button-disabled-border-color);
  }
  form {
    font-size: var(--font-size-p-xs);
    --form-columns: 6;
    display: grid;
    gap: var(--spacing-sm);
    grid-template-columns: repeat(var(--form-columns, 6), 1fr);
    grid-auto-flow: dense;
  }
  /* purgecss start ignore */
  .input-wrapper {
    grid-column: span var(--input-span, var(--form-columns));
    order: 1;
  }
  .checkbox-wrapper,
  .htmltext-wrapper,
  .textarea-wrapper {
    grid-column: span var(--larger-input-span, var(--form-columns));
    order: 5;
  }
  .vfwp-captcha {
    order: 8;
  }
  .htmltext-wrapper p {
    font-size: var(--font-size-p-xs);
  }
  .form-layout-two-column .input-wrapper:nth-child(odd):has(+ .textarea-wrapper, + .htmltext-wrapper) {
    grid-column: span var(--larger-input-span, var(--form-columns));
  }
  .input-wrapper:has([name=Country]) {
    grid-column: 1/calc(var(--input-span, var(--form-columns)) + 1);
    order: 2;
  }
  .input-wrapper:has([name=State]) {
    grid-column: var(--state-column, 1/-1);
    order: 3;
  }
  form [type=submit],
  form .status {
    grid-column: 1/-1;
    order: 10;
  }
  .vfwp-form .status {
    order: 15;
  }
  .form-layout-two-column form {
    --input-span: 3;
    --larger-input-span: 6;
  }
  .form-layout-two-column form,
  .form-layout-three-column form {
    --state-column: calc( var( --input-span ) + 1 ) / calc( ( var( --input-span ) * 2 ) + 1 );
  }
  @media (min-width: 768px) {
    .form-layout-three-column form {
      --input-span: 2;
    }
  }
  /* purgecss end ignore */
  /**
   * -------------------------------------------------------------------------------------------------
   * Velocity Base: Overlay, Components
   * -------------------------------------------------------------------------------------------------
   */
  /*!purgecss start ignore */
  .v-overlay {
    --overlay-color: var(--color-neutrals-100, black);
    background: var(--overlay-color);
    opacity: 0;
  }
  .v-overlay-color-light .v-overlay, .v-overlay.v-overlay-color-light {
    background: var(--color-white, #fff);
  }
  .v-overlay.v-overlay-light {
    opacity: 0.2;
  }
  .v-overlay.v-overlay-medium {
    opacity: 0.5;
  }
  .v-overlay.v-overlay-strong {
    opacity: 0.75;
  }
  .v-overlay.v-overlay-opaque {
    opacity: 1;
  }
  /*!purgecss end ignore */
  .wp-block-image {
    margin: 0;
  }
  .wp-block-image.is-style-full-width img, .wp-block-image.is-style-short-img-full-width img {
    width: 100%;
  }
  img.aligncenter,
  .wp-block-image.aligncenter {
    display: block;
    margin: 0 auto;
  }
  .v-metadata-item {
    --icon-transform-hover: translate(0px, 0px);
    --icon-color: currentColor;
    --icon-size: 14px;
  }
}
@layer organisms {
  .vsb-column.self-center .v-mdu-form.v-layout-inline .row,
  .vsb-column.self-center .v-mdu-form.v-layout-stacked .row {
    align-items: center;
  }
  .v-newsletter-form .v-cmp-form form {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: stretch;
    gap: 16px;
    font-size: smaller;
  }
  .v-newsletter-form .v-cmp-form .v-input-label {
    display: none;
  }
  .v-newsletter-form .v-cmp-form .input-wrapper {
    margin: 0;
    flex: 1 0 auto;
  }
  .v-newsletter-form .v-cmp-form button[type=submit] {
    width: auto;
    margin: 0;
  }
}
@layer molecules {
  .v-cmp-card .v-cmp-image img {
    width: 100%;
    height: 100%;
    aspect-ratio: inherit;
    object-fit: inherit;
  }
  .v-cmp-card .v-cmp-card-excerpt .row {
    --bs-gutter-x: 8px;
  }
  .v-cmp-card .v-cmp-card-excerpt ul li, .v-cmp-card .v-cmp-card-excerpt ol li {
    margin-bottom: 0px;
  }
  /*
  Variables

  This file is injected into the start of every scss module so that all variables are in scope
  */
  /**
   * -------------------------------------------------------------------------------------------------
   * Velocity Base: Easings, Variables
   * -------------------------------------------------------------------------------------------------
   */
  /**
   * =============================================================================
   * Variables - Timings
   * =============================================================================
   */
  .v-mdu-filters .v-filter-feedback .v-active-filter-tag:before, .v-icon,
  .v-has-icon:after,
  .v-btn-primary:not(.v-btn-icon, .v-hide-icon):after,
  .v-btn-secondary:not(.v-btn-icon, .v-hide-icon):after,
  .v-btn-text:not(.v-btn-icon, .v-hide-icon):after,
  .v-icon-list li:before {
    --gap: 1em;
    gap: var(--gap);
    background-color: var(--icon-color, var(--icon-base-color, currentColor));
    display: var(--icon-display, inline-block);
    height: var(--icon-size, 1.5em);
    width: var(--icon-size, 1.5em);
    mask-image: var(--mask-url, var(--fallback-mask-url));
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    opacity: var(--icon-opacity, 1);
    transform: var(--icon-transform-base, var(--icon-transform, translate(0px, 0px)));
    transform-origin: 50% 50%;
    transition: background-color 450ms cubic-bezier(0.86, 0, 0.07, 1), transform 450ms cubic-bezier(0.86, 0, 0.07, 1);
    flex-shrink: 0;
  }
  .hover-parent:hover .v-mdu-filters .v-filter-feedback .v-active-filter-tag:not(:disabled):before, .v-mdu-filters .v-filter-feedback .hover-parent:hover .v-active-filter-tag:not(:disabled):before, .hover-parent:hover .v-icon:not(:disabled),
  .hover-parent:hover .v-has-icon:not(:disabled):after,
  .hover-parent:hover .v-btn-primary:not(:disabled):not(.v-btn-icon, .v-hide-icon):after,
  .hover-parent:hover .v-btn-secondary:not(:disabled):not(.v-btn-icon, .v-hide-icon):after,
  .hover-parent:hover .v-btn-text:not(:disabled):not(.v-btn-icon, .v-hide-icon):after,
  .hover-parent:hover .v-icon-list li:not(:disabled):before,
  .v-icon-list .hover-parent:hover li:not(:disabled):before, .hover-parent:focus .v-mdu-filters .v-filter-feedback .v-active-filter-tag:not(:disabled):before, .v-mdu-filters .v-filter-feedback .hover-parent:focus .v-active-filter-tag:not(:disabled):before, .hover-parent:focus .v-icon:not(:disabled),
  .hover-parent:focus .v-has-icon:not(:disabled):after,
  .hover-parent:focus .v-btn-primary:not(:disabled):not(.v-btn-icon, .v-hide-icon):after,
  .hover-parent:focus .v-btn-secondary:not(:disabled):not(.v-btn-icon, .v-hide-icon):after,
  .hover-parent:focus .v-btn-text:not(:disabled):not(.v-btn-icon, .v-hide-icon):after,
  .hover-parent:focus .v-icon-list li:not(:disabled):before,
  .v-icon-list .hover-parent:focus li:not(:disabled):before, .v-mdu-filters .v-filter-feedback .v-active-filter-tag:focus:not(:disabled):before, .v-icon:focus:not(:disabled),
  .v-has-icon:focus:not(:disabled):after,
  .v-btn-primary:focus:not(:disabled):not(.v-btn-icon, .v-hide-icon):after,
  .v-btn-secondary:focus:not(:disabled):not(.v-btn-icon, .v-hide-icon):after,
  .v-btn-text:focus:not(:disabled):not(.v-btn-icon, .v-hide-icon):after,
  .v-icon-list li:focus:not(:disabled):before, .v-mdu-filters .v-filter-feedback .v-active-filter-tag:hover:not(:disabled):before, .v-icon:hover:not(:disabled),
  .v-has-icon:hover:not(:disabled):after,
  .v-btn-primary:hover:not(:disabled):not(.v-btn-icon, .v-hide-icon):after,
  .v-btn-secondary:hover:not(:disabled):not(.v-btn-icon, .v-hide-icon):after,
  .v-btn-text:hover:not(:disabled):not(.v-btn-icon, .v-hide-icon):after,
  .v-icon-list li:hover:not(:disabled):before {
    --icon-transform: var(--icon-transform-hover, var(--icon-transform-base, translate(0px, 0px) ) );
    --icon-color: var(--icon-hover-color, var(--icon-base-color, currentColor) );
    --icon-opacity: var(--icon-opacity-hover, 1);
  }
  .v-mdu-filters .v-filter-feedback {
    display: none;
  }
  .v-mdu-filters .v-filter-feedback:has(li) {
    display: flex;
  }
  .v-mdu-filters .v-cmp-filter {
    position: relative;
  }
  .v-mdu-filters .v-active-filters-list li {
    margin-bottom: 0;
  }
  .v-mdu-filters .v-filter-feedback .v-active-filter-tag {
    --icon-size: 14px;
    color: var(--color-neutrals-100);
    padding: 4px var(--spacing-sm);
    background-color: var(--color-tags-fallback);
  }
  .v-mdu-filters .v-filter-feedback .v-active-filter-tag:before {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-general-tag.svg);
    --icon-transform-hover: translate(0px, 0px);
    content: "";
  }
  .v-mdu-filters .v-filter-feedback .v-active-filter-tag[data-key=industry] {
    background-color: var(--color-tags-industry);
  }
  .v-mdu-filters .v-filter-feedback .v-active-filter-tag[data-key=industry]:before {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-general-tag.svg);
  }
  .v-mdu-filters .v-filter-feedback .v-active-filter-tag[data-key=relevant_products] {
    background-color: var(--color-tags-products);
  }
  .v-mdu-filters .v-filter-feedback .v-active-filter-tag[data-key=relevant_products]:before {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-general-tag.svg);
  }
  .v-mdu-filters .v-filter-feedback .v-active-filter-tag[data-key=qs] {
    background-color: var(--color-tags-keyword);
  }
  .v-mdu-filters .v-filter-feedback .v-active-filter-tag[data-key=qs]:before {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-general-search.svg);
  }
  .v-mdu-filters .v-filter-feedback .v-active-filter-tag[data-key=category] {
    background-color: var(--color-tags-category);
  }
  .v-mdu-filters .v-filter-feedback .v-active-filter-tag[data-key=category][data-value=case-studies] {
    background-color: var(--color-tags-case-studies);
  }
  .v-mdu-filters .v-filter-feedback .v-active-filter-tag[data-key=category][data-value=case-studies]:before {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-general-star.svg);
  }
  .v-mdu-filters .v-filter-feedback .v-active-filter-tag[data-key=category][data-value=insights] {
    background-color: var(--color-tags-insights);
  }
  .v-mdu-filters .v-filter-feedback .v-active-filter-tag[data-key=category][data-value=insights]:before {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-general-lightbulb.svg);
  }
  .v-mdu-filters .v-filter-feedback .v-active-filter-tag[data-key=category][data-value=news] {
    background-color: var(--color-tags-news);
  }
  .v-mdu-filters .v-filter-feedback .v-active-filter-tag[data-key=category][data-value=news]:before {
    --mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-general-newspaper.svg);
  }
  /**
   * =============================================================================
   * Components - Tables
   * =============================================================================
   */
  /*! purgecss start ignore */
  .wp-block-table table,
  table {
    table-layout: fixed;
    width: 100%;
  }
  .wp-block-table table thead,
  table thead {
    border-bottom: 1px solid var(--color-neutrals-100) !important;
  }
  .wp-block-table table tr,
  table tr {
    border: none;
  }
  .wp-block-table table tr th,
  table tr th {
    min-width: 100%;
    border: none;
  }
  .wp-block-table table tr td,
  .wp-block-table table tr th,
  table tr td,
  table tr th {
    border: none !important;
    padding: var(--spacing-xs) !important;
  }
  .wp-block-table table tbody tr,
  table tbody tr {
    border-bottom: 1px solid var(--color-neutrals-20);
  }
  .wp-block-table table.v-table-align-left,
  table.v-table-align-left {
    text-align: left;
  }
  .wp-block-table table.v-table-align-left tr *:first-child,
  table.v-table-align-left tr *:first-child {
    padding-left: 0;
  }
  .wp-block-table table.v-table-align-center,
  table.v-table-align-center {
    text-align: center;
  }
  /*! purgecss end ignore */
}
@layer styles {
  .v-btn-primary:not(.v-btn-icon, .v-hide-icon),
  .v-btn-secondary:not(.v-btn-icon, .v-hide-icon),
  .v-btn-text:not(.v-btn-icon, .v-hide-icon) {
    --fallback-mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-arrow-right.svg);
    --gap: 0.75em;
    --icon-movement: 0.5em;
    --transform-multipier: -0.5;
    --transform-multipier-hover: 1;
    --icon-transform: translateX( calc( var(--icon-movement) * var(--transform-multipier) ));
    --icon-transform-hover: translateX( calc( var(--icon-movement) * var(--transform-multipier-hover) ));
  }
  .v-btn-primary:not(.v-btn-icon, .v-hide-icon).icon-position-left,
  .v-btn-secondary:not(.v-btn-icon, .v-hide-icon).icon-position-left,
  .v-btn-text:not(.v-btn-icon, .v-hide-icon).icon-position-left {
    --gap: 0.5em;
    --transform-multipier: 0;
    --transform-multipier-hover: -1;
    --fallback-mask-url: url(/wp-content/themes/puragen-website/images/icons/icon-ui-arrow-left.svg);
  }
}
body .wp-site-blocks {
  overflow-x: clip;
}