.new-item-overlay {
  letter-spacing: -0.4px;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: -0.5px;
  position: absolute;
  top: -5%;
  left: -5%;
  width: 120%;
  height: 110%;
  padding: inherit;
  z-index: 2;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: opacity 0.2s linear;
}
.new-item-overlay a.label {
  display: flex !important;
  align-items: center;
  cursor: inherit;
  transition: opacity 0.2s linear, transform 0.3s ease;
  text-shadow: 1px 2px 8px rgba(0, 0, 0, 0.2);
}
.new-item-overlay a.label::before {
  content: "";
  display: inline-block;
  position: relative;
  background: url("/img/sense-ui-icons/sense-ui-icons/add-page.svg") no-repeat center;
  width: 90px;
  height: 90px;
  background-size: 90px;
  margin-right: 30px;
  filter: brightness(0) invert(0.2) drop-shadow(1px 3px 7px rgba(0, 0, 0, 0.3));
}
.new-item-overlay.is-light a.label::before {
  filter: brightness(0) invert(1) drop-shadow(0 2px 10px rgba(0, 0, 0, 0.4));
}
@media (width < 841px) {
  .menu-contents .new-item-overlay a.label {
    display: inline-block !important;
    margin-top: 7px;
  }
}
.items > .new-item:not(.has-focus):not(.ignore-fade) > :not(.new-item-overlay):not(.dropdown-button), ul > .new-item:not(.has-focus) > :not(.new-item-overlay):not(.dropdown-button), .blocks > .new-item:not(.has-focus) > :not(.new-item-overlay):not(.dropdown-button) {
  opacity: 0.3;
}
body:not(.is-dragging) .controller .blocks > .new-item:not(.has-focus):hover .new-item-overlay a.label, body:not(.is-dragging) .controller .grouped-items > .new-item:not(.has-focus):not(.ignore-fade):hover .new-item-overlay a.label, body:not(.is-dragging) .controller .items > .new-item:not(.has-focus):not(.ignore-fade):hover .new-item-overlay a.label, body:not(.is-dragging) .controller ul > .new-item:not(.has-focus):hover .new-item-overlay a.label, body:not(.is-dragging) .controller .new-item.new-block:hover .new-item-overlay a.label {
  opacity: 0.6;
}
body:not(.is-dragging) .controller .items > .new-item:not(.has-focus):not(.ignore-fade):active .new-item-overlay a.label, body:not(.is-dragging) .controller .grouped-items > .new-item:not(.has-focus):not(.ignore-fade):active .new-item-overlay a.label, body:not(.is-dragging) .controller .blocks > .new-item:not(.has-focus):active .new-item-overlay a.label, body:not(.is-dragging) .controller ul > .new-item:not(.has-focus):active .new-item-overlay a.label, body:not(.is-dragging) .controller .new-item.new-block:active .new-item-overlay a.label {
  opacity: 0.4;
  transform: scale3d(0.95, 0.95, 1);
}
.items > .new-item.has-focus .new-item-overlay, .grouped-items > .new-item.has-focus .new-item-overlay, .blocks > .new-item.has-focus .new-item-overlay, ul > .new-item.has-focus .new-item-overlay, .new-item.no-overlay .new-item-overlay {
  opacity: 0;
  pointer-events: none;
}
.items > .new-item.has-focus .new-item-overlay a.label, .grouped-items > .new-item.has-focus .new-item-overlay a.label, .blocks > .new-item.has-focus .new-item-overlay a.label, ul > .new-item.has-focus .new-item-overlay a.label, .new-item.no-overlay .new-item-overlay a.label {
  transform: scale3d(0.925, 0.925, 1);
}
.new-item.no-overlay .new-item-overlay {
  opacity: 0 !important;
  pointer-events: none;
}
.new-item.no-overlay > :not(.dropdown-button):not(.new-item-overlay) {
  opacity: 1 !important;
}
.new-item {
  transition: opacity 0.2s linear 0.35s, transform 0.3s ease 0.35s;
}
.new-item.animate-in {
  opacity: 0;
  transform: scale3d(0.9, 0.9, 1);
}
.new-item.is-disabled {
  opacity: 0;
  position: absolute !important;
  pointer-events: none;
}
.items > * {
  transition: opacity 0.2s linear, transform 0.3s ease;
}
.items > .animate-out {
  opacity: 0;
  transform: scale3d(0.9, 0.9, 1);
  transition: opacity 0.15s linear, transform 0.2s ease !important;
  pointer-events: none;
}
.items > .animate-out .dropdown-button {
  opacity: 0 !important;
}
.items > .animate-in {
  opacity: 0;
  transform: scale3d(0.9, 0.9, 1);
}
html.darkmode .new-item-overlay a.label {
  color: white;
}
html.darkmode .new-item-overlay a.label::before {
  filter: brightness(0) invert(1) drop-shadow(0 2px 10px rgba(0, 0, 0, 0.4));
}