<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.popup-background-layer {
    /* モーダルPopup画面の後ろに出す背景 */
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: rgba(0,0,0, 0.5);
    z-index: 1;
  }

  .popup-field {
    /* Popup画面の前面 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: auto;
    background: white;
    z-index: 2;
  }

  .popup-field-top-anchor {
    /* Popup画面の前面 */
    position: absolute;
    top: calc(56px + 20px);
    left: 50%;
    transform: translate(-50%, 0);
    margin: auto;
    background: white;
    z-index: 2;
  }

.modeless-popup-background-layer {
  /* モードレスPopup画面の後ろに出す背景 */
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
  /* Clickイベントを透過させる場合の設定 */
  /* pointer-events: none; */
}

.popup-close-button {
    color: white;
    font-size: 1.4em;
    background: black;
    border: black;
    width: 30px;
}

/* Ok/Cancel画面の確認文言表示部分のデザイン */
.popup-ok-cancel-content {
  min-height: 8em;
  min-width: 20em;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

/* Ok/Cancel画面に配置されるOk/Cancelボタンの配置 */
.popup-ok-cancel-button-box {
  width: 100%;
  display: flex;
  justify-content: space-around;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

.navbar.popup-navbar {
  /* Popup画面用のNavbar */
  /* デフォルトだとmin-heightが50pxで高すぎるので書き換え */
  min-height: 20px;

  width: 100%;
  display: flex;
  justify-content: flex-end;
  border-radius: 0px;
}</pre></body></html>