/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/@wordpress/scripts/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/block-plot-item/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Frontend styles */
.plot-item {
  position: absolute;
  top: var(--y-value);
  left: var(--x-value);
}
.plot-item .plot-item-info {
  position: absolute;
  top: -40px;
  left: 50%;
  width: 120px;
  margin-left: -65px;
  padding: 5px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  color: #000000;
}
.plot-item .plot-item-info:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  margin-left: -8px;
  border-width: 8px 8px 0;
  border-color: rgb(255, 255, 255) transparent;
}
.plot-item .plot-item-info .plot-id {
  display: none;
}
.plot-item .plot-item-info .plot-description {
  font-size: 10px;
  font-weight: 300;
  text-align: center;
}

.wp-block-mold-plot-item .plot-image-trigger {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.wp-block-mold-plot-item .plot-image-trigger:disabled {
  cursor: default;
  opacity: 1;
}

.block-editor-block-list__block .plot-image-trigger {
  cursor: default !important;
}

.plot-details-modal .plot-modal-content h2 {
  margin-top: 0;
  color: #1e1e1e;
}
.plot-details-modal .plot-modal-content .plot-featured-image img {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
}
.plot-details-modal .plot-modal-content .plot-content {
  max-height: 300px;
  overflow-y: auto;
  padding-right: 10px;
}
.plot-details-modal .plot-modal-content .plot-content p {
  margin-bottom: 1em;
}
.plot-details-modal .plot-modal-content .plot-content img {
  max-width: 100%;
  height: auto;
}

.plot-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  align-items: center;
  justify-content: center;
}

.plot-modal[aria-hidden=false] {
  display: flex;
}

.plot-modal__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.plot-modal__main {
  position: relative;
  background: #fff;
  padding: 2rem;
  width: clamp(300px, 60%, 800px);
  max-height: 90vh;
  overflow-y: auto;
  border-radius: 8px;
  z-index: 10000;
}

.plot-modal__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
}

.plot-image-trigger:hover {
  opacity: 0.9;
}

.plot-modal__image img {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

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