/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/blocks/dialog/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
:root {
  --mio-offset-left: 0px;
  --mio-offset-right: 0px;
  --mio-offset-top: 0px;
  --mio-offset-bottom: 0px;
}

.wp-block-museuio-companion-dialog {
  --mio-max-width: 100%;
  --mio-max-width--desktop: 100%;
  --available-width: min(100%, var(--mio-max-width, 100%));
  --available-width--desktop: min(100%, var(--mio-max-width--desktop, var(--available-width)));
  --max-width-limit: calc(var(--available-width) - (var(--mio-offset-left, 0px) + var(--mio-offset-right, 0px)));
  --max-width-limit--desktop: calc(var(--available-width--desktop) - (var(--mio-offset-left, 0px) + var(--mio-offset-right, 0px)));
}

.wp-block-museuio-companion-dialog {
  position: fixed;
  box-sizing: border-box;
  z-index: 10;
}
.wp-block-museuio-companion-dialog:focus, .wp-block-museuio-companion-dialog:focus-visible {
  outline: 0;
}
.wp-block-museuio-companion-dialog::backdrop {
  background-color: var(--mio-backdrop-color);
}
.wp-block-museuio-companion-dialog.mio-dialog-block--is-modal {
  margin: 0 !important;
}
.wp-block-museuio-companion-dialog:not(.mio-dialog-block--is-modal) {
  --available-width--desktop: min(100%, var(--mio-max-width--desktop, var(--available-width)));
  --max-width-limit--desktop: calc(var(--available-width--desktop));
}
.wp-block-museuio-companion-dialog {
  width: 100%;
  height: auto;
  max-width: var(--max-width-limit);
  min-height: var(--mio-min-height, auto);
}
@media screen and (min-width: 1024px) {
  .wp-block-museuio-companion-dialog {
    max-width: var(--max-width-limit--desktop) !important;
    min-height: var(--mio-min-height--desktop, var(--mio-min-height, auto));
  }
}
.wp-block-museuio-companion-dialog.mio-dialog-block--anchor-to-trigger {
  top: var(--mio-position-y);
  left: var(--mio-position-x);
}
.wp-block-museuio-companion-dialog:not(.mio-dialog-block--anchor-to-trigger).mio-dialog-block__position--top-left {
  top: var(--mio-offset-top);
  left: var(--mio-offset-left);
}
.wp-block-museuio-companion-dialog:not(.mio-dialog-block--anchor-to-trigger).mio-dialog-block__position--center-left {
  top: 50%;
  transform: translateY(-50%);
  left: var(--mio-offset-left);
}
.wp-block-museuio-companion-dialog:not(.mio-dialog-block--anchor-to-trigger).mio-dialog-block__position--bottom-left {
  bottom: var(--mio-offset-bottom);
  left: var(--mio-offset-left);
}
.wp-block-museuio-companion-dialog:not(.mio-dialog-block--anchor-to-trigger).mio-dialog-block__position--top-center {
  top: var(--mio-offset-top);
  left: 50%;
  transform: translateX(-50%);
}
.wp-block-museuio-companion-dialog:not(.mio-dialog-block--anchor-to-trigger).mio-dialog-block__position--center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.wp-block-museuio-companion-dialog:not(.mio-dialog-block--anchor-to-trigger).mio-dialog-block__position--bottom-center {
  bottom: var(--mio-offset-bottom);
  left: 50%;
  transform: translateX(-50%);
}
.wp-block-museuio-companion-dialog:not(.mio-dialog-block--anchor-to-trigger).mio-dialog-block__position--top-right {
  top: var(--mio-offset-top);
  right: var(--mio-offset-right);
}
.wp-block-museuio-companion-dialog:not(.mio-dialog-block--anchor-to-trigger).mio-dialog-block__position--center-right {
  top: 50%;
  transform: translateY(-50%);
  right: var(--mio-offset-right);
}
.wp-block-museuio-companion-dialog:not(.mio-dialog-block--anchor-to-trigger).mio-dialog-block__position--bottom-right {
  bottom: var(--mio-offset-bottom);
  right: var(--mio-offset-right);
}
.wp-block-museuio-companion-dialog .mio-dialog__content {
  z-index: 100;
}

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