.c00p530 {
  height: 100%;
  padding: 24px;
  box-sizing: border-box;
  pointer-events: all;
  transform-origin: 0 0;
  font-weight: 400;
  line-height: var(--affine-line-height);
}
.c00p531 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0.2;
  transition: opacity 0.3s;
}
.c00p531:hover {
  opacity: 1;
}
.c00p531.flip {
  transform: translateX(-50%) rotate(180deg);
}
.c00p532 {
  position: absolute;
  border-color: var(--affine-black-10);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.c00p530[data-editing="true"] .c00p532 {
  left: -20px;
  top: -20px;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  transition: left 0.3s, top 0.3s, width 0.3s, height 0.3s;
  box-shadow: var(--affine-active-shadow);
}
.c00p533 {
  width: 100%;
  height: 100%;
}
.c00p534 {
  position: absolute;
  background: var(--affine-white);
  opacity: 0.5;
  pointer-events: none;
  border: 2px var(--affine-blue) solid;
  border-top: unset;
  border-radius: 0 0 8px 8px;
}.dt8fw60 {
  position: absolute;
  border-color: var(--affine-black-10);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.c00p530[data-editing="true"] .dt8fw60 {
  left: -20px;
  top: -20px;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  transition: left 0.3s, top 0.3s, width 0.3s, height 0.3s;
  box-shadow: var(--affine-active-shadow);
}._1ax9vot0 {
  position: relative;
}
._1ax9vot0 .doc-title-container {
  padding: 26px 0px;
  margin-left: unset;
  margin-right: unset;
}