.dm-modal {
  border-radius: var(--borderRadius);
  z-index: calc(var(--baseZIndex) + 3);
  padding: 1rem;
  display: none;
  position: fixed;
  box-shadow: 0 16px 24px rgba(0, 0, 0, 0.14), 0 6px 30px rgba(0, 0, 0, 0.12), 0 8px 10px rgba(0, 0, 0, 0.2);
  margin: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--white);
}

.dm-modal__head {
  display: flex;
  justify-content: space-between;
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.dm-modal__closeButton::before {
  content: "";
  -webkit-mask: var(--closeButton) no-repeat center center / 100%;
  mask: var(--closeButton) no-repeat center center / 100%;
  width: 1rem;
  height: 1rem;
  background: var(--brandColor);
  display: block;
  cursor: pointer;
}

.dm-toggleSocialSharingModal:checked ~ .dm-modal--socialSharing,
.dm-toggleFontSizeModal:checked ~ .dm-modal--fontSizeSetting {
  display: block;
}

.dm-modal__headerText {
  font-weight: bold;
}

.dm-toggleFontSizeModal,
.dm-toggleSocialSharingModal,
.dm-sidebarToggle {
  position: absolute;
  top: -99px;
  visibility: hidden;
}

.dm-modal__content--socialSharing {
  margin-top: 1rem;
  margin-bottom: 1rem;
}