/* Give the first four existing grid items their own card; retain DOM order and handlers. */
.mine-page .lauren-mine-tools-grid {
  --mine-section-padding: 20px;
  --mine-section-gap: 14px;
  --mine-row-gap: 16px;
  position: relative;
  isolation: isolate;
  background: transparent;
  border-color: transparent;
}
.mine-page .lauren-mine-tools-grid::before,
.mine-page .lauren-mine-tools-grid::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: -1px;
  right: -1px;
  box-sizing: border-box;
  border: 1px solid #efdfdf;
  border-radius: 17px;
  background: #fff;
  pointer-events: none;
}
.mine-page .lauren-mine-tools-grid::before {
  top: -1px;
  height: calc(var(--mine-section-padding) * 2 + 74px);
}
.mine-page .lauren-mine-tools-grid::after {
  top: calc(var(--mine-section-padding) * 2 + 73px + var(--mine-section-gap));
  bottom: -1px;
}
.mine-page .lauren-mine-tools-divider {
  grid-column: 1 / -1;
  grid-row: 2;
  height: calc(var(--mine-section-padding) * 2 + var(--mine-section-gap) - var(--mine-row-gap) * 2);
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  pointer-events: none;
}
@media (max-width: 350px) {
  .mine-page .lauren-mine-tools-grid {
    --mine-section-padding: 18px;
    --mine-row-gap: 14px;
  }
}