/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./inc/Components/Video/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem
}
@media (min-width: 640px) {
    .container {
        max-width: 640px
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 768px
    }
}
@media (min-width: 1024px) {
    .container {
        max-width: 1024px
    }
}
@media (min-width: 1216px) {
    .container {
        max-width: 1216px
    }
}
.booom-video .pointer-events-none {
    pointer-events: none
}
.booom-video .absolute {
    position: absolute
}
.booom-video .relative {
    position: relative
}
.booom-video .inset-0 {
    inset: 0px
}
.booom-video .z-\[1\] {
    z-index: 1
}
.booom-video .z-\[2\] {
    z-index: 2
}
.booom-video .m-0 {
    margin: 0px
}
.booom-video .mb-6 {
    margin-bottom: 1.5rem
}
.booom-video .flex {
    display: flex
}
.booom-video .aspect-video {
    aspect-ratio: 16 / 9
}
.booom-video .size-10 {
    width: 2.5rem;
    height: 2.5rem
}
.booom-video .h-20 {
    height: 5rem
}
.booom-video .h-full {
    height: 100%
}
.booom-video .w-20 {
    width: 5rem
}
.booom-video .w-fit {
    width: -moz-fit-content;
    width: fit-content
}
.booom-video .w-full {
    width: 100%
}
.booom-video .max-w-screen-2xl {
    max-width: 1536px
}
.booom-video .translate-x-\[2px\] {
    --tw-translate-x: 2px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.booom-video .cursor-pointer {
    cursor: pointer
}
.booom-video .flex-col {
    flex-direction: column
}
.booom-video .items-center {
    align-items: center
}
.booom-video .justify-center {
    justify-content: center
}
.booom-video .gap-4 {
    gap: 1rem
}
.booom-video .overflow-hidden {
    overflow: hidden
}
.booom-video .rounded-full {
    border-radius: 9999px
}
.booom-video .rounded-lg {
    border-radius: 0.5rem
}
.booom-video .bg-black\/50 {
    background-color: rgb(0 0 0 / 0.5)
}
.booom-video .bg-contrast {
    --tw-bg-opacity: 1;
    background-color: rgb(218 17 116 / var(--tw-bg-opacity, 1))
}
.booom-video .bg-contrast\/10 {
    background-color: rgb(218 17 116 / 0.1)
}
.booom-video .object-cover {
    -o-object-fit: cover;
       object-fit: cover
}
.booom-video .px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
.booom-video .py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem
}
.booom-video .text-xs {
    font-size: 0.75rem;
    line-height: 1rem
}
.booom-video .text-contrast {
    --tw-text-opacity: 1;
    color: rgb(218 17 116 / var(--tw-text-opacity, 1))
}
.booom-video .text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.booom-video .opacity-0 {
    opacity: 0
}
.booom-video .ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.booom-video .ring-contrast\/30 {
    --tw-ring-color: rgb(218 17 116 / 0.3)
}
.booom-video .transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.booom-video .transition-\[background-color\] {
    transition-property: background-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.booom-video .transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.booom-video .duration-300 {
    transition-duration: 300ms
}
iframe {
    height: 100%;
    width: 100%
}
.booom-video .hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.booom-video .hover\:bg-black\/60:hover {
    background-color: rgb(0 0 0 / 0.6)
}
@media (min-width: 768px) {
    .booom-video .md\:rounded-xl {
        border-radius: 0.75rem
    }
}
@media (min-width: 1024px) {
    .booom-video .lg\:mb-10 {
        margin-bottom: 2.5rem
    }
    .booom-video .lg\:gap-6 {
        gap: 1.5rem
    }
    .booom-video .lg\:rounded-2xl {
        border-radius: 1rem
    }
    .booom-video .lg\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem
    }
}

/*# sourceMappingURL=style-script.css.map*/