/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@wordpress/scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./packages/module-library/image-hotspots-child/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Per-hotspot position (left/top), background, and max-width are emitted on each child's
   order class via module-styles / ImageHotspotsChild::module_styles — not on this shared class. */
/******* Default CSS Icon (native ETmodules fallback only) *************/
.dsm_image_hotspots_icon:not(.dsm-webfont-icon-host),
.dsm_image_hotspots_icon:not(.dsm-webfont-icon-host)::before {
  font-family: ETmodules !important;
  font-weight: 400;
  content: "L";
}

.dsm_image_hotspots_icon.dsm-webfont-icon-host::before {
  content: none !important;
  display: none !important;
}

.tippy-box.dsm_image_hotspot_tooltip_wrapper {
  width: auto;
  max-width: none;
}

.dsm_image_hotspot_tooltip_wrapper .tippy-content {
  box-sizing: border-box;
  white-space: normal;
  word-wrap: break-word;
}

.dsm_image_hotspot_tooltip_wrapper .tippy-content .dsm_image_tooltip_content {
  display: block;
  max-width: 100%;
  white-space: normal;
  word-wrap: break-word;
}

.dsm_image_hotspot_tooltip_wrapper .tippy-content img,
.dsm_image_hotspot_tooltip_wrapper .tippy-content .dsm_image_tooltip_content img {
  max-width: 100%;
  height: auto;
}
