/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/editor.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
.ghub-video-wrapper {
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: column;
}
.ghub-video-wrapper.ghub-video-horizontal-right {
  align-items: flex-end;
}
.ghub-video-wrapper.ghub-video-horizontal-center {
  align-items: center;
}
.ghub-video-wrapper.ghub-video-horizontal-left {
  align-items: flex-start;
}
.ghub-video-wrapper.ghub-video-vertical-top {
  justify-content: flex-start;
}
.ghub-video-wrapper.ghub-video-vertical-center {
  justify-content: center;
}
.ghub-video-wrapper.ghub-video-vertical-bottom {
  justify-content: flex-end;
}
.ghub-video-wrapper img {
  width: 100%;
}
.ghub-video-wrapper .ghub-play-icon-wrapper {
  position: absolute;
  gap: 10px;
  margin: 10px;
  z-index: 5;
  display: flex;
  align-items: center;
  background: var(--ghub-play-icon-bg-color, #ff0000);
}
.ghub-video-wrapper .ghub-play-icon-wrapper.ghub-square {
  padding: 5px 10px;
}
.ghub-video-wrapper .ghub-play-icon-wrapper.ghub-rounded {
  border-radius: 5px;
  padding: 5px 10px;
}
.ghub-video-wrapper .ghub-play-icon-wrapper.ghub-rectangle {
  padding: 0 15px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2720%27 viewBox=%270 0 24 20%27 fill=%27none%27%3E%3Cpath d=%27M23.3925 3.35455C23.2915 2.93563 23.0981 2.54816 22.8282 2.22413C22.5582 1.9001 22.2195 1.64878 21.84 1.49091C18.1671 -0.0136322 12.3214 4.32264e-06 12 4.32264e-06C11.6786 4.32264e-06 5.83286 -0.0136322 2.16 1.49091C1.78046 1.64878 1.44175 1.9001 1.17182 2.22413C0.90188 2.54816 0.708456 2.93563 0.6075 3.35455C0.33 4.48864 0 6.56137 0 10C0 13.4386 0.33 15.5114 0.6075 16.6455C0.708305 17.0646 0.901661 17.4523 1.17161 17.7765C1.44155 18.1008 1.78034 18.3522 2.16 18.5102C5.67857 19.95 11.1857 20 11.9293 20H12.0707C12.8143 20 18.3246 19.95 21.84 18.5102C22.2197 18.3522 22.5585 18.1008 22.8284 17.7765C23.0983 17.4523 23.2917 17.0646 23.3925 16.6455C23.67 15.5091 24 13.4386 24 10C24 6.56137 23.67 4.48864 23.3925 3.35455Z%27 fill=%27black%27/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2720%27 viewBox=%270 0 24 20%27 fill=%27none%27%3E%3Cpath d=%27M23.3925 3.35455C23.2915 2.93563 23.0981 2.54816 22.8282 2.22413C22.5582 1.9001 22.2195 1.64878 21.84 1.49091C18.1671 -0.0136322 12.3214 4.32264e-06 12 4.32264e-06C11.6786 4.32264e-06 5.83286 -0.0136322 2.16 1.49091C1.78046 1.64878 1.44175 1.9001 1.17182 2.22413C0.90188 2.54816 0.708456 2.93563 0.6075 3.35455C0.33 4.48864 0 6.56137 0 10C0 13.4386 0.33 15.5114 0.6075 16.6455C0.708305 17.0646 0.901661 17.4523 1.17161 17.7765C1.44155 18.1008 1.78034 18.3522 2.16 18.5102C5.67857 19.95 11.1857 20 11.9293 20H12.0707C12.8143 20 18.3246 19.95 21.84 18.5102C22.2197 18.3522 22.5585 18.1008 22.8284 17.7765C23.0983 17.4523 23.2917 17.0646 23.3925 16.6455C23.67 15.5091 24 13.4386 24 10C24 6.56137 23.67 4.48864 23.3925 3.35455Z%27 fill=%27black%27/%3E%3C/svg%3E");
  mask-size: 100% 100%;
  -webkit-mask-size: 100% 100%;
}
.ghub-video-wrapper .ghub-play-icon-wrapper.ghub-rectangle svg {
  z-index: 1;
  width: var(--ghub-play-icon-size, 38px) !important;
  height: calc(var(--ghub-play-icon-size, 38px) + 10px) !important;
}
.ghub-video-wrapper .ghub-play-icon-wrapper.ghub-circle {
  -webkit-clip-path: circle(50% at 50% 50%);
          clip-path: circle(50% at 50% 50%);
  padding: 10px;
}
.ghub-video-wrapper .ghub-play-icon-wrapper.ghub-bevel {
  -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
          clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
  padding: 5px 10px;
}
.ghub-video-wrapper .ghub-play-icon-wrapper.ghub-octagon {
  -webkit-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
          clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
  padding: 5px 10px;
}
.ghub-video-wrapper .ghub-play-icon-wrapper svg {
  width: var(--ghub-play-icon-size, 38px);
  height: var(--ghub-play-icon-size, 38px);
  color: var(--ghub-play-icon-color, #ffffff);
}

.gutenberghub-video-button-group {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
  margin-bottom: 20px;
}
.gutenberghub-video-button-group button {
  justify-content: center;
  height: auto;
}
.gutenberghub-video-button-group button .ghub-button-shape {
  margin: 10px 0px;
  width: 100%;
  height: 45px;
  background: #ddd;
}
.gutenberghub-video-button-group button .ghub-button-shape.ghub-rounded {
  border-radius: 5px;
}
.gutenberghub-video-button-group button .ghub-button-shape.ghub-rectangle {
  position: relative;
  width: 50px;
  height: 40px;
  padding: 0 15px;
  border-radius: 50%/11%;
}
.gutenberghub-video-button-group button .ghub-button-shape.ghub-rectangle:before {
  content: "";
  position: absolute;
  background: inherit;
  top: 10%;
  bottom: 10%;
  right: -5%;
  left: -4.5%;
  border-radius: 5%/50%;
}
.gutenberghub-video-button-group button .ghub-button-shape.ghub-bevel {
  -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
          clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
}
.gutenberghub-video-button-group button .ghub-button-shape.ghub-circle {
  -webkit-clip-path: circle(50% at 50% 50%);
          clip-path: circle(50% at 50% 50%);
  height: 53px !important;
}
.gutenberghub-video-button-group button .ghub-button-shape.ghub-octagon {
  -webkit-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
          clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
}

.ghub-video-container.wp-embed-aspect-4-3.wp-has-aspect-ratio iframe {
  position: relative !important;
}

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