/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./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]!./src/product-gallery-item/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
.wp-block-thirtysix-blocks-product-gallery-item {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: calc(var(--wp--custom--border-radius-small) * 2);
  overflow: hidden;
  font-size: 0;
  position: relative;
}
.wp-block-thirtysix-blocks-product-gallery-item img,
.wp-block-thirtysix-blocks-product-gallery-item video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.wp-block-thirtysix-blocks-product-gallery-item.custom-width img,
.wp-block-thirtysix-blocks-product-gallery-item.custom-width video {
  width: var(--custom-width, 100%) !important;
  height: auto !important;
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
.wp-block-thirtysix-blocks-product-gallery-item .media-container {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wp-block-thirtysix-blocks-product-gallery-item .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  background: rgba(52, 46, 98, 0.7);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.wp-block-thirtysix-blocks-product-gallery-item .placeholder {
  width: 100%;
  height: 100%;
  background-color: #d6d6d6;
}
.wp-block-thirtysix-blocks-product-gallery-item .placeholder > * {
  width: 100%;
  height: 100%;
}

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