/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.booom-video .absolute {
  position: absolute;
}
.booom-video .relative {
  position: relative;
}
.booom-video .inset-0 {
  inset: 0px;
}
.booom-video .isolate {
  isolation: isolate;
}
.booom-video .block {
  display: block;
}
.booom-video .flex {
  display: flex;
}
.booom-video .aspect-video {
  aspect-ratio: 16 / 9;
}
.booom-video .h-\[60px\] {
  height: 60px;
}
.booom-video .h-full {
  height: 100%;
}
.booom-video .max-h-\[600px\] {
  max-height: 600px;
}
.booom-video .w-\[60px\] {
  width: 60px;
}
.booom-video .w-full {
  width: 100%;
}
.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-\[10px\] {
  gap: 10px;
}
.booom-video .overflow-hidden {
  overflow: hidden;
}
.booom-video .rounded-corner-md {
  border-radius: 20px;
}
.booom-video .rounded-full {
  border-radius: 9999px;
}
.booom-video .bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.booom-video .bg-black\/35 {
  background-color: rgb(0 0 0 / 0.35);
}
.booom-video .bg-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(255 198 0 / var(--tw-bg-opacity, 1));
}
.booom-video .object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.booom-video .text-\[16px\] {
  font-size: 16px;
}
.booom-video .font-bold {
  font-weight: 700;
}
.booom-video .leading-\[1\.5\] {
  line-height: 1.5;
}
.booom-video .text-surface {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.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-primary\/30 {
  --tw-ring-color: rgb(35 31 32 / 0.3);
}
.booom-video .transition-all {
  transition-property: all;
  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;
}
.booom-video .will-change-transform {
  will-change: transform;
}
.booom-video .video-block {
  isolation: isolate;
}
.booom-video .hover\:ring-primary\/80:hover {
  --tw-ring-color: rgb(35 31 32 / 0.8);
}
.booom-video :is(.group:hover .group-hover\:scale-110) {
  --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 :is(.group:hover .group-hover\:scale-\[1\.05\]) {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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 :is(.group:hover .group-hover\:bg-black\/50) {
  background-color: rgb(0 0 0 / 0.5);
}

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