@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP:wght@100;200;300;400;500;600;700&display=swap");
body {
  font-family: var(--ls-font-family), "IBM Plex Sans JP", sans-serif, system-ui,
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
    Arial, "Noto Sans", serif, Apple Color Emoji, Segoe UI Emoji,
    Segoe UI Symbol !important;
}
/* @keyframes test {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.main-content-container *,
.cp__settings-inner * {
  animation: test 1s cubic-bezier(0, 0.94, 0, 0.99);
} */
b,
strong {
  font-weight: 900 !important;
}
*,
*:hover {
  /* font-weight: 400; */
  transition: 0.5s;
  transition-timing-function: cubic-bezier(0, 0.94, 0, 0.99);
}
.ui__modal-panel {
  border-radius: 15px;
}
.asset-container img {
  border-radius: 0.75em;
}
.pswp.pswp--open {
  backdrop-filter: blur(20px);
  --pswp-bg: var(--lx-accent-11);
}
@media screen and (max-width: 800px) {
  .block-properties {
    > div:has(.asset-container) {
      /* display: none; */
      grid-template-columns: 1fr;
    }
    .resize.image-resize,
    .asset-container,
    img {
      width: 100% !important;
    }
  }
}
.block-properties {
  span.mr-1 {
    display: none;
  }
  border-radius: 12px;
  border: 1px solid
    var(--lx-accent-11, var(--ls-link-text-color, hsl(var(--primary) / 0.8)));
  background-color: var(--lx-accent-03) !important;
  padding: 0;
  /* padding: 0px 10px; */
  overflow: hidden;
  /* border: 1px solid black; */
  background: none;
  /* font-size: 12px; */
  a.page-ref.page-property-key.block-property {
    font-weight: 400;
    color: var(--lx-accent-12);
  }
  a.page-ref.page-property-key.block-property:after {
    content: ":";
    padding-right: 0.3em;
  }
  > div {
    padding: 10px 15px;
    display: grid;
    /* gap: 10em; */
    grid-template-columns: 1fr 5fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-bottom: 1px solid var(--lx-accent-08);
    /* border-left: 1px solid var(--lx-accent-08-alpha);
    border-right: 1px solid var(--lx-accent-08-alpha); */
    border-top: none;
    /* .page-property-value.inline {
      background-color: aqua;
    } */
  }
  > div:first-child {
    border-top: 0px solid var(--lx-accent-08);
  }
  > div:last-child {
    border-bottom: 0px solid var(--lx-accent-08);
  }
}

/* 跳出 */
textarea .tippy-popper {
  .tippy-tooltip {
    border-radius: 200px;
  }
}
/* div.tippy-tooltip.tippy-tooltip--regular.customized-theme.enter.tippy-notransition { */
div.tippy-tooltip.tippy-tooltip--regular {
  /* transition: 5s 0s cubic-bezier(0, 0.97, 0.18, 1.01) !important; */
  /* background-color: var(--lx-gray-09-alpha); */
  backdrop-filter: blur(30px) brightness(100%);
  border-radius: 10px !important;
  box-shadow: hsl(var(--primary) / 0.5) 5px 5px 100px;
  overflow: hidden;
  border: 1px solid var(--lx-accent-05);
  /* transform: scale(0.7) !important; */
  font-size: 0.75em;
  h2.text-lg {
    font-weight: 500 !important;
  }
  .tippy-wrapper {
    padding-top: 5px;
  }
  /* .tippy- */
  #main-content-container {
    font-size: 20px;
  }
}

/* .flex.flex-col.wrap.gap-1.relative {
  margin-top: 10px;
}
div#left-sidebar {
  transform: scale(0.9);
  border-radius: 20px;
  overflow: hidden;
}
.cp__sidebar-left-layout.is-open {
  border: 1px solid var(--lx-accent-07-alpha);
}
.cp__sidebar-left-layout {
  border: 1px solid transparent;
} */