/* line 6, scss/component/dialog.scss */
.has-dialog {
  overflow: hidden; }

/* line 10, scss/component/dialog.scss */
[role="dialog"]:not(.glightbox-container) {
  background-color: #fff;
  display: none;
  position: absolute;
  top: 50vh;
  left: 50vw;
  transform: translate(-50%, -50%);
  box-shadow: 0px 0px 31px -13px rgba(0, 0, 0, 0.75);
  width: 90vw;
  min-height: auto;
  max-height: 80vh;
  overflow: auto;
  padding: 24px; }
  /* line 24, scss/component/dialog.scss */
  [role="dialog"]:not(.glightbox-container) .dialog-title {
    font-size: 1rem;
    margin: 0; }
  @media (min-width: 992px) {
    /* line 10, scss/component/dialog.scss */
    [role="dialog"]:not(.glightbox-container) {
      width: auto;
      min-width: calc(640px - (15px * 2));
      max-height: 60vh;
      padding: 40px; } }
  /* line 36, scss/component/dialog.scss */
  [role="dialog"]:not(.glightbox-container).page-share-dialog {
    max-width: 330px; }
  /* line 40, scss/component/dialog.scss */
  [role="dialog"]:not(.glightbox-container) #edit-intro,
  [role="dialog"]:not(.glightbox-container) .messages {
    width: calc(100% - 60px); }
  /* line 45, scss/component/dialog.scss */
  [role="dialog"]:not(.glightbox-container) .dialog-close.top-right {
    position: absolute;
    top: 40px;
    right: 40px;
    background: none;
    border: none;
    cursor: pointer;
    width: 40px;
    height: 40px; }
    /* line 55, scss/component/dialog.scss */
    [role="dialog"]:not(.glightbox-container) .dialog-close.top-right svg {
      color: #55B5B1; }

/* line 61, scss/component/dialog.scss */
.dialog-backdrop {
  display: none;
  position: fixed;
  overflow-y: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-bottom: 80px;
  z-index: 99;
  background: rgba(41, 46, 61, 0.3);
  backdrop-filter: blur(5px); }
  /* line 74, scss/component/dialog.scss */
  .dialog-backdrop.active {
    display: block; }

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