/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/hotspot-v1/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied to both the front of your site and in the editor.
 * Include this file in the index.js file.
 * In the block.json file, "style": "file:./style-index.css" locates this file in the build folder.
 *
 * Main stylesheet for the comparison table block.
 * This file imports both default and override styles.
 */
/*--------------------------------------------------------------
# Variables
--------------------------------------------------------------*/
/**
 * The following styles get applied to both the front of your site and in the editor.
 * Include this file in the index.js file.
 * In the block.json file, "style": "file:./style-index.css" locates this file in the build folder.
 *
 * Main stylesheet for the comparison table block.
 * This file imports both default and override styles.
 */
.wp-block-mityinc-hotspot-v1 {
  --hotspot-h3-font-size: 14px;
  --hotspot-h3-line-height: 1.3;
  --hotspot-p-font-size: 14px;
  --hotspot-p-line-height: 1.3;
  --hotspot-content-vertical-adjust: -3px;
  margin: 32px 0;
}
.wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container h3,
.wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container p,
.wp-block-mityinc-hotspot-v1 .hotspot-swiper-wrapper .swiper h3,
.wp-block-mityinc-hotspot-v1 .hotspot-swiper-wrapper .swiper p {
  margin: 0;
}
.wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container h3,
.wp-block-mityinc-hotspot-v1 .hotspot-swiper-wrapper .swiper h3 {
  font-size: var(--hotspot-h3-font-size);
  line-height: var(--hotspot-h3-line-height);
}
.wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container p,
.wp-block-mityinc-hotspot-v1 .hotspot-swiper-wrapper .swiper p {
  font-size: var(--hotspot-p-font-size);
  line-height: var(--hotspot-p-line-height);
}
.wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-image-wrapper {
  position: relative;
  margin: 0 auto;
  width: 60%;
}
.wp-block-mityinc-hotspot-v1 .hotspot-wrapper img {
  display: block;
  width: 100%;
}
.wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container {
  position: absolute;
  height: 12px;
  width: 12px;
  /* --- 1. Hotspot/Content Container Positioning --- */
  /* --- 2. Marker & Base Content Styles --- */
  /* --- 3. Content Positioning & Alignment --- */
}
.wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-top-left, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-center-left, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-bottom-left {
  left: 8%;
}
.wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-top-right, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-center-right, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-bottom-right {
  right: 8%;
}
.wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-top-left, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-top-center, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-top-right {
  top: 24%;
}
.wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-bottom-left, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-bottom-center, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-bottom-right {
  bottom: 24%;
}
.wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-top-center, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-bottom-center {
  left: 50%;
  transform: translateX(-50%);
}
.wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-center-left, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-center-right {
  top: 50%;
  transform: translateY(-50%);
}
.wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container .hotspot-marker {
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
}
.wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container .hotspot-content {
  position: absolute;
  width: 145px;
}
.wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-top-left .hotspot-content, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-top-center .hotspot-content, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-top-right .hotspot-content, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-center-left .hotspot-content, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-center-right .hotspot-content, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-bottom-left .hotspot-content, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-bottom-center .hotspot-content, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-bottom-right .hotspot-content {
  transform: translateY(calc(-12px + var(--hotspot-content-vertical-adjust)));
}
.wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-top-left .hotspot-content, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-center-left .hotspot-content, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-bottom-left .hotspot-content, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-bottom-center .hotspot-content {
  right: calc(12px + 8px);
  text-align: right;
}
.wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-top-right .hotspot-content, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-top-center .hotspot-content, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-center-right .hotspot-content, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-bottom-right .hotspot-content {
  left: calc(12px + 8px);
}
.wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-top-center .hotspot-content {
  bottom: calc(-12px + var(--hotspot-content-vertical-adjust));
}

@media (max-width: 1024px) {
  .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-top-left, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-center-left, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-bottom-left {
    left: 7%;
  }
  .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-top-right, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-center-right, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-bottom-right {
    right: 7%;
  }
  .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-top-left, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-top-center, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-top-right {
    top: 23%;
  }
  .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-bottom-left, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-bottom-center, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-bottom-right {
    bottom: 23%;
  }
}
@media (max-width: 900px) {
  .wp-block-mityinc-hotspot-v1 h3,
  .wp-block-mityinc-hotspot-v1 p {
    text-align: center;
  }
  .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container {
    height: 24px;
    width: 24px;
  }
  .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-top-left, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-center-left, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-bottom-left {
    left: 6%;
  }
  .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-top-right, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-center-right, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-bottom-right {
    right: 6%;
  }
  .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-top-left, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-top-center, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-top-right {
    top: 22%;
  }
  .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-bottom-left, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-bottom-center, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-bottom-right {
    bottom: 22%;
  }
  .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container .hotspot-marker {
    border-width: 3px;
  }
  .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container .hotspot-content {
    display: none;
  }
}
@media (max-width: 600px) {
  .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-top-left, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-center-left, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-bottom-left {
    left: 2%;
  }
  .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-top-right, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-center-right, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-bottom-right {
    right: 2%;
  }
  .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-top-left, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-top-center, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-top-right {
    top: 18%;
  }
  .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-bottom-left, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-bottom-center, .wp-block-mityinc-hotspot-v1 .hotspot-wrapper .hotspot-container.is-positioned-bottom-right {
    bottom: 18%;
  }
}
.wp-block-mityinc-hotspot-v1 .hotspot-swiper-wrapper {
  display: none;
}

@media (max-width: 900px) {
  .wp-block-mityinc-hotspot-v1 {
    --swiper-controls-gap: 16px;
    --swiper-pagination-gap: 8px;
    --swiper-pagination-bullet-width-height: 8px;
  }
  .wp-block-mityinc-hotspot-v1 .hotspot-swiper-wrapper {
    display: block;
    margin-top: 16px;
  }
  .wp-block-mityinc-hotspot-v1 .hotspot-swiper-wrapper .hotspot-swiper-controls {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 16px;
    position: relative;
  }
  .wp-block-mityinc-hotspot-v1 .hotspot-swiper-wrapper .hotspot-swiper-controls {
    gap: var(--swiper-controls-gap);
  }
  .wp-block-mityinc-hotspot-v1 .hotspot-swiper-wrapper .swiper-pagination {
    gap: var(--swiper-pagination-gap);
  }
  .wp-block-mityinc-hotspot-v1 .hotspot-swiper-wrapper .swiper-button,
  .wp-block-mityinc-hotspot-v1 .hotspot-swiper-wrapper .swiper-pagination {
    background: unset;
    border: unset;
    height: unset;
    margin: unset;
    padding: unset;
    position: unset;
    width: unset;
  }
  .wp-block-mityinc-hotspot-v1 .hotspot-swiper-wrapper .swiper-button::after {
    content: none;
  }
  .wp-block-mityinc-hotspot-v1 .hotspot-swiper-wrapper .swiper-pagination {
    display: flex;
  }
  .wp-block-mityinc-hotspot-v1 .hotspot-swiper-wrapper .swiper-pagination .swiper-pagination-bullet {
    margin: 0;
    opacity: 1;
    width: var(--swiper-pagination-bullet-width-height);
    height: var(--swiper-pagination-bullet-width-height);
  }
}

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