/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/two-column-block/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-tantrachair-two-column-block {
  --heading-color: var(--wp--preset--color--accent-2);
  --paragraph-color: var(--wp--preset--color--contrast);
}
.wp-block-tantrachair-two-column-block + .wp-block-tantrachair-two-column-block {
  margin-top: 80px;
}
.wp-block-tantrachair-two-column-block.is-style-style-3 + .wp-block-tantrachair-two-column-block {
  margin-top: 150px;
}
.wp-block-tantrachair-two-column-block .wp-block-columns {
  overflow: clip;
  border-radius: var(--wp--custom--border-radius--block);
  background-color: var(--background-color, transparent);
}
.wp-block-tantrachair-two-column-block .wp-block-column {
  padding-top: var(--column-padding--top, 0);
  padding-right: var(--column-padding--right, 0);
  padding-bottom: var(--column-padding--bottom, 0);
  padding-left: var(--column-padding--left, 0);
}
.wp-block-tantrachair-two-column-block .wp-block-column:not(:has(.wp-block-image)) {
  --column-padding--top: var(--wp--preset--spacing--50);
  --column-padding--bottom: var(--wp--preset--spacing--50);
}
.wp-block-tantrachair-two-column-block.is-style-style-2 .wp-block-image, .wp-block-tantrachair-two-column-block.is-style-style-3 .wp-block-image {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.wp-block-tantrachair-two-column-block .wp-block-heading {
  color: var(--heading-color);
}
.wp-block-tantrachair-two-column-block p {
  color: var(--paragraph-color);
}
.wp-block-tantrachair-two-column-block .wp-block-column:has(.wp-block-image) {
  display: flex;
  align-items: stretch;
  border-radius: 10px 10px 0 0;
  overflow: clip;
}
@media (min-width: 1024px) {
  .wp-block-tantrachair-two-column-block .wp-block-column:has(.wp-block-image) {
    border-radius: 10px 0 0 10px;
  }
}
.wp-block-tantrachair-two-column-block .wp-block-image {
  overflow: clip;
  height: 100%;
  width: 100%;
  max-width: 100%;
}
.wp-block-tantrachair-two-column-block .wp-block-image img {
  vertical-align: bottom;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  max-height: 100%;
}
.wp-block-tantrachair-two-column-block.has-play-button {
  position: relative;
}
.wp-block-tantrachair-two-column-block.has-play-button .wp-block-button__link::before {
  content: "";
  position: absolute;
  inset: 0;
}
.wp-block-tantrachair-two-column-block.has-play-button .wp-block-image img {
  --transition--timing-function: cubic-bezier(.86,0,.07,1);
  transition-property: scale;
  transition-duration: 750ms;
  transition-timing-function: var(--transition--timing-function);
}
.wp-block-tantrachair-two-column-block.has-play-button .wp-block-image::before, .wp-block-tantrachair-two-column-block.has-play-button .wp-block-image::after {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 100px;
  height: 100px;
  scale: 1.2;
  z-index: 10;
  pointer-events: none;
  transition-property: opacity;
  transition-duration: var(--transition--duration);
  transition-timing-function: var(--transition--timing-function);
}
.wp-block-tantrachair-two-column-block.has-play-button .wp-block-image::before {
  content: url("data:image/svg+xml, %3Csvg xmlns=%27http://www.w3.org/2000/svg%27 class=%27play-button%27 width=%27104%27 height=%27104%27 id=%27play-button%27%3E%3Ccircle id=%27circle%27 class=%27play%27 cx=%2750%27 cy=%2750%27 r=%2750%27 style=%27fill:rgba%28255,255,255,1%29%27 /%3E%3Cline id=%27line1%27 x1=%2743%27 y1=%2742%27 x2=%2743%27 y2=%2758%27 style=%27stroke-width:6px;stroke:black;stroke-linecap: round;%27 /%3E%3Cpath id=%27line2%27 d=%27M 43 42 L 58 50 L 43 58%27 rx=%2710%27 ry=%2710%27 style=%27stroke-width:6px;stroke:black;fill:black;stroke-linejoin: round;stroke-linecap: round;%27 /%3E%3C/svg%3E%0A");
  opacity: 0;
}
.wp-block-tantrachair-two-column-block.has-play-button .wp-block-image::after {
  content: url("data:image/svg+xml, %3Csvg xmlns=%27http://www.w3.org/2000/svg%27 class=%27play-button%27 width=%27104%27 height=%27104%27 id=%27play-button%27%3E%3Ccircle id=%27circle%27 class=%27play%27 cx=%2750%27 cy=%2750%27 r=%2750%27 style=%27fill:rgba%28255,255,255,0.4%29%27 /%3E%3Cline id=%27line1%27 x1=%2743%27 y1=%2742%27 x2=%2743%27 y2=%2758%27 style=%27stroke-width:6px;stroke:white;stroke-linecap: round;%27 /%3E%3Cpath id=%27line2%27 d=%27M 43 42 L 58 50 L 43 58%27 rx=%2710%27 ry=%2710%27 style=%27stroke-width:6px;stroke:white;fill:white;stroke-linejoin: round;stroke-linecap: round;%27 /%3E%3C/svg%3E%0A");
  opacity: 1;
}
.wp-block-tantrachair-two-column-block.has-play-button:hover {
  cursor: pointer;
}
.wp-block-tantrachair-two-column-block.has-play-button:hover .wp-block-image img {
  scale: 1.05;
}
.wp-block-tantrachair-two-column-block.has-play-button:hover .wp-block-image::before {
  opacity: 1;
}
.wp-block-tantrachair-two-column-block.has-play-button:hover .wp-block-image::after {
  opacity: 0;
}
.wp-block-tantrachair-two-column-block.has-play-button:hover .wp-block-button.is-style-button-link .wp-element-button {
  --link--color: rgba(255,255,255,1);
}
.wp-block-tantrachair-two-column-block.has-play-button:hover .play-button #circle {
  fill: white !important;
}
.wp-block-tantrachair-two-column-block.has-play-button:hover .play-button #line1,
.wp-block-tantrachair-two-column-block.has-play-button:hover .play-button #line2 {
  stroke: #000000 !important;
  fill: #000000 !important;
}
.wp-block-tantrachair-two-column-block.is-style-style-2 {
  --heading-color: var(--wp--preset--color--accent-6);
  --paragraph-color: var(--wp--preset--color--accent-6);
  --background-color: var(--wp--preset--color--accent-1);
}
.wp-block-tantrachair-two-column-block.is-style-style-3 {
  --background-color: var(--wp--preset--color--accent-6);
}

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