body[data-page="home"] .home-quick-action:nth-child(1),
body[data-page="home"] .home-quick-action:nth-child(2),
body[data-page="home"] .home-quick-action:nth-child(3),
body[data-page="home"] .home-quick-action:nth-child(4),
body[data-page="home"] .home-quick-action:nth-child(5),
body[data-page="home"] .home-quick-action:nth-child(6),
body[data-page="home"] .home-quick-action:nth-child(7),
body[data-page="home"] .home-quick-action:nth-child(8),
body[data-page="home"] .home-quick-action:nth-child(9) {
  isolation: isolate;
  overflow: hidden;
  border: 0 !important;
  background: linear-gradient(145deg, #f4f8ff 0%, #dce9ff 52%, #bfd5ff 100%) !important;
  box-shadow: 0 14px 28px rgb(55 105 190 / 22%), 0 4px 10px rgb(121 167 238 / 28%), inset 0 1px 0 rgb(255 255 255 / 92%) !important;
  color: #17345f !important;
  text-shadow: 0 1px 0 rgb(255 255 255 / 60%);
}

body[data-page="home"] .home-quick-action:nth-child(2) {
  background: linear-gradient(145deg, #fff6fc 0%, #f3d9f0 52%, #e7b7df 100%) !important;
  box-shadow: 0 14px 28px rgb(180 72 155 / 22%), 0 4px 10px rgb(222 132 199 / 28%), inset 0 1px 0 rgb(255 255 255 / 94%) !important;
}

body[data-page="home"] .home-quick-action:nth-child(3) {
  background: linear-gradient(145deg, #f7fff7 0%, #dcf3c9 52%, #b9e39a 100%) !important;
  box-shadow: 0 14px 28px rgb(86 157 53 / 22%), 0 4px 10px rgb(151 211 106 / 28%), inset 0 1px 0 rgb(255 255 255 / 94%) !important;
}

body[data-page="home"] .home-quick-action:nth-child(4) {
  background: linear-gradient(145deg, #f3ffff 0%, #cceff1 52%, #98dfe5 100%) !important;
  box-shadow: 0 14px 28px rgb(27 139 151 / 22%), 0 4px 10px rgb(91 199 209 / 28%), inset 0 1px 0 rgb(255 255 255 / 94%) !important;
}

body[data-page="home"] .home-quick-action:nth-child(5) {
  background: linear-gradient(145deg, #fffdf1 0%, #ffe9ad 52%, #ffd06b 100%) !important;
  box-shadow: 0 14px 28px rgb(205 139 16 / 22%), 0 4px 10px rgb(241 188 70 / 30%), inset 0 1px 0 rgb(255 255 255 / 94%) !important;
}

body[data-page="home"] .home-quick-action:nth-child(6) {
  background: linear-gradient(145deg, #f8f5ff 0%, #ded2ff 52%, #bba6ff 100%) !important;
  box-shadow: 0 14px 28px rgb(103 72 190 / 22%), 0 4px 10px rgb(164 135 239 / 30%), inset 0 1px 0 rgb(255 255 255 / 94%) !important;
}

body[data-page="home"] .home-quick-action:nth-child(7) {
  background: linear-gradient(145deg, #fff7f4 0%, #ffd8cb 52%, #ffb29f 100%) !important;
  box-shadow: 0 14px 28px rgb(204 93 67 / 22%), 0 4px 10px rgb(241 143 118 / 30%), inset 0 1px 0 rgb(255 255 255 / 94%) !important;
}

body[data-page="home"] .home-quick-action:nth-child(8) {
  background: linear-gradient(145deg, #f5fbff 0%, #c9e7ff 52%, #8fc9f7 100%) !important;
  box-shadow: 0 14px 28px rgb(48 126 190 / 22%), 0 4px 10px rgb(111 186 238 / 30%), inset 0 1px 0 rgb(255 255 255 / 94%) !important;
}

body[data-page="home"] .home-quick-action:nth-child(9) {
  background: linear-gradient(145deg, #f8fff9 0%, #c9f0d8 52%, #8ddcac 100%) !important;
  box-shadow: 0 14px 28px rgb(43 145 83 / 22%), 0 4px 10px rgb(103 211 139 / 30%), inset 0 1px 0 rgb(255 255 255 / 94%) !important;
}

body[data-page="home"] .home-quick-action::before {
  position: absolute;
  z-index: -1;
  top: -58%;
  right: -22%;
  width: 115px;
  height: 115px;
  border: 1px solid rgb(255 255 255 / 65%);
  border-radius: 50%;
  box-shadow: 0 0 0 12px rgb(255 255 255 / 32%), 0 0 0 28px rgb(255 255 255 / 18%);
  content: "";
  pointer-events: none;
}

body[data-page="home"] .home-quick-action::after {
  position: absolute;
  z-index: -1;
  bottom: -45%;
  left: -20%;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: radial-gradient(circle, rgb(255 255 255 / 72%), transparent 68%);
  content: "";
  pointer-events: none;
}

body[data-page="home"] .home-quick-action .home-quick-icon,
body[data-page="home"] .home-quick-action strong {
  position: relative;
  z-index: 1;
  color: #17345f !important;
}

body[data-page="home"] .home-quick-action .home-quick-icon svg {
  color: #17345f !important;
  stroke: currentColor !important;
}