/*!**********************************************************************************************************************************************************************************************!*\
  !*** 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/ElementVideo/style.css ***!
  \**********************************************************************************************************************************************************************************************/
[name='ElementVideo'] {
  border-radius: var(--border-radius-image);
}

[name='ElementVideo'][data-theme='default'] .video-consent {
      background-color: rgba(var(--clr-accent), 0.7);
    }

[name='ElementVideo'][data-theme='two'] .video-consent {
      background-color: rgba(var(--clr-primary), 0.7);
    }

[name='ElementVideo'][data-theme='light'] .video-consent {
      background-color: rgba(var(--clr-white), 0.7);
    }

[name='ElementVideo'] .video {
    border-radius: var(--border-radius-image);
    overflow: hidden;
    position: relative;
  }

:is([name='ElementVideo'] .video):has(.video-consent[style='display: flex;']) .video-playButton {
      display: none;
    }

:is([name='ElementVideo'] .video) [name='ElementImage'] {
      inline-size: 100%;
    }
/* Placeholder for videos without poster */

:is([name='ElementVideo'] .video) .video-poster-placeholder {
      align-items: center;
      aspect-ratio: 16 / 9;
      background: var(--clr-grey-200, #e5e5e5);
      display: flex;
      justify-content: center;
      width: 100%;
    }

:is(:is([name='ElementVideo'] .video) .video-poster-placeholder) svg {
        height: 48px;
        opacity: 0.4;
        width: 48px;
      }

:is(:is(:is([name='ElementVideo'] .video) .video-poster-placeholder) svg) circle {
          fill: var(--clr-grey-500, #888);
          stroke: var(--clr-grey-500, #888);
        }

:is([name='ElementVideo'] .video) .video-player {
      display: none;
      height: 0;
      overflow: hidden;
      padding-bottom: calc(9 / 16 * 100%);
      position: relative;
    }

:is(:is([name='ElementVideo'] .video) .video-player) iframe {
        border: unset;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
      }

:is([name='ElementVideo'] .video) .video-player--isLoaded {
      display: block;
    }

:is([name='ElementVideo'] .video) .video-consent,:is([name='ElementVideo'] .video) .video-overlay,:is([name='ElementVideo'] .video) .video-loader {
      inset: 0;
      position: absolute;
    }

:is([name='ElementVideo'] .video) video {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 100%;
    }

:is([name='ElementVideo'] .video) .video--isLoading {
      align-items: center;
      display: flex;
      justify-content: center;
    }

:is([name='ElementVideo'] .video) .video-loader {
      display: none;
    }

:is(:is([name='ElementVideo'] .video) .video-loader)::after {
        animation: loader-rotating 1.2s linear infinite;
        border: 3px solid var(--clr-white);
        border-color: var(--clr-white) transparent;
        border-radius: 50%;
        content: '';
        display: block;
        height: 90px;
        width: 90px;
      }

:is([name='ElementVideo'] .video) .video-loader {

      @keyframes loader-rotating {
        0% {
          transform: rotate(0deg);
        }

        100% {
          transform: rotate(360deg);
        }
      }
    }

:is([name='ElementVideo'] .video) .video-playButton {
      height: 48px;
      transition: transform var(--transition-duration) linear;
      width: 48px;
    }

:is(:is([name='ElementVideo'] .video) .video-playButton) circle {
        stroke: var(--clr-secondary);
        fill: var(--clr-secondary);
      }

:is([name='ElementVideo'] .video) .video-overlay {
      align-items: center;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      background: transparent;
      block-size: 100%;
      border: unset;
      cursor: pointer;
      display: flex;
      inline-size: 100%;
      justify-content: center;
    }

:is(:is(:is([name='ElementVideo'] .video) .video-overlay):hover,:is(:is([name='ElementVideo'] .video) .video-overlay):focus-visible) .video-playButton {
          transform: scale(1.15);
        }

:is([name='ElementVideo'] .video) .video-consent {
      align-items: center;
      background-color: rgba(var(--bg-clr-page), 0.7);
      display: flex;
      justify-content: center;
      padding: 16px;
    }

@media (--bp-tablet) {

  :is([name='ElementVideo'] .video) .video-consent {
        padding: 32px;
    }
      }

:is(:is(:is([name='ElementVideo'] .video) .video-consent) .video-inner)  > :first-child {
    margin-block-start: 0;
    padding-block-start: 0;
  }

:is(:is(:is([name='ElementVideo'] .video) .video-consent) .video-inner)  > :last-child:not([class*='button']) {
    margin-block-end: 0;
    padding-block-end: 0;
  }

:is(:is(:is([name='ElementVideo'] .video) .video-consent) .video-inner)  > h2,:is(:is(:is([name='ElementVideo'] .video) .video-consent) .video-inner)  > h3,:is(:is(:is([name='ElementVideo'] .video) .video-consent) .video-inner)  > h4,:is(:is(:is([name='ElementVideo'] .video) .video-consent) .video-inner)  > h5,:is(:is(:is([name='ElementVideo'] .video) .video-consent) .video-inner)  > h6 {
    margin-block-start: 0;
  }

:is(:is([name='ElementVideo'] .video) .video-consent) .video-inner {

        max-height: 100%;
        max-width: var(--content-max-width);
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-width: thin;
        text-align: center;
      }


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